.primary_color{

  background-color: #d61414c9;

  border-color: #d61414c9;

  color: white;

}

.secondary_color{



}



.login_card, .forgotPassword_card{

  margin-top: 60px; 

  text-align: center;

}

.registration_card{

  margin-top: 20px;

  width: 420px;

}

.input_type{

  width: 55% !important;

  border-radius: 0 .25rem .25rem 0 !important;

}

.regiter_label{

  font-weight: 500;

}

.title_green{

  color : #39b54a;

}

.title_blue{

  color: #08178f;

}

.title_sidenav{

  font-weight: 600;

}

.btn-log{    

  color: #fff;

  border-color: #8bdc55;

  background-color: #8bdc55;

  box-shadow: none;

}

.btn-log:hover {

  color: #fff;

  border-color: #8bdc55;

  background-color: #8bdc55;

  box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(0,123,255,.25);

}

.btn_submit{

  color: #fff !important;

  border-color: #2864ac;

  background-color: #2864ac;

  box-shadow: none;

}

.btn_submit :hover {

  color: #fff;

  border-color: #2864ac;

  background-color: #2864ac;

  box-shadow: 0 5px 15px rgba(0,0,0,.05), 0 4px 10px rgba(0,123,255,.25);

}



.alert-danger {

  background-color: #e62b2b;

  border-color: #e62b2b;

}

.close{

  color: black;

  line-height: 0.7 !important;

}

.error{

  color: red;

  height: calc(16vh - 3.75rem) !important;

  border-color: red;

  margin-bottom: -20px;

}



/*---------student profile---------*/



.profile-info{

  margin-top: 70px;

}

.profile-head .nav-tabs{

  margin-bottom:5px;

}

.profile-head .nav-tabs .nav-link{

  font-weight:600;

  border: none;

}

.profile-head .nav-tabs .nav-link.active{

  border: none;

  border-bottom:2px solid #0062cc;

  color: #8bdc55;

}

.profile_table td{

  font-weight: 700;

  color: #1e64b9;

}

.profile_sidebar span{

  font-weight: 700;

}

.profile_table td, .profile_table th {

  padding: .5rem;

}

@media screen and (max-width: 480px){

  .profile-img {

    text-align: center;

  }

  .datepicker {

    font-size: unset;

  }

  .padding_left_right_null{

    padding-left: 0px;

    padding-right: 0px;

  }

  .column_padding_card{

    padding-left: 3px !important;

    padding-right: 3px !important;

    /* margin-bottom: 9px !important; */

  }

  .time_table_title_mobile{

    font-size: 18px !important;

  }

}

@media screen and (max-width: 767px){

  .mobile_display_none{

    display: none !important;

  }

  .sidebar_mobile_view{

    display: inline !important;

  }

  .title_mobile_view{

    margin-top: -40px;

    font-weight: 600;

    margin-left: 60px;

  }

}



.sidebar_mobile_view{

  display: none;

}



@media (min-width: 970px) and (max-width: 1969px){

  .profile_changePassword{

    width: 450px;

    margin-left: auto;

    margin-right: auto;

    padding: 5px;

  }

}

/* dashboard */

.page-title{

  font-size: 23px;

  color:black;

}

.dash-footer{

  position: relative!important;

  text-align: center!important;

  /* padding: 3px 0!important; */

  color: #fff!important;

  color: rgba(255,255,255,0.8)!important;

  display: block!important;

  z-index: 10!important;

  background: rgba(0,0,0,0.1)!important;

  text-decoration: none!important;

}

.dash-icons{

  margin-top: -100px;

  font-size: 70px !important;

  margin-left: 1px !important;

  margin-right: -15PX!important;

  color: rgba(0,0,0,0.15)!important;

  font: normal normal normal 14px/1 FontAwesome;

}



.card {

  border-radius: .25rem;

}

.margin_left_right_null{

  margin-left: 0px;

  margin-right: 0px

}

.stats-small__label {

  font-size: .925rem;

  font-weight: bold;

}

.stats-small__value {

  font-size: 1.1rem;

}

.head_title{

  font-weight: 600 !important;

}







/* Scrollbar */

/* width */

::-webkit-scrollbar {

  width: 8px;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1; 

}

 

/* Handle */

::-webkit-scrollbar-thumb {

  background: #2764ab; 

}



/* Handle on hover */

::-webkit-scrollbar-thumb:hover {

  background: #2764ab; 

}



@media(max-width: 810px){
  .head_title{
    font-size: 7px;
    margin-left: 5px !important;
  }
}
@media (min-width: 811px) and (max-width: 839px){
  .head_title{
    font-size: 9px;
    margin-left: 0px !important;
  }
}
@media (min-width: 840px) and (max-width: 860px){
  .head_title{
    font-size: 9px;
    margin-left: 0px !important;
  }
}
@media (min-width: 860px) and (max-width: 900px){
  .head_title{
    font-size: 10px;
    margin-left: 0px !important;
  }
}
@media (min-width: 901px) and (max-width: 1250px){
  .head_title{
    font-size: 11px;
    margin-left: 0px !important;
  }
}



/* dashboard dropdown list */

.dropdown-item.active > .material-icons{

  color: white;

}

.dropdown .dropdown-item:hover {

  background-color: #aae28594;

}



.card-small .card-header {

  padding: 0.5rem 1rem;

}

.card_head_dashboard{

  background-color: #83c8ea7d;

}



/* profile page note */

.note_profile{

  font-size: 16px;

  font-weight: 500;

  color: #0ea904;

}



.canvasjs-chart-credit{

  display: none;

}



.table th {

  padding: .3rem;

}

.table td{

  padding: .3rem;

}



.table_timeTable{

  border: 1px solid #000000;

}

.table_timeTable th {

  padding: .4rem;

}

.table_timeTable td{

  padding: .4rem;

}

.table_marks_data{

  font-weight: 500;

}

.text_pass{

  color: #58d206;

}

.text_fail{

  color: #e62020;

}

.table_title{

  font-size: 20px;

  padding: 0.1rem !important;

  background-color: #83c8ea7d;

}

.total_row{

  font-size: 18px;

  padding: .2rem .3rem !important;    

}

.table_row_backgrond{

  background-color: #9ee8a9b3;

}

.time_table_heading{

  background-color: #83c8ea7d;

}

.table_info{

  color: #353535;

}

.icon_refresh{

  margin-top: -20px;

}



/* sidebar nav  */

.main-sidebar .nav .nav-item .nav-link:hover{

  box-shadow: inset 0.1875rem 0 0 #86d254;

  background-color: #fbfbfb;

  color: #007bff;

}



.btn_download{

  background: #8bdc55;

  border-color: #8bdc55;

  color: white !important;

}



:root {

  --input-padding-x: 1.5rem;

  --input-padding-y: 0.75rem;

}



.login,

.image {

  min-height: 100vh;

}



.bg-image {

  

  background-size: cover;

  background-position: center;

}



.login-heading {

  font-weight: 300;

}



.btn-login {

  font-size: 0.9rem;

  letter-spacing: 0.05rem;

  padding: 0.75rem 1rem;

  border-radius: 2rem;

}



.form-label-group {

  position: relative;

  margin-bottom: 1rem;

}



.form-label-group>input,

.form-label-group>label {

  padding: var(--input-padding-y) var(--input-padding-x);

  height: auto;

  border-radius: 2rem;

}



.form-label-group>label {

  position: absolute;

  top: 0;

  left: 0;

  display: block;

  width: 100%;

  margin-bottom: 0;

  /* Override default `<label>` margin */

  line-height: 1.5;

  color: #495057;

  cursor: text;

  /* Match the input under the label */

  border: 1px solid transparent;

  border-radius: .25rem;

  transition: all .1s ease-in-out;

}



.form-label-group input::-webkit-input-placeholder {

  color: transparent;

}



.form-label-group input:-ms-input-placeholder {

  color: transparent;

}



.form-label-group input::-ms-input-placeholder {

  color: transparent;

}



.form-label-group input::-moz-placeholder {

  color: transparent;

}



.form-label-group input::placeholder {

  color: transparent;

}



.form-label-group input:not(:placeholder-shown) {

  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

  padding-bottom: calc(var(--input-padding-y) / 3);

}



.form-label-group input:not(:placeholder-shown)~label {

  padding-top: calc(var(--input-padding-y) / 3);

  padding-bottom: calc(var(--input-padding-y) / 3);

  font-size: 12px;

  color: #777;

}



/* Fallback for Edge

-------------------------------------------------- */



@supports (-ms-ime-align: auto) {

  .form-label-group>label {

    display: none;

  }

  .form-label-group input::-ms-input-placeholder {

    color: #777;

  }

}



/* Fallback for IE

-------------------------------------------------- */



@media all and (-ms-high-contrast: none),

(-ms-high-contrast: active) {

  .form-label-group>label {

    display: none;

  }

  .form-label-group input:-ms-input-placeholder {

    color: #777;

  }

}



.button_style_home{

  border-bottom-right-radius: 41px;

  border-top-right-radius: 41px;

  height: 75px;

  vertical-align: middle;

  text-align: center;

  font-size: 25px;

  font-weight: 500;

}



.home_title_school{

  font-size: 24px;

  padding: 11px;

}



.table_row_background{

  /* background-color: #9ee8a9b3; */

  background-color: #9ee8a9;

}



.btn-group-xs > .btn, .btn-xs {

  padding: .25rem .4rem;

  font-size: .875rem;

  line-height: .5;

  border-radius: .2rem;

}



.bootstrap-select, .form-control{

  border: 1px solid #e1e5eb !important;

}



label {

  display: inline-block;

  font-weight: 500 !important;

  margin-bottom: .0rem !important;

}



.color-red{

  color:#E74C3C !important;

}



.color-green{

  color:green !important;

}



.table.dataTable{

  color:black !important;

}

.dataTables_length

{

  float: left;

}

.dataTables_info{

  float: left;

}



.search-padding {

  padding: 0px !important;

  /* margin-top: -10px!important;

  margin-left: -8px!important;

  margin-right: -30px!important;

  margin-bottom: -8px !important;

  border-radius : 0px !important; */

}

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {

  background: #9ee8a9 !important;

}



tfoot {

  background: #9ee8a9 !important;

}

.searchList{

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

}

.table td, .table th {

  padding: .4rem !important;

  vertical-align: top !important;

  border-top: 1px solid #c2c6c7 !important;

}



.dataTables_filter input { width: 300px !important; }



.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {

  background-color: #adcae8;

  cursor: pointer;

}



/*sidebar css updated*/

.main-sidebar .nav .nav-item .nav-link {

  border-bottom: 1px solid #e1e5eb !important;

  font-weight: 500 !important;

  color: #4a4646 !important;

  padding: .7rem 1.5rem !important;

}

.main-sidebar .nav .nav-item .nav-link i{

  color: #4a4646;

}







.back_home_page{

  /* background-image: url("../../dist/img/bg1.jpg"); */

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.user_card {

  height: 400px;

  width: 450px;

  margin-top: auto;

  margin-bottom: auto;

 

  position: relative;

  display: flex;

  justify-content: center;

  flex-direction: column;





}



/* profile dropdown image */

.user-header{

  text-align: center;

 

}



.profile-btn{

  padding: 7px;

}

.signout-btn{

  padding: 7px;

}



.dropdown-margin {

    width: 270px !important;

    margin-left: -183px;

    padding: 10px;

}



/*model settings */



.modal-header {

  background: #3399cc;

  padding: .5rem 1.1875rem;

  border-bottom: 1px solid #dfe1e3;

}



.modal-title {

  color:white !important;

  font-size: 16px !important;

  margin-bottom: 0;

  line-height: 1.5;

}

.modal-footer {

  padding: .4rem 1.1875rem;

  border-top: 1px solid #dfe1e3;

}

.modal{

  overflow: auto !important;

}





.main-footer{

  height: 2.75rem !important;

}



@media screen and (max-width: 768px) {

  .main-content>.main-content-container.container-fluid {

     margin-left:2px !important;

     margin-right:2px !important;

     padding-left:2px !important;

     padding-right:2px !important;

  }

  

.main-navbar .navbar .notifications {

    position: static;

    height: 60px;

  }

  #item-list_filter{

    display:none !important;

  }

  .dataTables_filter{

    display:none !important;

  }

  .border-left {

    border-left: 1px solid #e1e5eb!important;

    height: 60px;

  }



  .main-footer .copyright {

    padding: 0px !important;

    display: inline-block;

    width: 100%;

    padding: 1rem;

    text-align: center;

  }



  #footer {

    height: 30px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    font-size: 11px;

    margin-bottom: 0px;

  }



  .input_mobile_width{

    width: 150px;

  }

}



.card_heading_title{

  /* background: #83c8ea7d; */

  background: #83c8eae8;

}

#footer

{

  clear: both;

  color: White;

  padding: 0;

  text-align: center;

  vertical-align: middle;

  line-height: normal;

  margin: 0;

  position: fixed;

  bottom: 0px;

  width: 100%;

  z-index: 1;

}



@media screen and (max-width: 338px){

  .main-navbar .navbar .nav-link {

    min-width: 2.3rem;

  }

  .page-title {

    font-size: 17.5px;

    color: black;

  }

}



.main-content-container{

  margin-bottom: 2.5rem;

  /* overflow-x: hidden; */

}



/* .main-content{

  overflow-x: hidden;

} */



.student_tab{

  background: #9db8d9a6;

  margin-bottom: 5px;

}

.student_tab h5 {

  font-size: 1rem;

  line-height: 1rem;

  padding-top: 6px;

  margin-bottom: 6px;

}



.table_edit_student th{

  padding: .1rem .4rem !important;

  vertical-align: baseline !important;

}



.dash-card:hover .dash-icons {

  font-size: 4.3rem !important;

}



/* student image edit */

.emp-profile{

  padding: 3%;

  margin-top: 3%;

  margin-bottom: 3%;

  border-radius: 0.5rem;

  background: #fff;

}

.profile-img{

  text-align: center;

}

.profile-img img{

  width: 100px;

  height: 90px;

}

.profile-img .file {

  position: relative;

  overflow: hidden;

  margin-top: 0px;

  width: 100%;

  border: none;

  border-radius: 0;

  font-size: 14px;

  background: #212529b8;

}

.profile-img .file input {

  position: absolute;

  opacity: 0;

  right: 0;

  top: 0;

}

.tbl-head{

  color: #424242;

  background: #8edc81bd;

}

.tbl-head-content{

  background: #c6dcf7;

  color: #424242;

}



input[type=checkbox] {

  cursor: pointer;

  font-size: 10px;

  -moz-appearance:initial;

  visibility: hidden;

  position: relative;

  top: 0;

  left: 0;

  transform: scale(1.1);

}



input[type=checkbox]:after {

  content: " ";

  background-color: #fff;

  display: inline-block;

  color: red;

  width: 10px;

  height: 10px;

  visibility: visible;

  border: 1px solid #3c8dbc;

  padding: 2px;

  margin: 1px 0;

  border-radius: 1px;

  box-shadow: 0 0 15px 0 rgba(0,0,0,0.08), 0 0 2px 0 rgba(0,0,0,0.16);

}



input[type=checkbox]:checked:after {

  content: "\2714";

  display: unset;

  font-weight: bold;

  width: 15px;

  height: 15px;

  padding: 2px

}



.border_right_radius{

    border-radius: .25rem 0 0 .25rem !important;

}



.border_left_radius{

  border-radius: 0 .25rem .25rem 0 !important;

}

.border_radius_none{

  border-radius: 0 !important;

}



/* settings page */

.settings_card{

  border-radius: .25rem !important;

  padding: .5rem;

}

.setting_pointer{

  cursor: pointer;

  color: #39b54a !important;

  margin-top: .1rem;

}





.autocomplete {

  position: relative;

  display: inline-block;

  width: 100%;

}

.autocomplete-items {

  position: absolute;

  border: 1px solid #d4d4d4;

  border-bottom: none;

  border-top: none;

  z-index: 99;

  /*position the autocomplete items to be the same width as the container:*/

  top: 100%;

  left: 0;

  right: 0;

}



.autocomplete-items div {

  padding: 10px;

  cursor: pointer;

  background-color: #fff; 

  border-bottom: 1px solid #d4d4d4; 

}



/*when hovering an item:*/

.autocomplete-items div:hover {

  background-color: #e9e9e9; 

}



/*when navigating through the items using the arrow keys:*/

.autocomplete-active {

  background-color: DodgerBlue !important; 

  color: #ffffff; 

}



/* dashboard quick info table */

.table_quick_info tr{

  color: #000000;

}



@media screen and (max-width: 430px){

  .dash-card{

    height: 152px;

  }

}



@media (min-width: 994px) and (max-width: 1148px){

  .dash-card{

    height: 152px;

  }

}



.required_symbol{

  color: #d30202;

  font-size: 17px;

}









/* print css */

@media print {

  .main-footer, .main-sidebar {

      display: none !important;

  }

   .wizard-inner, .card-header, .card-footer {

   display: none;

  }

  .noprint {

    display:none !important;

  }

  ::-webkit-scrollbar {

    display: none;

  }



  .page_break { 

    display: block;

    page-break-before: always;

  }

  .enable-print { display: block !important; }

}

.A4 {

  background: white;

  width: 25cm;

  height: 35.2cm;

  display: block;

  margin: 0 auto;

  padding: 28px;

  margin-bottom: 0.5cm;

  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);

}



.border_bottom{

  border-bottom: solid;

  padding: 0px;

  border-color: black;

  border-width: 1px;

}



.footer_sign{

  float: right;

  font-size: 20px;

  margin-top: 40px; 

  font-weight: 500;

}

.border_full{

  border-style: solid;

  padding: 7px;

  border-color: black;

  border-width: 1px;

}

.boredr_left{

border-left: solid;

padding: 7px;

border-color: black;

border-width: 1px;

}

.boredr_right{

border-right: solid;

padding: 7px;

border-color: black;

border-width: 1px;

}

.boredr_left_right{

border-right: solid;

border-left: solid;

padding: 7px;

border-color: black;

border-width: 1px;

}

.boredr_only_bottom{

border-bottom: solid;

padding: 7px;

border-color: black;

border-width: 1px;

}



.boredr_only_top{

  border-top: solid;

  padding: 7px;

  border-color: black;

  border-width: 1px;

}



.table_fees_info td{

  padding: .1rem !important;

  vertical-align: top !important;

  border-top: 1px solid #c2c6c700 !important;

  border-left: 1px solid transparent !important;

  border-right: 1px solid transparent !important;

  border-bottom: 1px solid black !important;

  color: black;

  font-size: 18px;

}

.table_fees_info th{

  padding: .1rem !important;

  vertical-align: top !important;

  border: 1px solid transparent !important;

  color: black;

  font-size: 18px;

}



.table_fee_structure th{

  padding: .4rem !important;

  color: black;

  vertical-align: top !important;

  border-top: 1px solid #28292a !important;

  border: 1px solid #28292a !important;

}

.table_fee_structure td{

  padding: .2rem !important;

  color: black;

  vertical-align: top !important;

  border-top: 1px solid #c2c6c700 !important;

  border-left: 1px solid black !important;

  border-right: 1px solid black !important;

  border-bottom: 1px solid black !important;

}



.table_previous_payment th{

  padding: .3rem !important;

  vertical-align: middle !important;

  border-top: 1px solid #c2c6c7 !important;

}



/* background: #ff82824a; */

/* upload image file */

.profileImg .file {

  position: relative;

  overflow: hidden;

  margin-top: 0px;

  width: 50%;

  border: none;

  border-radius: 0;

  font-size: 14px;

  background: #212529b8;

}

.profileImg .file input {

  position: absolute;

  opacity: 0;

  right: 0;

  top: 0;

}



/* suggestion  */

.chat_box .chat_message_wrapper ul.chat_message > li + li {

  margin-top: 4px;

}

.popup-box-on {

  display: block !important;

}

a:focus {

  outline: none;

  outline-offset: 0px;

}

.popup-head-left.pull-left h1 {

  color: #f7f;

  float: left;

  font-family: oswald;

  font-size: 18px;

  margin: 2px 0 0 5px;

 

}

.popup-head-left a small {

  display: table;

  font-size: 11px;

  color: #fff;

  line-height: 4px;

  opacity: 0.5;

  padding: 0 0 0 7px;

}

.chat-header-button {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #fff;

  border-radius: 7px;

  font-size: 15px;

  height: 26px;

  opacity: 0.9;

  padding: 0;

  text-align: center;

  width: 26px;

}

.popup-head-right {

  margin: 9px 0 0;

}

.popup-head .btn-group {

  margin: -5px 3px 0 -1px;

}

.gurdeepoushan .dropdown-menu {

  padding: 6px;

}

.gurdeepoushan .dropdown-menu li a span {

  border: 1px solid;

  border-radius: 50px;

  display: list-item;

  font-size: 19px;

  height: 40px;

  line-height: 36px;

  margin: auto;

  text-align: center;

  width: 40px;

}

.gurdeepoushan .dropdown-menu li {

  float: left;

  text-align: center;

  width: 33%;

}

.gurdeepoushan .dropdown-menu li a {

  border-radius: 7px;

  font-family: oswald;

  padding: 3px;

 transition: all 0.3s ease-in-out 0s;

}

.gurdeepoushan .dropdown-menu li a:hover {

  background:#304445 none repeat scroll 0 0 !important;

  color: #fff;

}

.popup-head {

  background: #304445 none repeat scroll 0 0 !important;

  border-bottom: 3px solid #ccc;

  color: #fff;

  display: table;

  width: 100%;

  padding: 8px;

}

.popup-head .md-user-image {

  border: 2px solid #5a7172;

  border-radius: 12px;

  float: left;

  width: 44px;

}

.uk-input-group-addon .glyphicon.glyphicon-send {

  color: #ffffff;

  font-size: 21px;

  line-height: 36px;

  padding: 0 6px;

}

.chat_box {

  padding: 5px;

}

.chat_box .chat_message_wrapper::after {

  clear: both;

}

.chat_box .chat_message_wrapper::after, .chat_box .chat_message_wrapper::before {

  content: " ";

  display: table;

}

.chat_box .chat_message_wrapper .chat_user_avatar {

  float: left;

}

.chat_box .chat_message_wrapper {

  margin-bottom: 20px;

}

.md-user-image {

  border-radius: 50%;

  width: 34px;

}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {

  list-style: outside none none;

  padding: 0;

}

.chat_box .chat_message_wrapper ul.chat_message {

  float: left;

  margin: 0 0 0 20px;

  max-width: 77%;

}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {

  border-right-color: #616161;

}

.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {

  border-color: transparent #ededed transparent transparent;

  border-style: solid;

  border-width: 0 16px 16px 0;

  content: "";

  height: 0;

  left: -14px;

  position: absolute;

  top: 0;

  width: 0;

}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li {

  background: #c6e2ff  none repeat scroll 0 0;

  color: #000000;

}

.open-btn {

  border: 2px solid #189d0e;

  border-radius: 32px;

  color: #189d0e !important;

  display: inline-block;

  margin: 10px 0 0;

  padding: 9px 16px;

  text-decoration: none !important;

  text-transform: uppercase;

}

.chat_box .chat_message_wrapper ul.chat_message > li {

  background: #ededed none repeat scroll 0 0;

  border-radius: 4px;

  clear: both;

  color: #212121;

  display: block;

  float: left;

  font-size: 13px;

  padding: 8px 16px;

  position: relative;

  word-break: break-all;

}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message > li {

  list-style: outside none none;

  padding: 0;

}

.chat_box .chat_message_wrapper ul.chat_message > li {

  margin: 0;

}

.chat_box .chat_message_wrapper ul.chat_message > li p {

  margin: 0;

}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li .chat_message_time {

  /* color: rgba(185, 186, 180, 0.9); */

  color: rgba(129, 130, 128, 0.9);

}

.chat_box .chat_message_wrapper ul.chat_message > li .chat_message_time {

  color: #727272;

  display: block;

  font-size: 13px;

  padding-top: 2px;

  text-transform: uppercase;

}

.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {

  float: right;

}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {

  float: right;

  margin-left: 0 !important;

  margin-right: 24px !important;

}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {

  border-left-color: #E8FFD4;

}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message > li:first-child::before {

  border-right-color: #c6e2ff;

}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message > li:first-child::before {

  border-color: transparent transparent transparent #ededed;

  border-width: 0 0 29px 29px;

  left: auto;

  right: -14px;

}

.chat_box .chat_message_wrapper ul.chat_message > li:first-child::before {

  border-color: transparent #ededed transparent transparent;

  border-style: solid;

  border-width: 0 29px 29px 0;

  content: "";

  height: 0;

  left: -14px;

  position: absolute;

  top: 0;

  width: 0;

}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message > li {

  background: #E8FFD4 none repeat scroll 0 0;

}

.chat_box .chat_message_wrapper ul.chat_message > li {

  background: #ededed none repeat scroll 0 0;

  border-radius: 12px;

  clear: both;

  color: #212121;

  display: block;

  float: left;

  font-size: 16px;

  padding: 8px 16px;

  position: relative;

}

.gurdeep-chat-box {

  background: #fff;

  border-radius: 5px;

  padding: 3px;

  display: flex;

  width: 100%;

}

#submit_message {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #cccbcb;

  padding: 4px;

  width: 100%;

  /* height: 34px; */

}

.gurdeep-chat-box i {

  color: #333;

  font-size: 21px;

  line-height: 1px;

}

.chat_submit_box {

  bottom: 0;

  box-sizing: border-box;

  left: 0;

  overflow: hidden;

  padding: 0 0px;

  position: relative;

  height: auto;

  width: 100%;

}

.uk-input-group {

  border-collapse: separate;

  display: table;

  position: relative;

  width: 100%;

}



.uk-input-group .row{

  width: 100%;

  height: 50px;

}

.chat_col_padding_null{

  padding-right: 5px;

  padding-left: 5px;

}

.chat_col_padding_right_null{

  padding-right: 5px;

}

.chat_col_padding_left_null{

padding-left: 5px;

}



.suggestion_footer{

  padding: 5px;

}

.suggestion_header{

  padding: 10px;

}



#btn-chat{

  margin-top: 20px;

}





/* filter row */

.filter_row td{

  padding: .2rem !important;

}



/*news image preview*/

.gallery_news img {

  height: 200px;

  width: 25%;

  padding-left: 4px;

  padding-bottom: 4px;

}





.inside_color {

  font-weight: bold;

  color: #000;

  background: #b1eab1;

}



/* material input */

.mdc-text-field, .mdc-select__anchor{

  width: 100% !important;

}



.admission_document {

    height: 380px;

    width: 100%;

}





/* dashboard new post */

.post-actions {

  margin: 0;

  background-color: #f6f7f8;

  float: left;

  border-top-color: #e9eaed;

}                   



.post_actions .file {

  position: relative;

  overflow: hidden;

  margin-top: 0px;

  /* width: 50%; */

  border: none;

  border-radius: 0;

  font-size: 18px;

  color: #212529b8;

  background-color: transparent;

  width: 100%;

  box-shadow: none;

}

.post_actions .file i:hover, .post_actions .file i:focus {

  color: #212529b8 !important;

  background-color: transparent !important;

}

.post_actions .file input {

  position: absolute;

  opacity: 0;

  right: 0;

  top: 0;

  /* background-color: transparent !important; */

}







/* popover style */

.popover-body {

  padding: 10px 10px !important;

  color: #000000 !important;

  font-size: 15px !important;

  font-weight: 450 !important;

}

.popover-header {

  padding: 10px 10px !important;

  font-size: 1rem !important;

  color: #484848 !important;

  font-weight: 500 !important;

  line-height: 14px !important;

  background-color: #f5f5f6 !important;

  border-bottom: 1px solid #e7e9ea !important;

  border-top-left-radius: calc(.5rem - 1px) !important;

  border-top-right-radius: calc(.5rem - 1px) !important;

}