body {
    /*color: #ffffff;*/
    color:#545454;
    /*font-family: 'cursive';*/
    padding-bottom:0px !important;
    max-width:100%;
    overflow-x:hidden;
    /*display:flex;*/
    /*flex-direction:column;*/
    /*height:100%;*/
    font-family:'ubuntu' sans-serif;
   
}

.wrapper{
    height:100%;
    position:relative;
    overflow-x:hidden;
    overflow-y:auto;
   

}


.bg-dark2 {
    background-color: #aaa;
    /*opacity:0.8;*/
    color: white;
    padding: 5px;
}

 .wrapper:before, .wrapper:after {
        content: " ";
        display: table;
    }

    .wrapper:after {
        clear: both;
    }


    .content-wrapper, .main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    /*/*margin-left: 230px;*/*/
    z-index: 820;
}

    .content-wrapper {
       padding-bottom:
    }

.layout-top-nav .content-wrapper, .layout-top-nav .main-footer {
    margin-left: 0;
}

.main-footer {
      background-color:#373d41;
     color:white;
     padding:20px;
     bottom:0;
}




h4,h3 {
    font-family: 'Trebuchet MS';
    color:#666;
    font-weight: bold;
}

.box {
    height:200px;
    padding:25px;
    /*text-align:center;*/
}

/*Colors*/ 

.bg-dark {
    /*background-color: #45afbc;*/
    border-color: #1e2434;
    /*background-color:#dddddd;*/
    background-color: whitesmoke;
    /*color: #3f3f47;*/
}
.btn-submit {
    /*font-size:1rem;*/
    font-weight: bold;
    /*background-color:#e95420 !important;*/
    border-color : #772953 !important;
}


.btn-submit:hover {
    color:white;
    background-color:#dddddd !important;
    border-color : #dddddd !important;
}
.btn-search{
     background-color:#56b787;
    border-color: #56b787;
}

.btn-info {
    color: #ffffff;
    background-color:  #56b787 !important;
    border-color:  #56b787 !important;
}

.btn-back {
     color: #373d41 !important;
    background-color:   whitesmoke !important;
    border-color:   #56b787 !important;
    opacity:0.9;
}
.btn-back:hover {
    
    opacity:1;
}

.green{
    color: #ffffff;
    background-color:  #56b787 !important;
    border-color:  #56b787 !important;
}

.btn-info:hover {
    color: #373d41 !important;
    background-color:   whitesmoke !important;
    border-color:   #56b787 !important;
}


.btn-light{
    
    font-weight: bold;
   
    border-color : #666 !important;
}

.btn-primary {
    color:#373d41;
    border-color:   #dddddd !important;
}
.btn-primary:hover {
    /*color:whitesmoke !important;*/
    border-color:   #56b787 !important;
}
.btn-primary:focus {
     border-color:   #56b787 !important;
}

.btn-Info {
    background-color:#17a2b8;
    border-color:#17a2b8;
}
.btn-Info:hover {
    background-color:#489fad;
    border-color:#489fad;
}
.btn-Info:focus {
    background-color:#489fad;
    border-color:#489fad;
}


.btn-light:hover {
    color:white;
    background-color:#56b787 !important;
    border-color :#56b787 !important;
}


.btn-light{
  
  background-color :  #ffffff !important;
}

a.btn-light {
    color :#666;
}

/*Paddings*/
.pl-15 {
    padding-left: 15px !important;
}

.pl-10 {
    padding-left:10px !important;
}
.pt-15 {
    padding-top:15px !important;
}

.pt-7 {
    padding-top:7px;
}

.pt-4 {
    padding-top:4px !important;
}

.pt-24 {
    padding-top:24px;
}
.p-b {
    padding-bottom: 5px !important;
}

/*Margins*/
.ml-10{
        margin-left: 10px;
} 
.ml-270 {
    margin-left:270px;
}
.mr-15 {
    margin-left: 15px;
}
.m-top-neg {
    margin-top:-9px !important;
}
.m-neg-12 {
    margin-top:-12px !important;
}
.ml-9 {
    margin-left:-9px;
}

.mt-neg-4 {
    margin-top:-4px !important;
}

.mt-3 {
    margin-top:3px;
}
.mt-4 {
    margin-top:4px;
}

.mt-25 {
    margin-top:25px;
}

.mt-20 {
    margin-top:20px;
}

.mt-10 {
    margin-top:10px !important;
}
.mb-10 {
    margin-bottom:10px !important;
}
.mb-15 {
    margin-bottom:15px !important;
}

.mt-15 {
    margin-top:15px ;
}
.mt-23{
    margin-top:23px !important;
}

.mr-5 {
    margin-left:5px;
}

/*Widths*/ 
/*.w-250*/

.w-195 {
    width:195px !important;
}
.w-185 {
    width:185px !important;
}

.w-157 {
    width:157px !important;
}

.w-107 {
    width:107px !important;
}
.w-100{
    width:100% !important;
}
.w-91{
    width:91% !important;
}

.w-9 {
        width: 9.33333333% !important;
}
.w-90{
    width:90%;
}
.w-91 {
width:91% !important;
}
.w-80{
    width:80% !important;
}

.w-97 {
    width:97% !important;
}
.w-40 {
    width:45% !important;
}

.w-45 {
    width:45%;
}
.w-30 {
    width:30% !important;
}

.w-inp-30 {
    width: 130px !important;
}
.w-25 {
    width : 25% !important;
}

.w-13 {
    width: 12.7% !important;
}

.w-12 {
    width: 12.4% !important;

}
.w-10 {
    width:10%;
}

.w-10p {
    width:110px !important;
}

/*Margins*/
mr-15{
    margin-left: 20px !important;
}

.mr-30 {
   margin-right: 30px !important;
}

.ml-10 {
    margin-left:10px;
}
.ml-5 {
    margin-left:5px;
}

.ml-15 {
    margin-left:15px !important;
}

.mt-3 {
    margin-top:3px !important;
}
.mt-30 {
    margin-top:30px !important;
}

.ml-30{
    margin-left: 30px;
}

.mt-50 {
    margin-top:50px !important;
}
.form-horizontal .control-label {
     text-align: left; 
    margin-bottom: 0;
    padding-top: 9px;
}

/*Forms*/
 .form-box {
          border-radius: 8px;
          box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
          padding: 14px 30px;
   }

 /*Buttons*/
 .btn-sm {
     height: 31px !important;
 }

 .input-group-addon {
     line-height: 1 !important;
 }


 /*Colors*/ 

 .blue {
     background-color:#424242;
 }

 .sblue {
     background-color: #7ed7e7;
     /*background-color: #0190b0;*/
 }


 .text-danger {
     font-size:12px !important;
 }

 /*.btnSearch {
     width : 100% !important;
 }*/

 hr {
     margin-top : 10px !important;
     margin-bottom : 10px !important;
 }

 .alert-box {
     height:2px !important;
     text-align:center;
     font-weight:bold;
     color:black;
      border: 1px solid #bce8f1 !important;
     border-bottom-left-radius: 30px !important;
      border-bottom-right-radius: 30px !important;
 }

 div.alert-box p{
     margin-top:-10px !important;
     margin:none !important;
 }

 .text-bold {
     font-weight: bold;
 }

 .bold{
     border:2px solid #8e8b8b;
 }


 .fa-asterisk {
     font-size:9px;
     color : red;
     padding-left:5px;
 }

 .fa-print,.fa-trash-alt, .fa-pencil-alt {
     font-size:16px;
 }

 .dropdown-menu>li>a:hover {
     background-color:#dddddd;
     color:#666;
 }

 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #dddddd;
    color: #666;
}

 .navbar-inverse .navbar-nav>li>a:hover {
    background-color: #dddddd;
    color:#666;
}

 .bg {
      background-color:#373d41;
      padding:15px;
 }
 .footer {
     left:0;
     right:0;
     width:100%;
     padding:10px;
     /*height:auto;*/
     background-color:#373d41;
     color:white;
     /*position:fixed;*/
     /*flex: 0 0 auto;*/
     margin-bottom:-9.6px;

 }

 .footer p {
         padding-top: 10px;
 }

 .centered-icon{
     font-size:3.1em;
     padding:10px;
     /*margin-top:-50px;
     background-color:white;
     border-radius:50%;*/
 }

 .modal-footer {
     padding:5px;
 }

 .UpperCase {
text-transform:uppercase;
}

 /*@media (min-width: 768px)*/
.navbar-right {
    float: right !important;

    /*margin-right: 10px;*/
}

a {
    color:#666;
    /*color:#56b787;*/
}
a:hover {
    /*color:#66666a;*/
    color:#56b787;
}

.navbar-inverse .navbar-toggle {
     border-color: whitesmoke; 
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
     background-color: #56b787;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}

.tab-wrap {
    margin-top:20px;
}
label {
      font-size:12px;
  }

/*Buttons*/
.btn-blue {
      background-color:#2392c2;
      color:white;
      font-size:13px;
       font-weight:bold;
  }

  .btn-grey {
      background-color:#444e52;
      color:white;
      font-size:13px;
       font-weight:bold;
  }
  .btn-green {
      background-color:#56b787;
      color:white;
      font-size:13px;
       font-weight:bold;
  }
  .btn-red {
        background-color:firebrick;
      color:white;
      font-size:13px;
      font-weight:bold;
  }


  section {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.media {
    min-width:0;
    margin:5px;
    width:100%;
}

.btn-img {
      color: #373d41;
    background-color:   whitesmoke !important;
    border-color:   #56b787 !important;
 }

 .btn-img:hover {
      color: #373d41;
    background-color:   whitesmoke !important;
    border-color:   whitesmoke !important;
 }

 .row-padding {
     padding-top:5px;
     padding-bottom:5px;
 }

 
/*a:visited {
    color:#66666a;
}*/
 /*.bg-danger {
     background-color:firebrick;
 }*/

 /*span.relative {
     position:relative;
 }

 i.absolute {
     position:absolute;
     top:-30px;
     left:-30px;
     font-size:5.1em;
     border-radius:50%;
     background-color:white;
    
 }

 .msg {
     padding-top:40px;
 }*/


 /*.modal {
     text-align:center;
     padding : 0!important;
 }*/

 /*.modal:before {
     content:'';
     display:inline-block;
     height:100%;
     vertical-align:middle;
     margin-right:-4px;
 }*/

 /*.modal.dialog {
     display:inline-block;
     top:50% !important;
     text-align:left;
     vertical-align:middle;
 }*/

 .modal-content {
     /*background-color:lightgrey;*/
     
 }

 .modal-dialog {
     vertical-align:center;
 }

 .modal-footer >.btn {
     width:49%;
     margin-left:0px !important''
 }

 .modal-footer button {
     float:right;
 }
 .bootbox-body {
     text-align: center;
     font-size: 17px;
 }

 .body-content {
     /*position:fixed;*/
     /*height:300px;*/
 }

 .control-label{
     font-weight:bold;
 }

 .table-container {
     height:351px ;
     /*display:flex;*/
     /*flex-wrap:wrap;*/
 }

 .help-container {
     min-height:526px;
 }

 .contact-container {
     min-height:486px;
 }

 .info-wrapper {
     height:400px;
 }

 .btn-container {
     display:flex;
     flex-wrap:wrap;
     /*justify-content:center;*/
 }

 select option:hover{

     background-color:#dddddd;
 }

 .dataTables_scrollBody {
     /*height:200px !important;*/
 }

 .table-cont {
     height:397px;
 }

 /*Login Form*/
 /*#loginForm{
     display:flex;
     flex-wrap:wrap;
     width:100%;
 }*/

 .login-wrap{
     height:506px;
     width:300px;
 }


 .lblSubjectName {
    min-width: 200px !important;
    margin-right:5px;
}

 img.preview {
    max-width: 60%;
    max-height: auto ;
    margin-top: 10px;
 }



 @media (max-width : 1280px){
     .btn-container {
         /*background-color:red;*/
        margin-top: 3% !important;
        width: 100% !important;
        margin-left: 15px !important;
     }
     /*body {
         background-color:darkred;
     }*/
 }

 
/*Dashboard Styles*/
.border-bottom {
    border-bottom: solid 2px #aaa;
}

.border-right {
    border-right: solid 2px #aaa;
}

.number-value {
    font-size: 40pt;
    font-weight: bolder;
    color: black;
}

.bold-num {
    font-size: 19pt;
    font-weight: bolder;
    color: black;
}

.heading {
    /*color:darkgray;*/
    color: #33333;
}

.box-d {
    background-color: #eeeeee;
    padding: 15px 17px;
}

.text-info {
    color: #02aaf5 !important;
}

.bold {
    font-weight: bolder !important;
}


.logo {
    width:7%;
    height:auto;
    margin-top:-17px;
}
.board-heading {
    display:inline-block;
}

.create-inp-box > div.black {
    color:black;
    font-weight:normal;
}

.create-title > div.item {
    color:white;
    font-weight:normal;
    text-align:center;
}
.create-inp-box > div.item {
    text-align:center;
}



/*.bground {
    background-color:yellowgreen
}

.enrollment {
    background-color:yellowgreen
}

thank u bus band kar dun
pagal thank you ni bol
.examination {
    background-color:yellowgreen
}*/

.t-box {
    display:flex;
    height:300px;
   
    background-color: #edf1f4 ;
    color:white;
    margin-top:15px;
    padding:25px;
    
}

.t-box-inner {
    background-color:white;
    width:50%;
    height:50%;
}
.box-d > .row > div {
    padding:10px;
    color:white;
}

.bg-blue {
    background-color:#3d90bf;
    border-color:#3d90bf;
}



/*Flex-Containers*/

.create-box {
    /*display:flex;*/
    /*background-color:whitesmoke;*/
    /*/*width:100%;*/
    height:100%;
    align-items:center;
    /*flex-direction:column;*/
    /*align-self:center;*/
    justify-content:center;
    padding-top:2%;
}

.create-inner {
    width:100%;
    height:50%;
    
    padding:0px 0px;
    /*padding:15px;*/
    /*background-color:whitesmoke;*/

}

.create-title {
    box-shadow: 0 0 3px #ccc;
    padding: 10px 10px;
    background-color:#333333;
    font-weight:bolder;
    color:white;
    width:100%;
    display:flex;

}
.item {
    flex: 1 1 0;
    font-weight :bolder;
    color:#afafb7;
}

.create-title> h4 {
    display:inline-block;
    
}
.create-title > h6 {
   text-align:center;
    flex:1 1 0;
    font-weight:bold;
}

.create-inp-box {
    padding:10px;
    box-shadow: 0 0 3px #ccc;
    display:flex;
}

.g-width {
    flex: 2 1 0;
}

/*.approve {
    /*color: #135b7d;*/
      /*color:#1a580a;*/
     
/*}*/

.pending {
  color:#f0ad4d;
}

.reject {
    color :#71200d;
}






 /*Dashboard Styles*/
.border-bottom {
    border-bottom: solid 2px #aaa;
}

.border-right {
    border-right: solid 2px #aaa;
}

.number-value {
    font-size: 14pt;
    font-weight: bold;
    color: black;
}

.bold-num {
    font-size: 19pt;
    font-weight: bolder;
    color: black;
}

.heading {
    /*color:darkgray;*/
    color: #33333;
}

.box-d {
    background-color: #ffffff;
    padding: 15px 17px;
     /*height:150px;
     width:550px;*/
     margin-right:3px;
}

.text-info {
    color: #02aaf5 !important;
    font-weight:normal;
}

.bold {
    font-weight: bolder !important;
    font-weight:normal;
}
/*.border-box {
    border:1px solid;
}*/
.approve {
    color:green;
    font-weight:normal;
}




/*Ec Attachments styles*/
.custom-btns {
    margin-right: 5px;
    margin-top: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*color:#efb73e;*/
    /*background-color:white;*/
    /*color:#2eafbb;*/
    /*color:#efc849;*/
    /*border:1px solid #efb73e;*/
    /*font-size:15px;*/
}
.custom-file-upload {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 6px 12px;
    cursor: pointer;
}

.bg-dark2 {
    background-color: #aaa;
    /*opacity:0.8;*/
    color: white;
    
}

.totalRecord {
    font-size:17px;
    font-weight:bolder;

}

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