@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
  color-adjust: exact!important;  
  -webkit-print-color-adjust: exact!important; 
  print-color-adjust: exact!important;
}

html,
body {
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  background: #f1f2f7;
  font-family: 'Noto Sans Bengali', sans-serif !important;
}

a {
  color: #707478;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #262626;
}

/* Layouts */
.wrapper {
  min-height: 100%;
}

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

.wrapper:after {
  clear: both;
}

.routine-header p {
  display: inline-block;
  margin-right: 25px;
}

.routine-header p b {
  color: #2196f3;
  margin-right: 7px;
}

/* Header */
body>.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

/* Define 2 column template */
.right-side,
.left-side {
  min-height: 100%;
  display: block;
}

/*right side - contins main content*/
.right-side {
  background-color: #f3f3f3;
  margin-left: 220px;
}

/*left side - contains sidebar*/
.left-side {
  position: absolute;
  width: 220px;
  /* top: 0; */
}



@media screen and (min-width: 1000px) {
  .left-side {
    top: 50px;
  }

  /*Right side strech mode*/
  .right-side.strech {
    margin-left: 0;
  }

  .right-side.strech>.content-header {
    margin-top: 0px;
  }

  /* Left side collapse */
  .left-side.collapse-left {
    left: -220px;
  }
}

/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
    
    footer.main-footer {
        display: none !important;
    }
    
    .right-side {
        margin-left: 0;
    }

    #student-section .student-list .sengle-box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 auto;
        justify-content: center !important;
    }

  .row-offcanvas-left.active aside.left-side.sidebar-offcanvas {
    left: 0 !important;
  }

  .col-xs-12 {
    width: 100% !important;
}

  .main-footer {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .login-content-area {
    width: 100% !important;
  }

  .card.card-left-side-contant {
    border: 0 !important;
  }
}

body.fixed>.header,
body.fixed .left-side,
body.fixed .navbar {
  position: fixed;
}

body.fixed>.header {
  top: 0;
  right: 0;
  left: 0;
}

body.fixed .navbar {
  left: 0;
  right: 0;
}

body.fixed .wrapper {
  margin-top: 50px;
}

/* Content */
.content {
  padding: 20px 15px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 30px;
}

/* Page Header */
.page-header {
  margin: 0;
  padding: 0px 0px 16px;
  font-size: 22px;
  border: none;
}

.page-header>small {
  color: #666;
  display: block;
  margin-top: 5px;
}

.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

/* 10px padding and margins */
.pad {
  padding: 10px;
}

.margin {
  margin: 10px;
}

/* Display inline */
.inline {
  display: inline;
  width: auto;
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}

.bg-gray {
  background-color: #eaeaec !important;
}

.bg-black {
  background-color: #222222 !important;
}

.bg-red {
  background-color: #ff6c60 !important;
}

.bg-yellow {
  background-color: #f8d347 !important;
}

.bg-aqua {
  background-color: #6ccac9 !important;
}

.bg-blue {
  background-color: #57c8f2 !important;
}

.bg-light-blue {
  background-color: #3c8dbc !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #932ab6 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

/* Text colors */
.text-red {
  color: #f56954 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-black {
  color: #222222 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #932ab6 !important;
}

.text-maroon {
  color: #85144b !important;
}

.text-white {
  color: #FFF !important;
}

/*Hide elements by display none only*/
.hide {
  display: none !important;
}

/* Remove borders */
.no-border {
  border: 0px !important;
}

/* Remove padding */
.no-padding {
  padding: 0px !important;
}

/* Remove margins */
.no-margin {
  margin: 0px !important;
}

/* Remove box shadow */
.no-shadow {
  box-shadow: none !important;
}


/* Remove border radius */
.flat {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* Change the color of the striped tables */
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  /* background-color: #F0F3F5; */
}

.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}

/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}

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

.table.align td {
  text-align: right;
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}

.border-radius-none {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* _fix for sparkline tooltip */
.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}

/*
Gradient Background colors
*/
.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}

.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}

.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}

.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}

.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}

.bg-purple-gradient {
  background: #932ab6 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #932ab6), color-stop(1, #b959d9)) !important;
  background: -ms-linear-gradient(bottom, #932ab6, #b959d9) !important;
  background: -moz-linear-gradient(center bottom, #932ab6 0%, #b959d9 100%) !important;
  background: -o-linear-gradient(#b959d9, #932ab6) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b959d9', endColorstr='#932ab6', GradientType=0) !important;
  color: #fff;
}

.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}

.bg-red-gradient {
  background: #f56954 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f56954), color-stop(1, #f89384)) !important;
  background: -ms-linear-gradient(bottom, #f56954, #f89384) !important;
  background: -moz-linear-gradient(center bottom, #f56954 0%, #f89384 100%) !important;
  background: -o-linear-gradient(#f89384, #f56954) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89384', endColorstr='#f56954', GradientType=0) !important;
  color: #fff;
}

.bg-black-gradient {
  background: #222222 !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222222), color-stop(1, #3c3c3c)) !important;
  background: -ms-linear-gradient(bottom, #222222, #3c3c3c) !important;
  background: -moz-linear-gradient(center bottom, #222222 0%, #3c3c3c 100%) !important;
  background: -o-linear-gradient(#3c3c3c, #222222) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222222', GradientType=0) !important;
  color: #fff;
}

.bg-maroon-gradient {
  background: #85144b !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
  background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
  background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
  background: -o-linear-gradient(#b11b64, #85144b) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
  color: #fff;
}

.connectedSortable {
  min-height: 100px;
}

/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
    Components: navbar, logo and content header
-------------------------------------------------
*/
body>.header {
  position: relative;
  z-index: 1030;
  box-shadow: 1px 0 3px rgba(0, 0, 0, .15);
}

body>.header .navbar {
  margin-bottom: 0;
  /* margin-left: 220px; */
  width: 100% !important;
}

body>.header .navbar .sidebar-toggle {
  float: left;
  padding: 9px 5px;
  margin-top: 8px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 5px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

body>.header .navbar .sidebar-toggle:hover .icon-bar {
  background: #f6f6f6;
}

body>.header .navbar .sidebar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body>.header .navbar .sidebar-toggle .icon-bar+.icon-bar {
  margin-top: 4px;
}

body>.header .navbar .nav>li.user>a {
  font-weight: 500;
  padding: 10px;
}

body>.header .navbar .nav>li.user>a>.fa,
body>.header .navbar .nav>li.user>a>.glyphicon,
body>.header .navbar .nav>li.user>a>.ion {
  margin-right: 5px;
}

body>.header .navbar .nav>li>a>.label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  right: 2px;
  font-size: 10px;
  font-weight: normal;
  width: 15px;
  height: 15px;
  line-height: 1.0em;
  text-align: center;
  padding: 2px;
}

body>.header .navbar .nav>li>a:hover>.label {
  top: 3px;
}

body>.header .logo {
  float: left;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  padding: 0 10px;
  width: 220px;
  font-weight: 500;
  height: 50px;
  display: block;
}

body>.header .logo .icon {
  margin-right: 10px;
}

.right-side>.content-header {
  position: relative;
  padding: 15px 15px 10px 20px;
}

.right-side>.content-header>h1 {
  margin: 0;
  font-size: 24px;
}

.right-side>.content-header>h1>small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}

.right-side>.content-header>.breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.right-side>.content-header>.breadcrumb>li>a {
  color: #444;
  text-decoration: none;
}

.right-side>.content-header>.breadcrumb>li>a>.fa,
.right-side>.content-header>.breadcrumb>li>a>.glyphicon,
.right-side>.content-header>.breadcrumb>li>a>.ion {
  margin-right: 5px;
}

.right-side>.content-header>.breadcrumb>li+li:before {
  content: '>\00a0';
}

@media screen and (max-width: 767px) {
    
  .right-side>.content-header>.breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #efefef;
  }
  
  .mainsetplanreport .seatplanreport{
      width: 100% !important;
  }
  
  
  
}

@media (max-width: 767px) {
  .navbar .navbar-nav>li {
    float: left;
  }

  
  header.header nav#navbar .user-panel {
    display: none !important;
  }

  .navbar-top-section .section-title{
    display: none !important;
  }

  .navbar-nav {
    margin: 0;
    float: left;
  }

  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }

  .navbar .navbar-right {
    float: right;
  }
}

@media screen and (max-width: 560px) {
  body>.header {
    position: relative;
  }

  .btn.btn-success{
    margin: 5px 0;
  }

  .form-horizontal .form-group .btn.btn-success{
    margin: 0 !important;
  }

  header.header nav#navbar .user-panel {
    display: none !important;
  }

  .navbar-top-section .section-title{
    display: none !important;
  }

  body>.header .logo,
  body>.header .navbar {
    width: 100%;
    float: none;
    position: relative !important;
  }

  body>.header .navbar {
    margin: 0;
  }

  body.fixed>.header {
    position: fixed;
  }

  body.fixed>.wrapper,
  body.fixed .sidebar-offcanvas {
    margin-top: 100px !important;
  }
}

/*
    Component: Sidebar
--------------------------
*/
.sidebar {
  margin-bottom: 5px;
}

.sidebar .sidebar-form input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent !important;
}

.sidebar .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 93vh;
  overflow-y: scroll;
  overflow-x: hidden;
  border-top: 2px solid #b94242;
  scroll-behavior: smooth;
  scroll-padding: 0 !important;
  scroll-margin: 0;
}

.sidebar .sidebar-menu>li {
  margin: 0;
  padding: 0;
}

.sidebar .sidebar-menu>li>a {
  font-size: 15px;
  color: #000;
  padding: 5px;
  display: block;
  font-weight: 300;
}

.sidebar .sidebar-menu>li>a>.fa,
.sidebar .sidebar-menu>li>a>.glyphicon,
.sidebar .sidebar-menu>li>a>.ion {
  font-size: 14px;
  width: 25px;
  color: #004b47;
  padding: 5px;
  margin-right: 5px;
  text-align: center;
}

.sidebar .sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar .sidebar-menu .treeview-menu>li {
  margin: 0;
}

.sidebar .sidebar-menu .treeview-menu>li>a {
  display: block;
  font-size: 15px;
  padding: 5px 15px;
  font-weight: 300;
  color: #1c1c1c !important;
}

.sidebar .sidebar-menu .treeview-menu>li>a>.fa,
.sidebar .sidebar-menu .treeview-menu>li>a>.glyphicon,
.sidebar .sidebar-menu .treeview-menu>li>a>.ion {
  font-size: 14px;
  color: #004b47;
  padding: 5px;
  margin-right: 5px;
}

.user-panel {
  padding: 10px;
  background: none repeat scroll 0 0 #ffffff;
}

.user-panel:before,
.user-panel:after {
  display: table;
  content: " ";
}

.user-panel:after {
  clear: both;
}

.user-panel>.image>img {
  width: 45px;
  height: 45px;
}

.user-panel>.info {
  font-weight: 200;
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  line-height: 1;
}

.user-panel>.info>p {
  margin-bottom: 9px;
}

.user-panel>.info>a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
  font-weight: normal;
}

.user-panel>.info>a>.fa,
.user-panel>.info>a>.ion,
.user-panel>.info>a>.glyphicon {
  margin-right: 3px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */
@media screen and (max-width: 992px) {
  .relative {
    position: relative;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -220px;
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -220px;
  }

  .row-offcanvas-right.active {
    right: 220px;
  }

  .row-offcanvas-left.active {
    left: 220px;
  }

  .sidebar-offcanvas {
    left: 0;
  }

  body.fixed .sidebar-offcanvas {
    margin-top: 50px;
    left: -220px;
  }

  body.fixed .row-offcanvas-left.active .navbar {
    left: 220px !important;
    right: 0;
  }

  body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px;
  }
}

/*
    Dropdown menus
----------------------------
*/
/*Dropdowns in general*/
.dropdown-menu {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  z-index: 2300;
}

.dropdown-menu>li>a>.glyphicon,
.dropdown-menu>li>a>.fa,
.dropdown-menu>li>a>.ion {
  margin-right: 10px;
}

.dropdown-menu>li>a:hover {
  background-color: #3c8dbc;
  color: #f9f9f9;
}

/*Drodown in navbars*/
.skin-blue .navbar .dropdown-menu>li>a {
  color: #444444;
}

/*
    Navbar custom dropdown menu
------------------------------------
*/
.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
  width: 280px;
  padding: 0 0 0 0 !important;
  margin: 0 !important;
  top: 100%;
  border: 0px;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-top-left-radius: 0px !important;
  -moz-border-top-right-radius: 0px !important;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header:after,
.navbar-nav>.messages-menu>.dropdown-menu>li.header:after,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header:after {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444444;
  text-align: center;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
  background: #f4f4f4;
  text-decoration: none;
  font-weight: normal;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
  background: #f6f6f6;
  text-decoration: none;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  font-size: 12px;
  color: #444444;
  border-radius: 4px;
  line-height: 20px;
  margin: 0;
  padding: 10px 5px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
  font-size: 20px;
  width: 50px;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5px;
  background: #00c0ef;
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.7);
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.danger,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.danger,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.danger {
  background: #f56954;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.warning,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.warning,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.warning {
  background: #f39c12;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.success,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.success,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.success {
  background: #00a65a;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon.info,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa.info,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion.info {
  background: #00c0ef;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
  margin: 0px;
  line-height: 20px;
  padding: 10px 5px 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 3px;
  color: #444444;
  font-size: 15px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
  color: #999999;
  font-size: 10px;
  float: right;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
  margin: 0 0 0 3px;
  font-size: 12px;
  color: #888888;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  display: table;
  content: " ";
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  clear: both;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  padding: 10px;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
  padding: 0;
  margin: 0;
}

.navbar-nav>.user-menu>.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}

.navbar-nav>.user-menu>.dropdown-menu:after {
  bottom: 100%;
  right: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: 175px;
  padding: 10px;
  background: #3c8dbc;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 8px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  z-index: 5;
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  text-shadow: 2px 2px 3px #333333;
  margin-top: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 12px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body {
  padding: 15px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body:before,
.navbar-nav>.user-menu>.dropdown-menu>li.user-body:after {
  display: table;
  content: " ";
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body:after {
  clear: both;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-body>div>a {
  color: #222;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer {
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  background-color: #004642;
  color: #fff;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:before,
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:after {
  display: table;
  content: " ";
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer:after {
  clear: both;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-footer .btn-default {
  color: #666666;
}

/* Add fade animation to dropdown menus */
.open>.dropdown-menu {
  animation-duration: .2s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-duration: .2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-duration: .2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }

  to {
    opacity: 1;
    top: 100%;
  }
}

@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }

  to {
    opacity: 1;
    top: 100%;
  }
}

/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 767px) {

  .navbar-nav>.notifications-menu>.dropdown-menu,
  .navbar-nav>.user-menu>.dropdown-menu,
  .navbar-nav>.tasks-menu>.dropdown-menu,
  .navbar-nav>.messages-menu>.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    background: #ffffff;
  }


  .login-text-content-box {
    position: relative;
    padding: 10px !important;
  }

  .login-text-content-box h1 {
    font-size: 20px;
    font-weight: 600;
  }

  .login-text-content-box h3 {
    font-size: 14px !important;
  }

  .login-navtabs {
    display: none;
  }

  .login-text-content-box a {
    display: none;
  }

  .login-content-box {
    padding: 20px 0px !important;
  }

  .login-tabs-content {
    padding: 15px;
  }

  .form-group input[type=checkbox]+label:before {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0px;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    padding-left: 4px;
    padding-bottom: 1px;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
  }
}

/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 480px) {
  .navbar-nav>.notifications-menu>.dropdown-menu>li.header,
  .navbar-nav>.tasks-menu>.dropdown-menu>li.header,
  .navbar-nav>.messages-menu>.dropdown-menu>li.header {
    /* Remove arrow from the top */
  }

  .navbar-nav>.notifications-menu>.dropdown-menu>li.header:after,
  .navbar-nav>.tasks-menu>.dropdown-menu>li.header:after,
  .navbar-nav>.messages-menu>.dropdown-menu>li.header:after {
    border-width: 0px !important;
  }

  .navbar-nav>.tasks-menu>.dropdown-menu {
    position: absolute;
    right: -120px;
    left: auto;
  }

  .navbar-nav>.notifications-menu>.dropdown-menu {
    position: absolute;
    right: -70px;
    left: auto;
  }

  .navbar-nav>.messages-menu>.dropdown-menu {
    position: absolute;
    right: -160px;
    left: auto;
  }

  .login-text-content-box {
    position: relative;
    padding: 10px !important;
  }

  .login-text-content-box h1 {
    font-size: 20px;
    font-weight: 600;
  }

  .login-text-content-box h3 {
    font-size: 14px !important;
  }

  .login-navtabs {
    display: none;
  }

  .login-text-content-box a {
    display: none;
  }

  .login-content-box {
    padding: 20px 0px !important;
  }

  .login-tabs-content {
    padding: 15px;
  }

  .form-group input[type=checkbox]+label:before {
    content: "\2714";
    border: 0.1em solid #000;
    border-radius: 0px;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    padding-left: 4px;
    padding-bottom: 1px;
    margin-right: 5px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
  }

}

/*
   All form elements including input, select, textarea etc.
-----------------------------------------------------------------
*/
.form-control {
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: 1px solid #E2E7EB;
  color: #555;
  font-size: 12px;
  line-height: 1.42857;
  width: 100%;
}

.form-control:focus {
  border-color: #b6c2c9 !important;
  box-shadow: none;
}

.form-group.has-success label {
  color: #00a65a;
}

.form-group.has-success .form-control {
  border-color: #00a65a !important;
  box-shadow: none;
}

.form-group.has-warning label {
  color: #f39c12;
}

.form-group.has-warning .form-control {
  border-color: #f39c12 !important;
  box-shadow: none;
}

.form-group.has-error label {
  color: #f56954;
}

.form-group.has-error .form-control {
  border-color: #f56954 !important;
  box-shadow: none;
}

/* Input group */
.input-group .input-group-addon {
  border-radius: 0;
  background-color: #f4f4f4;
  border-color: #e2e7eb;
}

/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}

/* Checkbox and radio inputs */
.checkbox,
.radio {
  padding-left: 0;
}

/*
    Compenent: Progress bars
--------------------------------
*/
/* size variation */
.progress.sm {
  height: 10px;
}

.progress.xs {
  height: 7px;
}

/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}

.progress.vertical>.progress-bar {
  width: 100% !important;
  position: absolute;
  bottom: 0;
}

.progress.vertical.sm {
  width: 20px;
}

.progress.vertical.xs {
  width: 10px;
}

/* Remove margins from progress bars when put in a table */
.table tr>td .progress {
  margin: 0;
}

.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a;
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-red,
.progress-bar-danger {
  background-color: #f56954;
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*
    Component: Small boxes
*/

.small-box {
  position: relative;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  border-radius: 4px;
}

.small-box>.inner {
  padding: 10px;
}

.small-box>.small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;

  background-color: #FFFFFF;
  padding: 10px;
  text-align: left;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.small-box>.small-box-footer:hover {
  background: #FFFFFF;
}

.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
  color: #c6cad6;
}

.small-box p {
  font-size: 15px;
  color: #c6cad6;
}

.small-box p>small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}

.small-box h3,
.small-box p {
  z-index: 5px;
}

.small-box .icon {
  position: absolute;
  top: auto;
  bottom: 0px;
  right: 0px;
  z-index: 0;
  font-size: 60px;
  padding: 9.5px 25px 8px 25px;
  color: rgba(0, 0, 0, 0.15);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

@media screen and (max-width: 480px) {
  .small-box {
    text-align: center;
    background-color: #FFFFFF;
  }

  .small-box .icon {
    display: none;
  }

  .small-box p {
    font-size: 12px;
  }

  .small-box>.small-box-footer {
    text-align: center;
  }
}

/*
    component: Boxes
-------------------------
*/
.box {

  position: relative;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.box.box-primary {
  border-top-color: #3c8dbc;
}

.box.box-info {
  border-top-color: #00c0ef;
}

.box.box-danger {
  border-top-color: #f56954;
}

.box.box-warning {
  border-top-color: #f39c12;
}

.box.box-success {
  border-top-color: #00a65a;
}

.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}

.box .box-header {
  position: relative;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0px solid #f5f5f5;
  color: #444;
  background: linear-gradient(90deg, #004d40 0%, #26a69a 100%);
}

.box .box-header:before,
.box .box-header:after {
  display: table;
  content: " ";
}

.box .box-header:after {
  clear: both;
}

.box .box-header>.fa,
.box .box-header>.glyphicon,
.box .box-header>.ion,
.box .box-header .box-title {
  display: inline-block;
  padding: 8px 10px;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  cursor: default;
  color: #fff !important;
}

.box .box-header a {
  color: #CCCCCC;
}

.box .box-header>.box-tools {
  padding: 5px 10px 5px 5px;
}

.box .box-body {
  padding: 15px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.box .box-body>table,
.box .box-body>.table {
  margin-bottom: 0;
}

.box .box-body.chart-responsive {
  width: 100%;
  overflow: hidden;
}

.box .box-body>.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.box .box-body>.chart svg,
.box .box-body>.chart canvas {
  width: 100% !important;
}

.box .box-body .fc {
  margin-top: 0px;
}

.box .box-body .fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}

.box .box-body .fc-header-right {
  padding-right: 10px;
}

.box .box-body .fc-header-left {
  padding-left: 10px;
}

.box .box-body .fc-widget-header {
  background: #fafafa;
  box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}

.box .box-body .fc-grid {
  width: 100%;
  border: 0;
}

.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}

.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
  border-right: 0;
}

.box .box-body .table {
  margin-bottom: 25px;
}

.box .box-body .full-width-chart {
  margin: -19px;
}

.box .box-body.no-padding .full-width-chart {
  margin: -9px;
}

.box .box-footer {
  border-top: 1px solid #f4f4f4;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  background-color: #ffffff;
}

.box.box-solid {
  border-top: 0px;
}

.box.box-solid>.box-header {
  padding-bottom: 0px !important;
}

.box.box-solid>.box-header .btn.btn-default {
  background: transparent;
}

.box.box-solid.box-primary>.box-header {
  color: #fff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}

.box.box-solid.box-primary>.box-header a {
  color: #444;
}

.box.box-solid.box-info>.box-header {
  color: #fff;
  background: #00c0ef;
  background-color: #00c0ef;
}

.box.box-solid.box-info>.box-header a {
  color: #444;
}

.box.box-solid.box-danger>.box-header {
  color: #fff;
  background: #f56954;
  background-color: #f56954;
}

.box.box-solid.box-danger>.box-header a {
  color: #444;
}

.box.box-solid.box-warning>.box-header {
  color: #fff;
  background: #f39c12;
  background-color: #f39c12;
}

.box.box-solid.box-warning>.box-header a {
  color: #444;
}

.box.box-solid.box-success>.box-header {
  color: #fff;
  background: #00a65a;
  background-color: #00a65a;
}

.box.box-solid.box-success>.box-header a {
  color: #444;
}

.box.box-solid>.box-header>.box-tools .btn {
  border: 0;
  box-shadow: none;
}

.box.box-solid.collapsed-box .box-header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.box.box-solid[class*='bg']>.box-header {
  color: #fff;
}

.box .box-group>.box {
  margin-bottom: 5px;
}

.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}

.box .todo-list {
  margin: 0;
  padding: 0px 0px;
  list-style: none;
}

.box .todo-list>li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  background: #f3f4f5;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}

.box .todo-list>li:last-of-type {
  margin-bottom: 0;
}

.box .todo-list>li.danger {
  border-left-color: #f56954;
}

.box .todo-list>li.warning {
  border-left-color: #f39c12;
}

.box .todo-list>li.info {
  border-left-color: #00c0ef;
}

.box .todo-list>li.success {
  border-left-color: #00a65a;
}

.box .todo-list>li.primary {
  border-left-color: #3c8dbc;
}

.box .todo-list>li>input[type='checkbox'] {
  margin: 0 10px 0 5px;
}

.box .todo-list>li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}

.box .todo-list>li .label {
  margin-left: 10px;
  font-size: 9px;
}

.box .todo-list>li .tools {
  display: none;
  float: right;
  color: #f56954;
}

.box .todo-list>li .tools>.fa,
.box .todo-list>li .tools>.glyphicon,
.box .todo-list>li .tools>.ion {
  margin-right: 5px;
  cursor: pointer;
}

.box .todo-list>li:hover .tools {
  display: inline-block;
}

.box .todo-list>li.done {
  color: #999;
}

.box .todo-list>li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}

.box .todo-list>li.done .label {
  background: #eaeaec !important;
}

.box .todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}

.box .chat {
  padding: 5px 20px 5px 10px;
}

.box .chat .item {
  margin-bottom: 10px;
}

.box .chat .item:before,
.box .chat .item:after {
  display: table;
  content: " ";
}

.box .chat .item:after {
  clear: both;
}

.box .chat .item>img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.box .chat .item>img.online {
  border: 2px solid #00a65a;
}

.box .chat .item>img.offline {
  border: 2px solid #f56954;
}

.box .chat .item>.message {
  margin-left: 55px;
  margin-top: -40px;
}

.box .chat .item>.message>.name {
  display: block;
  font-weight: 600;
}

.box .chat .item>.attachment {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f0f0f0;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}

.box .chat .item>.attachment>h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}

.box .chat .item>.attachment>p,
.box .chat .item>.attachment>.filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}

.box .chat .item>.attachment:before,
.box .chat .item>.attachment:after {
  display: table;
  content: " ";
}

.box .chat .item>.attachment:after {
  clear: both;
}

.box>.overlay,
.box>.loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box>.overlay {
  z-index: 1010;
  background: rgba(255, 255, 255, 0.7);
}

.box>.overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}

.box>.loading-img {
  z-index: 1020;
  background: transparent url('../../../img/ajax-loader1.gif') 50% 50% no-repeat;
}

/*
Component: timeline
--------------------
*/

.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}

.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 5px;
  background: #ddd;
  left: 30px;
  border: 1px solid #eee;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.timeline>li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}

.timeline>li:before,
.timeline>li:after {
  display: table;
  content: " ";
}

.timeline>li:after {
  clear: both;
}

.timeline>li>.timeline-item {
  margin-top: 10px;
  border: 0px solid #dfdfdf;
  background: #fff;
  color: #555;
  margin-left: 60px;
  margin-right: 15px;
  padding: 5px;
  position: relative;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.timeline>li>.timeline-item>.time {
  color: #999;
  float: right;
  margin: 2px 0 0 0;
}

.timeline>li>.timeline-item>.timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 5px;
  font-size: 16px;
  line-height: 1.1;
}

.timeline>li>.timeline-item>.timeline-header>a {
  font-weight: 600;
}

.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
  padding: 10px;
}

.timeline>li.time-label>span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #eee;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}

/*
    Component: Buttons
-------------------------
*/

.btn {
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
}

.btn.btn-default {
  background-color: #222831;
  color: #ccc;
  border-color: #222831;
  border-bottom-color: #222831;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
  background-color: #222831;
  color: #fff;
}

.btn.btn-default.btn-flat {
  border-bottom-color: #d9dadc;
}

.btn.btn-primary {
  color: #fff;
  background-color: #348fe2;
  border-color: #348fe2;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
  color: #fff;
  background-color: #3487D3;
  border-color: #3487D3;
}

.btn.btn-success {
  color: #fff;
  border-radius: 0px;
  /* background-color: #09514e; */
  border: 0;
  background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
  border-radius: 3px !important;
}

.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
  color: #fff;
  /* background-color: #2196f3; */
  /* border-color: #2196f3; */
  border: 0;
}

.btn.btn-info {
  color: #fff;
  background-color: #49b6d6;
  border-color: #49b6d6;
}

.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
  color: #fff;
  background-color: #4AABC8;
  border-color: #4AABC8;
}

.btn.btn-danger {
  color: #fff;
  background-color: #f90903;
  border-color: #f90903;
  border-radius: 2px;
}

.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
  color: #fff;
  background-color: #F35A57;
  border-color: #F35A57;
}

.btn.btn-warning {
  color: #fff;
  background-color: #fb9704;
  border-color: #fb9704;
  border-radius: 0px;
}

.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
  color: #fff;
  background-color: #E8961E;
  border-color: #E8961E;
}

.btn.btn-flat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
  outline: none;
}

.btn.btn-file {
  position: relative;
  width: 120px;
  height: 35px;
  overflow: hidden;
}

.btn.btn-file>input[type='file'] {
  display: block !important;
  width: 100% !important;
  height: 35px !important;
  opacity: 0 !important;
  position: absolute;
  top: -10px;
  cursor: pointer;
}

.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}

.btn.btn-app>.fa,
.btn.btn-app>.glyphicon,
.btn.btn-app>.ion {
  font-size: 20px;
  display: block;
}

.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}

.btn.btn-app:active,
.btn.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.btn-app>.badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

.btn.btn-social-old {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.9;
  padding: 0;
}

.btn.btn-social-old>.fa {
  padding: 10px 0;
  width: 40px;
}

.btn.btn-social-old>.fa+span {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.btn.btn-social-old span {
  padding: 10px;
}

.btn.btn-social-old:hover {
  opacity: 1;
}

.btn.btn-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/*
    Component: callout
------------------------
*/

.callout {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.callout h4 {
  margin-top: 0;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout code,
.callout .highlight {
  background-color: #fff;
}

.callout.callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}

.callout.callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}

.callout.callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

.callout.callout-danger h4 {
  color: #B94A48;
}

.callout.callout-warning h4 {
  color: #C09853;
}

.callout.callout-info h4 {
  color: #3A87AD;
}

/*
    Component: alert
------------------------
*/

.alert {
  padding-left: 30px;
  margin-left: 15px;
  position: relative;
}

.alert>.fa,
.alert>.glyphicon {
  position: absolute;
  left: -15px;
  top: -15px;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  background: inherit;
  border: inherit;
}

/*
    Component: Navs
*/

.nav.nav-pills>li>a {
  border-top: 3px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #444;
}

.nav.nav-pills>li>a>.fa,
.nav.nav-pills>li>a>.glyphicon,
.nav.nav-pills>li>a>.ion {
  margin-right: 5px;
}

.nav.nav-pills>li.active>a,
.nav.nav-pills>li.active>a:hover {
  background-color: #f6f6f6;
  border-top-color: #3c8dbc;
  color: #444;
}

.nav.nav-pills>li.active>a {
  font-weight: 600;
}

.nav.nav-pills>li>a:hover {
  background-color: #f6f6f6;
}

.nav.nav-pills.nav-stacked>li>a {
  border-top: 0;
  border-left: 3px solid #1e1e1e59;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #444;
  border-bottom: 1px solid #e3e3e39c;
}

.nav.nav-pills.nav-stacked>li.active>a,
.nav.nav-pills.nav-stacked>li.active>a:hover {
  background-color: #f6f6f6;
  border-left-color: #336f6c;
  color: #444;
}

.nav.nav-pills.nav-stacked>li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}

/* NAV TABS */

.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
}

.nav-tabs-custom>.nav-tabs {
  background: linear-gradient(90deg, #004d40 0%, #26a69a 100%);
  margin: 0;
}

.nav-tabs-custom>.nav-tabs>li {
  padding: 5px;
  border-radius: 4px !important;
}

.nav-tabs-custom>.nav-tabs>li>a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  background: #4d8381 !important;
  padding: 10px 20px;
  border-radius: 3px !important;
  color: #ffff;
  font-size: 16px !important;
}

.nav-tabs-custom>.nav-tabs>li>a,
.nav-tabs-custom>.nav-tabs>li>a:hover {
  background: transparent;
  margin: 0;
}

.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  border-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
  background-color: #fff;
  color: #222;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
  border-top: 0;
  color: #fff;
  background: #09514e !important;
  font-size: 14px;
  border-radius: 25px !important;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type {
  margin-left: 0px;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  border-left-width: 0;
}

.nav-tabs-custom>.nav-tabs.pull-right {
  float: none !important;
}

.nav-tabs-custom>.nav-tabs.pull-right>li {
  float: right;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  margin-right: 0px;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  border-left-width: 1px;
  border-right-width: 0px;
}

.nav-tabs-custom>.nav-tabs>li.header {
  font-weight: 400;
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
  cursor: default;
}

.nav-tabs-custom>.nav-tabs>li.header>.fa,
.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.nav-tabs-custom>.nav-tabs>li.header>.ion {
  margin-right: 10px;
}

.nav-tabs-custom>.tab-content {
  background: #fff;
  padding: 10px 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: -webkit-box;
}

/* Nav tabs bottom */
.tabs-bottom.nav-3 li a {
  width: 3333.33333333% !important;
}

.tabs-bottom li a {
  border: 0;
}

/* PAGINATION */
.pagination>li>a {
  background: #fafafa;
  color: #666;
}

.pagination>li:first-of-type a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
}

.pagination>li:last-of-type a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

/*
    Component: Mailbox
*/

.mailbox .table-mailbox {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.mailbox .table-mailbox tr.unread>td {
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
  font-weight: 600;
}

.mailbox .table-mailbox tr>td>.fa.fa-star,
.mailbox .table-mailbox tr>td>.fa.fa-star-o,
.mailbox .table-mailbox tr>td>.glyphicon.glyphicon-star,
.mailbox .table-mailbox tr>td>.glyphicon.glyphicon-star-empty {
  color: #f39c12;
  cursor: pointer;
}

.mailbox .table-mailbox tr>td.small-col {
  width: 30px;
}

.mailbox .table-mailbox tr>td.name {
  width: 150px;
  font-weight: 600;
}

.mailbox .table-mailbox tr>td.time {
  text-align: right;
  width: 100px;
}

.mailbox .table-mailbox tr>td {
  white-space: nowrap;
}

.mailbox .table-mailbox tr>td>a {
  color: #444;
}

@media screen and (max-width: 767px) {
  .mailbox .nav-stacked>li:not(.header) {
    float: left;
    width: 50%;
  }

  .mailbox .nav-stacked>li:not(.header).header {
    border: 0 !important;
  }

  .mailbox .search-form {
    margin-top: 10px;
  }

}

/*
    Page: locked screen
*/
/* ADD THIS CLASS TO THE <HTML> TAG */

.lockscreen {
  background: url(../../../img/blur-background09.jpg) repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Remove the background from the body element */
.lockscreen>body {
  background: transparent;
}

/* We will put the dynamically generated digital clock here */
.lockscreen .headline {
  color: #fff;
  text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
  font-weight: 300;
  -webkit-font-smoothing: antialiased !important;
  opacity: 0.8;
  margin: 10px 0 30px 0;
  font-size: 90px;
}

@media screen and (max-width: 480px) {
  .lockscreen .headline {
    font-size: 60px;
    margin-bottom: 40px;
  }
}

/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

/* Will contain the image and the sign in form */
.lockscreen-item {
  padding: 0;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 10px auto;
  width: 290px;
}

.lockscreen-item:before,
.lockscreen-item:after {
  display: table;
  content: " ";
}

.lockscreen-item:after {
  clear: both;
}

/* User image */
.lockscreen-item>.lockscreen-image {
  position: absolute;
  left: -10px;
  top: -30px;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 10;
}

.lockscreen-item>.lockscreen-image>img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* Contains the password input and the login button */
.lockscreen-item>.lockscreen-credentials {
  margin-left: 80px;
}

.lockscreen-item>.lockscreen-credentials input {
  border: 0 !important;
}

.lockscreen-item>.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
}

/* Extra to give the user an option to navigate the website [optional]*/
.lockscreen-link {
  margin-top: 30px;
  text-align: center;
}

/*
    Page: register and login
*/

.form-box {
  width: 360px;
  margin: 90px auto 0 auto;
}

.form-box .header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: none repeat scroll 0 0 #1A2229;
  box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  text-align: center;
  font-size: 26px;
  font-weight: 300;
  color: #fff;
}

.form-box .body,
.form-box .footer {
  padding: 10px 20px;
  background: #fff;
  color: #444;
}

.form-box .body>.form-group,
.form-box .footer>.form-group {
  margin-top: 20px;
}

.form-box .body>.form-group>input,
.form-box .footer>.form-group>input {
  border: #fff;
}

.form-box .body>.btn,
.form-box .footer>.btn {
  margin-bottom: 10px;
}

.form-box .footer {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

@media (max-width: 767px) {
  .form-box {
    width: 90%;
  }
}

/*
    Page: 404 and 500 error pages
------------------------------------
*/

.error-page {
  width: 600px;
  margin: 20px auto 0 auto;
}

@media screen and (max-width: 767px) {
  .error-page {
    width: 100%;
  }
}

.error-page>.headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .error-page>.headline {
    float: none;
    text-align: center;
  }
}

.error-page>.error-content {
  margin-left: 190px;
  display: block;
}

@media screen and (max-width: 767px) {
  .error-page>.error-content {
    margin-left: 0;
  }
}

.error-page>.error-content>h3 {
  font-weight: 300;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .error-page>.error-content>h3 {
    text-align: center;
  }
}

.error-page:before,
.error-page:after {
  display: table;
  content: " ";
}

.error-page:after {
  clear: both;
}

/*
    Page: Invoice
*/

.invoice {
  position: relative;
  width: 100%;
  margin: 0px;
  background: #fff;
  border: 1px solid #f4f4f4;
}

.invoice-title {
  margin-top: 0;
}

/*
    Skins
    -----
*/
/*
    Skin Blue 
    ---------
*/

/* skin-blue navbar */
.skin-blue .navbar {
  background-color: #004b47;
}

.skin-blue .navbar .nav a {
  color: #fff;
}

.skin-blue .navbar .nav>li>a:hover,
.skin-blue .navbar .nav>li>a:active,
.skin-blue .navbar .nav>li>a:focus,
.skin-blue .navbar .nav .open>a,
.skin-blue .navbar .nav .open>a:hover,
.skin-blue .navbar .nav .open>a:focus {
  background: #004440;
  color: #2196f3;
}

.school-name {
  float: none !important;
}

.skin-blue .navbar .navbar-right>.nav {
  margin-right: 10px;
}

.skin-blue .navbar .sidebar-toggle .icon-bar {
  background: none repeat scroll 0 0 #fff;
}

.skin-blue .navbar .sidebar-toggle:hover .icon-bar {
  background: none repeat scroll 0 0 #fff !important;
}

/* skin-blue logo */
.skin-blue .logo {
  color: #1c1c1c !important;
  font-size: 25px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 6px 0;
}

.skin-blue .logo>a {
  color: #001122;
}

.skin-blue .logo:hover {
  background: #2196f3;
}

/* skin-blue content header */
.skin-blue .right-side>.content-header {
  background: #fbfbfb;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

/* Skin-blue user panel */
.skin-blue .user-panel>.image>img {
  border: 1px solid #dfdfdf;
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
  color: #1c1c1c;
}

/* skin-blue sidebar */
.skin-blue .sidebar>.sidebar-menu>li:first-of-type {
  border-top: 0px solid #dbdbdb;
}

.skin-blue .sidebar>.sidebar-menu>li:first-of-type>a {
  /* border-top: 1px solid #132035; */
  font-weight: 700;
  font-size: 13px;
  color: #000;
}

.skin-blue .sidebar>.sidebar-menu>li>a {
  margin-right: 0px;
}

.skin-blue .sidebar>.sidebar-menu>li>a:hover,
.skin-blue .sidebar>.sidebar-menu>li.active>a {
  color: #000;
  background: #f1f1f1;
  font-weight: 700;
  font-size: 13px;
}

.skin-blue .sidebar>.sidebar-menu>li>.treeview-menu {
  margin: 0 0px;
  background: #e8e8e8 !important;
}

.skin-blue .left-side {
  background: #ffffff;
  -webkit-box-shadow: inset -3px 0px 8px -4px rgb(0 0 0 / 10%);
  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset -3px 0px 8px -4px rgb(0 0 0 / 7%);
  position: fixed;
  /* top: 0; */
}

.skin-blue .sidebar a {
  color: #555555;
}

.skin-blue .sidebar a:hover {
  text-decoration: none;
}

.skin-blue .treeview-menu>li>a {
  color: #fff;
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}

.skin-blue .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}

.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color: #fff;
}

.skin-blue .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}

/*
    Skin Black
    --------
*/
/* skin-black navbar */
.skin-black .navbar {
  background-color: #ffffff;
  border-bottom: 1px solid #eee;
}

.skin-black .navbar .nav a {
  color: #333333;
}

.skin-black .navbar .nav>li>a:hover,
.skin-black .navbar .nav>li>a:active,
.skin-black .navbar .nav>li>a:focus,
.skin-black .navbar .nav .open>a,
.skin-black .navbar .nav .open>a:hover,
.skin-black .navbar .nav .open>a:focus {
  background: #ffffff;
  color: #999999;
}

.skin-black .navbar .navbar-right>.nav {
  margin-right: 10px;
}

.skin-black .navbar .sidebar-toggle .icon-bar {
  background: #333333;
}

.skin-black .navbar .sidebar-toggle:hover .icon-bar {
  background: #999999 !important;
}

/* skin-black logo */
.skin-black .logo {
  background-color: #333333;
  color: #f9f9f9;
}

.skin-black .logo>a {
  color: #f9f9f9;
}

.skin-black .logo:hover {
  background: #303030;
}

/* skin-black content header */
.skin-black .right-side>.content-header {
  background: transparent;
  box-shadow: none;
}

/* Skin-red user panel */
.skin-black .user-panel>.image>img {
  border: 1px solid #444;
}

.skin-black .user-panel>.info,
.skin-black .user-panel>.info>a {
  color: #eee;
}

/* skin-black sidebar */
.skin-black .sidebar {
  border-bottom: 1px solid #333;
}

.skin-black .sidebar>.sidebar-menu>li {
  border-top: 1px solid #333;
  border-bottom: 0px solid #444;
}

.skin-black .sidebar>.sidebar-menu>li:first-of-type {
  border-top: 1px solid #444;
}

.skin-black .sidebar>.sidebar-menu>li:first-of-type>a {
  border-top: 0px solid #333;
}

.skin-black .sidebar>.sidebar-menu>li>a {
  margin-right: 1px;
}

.skin-black .sidebar>.sidebar-menu>li>a:hover,
.skin-black .sidebar>.sidebar-menu>li.active>a {
  color: #f6f6f6;
  background: #444;
}

.skin-black .sidebar>.sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #444;
}

.skin-black .left-side {
  background: #333;
}

.skin-black .sidebar a {
  color: #eee;
}

.skin-black .sidebar a:hover {
  text-decoration: none;
}

.skin-black .treeview-menu>li>a {
  color: #ccc;
}

.skin-black .treeview-menu>li.active>a,
.skin-black .treeview-menu>li>a:hover {
  color: #fff;
}

.skin-black .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px solid #555;
  margin: 10px 10px;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0 solid rgba(255, 255, 255, 0.1);
  height: 35px;
  outline: none;
}

.skin-black .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #444;
  border: 0;
}

.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left: 0;
}

.skin-black .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0;
}

/*!
 * iCheck v1.0.1, http://git.io/arlzeA
 * =================================
 * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
 *
 * (c) 2013 Damir Sultanov, http://fronteed.com
 * MIT Licensed
 */
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_minimal {
  background-position: 0 0;
}

.icheckbox_minimal.hover {
  background-position: -20px 0;
}

.icheckbox_minimal.checked {
  background-position: -40px 0;
}

.icheckbox_minimal.disabled {
  background-position: -60px 0;
  cursor: default;
}

.icheckbox_minimal.checked.disabled {
  background-position: -80px 0;
}

.iradio_minimal {
  background-position: -100px 0;
}

.iradio_minimal.hover {
  background-position: -120px 0;
}

.iradio_minimal.checked {
  background-position: -140px 0;
}

.iradio_minimal.disabled {
  background-position: -160px 0;
  cursor: default;
}

.iradio_minimal.checked.disabled {
  background-position: -180px 0;
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

  .icheckbox_minimal,
  .iradio_minimal {
    background-image: url('iCheck/minimal/minimal@2x.png');
    -webkit-background-size: 200px 20px;
    background-size: 200px 20px;
  }
}

.pace .pace-progress {
  background: #00c0ef;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace-inactive {
  display: none;
}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2014 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 *
 * Note: this file has been altered to work correctly with AdminLTE
 */
.btn-social {
  position: relative;
  padding-left: 44px !important;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px !important;
  line-height: 34px !important;
  font-size: 1.6em !important;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg {
  padding-left: 60px !important;
}

.btn-social.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm {
  padding-left: 38px !important;
}

.btn-social.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px !important;
}

.btn-social.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px !important;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px !important;
  line-height: 34px !important;
  font-size: 1.6em !important;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
  padding-left: 60px !important;
}

.btn-social-icon.btn-lg :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm {
  padding-left: 38px !important;
}

.btn-social-icon.btn-sm :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs {
  padding-left: 30px !important;
}

.btn-social-icon.btn-xs :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-bitbucket {
  color: #ffffff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
  color: #ffffff;
  background-color: #183c60;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
  background-image: none;
}

.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
fieldset[disabled] .btn-bitbucket,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn-bitbucket:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
fieldset[disabled] .btn-bitbucket:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active,
fieldset[disabled] .btn-bitbucket.active {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #ffffff;
}

.btn-dropbox {
  color: #ffffff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
  color: #ffffff;
  background-color: #0d70b7;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
  background-image: none;
}

.btn-dropbox.disabled,
.btn-dropbox[disabled],
fieldset[disabled] .btn-dropbox,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn-dropbox:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
fieldset[disabled] .btn-dropbox:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active,
fieldset[disabled] .btn-dropbox.active {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #ffffff;
}

.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #ffffff;
  background-color: #30487b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}

.btn-flickr {
  color: #ffffff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
  color: #ffffff;
  background-color: #d6006f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
  background-image: none;
}

.btn-flickr.disabled,
.btn-flickr[disabled],
fieldset[disabled] .btn-flickr,
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
fieldset[disabled] .btn-flickr:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
fieldset[disabled] .btn-flickr:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active,
fieldset[disabled] .btn-flickr.active {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #ffffff;
}

.btn-foursquare {
  color: #ffffff;
  background-color: #0072b1;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
  color: #ffffff;
  background-color: #005888;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open .dropdown-toggle.btn-foursquare {
  background-image: none;
}

.btn-foursquare.disabled,
.btn-foursquare[disabled],
fieldset[disabled] .btn-foursquare,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare:hover,
.btn-foursquare.disabled:focus,
.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn-foursquare:focus,
.btn-foursquare.disabled:active,
.btn-foursquare[disabled]:active,
fieldset[disabled] .btn-foursquare:active,
.btn-foursquare.disabled.active,
.btn-foursquare[disabled].active,
fieldset[disabled] .btn-foursquare.active {
  background-color: #0072b1;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare .badge {
  color: #0072b1;
  background-color: #ffffff;
}

.btn-github {
  color: #ffffff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
  color: #ffffff;
  background-color: #303030;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
  background-image: none;
}

.btn-github.disabled,
.btn-github[disabled],
fieldset[disabled] .btn-github,
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
fieldset[disabled] .btn-github:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
fieldset[disabled] .btn-github:active,
.btn-github.disabled.active,
.btn-github[disabled].active,
fieldset[disabled] .btn-github.active {
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github .badge {
  color: #444444;
  background-color: #ffffff;
}

.btn-google-plus {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
  color: #ffffff;
  background-color: #ca3523;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
  background-image: none;
}

.btn-google-plus.disabled,
.btn-google-plus[disabled],
fieldset[disabled] .btn-google-plus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
fieldset[disabled] .btn-google-plus:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
fieldset[disabled] .btn-google-plus:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active,
fieldset[disabled] .btn-google-plus.active {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google-plus .badge {
  color: #dd4b39;
  background-color: #ffffff;
}

.btn-instagram {
  color: #ffffff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
  color: #ffffff;
  background-color: #335d7e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
  background-image: none;
}

.btn-instagram.disabled,
.btn-instagram[disabled],
fieldset[disabled] .btn-instagram,
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
fieldset[disabled] .btn-instagram:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
fieldset[disabled] .btn-instagram:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active,
fieldset[disabled] .btn-instagram.active {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #ffffff;
}

.btn-linkedin {
  color: #ffffff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
  color: #ffffff;
  background-color: #005f8d;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
  background-image: none;
}

.btn-linkedin.disabled,
.btn-linkedin[disabled],
fieldset[disabled] .btn-linkedin,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
fieldset[disabled] .btn-linkedin:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin.active {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #ffffff;
}

.btn-tumblr {
  color: #ffffff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
  color: #ffffff;
  background-color: #1f3346;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
  background-image: none;
}

.btn-tumblr.disabled,
.btn-tumblr[disabled],
fieldset[disabled] .btn-tumblr,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn-tumblr:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
fieldset[disabled] .btn-tumblr:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active,
fieldset[disabled] .btn-tumblr.active {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #ffffff;
}

.btn-twitter {
  color: #ffffff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #ffffff;
  background-color: #309aea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  background-image: none;
}

.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #ffffff;
}

.btn-vk {
  color: #ffffff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
  color: #ffffff;
  background-color: #4a6a89;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
  background-image: none;
}

.btn-vk.disabled,
.btn-vk[disabled],
fieldset[disabled] .btn-vk,
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
fieldset[disabled] .btn-vk:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
fieldset[disabled] .btn-vk:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active,
fieldset[disabled] .btn-vk.active {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #ffffff;
}

.box-layout-fame {
  background-color: #dddeee;
  color: #707478;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  boder: 1px solid #F24E56;
}


.main-footer {
  background: #fff;
  padding: 5px 15px;
  color: #444;
  border-top: 1px solid #DDDDDD;
  position: fixed;
  bottom: 0px;
  left: 0px;
  text-align: center;
  right: 0px;
  transition: transform .3s ease-in-out, margin .3s ease-in-out;
  margin-left: 220px;
  z-index: 820;
}

.breadcrumb>.active {
  color: #fff;
}

/*==============22/10/2019========================*/

.content-box-area {
  overflow: hidden;
  margin-bottom: 20px;
}

.content-box-area .content-box {
  text-align: center;
  color: #fff;
}

.fc-header-toolbar {
  border-top: 3px solid #575757;
  padding: 12px 15px;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 0px !important;
}

.fc-header-toolbar .fc-center h2 {
  font-size: 18px;
  color: #222;
}

.fc-view-container {
  padding: 0px 15px 15px 15px;
}

.fc-header-toolbar .fc-today-button {
  border-radius: 0px;
  color: #ffffff;
  background: #3f9eea;
  border: 1px solid #3f9eea;
}

.fc-toolbar .fc-center {
  display: block;
}

p.filter_studen.text-right {
  font-size: 16px;
  color: #222;
  margin-top: 7px;
}

.panel-default>.panel-heading {
  color: #fff;
  background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
  border-color: #01579b;
  font-size: 16px;
  font-weight: 700;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 5px 26px;
  line-height: 1.428571429;
  vertical-align: middle;
  border: 1px solid #000000;
  font-size: 14px;
}

.height-300 {
  height: 300px;
}

.pad-0 {
  padding: 0px !important;
}

.bg-primary-sec {
  background-color: #004b47cc;
}

.bg-dark-primary {
  background-color: #004b47cc;
}

.bg-warning-sec {
  background-color: #004b47cc;
}

.bg-dark-warning {
  background-color: #F35A57;
  border: 4px solid #F35A57;
}

.bg-income-sec {
  background-color: #004b47cc;
}

.bg-primary-sec .content-box {
  background-color: #fff;
  overflow: hidden;
  color: #222;
  display: flex;
  align-items: center;
}

.bg-primary-sec .content-box-title.text-center {
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.bg-primary-sec .content-box b {
  font-size: 14px;
  color: #444;
}

.bg-primary-sec .content-box p {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #222;
}

.bg-primary-sec .content-box .border-r-2 {
  border-right: 2px solid #575757;
}

.bg-primary-sec .content-box .border-l-2 {
  border-left: 2px solid #575757;
}

/*===================================*/
.bg-dark-primary .content-box {
  background-color: #fff;
  overflow: hidden;
  color: #222;
  display: flex;
  align-items: center;
}

.bg-dark-primary .content-box-title.text-center {
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.bg-dark-primary .content-box b {
  font-size: 14px;
  color: #444;
}

.bg-dark-primary .content-box p {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #222;
}

.bg-dark-primary .content-box .border-r-2 {
  border-right: 2px solid #575757;
}

.bg-dark-primary .content-box .border-l-2 {
  border-left: 2px solid #575757;
}

/*============================================*/
.bg-warning-sec .content-box {
  background-color: #fff;
  overflow: hidden;
  color: #222;
  display: flex;
  align-items: center;
}

.bg-warning-sec .content-box-title.text-center {
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.bg-warning-sec .content-box b {
  font-size: 14px;
  color: #444;
}

.bg-warning-sec .content-box p {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #222;
}

.bg-warning-sec .content-box .border-r-2 {
  border-right: 2px solid #575757;
}

.bg-warning-sec .content-box .border-l-2 {
  border-left: 2px solid #575757;
}

/*============================================*/
.bg-dark-warning .content-box {
  background-color: #fff;
  overflow: hidden;
  color: #222;
}

.bg-dark-warning .content-box-title.text-center {
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.bg-dark-warning .content-box b {
  font-size: 14px;
  color: #222;
  padding-top: 4px
}

.bg-dark-warning .content-box p {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #222;
}

.bg-dark-warning .content-box .border-r-2 {
  border-right: 2px solid #F35A57;
}

.bg-dark-warning .content-box .border-l-2 {
  border-left: 2px solid #F35A57;
}

/*============================================*/
.bg-income-sec .content-box {
  background-color: #fff;
  overflow: hidden;
  color: #222;
}

.bg-income-sec .content-box-title.text-center {
  margin: 0px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.bg-income-sec .content-box b {
  font-size: 14px;
  color: #fff;
}

.bg-income-sec .content-box p {
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
  color: #222;
  border-bottom-style: dotted;
  margin-bottom: 5px;
}

.bg-income-sec .content-box .border-r-2 {
  border-right: 2px solid #575757;
}

.bg-income-sec .content-box .border-l-2 {
  border-left: 2px solid #575757;
}

/*--------------------------*/
.fc-view,
.fc-view>table {


  position: relative;
  z-index: 1;
}

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

.nav-tabs {
  border-bottom: 0;
  margin-bottom: 10px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  cursor: pointer;
  color: #181824;
  border-radius: 0px;
  border: 0px;
  border-bottom-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  height: 60px !important;
  background: none;
  border-color: transparent;
  border-bottom: 0;
  width: 60px !important;
}

.routine-title .box-title {
  font-weight: bold !important;
}

/*====================Media Quqries==============================*/
@media screen and (max-width: 1300px) {
  

}

@media screen and (min-width: 1300px) and (max-width: 1920px) {
 

}

@media screen and (min-width: 240px) and (max-width: 1280px) {}

/*=================LOgin Page==============================*/
.no-pad {
  padding: 0px;
}

.login-box-main .nav-tabs {
  border-bottom: 0px;
  padding: 15px 0px;
  text-align: center;
}

.login-navtabs.nav-tabs>li>a {
  margin-bottom: 8px;
  color: #fff;
  font-size: 14px;
  margin-right: 0px;
  line-height: 1.428571429;
  border: 0px;
  border-radius: 4px 4px 0 0;
}

.login-navtabs.nav-tabs>li.active>a,
.login-navtabs.nav-tabs>li.active>a:hover,
.login-navtabs.nav-tabs>li.active>a:focus {
  cursor: pointer;
  background-color: #004440 !important;
  color: #fff !important;
  border-radius: 25px;
  border-bottom-color: transparent;
}

.login-navtabs.nav>li>a:hover,
.login-navtabs.nav>li>a:focus {
  cursor: pointer;
  background-color: #004440 !important;
  color: #fff !important;
  border-radius: 25px;
  border-bottom-color: transparent;
}

.pad-r-0 {
  padding-right: 0px;
}

.pad-l-0 {
  padding-left: 0px;
}

.login-content-box h3 {
  margin-top: 0px;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  /* letter-spacing: 3px; */
}

.login-content-box .input-group .form-control {
  padding: 12px 10px;
  height: auto;
  font-size: 16px;
  border-left: 2px solid #7f63ab;
}

.login-content-box .input-group .input-group-addon {
  color: #004f4c;
  border-radius: 4px 0 0 4px !important;
  background-color: #fff;
  border-color: #fff;
  padding: 0 18px;
  font-size: 18px;
}

.custom-btn-design {
  border-radius: 25px;
}

.form-group input[type=checkbox]+label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.form-group input[type=checkbox]+label:before {
  content: "\2714";
  border: 0.1em solid #000;
  border-radius: 0px;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-left: 4px;
  padding-bottom: 0px;
  margin-right: 5px;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

.form-group input[type=checkbox]+label:active:before {
  transform: scale(0);
}

.form-group input[type=checkbox]:checked+label:before {
  background-color: #3487D3;
  border-color: #3487D3;
  color: #fff;
}

.form-group input[type=checkbox]:disabled+label:before {
  transform: scale(1);
  border-color: #aaa;
}

.form-group input[type=checkbox]:checked:disabled+label:before {
  transform: scale(1);
  background-color: #3487D3;
  border-color: #3487D3;
}

.login-footer-list li a {
  color: #222;
}

.login-text-content-box {
  position: relative;
  padding: 100px;
}

.login-text-content-box h3 {
  color: #fff;
}

.login-text-content-box h1 {
  color: #fff;
}

.school-logo {
  text-align: center;
}

.school-logo img {
  height: 60px;
}

.log-site-name {
  color: #c60b67;
  font-weight: 600;
}

/*Account Dashboard style*/
.bg-account-income {
  background: #C33764;
  background: -webkit-linear-gradient(to right, #1D2671, #C33764);
  background: linear-gradient(to right, #1D2671, #C33764);
  color: #fff;
  padding: 4px;
}

.bg-account-income .content-box {
  overflow: hidden;
  color: #222;
}

.account-r-2 {
  margin-top: 4px;
  background: #fff;
}

.account-r-2 b {
  width: 50%;
  float: left;
  padding: 10px;
  font-size: 16px;
  border-right: 1px solid #2222;
}

.account-r-2 p {
  padding: 10px;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}

.bg-account-expence {
  background: #de6161;
  background: -webkit-linear-gradient(to right, #2657eb, #de6161);
  background: linear-gradient(to right, #2657eb, #de6161);
  color: #fff;
  padding: 4px;
}

.bg-account-expence .content-box {
  overflow: hidden;
  color: #222;
}

.bg-acount-balance {
  background: #fc00ff;
  background: -webkit-linear-gradient(to right, #00dbde, #fc00ff);
  background: linear-gradient(to right, #00dbde, #fc00ff);
  color: #fff;
  padding: 4px;
}

.bg-acount-balance .content-box {
  overflow: hidden;
  color: #222;
}

.bg-cash-in-hand-sec {
  background: #C02425;
  background: -webkit-linear-gradient(to right, #F0CB35, #C02425);
  background: linear-gradient(to right, #F0CB35, #C02425);

  color: #fff;
  padding: 4px;
}

.bg-cash-in-hand-sec .content-box {
  overflow: hidden;
  color: #222;
}

.bg-shortcut {
  background: #ad5389;
  background: -webkit-linear-gradient(to right, #3c1053, #ad5389);
  background: linear-gradient(to right, #3c1053, #ad5389);
  height: 100px;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 38px;
  font-size: 20px;
}

.bg-shortcut:hover {
  background: #FC466B;
  background: -webkit-linear-gradient(to right, #3F5EFB, #FC466B);
  background: linear-gradient(to right, #3F5EFB, #FC466B);
  height: 100px;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 38px;
  font-size: 20px;
}

.bg-shortcut a {
  color: #fff;
}

.teacher-routine>tbody>tr>td {
  color: #971414 !important;
  border: 3px solid #c2dac1ed;
}

.teacher-routine>tbody>tr>td strong {
  color: #000 !important;
}

.teacher-shortcut {
  background: #24C6DC;
  background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);
  background: linear-gradient(to right, #514A9D, #2196f3);
  height: 100px;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 22%;
  font-size: 20px;
  border-radius: 10px;
  color: #ffff;
  font-weight: 400;
  border: 3px solid #9faeb7;
}

.teacher-shortcut a {
  color: #fff;
}

.teacher-shortcut:hover {
  background: #24C6DC;
  background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);
  background: linear-gradient(to right, #281d9e, #2196f3);

  border: 3px solid #2196f3;
}

.routine-trow {
  background: #f1d9f4b0;
}

/*==============================================================*/

.table-header {
  background-color: #fff !important;
  color: #222831 !important;
  border: 1px solid #ddd !important;
  font-size: 16px !important;
}

.sengle-section .nav {
  text-align: center;
}

.priority-student {
  margin: 0 15px;
}

.sengle-section .nav .nav-item {
  display: inline;
}

.sengle-section .nav .nav-item .nav-link {
  display: inline;
}

.priority-student h2 {
  color: #fff;
  display: inline;
  text-transform: capitalize;
  font-size: 18px;
  margin: 0;
}

section.content .form-control {
  margin: 0;
}

.priority-student .title {
  background: linear-gradient(90deg, #004d40 0%, #26a69a 100%);
  padding: 5px 10px;
}

.priority-student .title .fa {
  font-size: 20px;
  margin-right: 10px;
  color: #fff;
}

.sengle-section {
  padding: 10px;
  text-align: center;
  background: #fff;
  margin: 15px 0;
}

.sengle-section .fa {
  font-size: 80px;
  color: #05d08e;
}

.sengle-section .info a {
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  font-weight: 400;
}

.sengle-section img {
  width: 75px;
  padding-bottom: 8px;
}

.left-section .fa {
  font-size: 50px;
  color: #077995;
}


.right-section .fa {
  font-size: 50px;
  color: #077995;
}

.bg-income-sec .right-section-income b {
  font-size: 14px;
  color: #444;
}

.bg-income-sec .left-section-income b {
  font-size: 14px;
  color: #444;
}

.left-section-income {
  margin: 4px 0 5px 0;
  text-align: left;
  background: #fff;
  padding: 15px 20px;
  border-radius: 5px;
  border-left: 3px solid #21a29e;
}

.right-section-income {
  margin: 4px 0 5px 0;
  text-align: left;
  background: #fff;
  padding: 15px 20px;
  border-radius: 5px;
  border-left: 3px solid #21a29e;
}

.left-section-income .document h6 {
  font-size: 18px;
  text-transform: capitalize;
  color: #444;
  font-weight: 600;
}

.right-section-income .document h6 {
  font-size: 18px;
  text-transform: capitalize;
  color: #444;
  font-weight: 600;
}

#student-section .student-list .sengle-box img {
  width: 45px;
  text-align: center;
}

#student-section .student-list .sengle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

#student-section .student-list .sengle-box .info a {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}

#student-section .student-list .sengle-box .info p {
  font-size: 16px;
  font-weight: 600;
  display: inline;
}

.student-list .sengle-box .total-student p {
  font-size: 18px;
  text-transform: capitalize;
  color: #000;
  font-weight: 500;
  display: inline;
}

.student-list .sengle-box .total-student span {
  font-size: 18px;
  text-transform: capitalize;
  color: #000;
  font-weight: 500;
}

.student-list {
  margin: 0 10px;
}

div#example1_filter label {
  font-size: 14px;
  text-transform: uppercase;
  color: #222831;
  font-weight: 600;
}

.left-side-info {
  padding: 20px;
}

.right-side-info {
  padding: 20px;
}

section#student-add-secion h3 {
  font-weight: 400;
  color: #444;
  padding: 6px 20px;
  border-bottom: 2px solid #33c92d;
}

.Parents-password {
  padding: 20px;
}

.Parents-password h4 {
  padding: 20px 0;
  color: #444;
  text-transform: capitalize;
}

.student-add-section {
  border: 1px solid #ddd;
  margin-top: 20px;
}

.student-stutas {
  margin: 15px;
}

.student-routine-box {
  margin: 30px 0;
}

table tr .Action .btn {
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 0;
  line-height: 25px;
}

.select2-results .select2-highlighted {
  color: white;
  background-color: #222831 !important;
}

.subtotalamountlabel,
.discounttotalamountlabel,
.totalamountlabel {
  padding: 0px;
  margin-top: 12px !important;
  text-align: right;
  border-radius: 4px;
  font-size: 18px !important;
}

.col-sm-4.totalamount,
.subtotalamount,
.discounttotalamount {
  padding: 0px;
  margin-top: 10px;
  text-align: right;
  border-radius: 4px;
  font-size: 18px !important;
  background: transparent !important;
  border: 1px solid #eee !important;
}

.after-add-more input {
  text-align: right;
}

.contact-info-user-wise p {
  font-size: 16px;
  margin-bottom: 4px !important;
  color: #222831;
  font-weight: 500;
}

.contact-info-user-wise p span {
  font-weight: 600;
}

.contact-info-user-wise h4 {
  color: #222831;
  font-weight: 600;
  letter-spacing: 1px;
}

.sengle-box .student-info {
  text-align: left;
  padding-left: 10px;
}

form .form-group label {
  color: #333;
}

.table tr td label {
  color: #333;
}

.well {
  min-height: 20px;
  padding: 0px;
  margin-bottom: 20px;
  background-color: #f0f3f5;
  border-radius: 4px;
}



.content-box-area img {
  width: 48px;
}

.image-preview-clear {
  background: #ef0000 !important;
  border-color: #ef0000 !important;
}

.image-preview-clear:hover {
  background: #ef0000 !important;
  border-color: #ef0000 !important;
}

.after-add-more .add-moreclass select {
  margin: 8px 0;
}

.after-add-more .add-moreclass input {
  margin: 8px 0;
}

.after-add-more .add-moreclass .btn {
  margin: 8px 0;
  border-radius: 2px;
}

table#subject_datatable tr td .btn {
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
}

.search-page-header h5.page-header {
  padding: 0;
  margin: 0;
}

.search-page-header h5.page-header a {
  font-size: 16px;
  margin-bottom: 10px;
}

.section-items .btn {
  font-size: 16px;
  margin-right: 10px;
  background: #ededed;
}

.academic-page-header .page-header-box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: end;
}

.page-header-box .search-box {
  width: 25%;
  margin-left: 10px;
}

.academic-page-header .btn {
  font-size: 16px;
  background: #e0e0e0;
}

.academic-page-header {
  margin-bottom: 10px;
}

form.form-horizontal .table-header {
  text-align: center;
  padding: 5px;
  font-weight: 600;
  background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
  color: #fff !important;
}

div#hide-table form label {
  color: #333;
}

.mark-upload-box-section {
  display: flex;
  justify-content: right;
  flex-wrap: wrap;
  align-items: center;
}

.mark-upload-box-section label {
  font-size: 14px;
}

.mark-upload-box-section .mark-upload-box {
  margin: 0 10px;
}

.product-purcase-view-header {
  padding: 20px;
}

.product-purcase-view-header h5 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}

.product-purcase-view-header .address-info p {
  font-size: 14px;
  margin-bottom: 5px;
}

.purchase-order-header .purchase-order-info p {
  font-size: 14px;
  margin-bottom: 5px;
}

.purchase-order-header {
  text-align: right;
}

.product-purcase-view-header .print-invoice {
  padding-top: 10px;
}

.product-sales-header {
  display: flex;
  width: 100%;
  justify-content: start;
  align-items: center;
  flex-direction: row;
}

.product-sales-header .form-group {
  width: 100%;
  margin: 0 8px;
}

section.content .form-control {
  margin: 0;
  /* border-left: 3px solid #159a95; */
  border-radius: 3px !important;
  border: 2px solid #0162a7 !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.form-group .input-group {
  width: 100% !important;
}

div#student_member div#example1_wrapper table#example1 {
  width: 100% !important;
}

div.dataTables_paginate {
  text-align: right !important;
  margin: 0;
  float: none !important;
}

.navbar-top-section {
  /* display: flex; */
  /* justify-content: flex-end; */
  /* align-items: center; */
  text-align: center;
  width: 100%;
  /* flex-wrap: wrap; */
}

.navbar-top-section .software-name {
  margin-right: 20%;
  color: #fff;
}

.all-account-report-box .box {
  background: transparent;
  box-shadow: none;
}

nav.navbar.navbar-static-top.navbar-top-wraper {
  display: flex;
  justify-content: space-evenly;
}

.all-account-report-box .all-report-box.all-accounts-report {
  background: #fff;
  text-align: center;
  padding: 20px;
  margin: 15px 0;
  border-radius: 4px;
}

.all-account-report-box .all-report-box.all-accounts-report .images {
  padding-bottom: 10px;
}

.reportPage-header span#headerImage p.bannerLogo img {
  width: 200px !important;
  height: 100%;
}

.all-report-box.all-accounts-report h4 {
  font-size: 14px;
  font-weight: 600;
  color: #444;
  text-transform: capitalize;
  min-height: 40px;
  max-height: 40px;
}

.login-box-main .nav-tabs li a {
  padding: 15px 35px;
  border-radius: 25px;
  color: #fff;
  background: #0e5853;
  font-weight: 600;
  font-size: 16px;
}

.login-box-main .nav-tabs li {
  display: inline-block;
}

.login-tabs-content div#login {
  padding: 15px 20px;
}

.login-tabs-content div#forgetpassword {
  padding: 15px 20px;
}

.login-tabs-content div#login .input-group {
  margin: 15px 0;
}

.login-content-box .form-group .btn {
  font-size: 16px;
  font-weight: 600;
  /* letter-spacing: 5px; */
  background: #004440;
  border-color: #004440;
  height: auto;
  padding: 14px;
}

.login-content-box .form-group.tramsAndCondition {
  position: relative;
}

.login-content-box .form-group.tramsAndCondition label {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.login-content-box .form-group.tramsAndCondition input {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.login-content-box .forgot-password {
  text-align: center;
}

.login-content-box .forgot-password a {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.login-tabs-content div#forgetpassword .input-group {
  margin: 15px 0;
}

.login-content-box .login-btn {
  text-align: center;
}

.login-content-box .login-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

div#forgetpassword ul {
  margin: 15px 0;
}

div#forgetpassword ul li {
  font-size: 15px;
  font-weight: 600;
}

div#forgetpassword ul li a {
  color: #002a27;
}

.card.card-left-side-contant {
  border-right: 2px solid #5d9c98;
}

.left-section-income .document p {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.left-section-income .document b {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.right-section-income .document p {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.right-section-income .document b {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.content-box-area .content-box .left-section {
  background: #fff;
  min-height: 120px;
  border-radius: 5px;
  border-left: 3px solid #21a29e;
}

.content-box-area .content-box .left-section b {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.content-box-area .content-box .right-section {
  background: #fff;
  min-height: 120px;
  border-radius: 5px;
  border-left: 3px solid #21a29e;
}

.content-box-area .content-box .right-section b {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.content-box-area h3 {
  font-weight: 600;
  color: #4c4c4c;
  font-size: 22px;
}

/* .items-box-section h4 {
  color: #fff;
  font-weight: 600;
  background: #b8ab49;
  padding: 7px 4px;
  margin: 0;
} */

.items-box-section p {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  margin: 0;
}

.items-box-section b {
  color: #000;
  font-weight: 600;
  font-size: 13px;
}

/* .items-box-section .items-calculation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0 10px;
  flex-direction: row;
  gap: 20px;
  margin-top: 20px;
} */

.items-box-section {
  background: #fff;
}

.items-box-section {
  min-height: 80px;
  padding: 2px 6px;
}

section#priority-section .card {
  margin: 10px 0;
  border-radius: 5px;
  border-left: 5px solid #306c6a;
}

.nav-tabs-custom div#scrolling {
  max-height: 437px;
  min-height: 437px;
  overflow-y: scroll;
  overflow-x: hidden;
}

footer.main-footer strong {
  font-size: 14px;
}

.file-upload-system .form-group {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
  flex-direction: row;
  align-items: center;
}

.file-upload-system {
  text-align: right;
}

.box-body .file-upload-filter {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.file-upload-filter .filter-items-section {
  width: 100%;
}

.file-upload-filter .file-upload-system {
  width: 100%;
}

.file-upload-filter .form-group {
  margin: 0;
}

.file-upload-filter p.filter_studen {
  width: 100%;
}

.total-send-mail {
  background: #d45d5d;
  font-weight: 600;
  height: 234px;
  padding: 57px 0;
  box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -webkit-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -moz-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);

}

.total-sms-list{
  background: #0cb154;
  font-weight: 600;
  height: 234px;
  padding: 57px 0;
  box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -webkit-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -moz-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);

}

.single-sms-panel{
  background: #ffffff;
  font-weight: 600;
  box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -webkit-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);
  -moz-box-shadow: 6px 6px 25px 0px rgb(204 204 204 / 75%);

}

.card .add-moreclass-items {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}

.card .add-moreclass-items .form-group {
  margin: 0;
  width: 100% !important;
}

.card .add-moreclass-items .form-group .form-control {
  width: 100% !important;
}

.card .after-add-more-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 20px;
}

.card .after-add-more-items .form-group {
  margin: 0;
  width: 100% !important;
}

.after-add-more2 .add-moreclass {
  margin: 10px 0;
}

.add-moreclass .after-add-more-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}

.add-moreclass .after-add-more-label strong{
  width: 100%;
}

.card .after-add-more-items .form-group button.btn {
  border-radius: 2px;
}

.card .add-moreclass-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.card .add-moreclass-label strong{
  width: 100%;
}

.salse-header-section {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.salse-header-section .product-filer-sec {
  width: 100%;
}

div#cart_view .panel-body {
  padding: 15px 0;
}

div#cart_view .panel-body table.table {
  margin: 0;
}

.box-body .create-invoice {
  margin-top: 20px;
}

.box-body .create-invoice .btn{
  font-size: 16px;
}

.sidebar .sidebar-menu::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}

div#salary .box {
  margin: 15px 0;
}

div#salary .info-box p {
  font-size: 16px;
  font-weight: 600;
  color: #444;
  margin-bottom: 10px;
}

.class-wise-subject .btn {
  font-size: 16px;
  background: #ddd;
  font-weight: 600;
}

.mainmeritstagereport .terminal-logo img {
  width: auto !important;
  height: 100px;
  margin: 0 auto;
}

.mainmeritstagereport .terminal-logo {
  text-align: center;
}

.sticky {
  position: fixed;
  top: 0;
  width: 89%;
  animation: slide-down 0.7s;
  opacity: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.sticky + .content {
  padding-top: 0px;
  animation: slide-down 0.7s;
  opacity: 1;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.conversation li.active a {
  background: #09514e !important;
  color: #fff !important;
}

.progresscard-infos .student-profile-img {
  width: 45%;
}

.progresscard-headers {
  text-align: center;
}

.progresscard-infos table {
  width: 100%;
}

.progresscard-infos .student-profile {
  width: 100%;
}

.progresscard-infos {
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  margin: 10px 0;
}

.mainprogresscardreport {
  max-width: 750px;
  margin: 0 auto;
  padding: 20px;
}

.progresscard-infos .student-profile-img img {
  width: 120px !important;
  height: 120px !important;
  background: #ddd;
  padding: 2px;
}

.student-profile p {
  margin: 0;
  font-size: 15px;
}

.student-profile h4 {
  margin-bottom: 5px;
}

.school-name-report p {
  font-size: 18px;
  font-weight: 500;
}

table.grade-point tr td {
  padding: 3px 8px !important;
}

.progresscard-contents table tr th {
  padding: 6px;
  border: 1px solid #ddd;
  font-size: 13px;
}

.progresscard-contents table tr td {
  padding: 6px;
  border: 1px solid #ddd;
  font-size: 13px;
}

.admitcardfooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 35px;
  flex-direction: row;
}

.school-name-report h2 {
  margin-bottom: 0;
}

/* // .mainmeritstagereport */

.mainmeritstagereport .terminal-headers {
  text-align: center;
}

.mainmeritstagereport .school_address {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}

.mainmeritstagereport {
  width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.mainmeritstagereport .mandatory_subjects table tr td {
  padding: 3px 5px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: 500;
}

.mainmeritstagereport .school_address h3 {
  font-size: 18px;
  margin-top: 0;
}

.mainmeritstagereport .school_address p {
  font-size: 14px;
  margin: 0;
}

.mainmeritstagereport .terminal-contents table {
  width: 100%;
}

.mainmeritstagereport .terminal-contents table tr td{
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid #ddd;
  height: auto !important;
}

.mainmeritstagereport .terminal-contents table tr th{
  padding: 3px 5px;
  font-size: 15px;
  border: 1px solid #ddd;
}

.mainmeritstagereport .terminal-infos {
  margin: 20px 0;
}

.mainmeritstagereport h2 {
  margin: 0;
}

.mainadmincardreport {
  max-width:794px;
  margin-left: auto;
  margin-right: auto;
  -webkit-print-color-adjust: exact;
  overflow: hidden;
}

.admincardreport {
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 20px 50px;
  margin-bottom: 15px;
}

.studentinfo { 
  width: 100%;
}

.studentinfo p {
  margin-bottom: 1px;
  padding: 0 0px;
  font-size: 13px;
}

.studentinfo p span {
  font-weight: bold;
}

.stname {
  width: 100%;
  margin-bottom: 0px;
  padding: 0 0px;
  font-size: 20px;
  margin-left: 20px;
  font-weight: 600;
}

.admitcardbody {
  width: 100%;
  color: #000;
  padding: 0px 0px;
}

.admitcardbody h3{
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: 8px 15px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 1px;
  background: #004b47 !important;
  font-size: 18px;
  border-radius: 2px;
  display: inline-block;
  justify-content: center;
}

.subjectlist {
  width:100%;
}

.subjectlist table { 
  text-align: center;
  font-size: 12px;
  width: 100%;
}

.subjectlist table td{
  padding: 2px;
  border: 1px solid #444;
}

.admitcardfooter {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  flex-direction: row;
  margin: 20px 0;
  align-items: center;
}

.subjectlist table tr th {
  border: 1px solid #000;
  padding: 5px !important;
}


.mainadmincardreport .admincardreport h2 {
  color: #444;
  margin: 0px;
  font-size: 22px;
}

.mainadmincardreport .admincardreport h5 {
  color: #444;
  font-size: 18px;
  font-weight: 600;
  margin: 8px 0;
}

.mainadmincardreport img {
  width: 110px;
height: 110px;}

.caption-sitplan {
  margin: 0;
  font-size: 16px;
  color: #444;/* letter-spacing: 1px; */
}

.admitcardreportbackend {
  border: 1px solid #ddd;
  overflow: hidden;
  padding:30px 50px;
  margin-bottom: 10px;
  height: 443px;
  color: #000;
  <?php if($backgroundID == 1) { ?>
      background:url("<?=base_url('uploads/default/admitcard-border.png')?>")!important;
      background-size: 100% 100% !important;
  <?php } ?>
}

.admitcardreportbackend ol{
  padding-left: 10px;
}

.admitcardreportbackend ol li{
  line-height: 20px;
}

.admitcardreportbackend ol li span{
  font-weight: 600
}

.head_sign {
  margin-left:200px; 
}

.student-profile-img {
  width: 100%;
}

.student-profile-img img {
  width: 110px;
  border: 1px solid #ddd;
  /* margin-top: 10px; */
  margin-right: 2px;
  padding: 5px;
}

.name_width p {
  width: 100%;
  margin-bottom: 1px;
  padding: 0 0px;
  font-size: 15px;
}

.name_width p span {
  font-weight: bold;
}

.footerdevelop {
  width: 100%;
  text-align:center;
  padding: 0 0px;
  font-size: 10px;
  margin: 0;
  color: black;
}

.addmit-card-header-section {
  /* text-align: center; */
  /* display: grid; */
  /* grid-template-rows: 110px; */
  /* grid-template-columns: 15% 70% 15%; */
  /* align-items: center; */
  /* margin: 20px 0; */
  /* gap: 20px; */
}

.admitcardstudentinfo address {
  margin: 0;
/* padding: 0 8%; */}

.admincardreport .card-header {
  text-align: center;
}

.admitcardstudentinfo {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 8px 0;
}

.admitcardstudentinfo p {
  margin: 5px 0;
font-size: 13px;font-weight: 500;}

.admitcardfooter p {
  margin: 0;
}

.mainmeritstagereport .merit_info {
  margin: 0;
}

.student-list .student-items{
  text-align: center;
  box-shadow: 0 0 7px rgb(0 0 0 / 10%);
  padding: 10px 0;
  margin: 10px 0;
  min-height: 120px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  border-left: 5px solid #336f6c;
}

.student-items .section-title .info p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.terminal-headers .terminal-logo img {
  width: 100%;
}

.mainterminalreport .school-name h2 {
  float: none;
}

.mainterminalreport .terminal-headers {
  text-align: center;
}

.mainprogresscardreport .progresscard-logo img {
  width: 100%;
}

.seatplanstudentinfo .studentinfo {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  flex-direction: row;
  margin: 10px 0;
}

.seatplanstudentinfo .studentinfo  address p{
  font-size: 16px;
}

.seatplanstudentinfo .studentinfo  .student-roll p{
  font-size: 20px;
  font-weight: 600;
}

.seatplanreport .seatplan-header {
  text-align: center;
  margin: 20px 0;
}

.seatplan-header .institute-name h5 {
  font-size: 18px;
  color: #000;
}

.mainadmincardreport .seatplanreport {
  margin: 10px 0;
}

.tabulations-sheet-report {
  width: 770px;
  margin: 0 auto;
  background: #f1e7bc;
  -webkit-print-color-adjust: exact; 
}

.mainmarksheetreport {
  max-width: 770px;
  margin: 0 auto;
  padding: 15px;
}

.terminal-infos .student-profile h4 {
  margin-bottom: 10px;
}

/* .mainterminalreport {
  border: 19px dotted #c905c6;
  border-image-source: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/234228/border-diamonds.png);
  border-image-slice: 19;
  border-image-width: 19px;
  border-image-repeat: round;
} */

div#no_subject_distribution .add-moreclass {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  flex-direction: row;
}

div#no_subject_distribution .add-moreclass .select-mark {
  width: 100%;
}

div#no_subject_distribution .add-moreclass .mark-head {
  width: 100%;
}

div#no_subject_distribution .add-moreclass .total-mark {
  width: 100%;
}

div#no_subject_distribution .add-moreclass .pass-mark {
  width: 100%;
}

div#is_subject_distribution .add-moreclass{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  flex-direction: row;
}

.add-moreclass .select-mark {
  width: 100%;
}

.add-moreclass .pass-mark {
  width: 100%;
}

div#hide-table .mark-btn-group {
  text-align: end;
}

table#tireFields tr td .form-group {
  margin-bottom: 0 !important;
}

.box-body div#cart_view {
  margin: 15px 0;
}

.product-purchase-btn {
  margin-top: 20px;
}


.headparent.row.dueamountrow label {
  color: #fff !important;
  display: inline-flex;
  margin-top: 10px;
}

.tab-content .tab-pane {
  width: 100%;
}

.question-bank-header .input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.question-bank-header .input-group input{
  width: 100%;
}

.question-bank-header .input-group span{
  width: 50%;
}

.box.total-salary-details {
  margin: 15px 0;
}

.nav-tabs-custom>.tab-content div#salary {
  width: 100%;
}

.nav-tabs-custom div#salaryinfo {
  width: 100%;
}

.nav-tabs-custom div#salaryinfo .box {
  margin: 15px 0;
}

div#add-maneyreceipt-items {
  display: unset !important;
}

.terminalreporttable table tr td {
  text-align: left;
  padding: 5px 10px;
  font-size: 16px;
}

/* .mainterminalreport {
  position: relative;
  background: #f9f7f0 !important;
  height: 100% !important;
  width: 100% !important;
  padding: 15px;
  -webkit-print-color-adjust: exact;
  filter: grayscale(1);
} */

.seatplanreport .seatplan-logo img {
  width: 200px;
}

.tarminal-page .header-logo img {
  width: 200px;
}

.tarminal-page .header-logo {
  margin: 0 auto;
  text-align: center;
}

.box-body.payment-report-section table tr td {
  padding: 2px 10px;
  text-align: left;
}

.box-body.payment-report-section table tr th {
  background: #001f3f;
  color: #fff;
}

.box-body.payment-report-section .terminal-headers {
  border: 0;
}

.card{
  height: 100% !important;
}

.card.student-panel-card {
  min-height: 412px;
  background: #fff;
  max-height: 412px !important;
  margin: 15px 0;
  overflow-x: hidden;overflow-y: scroll;box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.card.student-panel-card .box {
  box-shadow: none;
}

.terminal-contents table tr td {
  font-size: 12px;
}

.tabulations-sheet-report table tr td p {
  margin: 0 !important;
  padding: 5px;
}


/* new style 6.18.22 */

.header-top-section {
  display: flex;
  align-items: self-end;
  justify-content: end;
}

.header-top-section .filter-section {
  width: 25%;
  margin: 0 20px;
}

.after-add-more.after-edite-more .add-moreclass {
  display: inherit !important;
}

.after-add-more.after-edite-more .subtotalamount {
  padding: 0 !important;
  border: 0 !important;  
}

.after-add-more.after-edite-more  .discounttotalamount {
  padding: 0 !important;
  border: 0 !important;
}

.after-add-more.after-edite-more .totalamount {
  padding: 0 !important;
  border: 0 !important;
}


/* admit card style  */

.admincardreport {
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 35px 50px;
  background: url(https://nurulquranmadrasha.com/uploads/default/admitcard-border.png)!important;
  background-size: 100% 100% !important;
  position: relative;
}

.admincardreport .card {
  background: url(uploads/images/imageedit_1_7128418557.png)!important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.mainadmincardreport .admincardreport h2 {
  color: #444;
  margin: 0px;
  font-size: 20px;
}

.mainadmincardreport .admincardreport h5 {
  color: #444;
  font-size: 17px;
  font-weight: 600;
  margin: 8px 0;
}

.mainadmincardreport img {
  width: 90px;
  height: 90px;
}

.admincardreport .card-header {
  text-align: center;
}

.addmit-card-header-section {
  /* text-align: center; */
  /* display: grid; */
  margin-bottom: 5px;
  /* grid-template-rows: 100px; */
  /* grid-template-columns: 15% 64% 15%; */
}

.admitcardbody {
  width: 100%;
  color: #000;
  padding: 0px 0px;
}

.admitcardstudentinfo {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  margin: 5px 0;
}

.admitcardstudentinfo address {
  margin: 0;
}

.admitcardstudentinfo p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.admitcardfooter {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  flex-direction: row;
  margin: 20px 0;
  align-items: center;
}

.footerdevelop {
  width: 100%;
  text-align: center;
  padding: 0 0px;
  font-size: 10px;
  margin: 0;
  color: black;
}

.admitcardfooter p {
  margin: 0;
  font-size: 14px;
  text-transform: capitalize;
  color: #444;
}

/* setplan style  */

.mainsetplanreport {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.mainsetplanreport .seatplanreport {
  margin: 10px 0;
}

.mainsetplanreport .seatplanreport {
  width: 49%;
}

.seatplanreport {
  border: 1px solid #ddd;
  overflow: hidden;
  padding: 20px 20px;
  /* height: 35vh; */
  background: url(https://nurulquranmadrasha.com/uploads/default/admitcard-border.png)!important;
  background-size: 100% 100% !important;
}

.seatplanreport .seatplan-header {
  text-align: center;
  margin: 20px 0;
}

.seatplanreport .seatplan-logo img {
  width: 100%;
  height: auto;
}

.caption-sitplan {
  margin: 0;
  font-size: 16px;
  color: #444;
}

.caption-sitplan {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 5px 10px;
  border: 4px solid #197003;
  border-radius: 16px;
}

.seatplanstudentinfo .studentinfo {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  flex-direction: row;
}

.seatplanstudentinfo .studentinfo address p {
  font-size: 16px;
  line-height: 35px;
  color: #000;
}

.seatplanstudentinfo .studentinfo .student-roll p {
  font-size: 20px;
  font-weight: 600;
}

.admitcardfooter {
  margin-top: 35px;
}

.admitcardfooter {
  display: flex;
  justify-content: end;
  gap: 2px;
  flex-direction: row;
  margin: 20px 0;
  align-items: end;
}

/* terminal report design  */

.mainterminalreport {
  background: #fff !important;
  height: 100% !important;
  width: 794px;
  padding: 15px;
  margin: 10px auto;
  border: 1px solid;
  -webkit-print-color-adjust: exact;
}

.terminal-header-section {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 8%;
  margin-bottom: 10px;
}

.terminal-header-section .header-logo {
  margin: 0;
}

.tarminal-page .header-logo {
  margin: 0 auto;
  text-align: center;
}

.mainterminalreport .terminal-header-section img {
  width: 100%;
}

.tarminal-page .header-logo img {
  /* width: 200px; */
}

.terminal-academic-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}

.student-profile-img {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.terminal-academic-info address {
  margin: 0;
  display: flex;
  gap: 20px;
  align-items: start;
}

.student-profile-img img {
  width: 110px;
}

.terminal-academic-info address p {
  font-size: 15px;
  margin: 2px 0;
}

.terminal-academic-info table {
  width: 100%;
}

.student-profile-img {
  width: 100%;
  text-align: left;
  margin-bottom: 3px;
}

.mark-distribution-section {
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-top: 1px solid #4a4139;
  border-bottom: 1px solid #4a4139;
  padding: 5px 0;
  margin: 5px 0;
}

.mark-distribution-section address {
  margin: 0;
}

.mark-distribution-section address p {
  font-size: 15px;
  color: #444;
  margin: 4px 0;
}

.mark-distribution-section address p {
  font-size: 12px;
  color: #444;
  margin: 4px 0;
}

.singnature-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 40px;
}

.singnature-section span {
  font-size: 14px;
}

.mainterminalreport .remarks-box {
  height: 100px;
  border: 1px solid #675e5e;
  margin: 8px 0;
}

.mainterminalreport .remarks-box span {
  padding: 10px;
  display: block;
  font-size: 15px;
}

.terminal-contents.terminalreporttable table {
  width: 100%;
}

.mainterminalreport table tr td {
  border: 1px solid #000 !important;
  font-size: 12px;
  padding: 2px 6px;
}

.mainterminalreport table tr th {
  border: 1px solid #222!important;
  padding: 4px 6px !important;
  background: #3e3e3e !important;
  color: #fff !important;
  text-align: center;
  font-size: 14px !important;
}


/* tabulation report style  */

.header-seciton .academy-header-section {
  margin-bottom: 15px;
}

.academy-header-section .academy-logo img {
  width: 100%;
}

.section-informaion ul {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 20px;
}

.section-informaion ul li {
  list-style: none;
  font-size: 14px;
  font-weight: 700;
}

.terminal-report-section .exam-title {
  margin: 15px 0;
  text-align: center;
}

.terminal-report-section .exam-title h3 {
  margin: 0;
  background: #343434;
  display: inline-block;
  padding: 6px 15px;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
}

.terminal-report-section table {
  width: 100%;
}

.signature-seciton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}

.invoice-copyright-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.terminal-report-table table thead tr th {
  background: #2e3590 !important;
  font-size: 14px;
  color: #fff;
  -webkit-print-color-adjust: exact;
}

.terminal-report-table table tbody tr td {
  font-size: 12px !important;
  font-weight: 400;
}

.mainterminalreport.health-report-section .terminal-infos {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

.mainterminalreport.health-report-section .student-profile-img {
  width: auto !important;
}

.health-report-section .terminal-infos h4 {
  font-weight: 500;
  color: #007fb9;
}

.health-report-section .terminal-infos p {
  font-weight: 500;
  color: #28282B;
}

.health-report-section .terminal-infos h6 {
  font-weight: 500;
  color: #28282B;
  font-size: 16px;
}

.health-report-section .terminal-infos p {
  font-weight: 500;
  color: #28282B;
  font-size: 16px;
  margin: 0;
}

.health-report-section table tr td {
  font-weight: 500;
  font-size: 16px;
  color: #28282B;
}

.health-report-section .section-title {
  text-align: center;
}

.health-report-section .section-title h4 {
  display: inline-block;
  background: #025144;
  padding: 4px 20px;
  border-radius: 3px;
  color: #fff !important;
  -webkit-print-color-adjust: exact;
}

.mainterminalreport .terminal-headers {
  text-align: center;
  margin-bottom: 10px;
}

.timeattendance-report .header-logo img {
  width: 100%;
}

.timeattendance-report .header-logo {
  margin-bottom: 10px;
}

.box-body.duefees-report .header-logo {
  margin-bottom: 10px;
}

.box-body.duefees-report .header-logo img{
  width: 100%;
}

.student-details .header-logo img {
  width: 100%;
}

.student-details .section-title {
  text-align: center;
  margin: 10px 0;
}

.student-details .section-title h6{
  font-size: 16px;
  font-weight: 600;
}

.mainmarksheetreport.mainterminalreport .header-logo img {
  width: 100%;
}

.mainterminalreport .terminal-logo img {
  width: 100%;
}

.mainterminalreport table.table {
  margin: 0 !important;
}

.box-body.attendance-report .terminal-logo img {
  width: 100%;
}

.mainterminalreport.attendanceoverviewreport {
  width: 100%;
}

.attendanceoverviewreport div#hide-table {
  overflow: scroll !important;
}

.mainmeritstagereport.mainterminalreport .terminal-logo img {
  width: 100% !important;
}

.mainmeritstagereport.mainterminalreport {
  width: 100%;
  margin: 15px auto;
  max-width: 100%;
}

table.table.grade-point thead tr td {
  background: #025246;
  color: #fff;
  font-weight: 600;
  padding: 8px 5px !important;
}

.attendance-report table thead tr th {
  background: #025144 !important;
  color: #fff !important;
  padding: 10px;
}

.terminal-report-table table thead tr th {
  border: 1px solid #282828;
  padding: 3px 5px;
  font-size: 12px !important;
}

.terminal-report-table table tbody tr td {
  border: 1px solid #000;
}

.mainmarksheetreport .header-logo img {
  width: 100%;
}

.mainterminalreport.routine-report-section {
  width: 100%;
}


.headmaster_signature img.signature-logo {
  height: 35px;
}

.box-body.class-report-section .header-logo img {
  width: 100%;
}

.addmit-card-header-section .organization-logo img {
  width: 100%;
  height: auto;
}

.admincardreport.admincardreportHalf .header-bottom {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 21%;
}

.admincardreport.admincardreportFull .header-bottom {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30%;
}

.admincardreport .header-bottom {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 30%;
}

.footer-section-items .admitcardfooter {
    justify-content: space-between;
}

.mainterminalreport.student-details table tr td ul li {
  list-style: none;
}

.mainterminalreport.student-details table tr th ul li {
  list-style: none;
  color: #fff;
}

.mainterminalreport.student-details table tr td ul{
  padding: 5px;
}

.mainterminalreport.student-details table tr th ul{
  padding: 5px;
  margin: 0;
}

.after-add-more.after-edite-more .add-moreclass {
  display: inherit !important;
}

.items-box-section h4 img {
  width: 30px !important;
  height: 25px;
}

header.header nav#navbar .user-panel {
  display: flex;
  width: 250px;
  padding: 0 10px;
}

.navbar-top-section .section-title {
  display: inline-block;
  padding: 9px 0;
}

.navbar-top-section .section-title h4{
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

/* .items-box-section.income {
    background: linear-gradient(54deg, #a1c57c 50%, #ffffff 50%);
} */

/* .items-box-section p {
     color: #fff !important; 
} */
/* 
.items-box-section.income h4 {
    background: #92b171;
}

.items-box-section.expense  h4 {
    background: #640000;
}

.items-box-section.students h4 {
    background: #765f5f;
}

.items-box-section.teachers h4 {
    background: #00e396;
}

.items-box-section.staff h4 {
    background: #008ffb;
}

.items-box-section.invoice h4 {
    background: #8e3d93;
}

.items-box-section.sms h4 {
    background: #feb019;
}

.items-box-section.smsBalance h4 {
    background: #d84a7e;
}

.items-box-section.expense {
    background: linear-gradient(54deg, #972525 50%, #ffffff 50%);
}

.items-box-section.students {
    background: linear-gradient(54deg, #714d39 50%, #ffffff 50%);
}

.items-box-section.teachers {
    background: linear-gradient(54deg, #48b791 50%, #ffffff 50%);
}

.items-box-section.staff {
    background: linear-gradient(54deg, #55b6ff 50%, #ffffff 50%);
}

.items-box-section.invoice {
    background: linear-gradient(54deg, #b17ab5 50%, #ffffff 50%);
}

.items-box-section.sms {
    background: linear-gradient(54deg, #f9c869 50%, #ffffff 50%);
}

.items-box-section.smsBalance {
    background: linear-gradient(54deg, #f19bba 50%, #ffffff 50%);
} */

section#priority-section .income-expance-chart {
    padding: 30px 15px;
    padding-top: 0;
}

.items-box-section .items-calculation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* height: 80px; */
  padding: 4px 8px;
}

.sidebar-menu .fa-laptop{
    color: #a400af !Important;
    font-size: 20px !important;
}

.sidebar-menu .fa-user{
    color: #a8ab11 !important;
    font-size: 20px !important;
}
.sidebar-menu .icon-student{
    color: #8b3818 !important;
    font-size: 20px !important;
}
.sidebar-menu  .fa-child{
    color: #8b3818 !important;
    font-size: 20px !important;
}
.sidebar-menu  .icon-teacher{
     color: #8b3818 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-graduation-cap{
    color: #c97629 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-clock-o{
    color: #57c8f1 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-sliders{
    color: #e25488 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-question-circle{
    color: #8b3818 !important;
    font-size: 20px !important;
}

.sidebar-menu  .icon-markmain{
    color: #8b3818 !important;
    font-size: 20px !important;
}
.sidebar-menu  .icon-markmain{
    color: #8b3818 !important;
    font-size: 20px !important;
}


.sidebar-menu  .icon-markmain{
    color: #8b3818 !important;
    font-size: 20px !important;
}


.sidebar-menu  .icon-markmain{
    color: #8b3818 !important;
    font-size: 20px !important;
}

.sidebar-menu  .icon-markmain{
    color: #4d4d4d !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-book{
    color: #00e396 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-file{
    color: #25b1b1 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-money{
    color: #743c44 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-envelope{
    color: #f19bba !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-inventory{
    color: #e30073 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-credit-card {
    color: #c97629 !important;
    font-size: 20px !important;
}


.sidebar-menu  .fa-bar-chart {
    color: #e30073 !important;
    font-size: 20px !important;
}

.sidebar-menu  .fa-wpforms {
    color: #e30073 !important;
    font-size: 20px !important;
}



.apexcharts-canvas {
    margin: 0 auto;
}


.sidebar-menu i.fa.fa-globe {
    color: #f80707 !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.icon-noticemain {
    color: #3f00db !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.fa-clipboard {
    color: #229cff !important;
    font-size: 20px !important;
}


.sidebar-menu i.fa.icon-hhostel {
    color: #ffcf0b !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.icon-bus {
    color: #0277be !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.icon-administrator {
    color: #5aff47 !important;
    font-size: 20px !important;
}


.sidebar-menu i.fa.fa-cog {
    color: #ff6f05 !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.fa-eye {
    color: #05c7cc !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.fa-file-o {
    color: #2196f3 !important;
    font-size: 20px !important;
}

.sidebar-menu i.fa.fa-question {
    font-size: 20px !important;
}

header.header .navbar-top-section h4 img {
    width: 20px;
}

.jurnalentry-report-view .signature-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 60px;
}

.jurnalentry-report-view .address-section-info {
  text-align: center;
  margin: 15px 0;
}

.jurnalentry-report-view .address-section-info address{
  margin: 0;
}

.student-report-dashboard table tr td {
  min-width: 200px;
  padding: 10px 5px !important;
  text-align: center;
}

.student-report-dashboard {
  overflow: scroll;
  max-height: 420px;
}

.box-body.student-work-submission .page-header-section {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 15px;
  height: auto !important;
  width: 100% !important;
}

.box-body.student-work-submission .page-header-section .search-section {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  width: 50%;
}

.page-header-section .search-section .search-bar {
  width: 40%;
}

#attendance #hide-table {
  overflow-x: scroll;
}

/** Certificate new design start **/
.certificate-report-section {
  margin-bottom: 10px;
  width: 794px;
  margin: 0 auto;
}

.certificate-report-section .title-seciton {
    text-align: center;
    margin: 10px 0;
}

.certificate-report-section h3 {
    font-size: 22px;
    font-weight: 700;
}

.certificate-report-section p {
    font-weight: 700;
    margin: 0;
}

.certificate-report-section .header-section {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin: 10px 0;
    width: 100%;
}

.certificate-report-section .brand-section {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    width: 62%;
}

.certificate-report-section .student-information {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin: 10px 0;
}

.certificate-report-section ul li {
    list-style: none;
}

.certificate-report-section ul {
    padding: 0;
    margin: 0;
}

.certificate-report-section table tr td {
    border: 1px solid #444;
    padding: 2px 10px;
    font-size: 12px !important;
    text-align: center;
}

.certificate-report-section table tr th {
    border: 1px solid #444 !important;
    padding: 2px 10px;
}

.certificate-report-section .brand-logo img {
    width: 120px;
}

.certificate-report-section .brand-logo {
    text-align: center;
}

.certificate-report-section table {
    margin: 0;
}

.certificate-report-section address {
    margin: 0;
}

.certificate-report-section address ul {
    margin: 0;
    padding: 0;
}

.certificate-report-section .signature-section {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
    gap: 10px;
}

.certificate-report-section .brand-information h4 {
    text-decoration: underline;
    color: #017a46;
}

.certificate-report-section { 
    border: 15px solid transparent;
    padding: 15px;
    border-image-source: url('https://ammkbhs.com/uploads/images/certificate_back.png');
    border-image-repeat: space;
    border-image-slice: 30;
}

.certificate-report-section .table {
    margin: 0 !important;
    background: transparent !important;
}

.certificate-report-section table {
    width:100% !important;
}

.certificate-report-section .working-information {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100% !important;
}

.certificate-report-section .working-information img {
    width: 82px;
}

.certificate-report-section .working-information .working-day-talbe {
    width: 24%;
}

.box-body.attendance-overview-section {
    width: 794px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.admincardreport.admincardreportFull .student-images {
    text-align: left;
}

.box-body.tabulation-sheet-section .terminal-report-section {
  width: 100%;
  margin: 10px auto;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

.mainprogresscardreport.mainterminalreport .progresscard-infos {
    width: 100% !important;
    margin: 15px 0;
}

.mainprogresscardreport.mainterminalreport .grade-point {
    width: 32%;
}

.mainprogresscardreport.mainterminalreport .progresscard-infos {
    width: 100% !important;
}

.rating-section .working-day-talbe {
    margin-top: 5px;
}

.certificate-report-section .student-image img {
    width: 82px;
}

.certificate-report-section table tr th {
  text-align: center;
}

.certificate-report-section table tr td {
  text-align: center;
}

/* health report style */

.health-report-section .terminal-infos {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
  margin: 15px 0;
}

.health-report-section .terminal-infos .student-profile-img {
  width: auto;
}

.health-report-section {
  width: 798px;
  margin: 10px auto;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

.health-report-section table tr td {
  border: 1px solid #000;
}

.health-report-section .copy-right-section {
  margin-bottom: 0;
  margin-top: 15px;
}

.health-report-section .terminalreporttable table {
  margin: 15px 0;
}

.mainterminalreport.student-details {
  margin: 10px auto;
  border: 1px solid #ddd;
  width: 100% !important;
  padding: 15px;
  box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

.mainterminalreport.student-details table#example1 {
  margin: 15px 0 !important;
}

.admincardreport .footer-section-items {
    margin-top: 5px;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.mainterminalreport.routine-report-section .routine-report-table {
  margin: 15px 0;
}

.mainterminalreport.routine-report-section .section-title {
  margin-top: 15px;
}

.mainterminalreport.routine-report-section .section-title h4 {
  background: #004440;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff;
}


.mainterminalreport.exam-sechedule-report {
  width: 100%;
}

.mainterminalreport.exam-sechedule-report table {
  margin: 15px 0 !important;
}

.mainterminalreport.exam-sechedule-report .section-title {
  margin-top: 15px;
}

.mainterminalreport.exam-sechedule-report .section-title h4{
  background: #004440 !important;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff !important;
}

.mainterminalreport.exam-sechedule-report .section-title h4 b{
  color: #fff !important;
}

.box-body.attendance-report table#example1 {
  margin: 15px 0;
}

div#load_attendance_report .box-body.attendance-report {
  margin: 10px auto;
  width: 798px;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

.salary-payment-section {
  margin: 10px auto;
  width: 798px;
  border: 1px solid #ddd;
  padding: 15px;
  box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
}

.salary-payment-section .company-logo img {
  width: 100%;
}

.salary-payment-section .salary-payment-header {
  width: 80%;
  margin: 15px auto;
}

.salary-payment-section .salary-payment-header p {
  border-bottom: 1px solid #000;
  font-size: 16px;
}

.salary-payment-header p span {
  border-bottom: 4px solid #fff;
}

.salary-payment-section .salary-payment-header .date-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
}

.salary-payment-header .date-section p {
  width: 50%;
}

.salary-payment-section .slaray-payment-table table {
  width: 100%;
}

.salary-payment-section .slaray-payment-table table tr th {
  border: 1px solid #000;
  padding: 10px;
  font-size: 15px;
  background: #004b47;
  color: #fff;
}

.salary-payment-section .slaray-payment-table table tr td {
  border: 1px solid #000;
  padding: 6px 10px;
  font-size: 14px;
  color: #000;
}

.salary-payment-section .signature-section {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 50px;
  gap: 50px;
  width: 100%;
  text-align: center;
}

.salary-payment-section .signature-section p {
  width: 50%;
  border-top: 1px solid #000;
}

.box-body.attendance-report .section-information {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0;
  flex-direction: row;
}

.box-body.attendance-report .section-tittle {
  text-align: center;
}

.box-body.attendance-report .section-tittle h4 {
  font-weight: 600;
  background: #025145 !important;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
  color: #fff !important;
}


.mainterminalreport.attendanceoverviewreport .section-information {
  display: flex;
  align-items: center;
  margin: 15px 0;
  justify-content: space-between;
  flex-direction: row;
}

.mainterminalreport.attendanceoverviewreport table.attendance_table {
  margin: 15px 0;
}

.mainterminalreport.attendanceoverviewreport .section-tittle {
  text-align: center;
}

.mainterminalreport.attendanceoverviewreport .section-tittle h4{
  background: #004440 !important;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff !important;
}

.mainmeritstagereport.mainterminalreport .section-title h4 {
  background: #004440 !important;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff !important;
}

.mainmeritstagereport.mainterminalreport .section-title {
  margin: 15px 0;
}

.mainmeritstagereport.mainterminalreport .copy-right-section {
  margin: 15px 0;
}

.mainmeritstagereport.mainterminalreport .copy-right-section p {
  margin: 0;
}

.terminal-report-table .signature-seciton .signature {
  width: 33%;
  text-align: center;
}

.terminal-report-table .signature-seciton .signature p {
  border-top: 1px solid #d9d9d9;
  /* border-top-style: dashed; */
  /* display: inherit; */
}

.mainprogresscardreport.mainterminalreport .progresscard-infos .grade-point {
  width: 100% !important;
}

.mainprogresscardreport.mainterminalreport .admitcardfooter {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  flex-direction: row;
  margin-top: 50px;
  align-items: center;
  margin-bottom: 0;
}

.mainprogresscardreport.mainterminalreport .admitcardfooter span{
  width: 50%;
}

.mainprogresscardreport.mainterminalreport .admitcardfooter .class_signature {
  text-align: right;
}

.copy-right-section {
  margin-top: 15px;
}

.certificate-report-section .header-logo img {
  width: 100%;
}

.mainmeritstagereport.mainterminalreport{
  background: url(uploads/images/imageedit_1_6008519164.png)!important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30% 40%!important;
}

.mainterminalreport table tr td p {
  margin: 0;
}

.mainsetplanreport.affidavit-report .seatplanreport .report-title {
  margin: 20px 0;
  text-align: center;
}


.mainsetplanreport.affidavit-report .seatplanreport .report-title h4{
  font-size: 22px;
    font-weight: 700;
    color: #0265aa !important;
}
@media print {
    
    body {
        overflow: hidden !important;
    }
    .by_name{
        height:100vh !important;
    }

    .mainsetplanreport.affidavit-report .seatplanreport .report-title h4{
        font-size: 22px;
        font-weight: 700;
        color: #0265aa !important;
    }

    .mainsetplanreport.affidavit-report .seatplanreport{
        background: url(uploads/images/imageedit_1_6313748126.png)!important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size:  50%!important;
        padding: 0;
        margin: 0;
    }

    .mainsetplanreport.affidavit-report .seatplanreport {
        height: 100vh !important;
        margin: 0 !important;
        width: 100% !important;
    }

  .mainsetplanreport.affidavit-report {
    width: 100% !important;
  }

  .combined-result-section.certificate-report-section {
    overflow: hidden !important;
  }

  .box-body {
    overflow: hidden !important;
}

  tr.secound-row-style th {
    color: #fbff00 !important;
    -webkit-print-color-adjust: exact;
}
    
  .box-body.balance-sheet-section .company-logo img {
    width: 100%;
  }
  
  td.idcardreport-frontend .id-card-userInfo h3 {
    transform: rotateZ(270deg);
    background: #303493 !important;
    font-size: 17px;
    font-weight: 700;
    width: 43%;
    padding: 5px;
    white-space: nowrap;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
  }

  .certificate-report-section { 
    border: 15px solid transparent;
    padding: 15px;
    border-image-source: url('https://ammkbhs.com/uploads/images/certificate_back.png');
    border-image-repeat: space;
    border-image-slice: 30;
    height: 90vh !important;
    margin:0 !important;
  }

  .balancesheet-wrapper .balancesheet-rightside img {
    width: 85px !important;
  }

  .balancesheet-rightside .school-name h4 {
    font-size: 16px !important;
  }

  .balancesheet-wrapper .balancesheet-rightside .balancesheet-header article p {
    margin: 0;
    font-size: 14px !important;
  }

  .box-body  .balancesheet-header  .logo-icon img {
    width: 85px !important;
  }

  .box-body .balancesheet-header .logo-icon {
    width: 20%;
  }
  
  .box-body .balancesheet-header {
    display: flex;
    align-items: self-start;
    flex-direction: row;
    margin: 0 30px;
    gap: 10px;
    border: 1px solid #000;
    padding: 7px;
  }

  .box-body .balancesheet-header .school-information {
    width: 80%;
  }
  
  .box-body .balancesheet-header .school-information .school-name h4 {
    font-weight: 600;
    font-size: 25px;
  }
  
  .box.box-body .balancesheet-header {
    margin: 0;
    margin-top: 10px;
  }
  

  .balancesheet-wrapper table tr th {
    border: 1px solid #000 !important;
    text-align: center;
    padding: 8px 5px;
    background: #242424e6 !important;
    color: #fff !important;
}

  .balancesheet-wrapper {
    /* display: flex;
    align-items: start; */
    width: 100%;
    /* justify-content: start;
    gap: 10px;
    padding: 15px;
    flex-direction: row !important; */
  }

  /* .balancesheet-wrapper .balancesheet-leftside {
    width: 40% !important;
  }

.balancesheet-wrapper .balancesheet-rightside {
  width: 60% !important;
} */
  .mainterminalreport.student-details {
    margin: 0 !important;
    padding: 0 !important;
}

  .mainterminalreport table tr th {
    border: 1px solid #3e3e3e !important;
    padding: 10px 6px !important;
    
    color: #fff !important;
  }

  .mainterminalreport table tr td p {
    margin: 0;
}

  

  div#hide-table {
    overflow: hidden !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
}

  .tabulations-sheet-report {
    width: 770px;
    margin: 0 auto;
    padding: 15px;
    background: #f1e7bc !important ;
    -webkit-print-color-adjust: exact; 
  }

  .seatplanreport .seatplan-header {
    text-align: center;
    margin-bottom: 0px !important;
  }

  .salary-payment-section .slaray-payment-table table tr th {
    border: 1px solid #000;
    padding: 10px;
    font-size: 15px;
    background: #004b47 !important;
    color: #fff !important;
  }

  .box-body .balancesheet-header .logo-icon img {
    width: 180px !important;
  }

  .caption-sitplan{
    font-size: 18px !important;
    font-weight: 600 !important;
  }

  .mainmeritstagereport.mainterminalreport{
    background: url(uploads/images/imageedit_1_6008519164.png)!important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30% 40%!important;
  }

  .certificate-report-section {
    height: 100vh !important;
  }

  .admitcardbody h3{
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 8px 15px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 1px;
    background: #004b47 !important;
    font-size: 18px;
    border-radius: 2px;
    display: inline-block;
    justify-content: center;
  }

  .subjectlist table {
    text-align: center;
    font-size: 11px !important;
    width: 100%;
  }

  .box-body.tabulation-sheet-section .terminal-report-section{
    border: 0 !important;
  }

  .admincardreport .footer-section-items {
    margin-top: 5px;
  }

  .seatplanstudentinfo .studentinfo address {
    margin: 0;
  }

  .health-report-section .terminal-infos p {
    font-weight: 500;
    color: #28282B;
    font-size: 16px !important;
    margin: 0;
  }

  .health-report-section {
    width: 798px;
    margin: 10px auto;
    border: 1px solid #ddd;
    padding: 15px;
    height: 49vh !important;
    box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
  }

  .health-report-section table tr td {
    font-weight: 500;
    font-size: 16px !important;
    color: #28282B;
  }

  .tabulations-sheet-report table tr td p {
    margin: 0 !important;
    padding: 5px;
  }

  .progresscard-contents table tr th{
    border-color: #000 !important;
  }

  .terminal-contents table tr td {
    font-size: 12px;
  }

  .subjectlist .exam-title h3 {
    background: #ddd !important;
    -webkit-print-color-adjust: exact;
  }

  .admincardreport.mainterminalreport{
    position: relative;
  }

  .mainterminalreport table tr td{
    border-color: #000;
  }

  .terminal-contents table th {
    background: #151d38 !important;
    width: 13%;
    color: #fff !important;
    font-size: 13px;
    -webkit-print-color-adjust: exact !important; 
  }

  .seatplanreport .seatplan-logo img {
    width: 100%;
  }

  .box-body.payment-report-section table tr th {
    background: #001f3f !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact; 
  }

  .reportPage-header span#headerImage p.bannerLogo img {
    width: 200px !important;
    height: 100% !important;
  }

  .mainadmincardreport .admincardreport{
    height: 32.9vh !important;
    overflow: hidden;
    margin-bottom: 15px !important;
    padding: 25px 40px !important;
  }

  .admincardreport.admincardreportFull{
    height: 99.5vh !important;
  }

  .admincardreport.admincardreportHalf{
    height: 49vh !important;
    padding: 40px !important;
  }

  .admitcardfooter{
    margin-bottom: 0 !important;
    margin-top: 15px !important;
  }

  .admitcardstudentinfo{
    margin: 0 !important;
  }

  .admitcardstudentinfo p{
    margin: 0 !important;
    font-size: 14px;
  }

  .seatplanreport {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 5px 10px;
    margin-bottom: 0 !important;
    height: 24.2vh !important;
    background: url(https://nurulquranmadrasha.com/uploads/default/admitcard-border.png)!important;
    background-size: 100% 100% !important;
  }

  .mainsetplanreport .institute-name h2 {
    font-size: 18px;
    font-weight: 600;
  }

  .seatplanstudentinfo p {
    font-size: 18px;
  }

  .seatplanreport {
    margin: 0 !important;
  }

  .seatplanreport {
    padding: 0 20px !important;
  }

  .admincardreport.admincardreportFull {
    padding: 70px 50px !important;
  }

  .health-report-section .section-title h4 {
    background: #025144;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
  }

  .mainterminalreport {
    width: 100% !important;
    border: 0;
  }

  .mainterminalreport table tr th {
    border: 1px solid #3e3e3e !important;
    padding: 4px 6px !important;
    background: #3e3e3e !important;
    color: #fff !important;
  }

  .attendance-report table thead tr th {
    background: #025144 !important;
    color: #fff !important; 
    padding: 10px;
  }

  .mainterminalreport {
    height: 99.5vh !important;
  }

  .mainmeritstagereport.mainterminalreport {
    width: 100% !important;
  }

  .mainmeritstagereport.mainterminalreport table{
    width: 100% !important;
  }
  
  .terminal-report-section .exam-title h3 {
    margin: 0;
    background: #343434 !important;
    display: inline-block;
    padding: 10px 20px;
    color: #fff !important;
    font-size: 20px;
    border-radius: 3px;
  }

  .terminal-report-table table thead tr th center {
    color: #fff !important;
  }

  .terminal-report-table table thead tr th {
    background: #2e3590 !important;
    font-size: 14px;
    color: #fff ;
    border: 1px solid #282828 !important;
    -webkit-print-color-adjust: exact;
  }

  .terminal-report-table table tbody tr td {
    border: 1px solid #000 !important;
  }

  table.table.grade-point thead tr td {
    background: #025246 !important;
    color: #fff !important;
    font-weight: 600;
    padding: 8px 5px !important;
  }

  .health-report-section .section-title h4 {
    display: inline-block;
    background: #025144 !important;
    padding: 4px 20px;
    border-radius: 3px;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
  }

  .health-report-section {
    width: 100% !important;
  }

  .student-details .header-logo img {
    width: 100% !important;
    height: 100% !important;
  }

  .headmaster_signature img.signature-logo {
    height: 35px;
  }

  .health-report-section .terminalreporttable table {
    margin: 15px 0;
  }

  .mainterminalreport.student-details {
    height: 99vh !important;
    width: 100% !important;
    border: 0 !important;
  }

  .mainterminalreport.student-details table tr th ul li {
    list-style: none;
    color: #fff !important;
  }

  .mainterminalreport.routine-report-section .section-title h4 {
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }

  .mainterminalreport.routine-report-section .section-title h4 b{
    color: #fff !important;
  }

  .mainterminalreport.exam-sechedule-report .section-title h4 b{
    color: #fff !important;
  }

  .mainterminalreport.exam-sechedule-report .section-title h4{
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }

  div#load_attendance_report .box-body.attendance-report {
    margin: 10px auto;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: rgb(99 99 99 / 5%) 0px 2px 8px 0px;
  }

  .attendanceoverviewreport div#hide-table{
    overflow: hidden !important;
  }

  .box-body.purchase-report-section .section-title h4{
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  
  }

  .box-body.sales-report-section .section-title h4 {
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }

  .mainterminalreport.attendanceoverviewreport .section-tittle h4{
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }

  .box.balance-sheet-section .box-body {
    padding: 15px !important;
    width: 100% !important;
  }

  .box.balance-sheet-section .section-title {
    text-align: center !important;
    margin: 15px 0 !important;
  }

    .box-body.balance-sheet-section .section-title h4 {
        display: block;
        padding: 0;
        border: none;
        margin: 0;
        color: #000 !important;
    }
  
  
  .box.balance-sheet-section .section-title h4{
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }
  
  .box.balance-sheet-section .header-transaction-type {
    margin: 10px 0 !important;
  }

  div#load_attendanceoverview_report .section-title h4 {
    background: #004440 !important;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    color: #fff !important;
  }
  
  div#load_attendanceoverview_report .section-title {
    margin-top: 15px;
  }

  .mainterminalreport.salary-sheet .sub-head-title h5 center{
    background: #004440 !important;
    color: #fff !important;
  }

  .jurnalentry-report-view {
    padding: 15px;
    width: 100% !important;
    border: 0 !important;
  }

  .mainadmincardreport .admincardreport .organization-logo {
    margin-top: 0px !important;
  }


}

    div#load_duefeesreport .header-logo img {
      width: 100%;
    }
    
    div#load_transactionreport .header-logo img {
      width: 100%;
    }
    
    div#load_studentfinereport .header-logo img {
      width: 100%;
    }
    
    div#load_duefeesreport div#hide-table table tr th {
      min-width: 150px;
      padding: 5px !important;
      background: transparent !important;
      color: #000;
    }
    
    div#load_duefeesreport div#hide-table {
      overflow-y: scroll;
    }
    
    div#load_duefeesreport .organization-logo {
      margin: 15px 0;
    }
    
    div#load_duefeesreport .header-logo img {
      width: 100%;
    }
    
    div#load_duefeesreport .header-logo {
      margin: 15px 0;
    }
    
    .box.balance-sheet-section .company-logo img {
      width: 100%;
    }
    
    div#load_duefeesreport .organization-logo img {
      width: 100%;
    }
    
    .box-body.duefees-report .section-information {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 15px 0;
    }
    
    .box-body.duefees-report .section-title {
      text-align: center;
      margin: 15px 0;
    }


    .salary-payment-section .signature-section p {
      width: 50%;
      border-top: 1px solid #000;
    }
    
    ul.sidebar-menu li.treeview a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }
    
    ul.sidebar-menu li.treeview a span {
      width: 100%;
      font-weight: 700;
      color: #000;
      font-size: 13px;
    }
    
    .box-body.duefees-report .section-title h4{
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    
    }
    
    .box-body.purchase-report-section .section-title {
      margin: 15px 0;
      text-align: center;
    }
    
    .box-body.purchase-report-section .section-title h4{
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    
    }
    
    #save-transaction {
      display: none;
    }

    #update-transaction {
      display: none;
    }
    
    .box.balance-sheet-section .section-title {
      text-align: center;
      margin: 15px 0;
    }
    
    .box.balance-sheet-section .section-title h4{
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    }

    .box.balance-sheet-section .header-transaction-type {
      margin: 10px 0;
    
    }
    
    div#hide-table table tbody tr th {
      padding: 5px;
      border: 1px solid #444 !important;
      text-align: center;
      color: #000;
    }
    
    div#hide-table table thead tr th {
      padding: 5px;
      border: 1px solid #444 !important;
      text-align: center;
    }
    
    section#priority-section .items-box-section .section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
    }
    
    section#priority-section .items-box-section .section-title .btn {
      color: #000;
      font-size: 14px;
      z-index: 99;
    }
    
    section#priority-section .card-body{
      position: relative;
    }
    
    section#priority-section .card-body::after{
      position: absolute;
      right: 0px;
      top: 0;
      background: #eb9e2c;
      width: 85px;
      height: 33px;
      color: #fff;
      border-radius: 0 0 0 15px;
      content: '';
    }
    
    .mainadmincardreport .admincardreport .organization-logo {
      margin-top: 10px;
    }
    
    div#load_attendanceoverview_report .terminal-logo img {
      width: 100% !important;
    }
    
    div#load_attendanceoverview_report .section-title h4 {
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    }
    
    div#load_attendanceoverview_report .section-title {
      margin-top: 15px;
    }
    
    .mainmeritstagereport.mainterminalreport .terminal-infos {
      display: flex;
      align-items: start;
      justify-content: space-between;
      flex-direction: row;
    }
    
    .mainterminalreport.salary-sheet .footer-signature-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 50px;
    }
    
    .mainterminalreport.salary-sheet .footer-signature-section p {
      margin: 0;
    }
    
    .mainterminalreport.salary-sheet .sub-head-title {
      margin: 15px 0;
      text-align: center;
    }
    
    .mainterminalreport.salary-sheet .sub-head-title h5{
      font-size: 18px;
      font-weight: 600;
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    }
    
    .mainterminalreport.salary-sheet .header-logo img {
      width: 100%;
    }
    
    .jurnalentry-report-view {
      padding: 15px;
      width: 798px;
      margin: 0 auto;
      border: 1px solid #000;
      background: #fff;
    }
    
    .box-body.sales-report-section .section-title h4 {
      background: #004440 !important;
      display: inline-block;
      padding: 10px 20px;
      border-radius: 3px;
      color: #fff !important;
    }

    .box-body.balance-sheet-section .section-title h4 {
        display: block;
        padding: 0;
        border: none;
        margin: 0;
        color: #000 !important;
    }


    .box-body.sales-report-section .section-title {
      margin: 15px;
      text-align: center;
    }
    
    .box-body.balance-sheet-section .section-title {
      margin: 15px;
      text-align: center;
    }
    
    .salary-sheet-table table tr th {
    
      min-width: 150px;
    }
    
    div#setfeaturedImage .nav-tabs-custom {
      position: relative;
    }
    
    div#setfeaturedImage .nav-tabs-custom .footer--upload {
      position: absolute;
      right: 0;
      top: 0;
      min-width: 80px;
    }
    
    section#priority-section .items-box-section .section-title h4 {
      font-size: 14px;
      font-weight: 600;
      color: #000;
    }
    
    .header-logo img {
      width: 100%;
    }
    
    label {
      font-weight: 600;
      color: #333;
      font-size: 13px;
    }
    
    .skin-blue .sidebar>.sidebar-menu>li>.treeview-menu span {
      font-weight: 500;
      color: #000;
      font-size: 14px;
    }
    
    .box-body .section-title h4 {
      color: #000;
      border-bottom: 1px solid;
      font-weight: 600;
      border-bottom-style: dashed;
      padding-bottom: 8px;
      display: inline-block;
    }
    .signature-two.signature img {
        width: 80px;
    }
    
    img.signature-logo {
        width: 80px;
    }
    
    .tab-content.no-padd .footer--upload a#set_slider_images {
      position: absolute;
      right: 1%;
      top: 8%;
    }
    
    .previous-school-section h2 {
      font-size: 20px;
      font-weight: 700;
      border-bottom: 2px solid #ddd;
      padding-bottom: 10px;
    }
    
    .present-school-section h2 {
      color: #222;
      border-color: #dfdfdf;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
    }
    
    .permanent-address-section h2 {
      color: #222;
      border-color: #dfdfdf;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
      
    }
    
    .present-school-section p {
      text-align: left;
      font-weight: 600;
      margin: 0;
      padding: 4px 0;
      border-bottom: 1px solid #ededed;
      font-size: 14px;
    }
    
    .permanent-address-section p {
      text-align: left;
      font-weight: 600;
      margin: 0;
      padding: 4px 0;
      border-bottom: 1px solid #ededed;
      font-size: 14px;
    }
    
    .combined-result-section {
      max-width: 800px;
      margin: 15px auto;
      border-radius: 4px;
      padding: 10px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    }
    
    .combined-result-section .combined-result-logo img {
      width: 100px;
    }
    
    .combined-result-section .combined-result-headers {
      text-align: center;
    }
    
    .combined-result-section .combined-result-infos {
        display: flex;
        align-items: end;
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
        margin: 10px 0;
    }
    
    
    .combined-result-section .combined-result-infos .grade-point {
      width: 25% !important;
    }
    
    .combined-result-section .combined-result-infos b table{
      width: 100%;
    }
    
    .combined-result-contents.progresscardreporttable table {
      width: 100%;
    }
    
    .combined-result-contents.progresscardreporttable table tr th {
      border: 1px solid #000 !important;
      padding: 4px 5px;
    }
    
    .combined-result-contents.progresscardreporttable table tr td {
      border: 1px solid #000 !important;
      padding: 4px 5px;
    }
    
    .combined-result-section .admitcardfooter {
      justify-content: space-between;
    }
    
    .combined-result-profile article p {
        margin: 0;
        margin-bottom: 4px;
        font-size: 13px;
        font-weight: 400;
    }
    
    .combined-result-profile article h4.student-name {
      font-weight: 600;
      text-transform: capitalize;
      font-size: 16px;
    }
    
    .combined-result-profile article {
      margin-top: 10px;
    }
    
    .combined-result-report h2 {
      font-size: 25px;
      margin-top: 0;
      font-weight: 700;
    }
    
    .combined-result-report p {
      font-size: 17px;
      font-weight: 400;
    }
    
    
    .add-moreclass-wrapper .add-moreclass-single {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      gap: 10px;
      margin: 5px 0;
    }
    
    .add-moreclass-wrapper .add-moreclass-single .select-mark {
      width: 100%;
    }
    
    .add-moreclass-wrapper .add-moreclass-single .mark-head {
      width: 100%;
    }
    
    .add-moreclass-wrapper {
      margin: 10px 0;
    }
    
    table#myTable tr td .section-title h4 {
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
      margin-bottom: 10px;
      color: #444;
      display: block !important;
    }
    
    .is_subject_distribution_wrapper .add-moreclass {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      gap: 10px;
      margin: 5px 0;
    }
    
    .is_subject_distribution_wrapper .second-add-moreclass-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      gap: 10px;
      margin: 5px 0;
    }
    
    .is_subject_distribution_wrapper .second-add-moreclass-wrapper .select-mark {
      width: 100% !important;
    }
    
    .is_subject_distribution_wrapper .second-add-moreclass-wrapper .pass-mark {
      width: 100% !important;
    }
    
    .mainterminalreport.student-details .header-bottom-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 10px;
    }
    
    .mainterminalreport.student-details .header-bottom-section p {
      font-size: 14px;
      margin: 0;
    }
    
    .second-add-moreclass-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      text-align: left;
      gap: 10px;
      margin: 5px 0;
    }
    
    .second-add-moreclass-item .select-mark {
      width: 100%;
    }
    
    .second-add-moreclass-item .pass-mark {
      width: 100%;
    }
    
    /* // dashboard student search */
    div#student-search-bar .form-group input {
      width: 100%;
      min-height: 45px;
      border-radius: 4px;
      border: 1px solid #ddd;
      padding: 3px 10px;
    }
    
    div#student-search-bar .form-group {
      position: relative;
    }
    
    div#student-search-bar .form-group button {
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      height: 100%;
      border: 0;
      font-size: 18px;
      background: transparent;
      color: #eb9e2c;
      outline: none;
    }
    
    div#student-search-bar .form-group input:focus-visible {
      outline: 0;
      border: 1px solid #ffdba6;
    }
    
    .modal-content.student_images_upload {
      padding: 20px;
    }
    
    .modal-content.student_images_upload .modal-header h5 {
      color: #444;
      font-weight: 700;
      border-bottom: 1px solid #ddd;
      padding-bottom: 3px;
    }
    
    .modal-content.student_images_upload .modal-header {
      background: #fff;
      border: none;
    }
    
    .present-address-title h3 {
      color: #0161a5;
      border-color: #dfdfdf;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
    }
    
    .permanent-address-title h3 {
      color: #0161a5;
      border-color: #dfdfdf;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #ddd;
      padding-bottom: 5px;
    }
    
    .balancesheet-wrapper table tr th {
      border: 1px solid #000 !important;
      text-align: center;
      padding: 8px 5px;
      background: #242424e6;
      color: #fff;
    }
    
    .balancesheet-wrapper table tr td {
      border: 1px solid #000 !important;
      text-align: center;
      padding: 2px 5px;
    }
    
    .balancesheet-wrapper {
      display: flex;
      align-items: start;
      width: 100%;
      justify-content: start;
      gap: 10px;
      padding: 15px;
      /* flex-direction: column; */
    }
    
    .balancesheet-wrapper .balancesheet-leftside {
      width: 40%;
    }
    
    .balancesheet-wrapper .balancesheet-rightside {
      width: 60%;
      text-align: center;
    }
    
    .balancesheet-wrapper .balancesheet-rightside .logo-icon img {
      width: 90px;
    }
    
    .balancesheet-wrapper .balancesheet-rightside .balancesheet-header {
      display: flex !important;
      align-items: self-start;
      flex-direction: row;
      gap: 10px;
      border: 1px solid #000;
      margin: 0;
      color: #fff;
      font-weight: 600;
      text-align: center;
      padding: 7px;
      display: block;
    }
    
    .box-body .balancesheet-header {
      display: flex;
      align-items: self-start;
      flex-direction: row;
      margin: 0 30px;
      gap: 10px;
      border: 1px solid #000;
      padding: 7px;
    }
    
    .box-body .balancesheet-header article {
      display: flex;
      align-items: start;
      justify-content: space-between;
      flex-direction: row;
      gap: 10px;
      border-bottom: 1px solid #ddd;
      margin: 10px 0;
      padding-bottom: 5px;
    }
    
    .box-body  .balancesheet-header  .logo-icon img {
      width: 85px;
    }
    
    .box-body  .balancesheet-header article p {
      margin: 0;
      font-size: 11px;
    }
    
    
    .balancesheet-wrapper .balancesheet-rightside .balancesheet-header article {
      display: flex;
      align-items: start;
      justify-content: space-between;
      flex-direction: row;
      gap: 10px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 5px;
    }
    
    .balancesheet-wrapper .balancesheet-rightside .balancesheet-header article p {
      margin: 0;
      color: #333;
    }
    
    .balancesheet-wrapper .balancesheet-rightside .balancesheet-header .school-information {
      width: 100%;
    }
    
    .balancesheet-rightside .school-name h4 {
      margin-top: 0;
      font-weight: 600;
      font-size: 16px;
      padding: 0 !important;
      color: #333 !important;
    }
    
    .balancesheet-rightside .school-name {
      padding: 0 !important;
    }
    
    .balancesheet-wrapper .balancesheet-header .report-name p {
      margin: 0;
    }
    
    .organization-logo img {
      width: 100%;
    }
    
    .box-body .balancesheet-header .logo-icon {
      width: 20%;
    }
    
  .box-body .balancesheet-header .school-information {
    width: 80%;
  }
  
  .box-body .balancesheet-header .school-information .school-name h4 {
    font-weight: 600;
    font-size: 14px;
  }
  
  .box.box-body .balancesheet-header {
    margin: 0;
    margin-top: 10px;
  }
  
  .navbar-top-section div#student-search-bar .form-group {
    margin: 5px 0;
  }
  
  .combined-result-section .combined-result-infos .combined-result-profile {
    width: 25%;
  }
  
  .combined-result-section .combined-result-infos .combined-result-logo {
    width: 50%;
    text-align: center;
  }
    
  .grade-point table.table thead tr td {
    font-weight: 600;
    font-size: 14px !important;
    padding: 5px;
    border: 1px solid #000 !important;
  }
  
  .terminal-report-section .header-seciton .section-informaion {
    margin-top: 10px;
  }
  
  table tr td {
    color: #000 !important;
  }
  
  .box-body.balance-sheet-section .company-logo img {
    width: 100%;
  }
    
  tr.secound-row-style th {
    color: #fbff00 !important;
    -webkit-print-color-adjust: exact;
  }
    
  .report-content .content-top {
    display: flex;
    align-items: start;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    margin-top: 20px;
  }

  .report-content .content-top .left-content {
    width: 50%;
  }

  .report-content .content-top .right-content {
    width: 50%;
    text-align: right;
  }

  .report-content .content-top p {
    margin: 0;
    font-size: 15px;
    color: #444;
    margin-bottom: 5px;
  }

  .report-content article {
    margin-top: 20px;
  }

  section.box.protoyon-potro-report .bg-img {
    background: url(https://ammkbhs.com/uploads/images/imageedit_1_6313748126.png)!important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30% 40%!important;
  }

  section.box.protoyon-potro-report .certificate-border {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 25px 53px;
    background: url(https://nurulquranmadrasha.com/uploads/default/admitcard-border.png)!important;
    background-size: 100% 100% !important;
    position: relative;
  }
  
  section.box.protoyon-potro-report {
    padding: 15px;
  }

  section.box.protoyon-potro-report article p {
    font-size: 15px;
    color: #444;
    text-align: justify;
    margin: 0;
  }

  section.box.protoyon-potro-report .report-footer {
    margin-top: 20px;
  }

  section.box.protoyon-potro-report .report-footer p {
    margin: 0;
    font-size: 15px;
    color: #444;
  }

  section.box.protoyon-potro-report.concern .report-footer {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
  }

  section.box.protoyon-potro-report.concern .signature-section {
    text-align: right;
    margin-top: 20px;
  }

  section.box.protoyon-potro-report.concern .signature-section p {
    margin: 0;
    font-size: 15px;
    color: #444;
  }

  section.box.protoyon-potro-report .report-title h4 {
    display: inline-block;
    background: #32348d;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
  }

  section.box.protoyon-potro-report .report-title {
    text-align: center;
    margin-top: 15px;
  }

  .grade-point table tbody tr td {
    border: 1px solid #000 !important;
    padding: 4px 5px;
  }

  .combined-result-section.certificate-report-section .result-name h4 {
    font-weight: 700;
    font-size: 23px;
    margin-top: 15px;
  }

  .combined-result-section .combined-result-infos .combined-result-logo .section-tittle h4 {
    border-bottom: 2px solid #3e3e3edd;
    display: inline-block;
  }

  .combaine-result-student-info {
    display: flex;
    align-items: start;
    gap: 10px;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    margin: 15px 0;
  }

  .combaine-result-student-info .student-info-workngday {
    width: 25.5%;
  }

  .combaine-result-student-info .student-info-text {
    width: 37%;
  }

  .mainsetplanreport.affidavit-report {
    display: inherit;
    width: 980px;
    margin: 0 auto;
  }

  .mainsetplanreport.affidavit-report .seatplanreport {
    width: 100%;
  }

  .mainsetplanreport.affidavit-report .seatplanreport .seatplan-header {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
    gap: 5px;
    border-bottom: 3px solid #444;
    padding-bottom: 20px;
  }

  .mainsetplanreport.affidavit-report .seatplanreport .seatplan-header .seatplan-logo {
    width: 15%;
    text-align: center;
  }

  .mainsetplanreport.affidavit-report .institute-name h2 {
    font-weight: 700;
    font-size: 25px;
    color: #000;
  }

  .mainsetplanreport.affidavit-report .seatplanreport .seatplan-header .institute-name {
    width: 70%;
  }

  .mainsetplanreport.affidavit-report .content-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px !important;
  }

  .mainsetplanreport.affidavit-report .content-top p {
    font-size: 16px;
    margin: 0;
    color: #000;
  }

  .mainsetplanreport.affidavit-report .content-top .left-content {
    width: 25%;
  }

  .mainsetplanreport.affidavit-report .content-top .right-content {
    width: 25%;
  }

  .mainsetplanreport.affidavit-report .content-top .report-title {
    width: 50%;
    text-align: center;
  }

  .mainsetplanreport.affidavit-report .content-top .report-title h4 {
    font-size: 22px;
    font-weight: 700;
    color: #0265aa;
  }

  .mainsetplanreport.affidavit-report .seatplanreport .seatplan-header .institute-name p {
    font-size: 15px;
    color: #000;
  }

  .mainsetplanreport.affidavit-report p {
    color: #000;
  }

  .container-box table {
    width: 100%;
    text-align: center;
  }

  .container-box table thead tr th {
    text-align: center;
    border: 1px solid #444 !important;
    padding: 5px;
  }

  .container-box table tbody tr td {
    text-align: center;
    border: 1px solid #444 !important;
    padding: 5px;
  }

  div#hide-table table.table tbody tr td {
    border: 1px solid #444 !important;
    padding: 5px;
    text-align: center;
  }

  div#hide-table table.table tfoot tr td {
    border: 1px solid #444 !important;
    text-align: center;
    padding: 5px !important;
  }

  div#hide-table table.table tbody tr td.text-align-left {
    text-align: left;
  }
  
  .student-food-table table {
    width: 100%;
}
  
  
  .student-food-table table tr th{
    border: 1px solid #444;
    padding: 5px 8px;
    text-align: center;
    color: #fff;
    background: #015a9f;
}
  
    .student-food-table table tr td{
    border: 1px solid #444;
    padding: 5px 8px;
    text-align: center;
}

  .student-monthly-fee table {
    width: 100%;
}
  
  
  .student-monthly-fee table tr th{
    border: 1px solid #444;
    padding: 5px 8px;
    text-align: center;
    background: #015a9f;
    color: #fff;
}
  
    .student-monthly-fee table tr td{
    border: 1px solid #444;
    padding: 5px 8px;
    text-align: center;
}

.select2-container .select2-choice {
    height: 30px !important;
    line-height: 1.42857;
}

form.debit-voucher-section td.total-amount {
    padding: 0;
}

.student-add-form .form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.student-add-form .form-horizontal .form-group .col-sm-8 {
    padding: 0;
}

.student-add-form .form-horizontal .form-group {
    margin: 0;
}

.teacher-add-form .form-horizontal .form-group {
    margin: 5px 0;
}

.teacher-add-form .form-horizontal .form-group .bootstrap-tagsinput {
    margin: 0;
    /* border-left: 3px solid #159a95; */
    border-radius: 3px !important;
    border: 2px solid #0162a7 !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    width: 100%;
}

.box-body.student-add-form.teacher-add-form .section-title {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}

.box-body.student-add-form.teacher-add-form .section-title h4 {
    display: block;
    border: 0;
    padding: 0;
    font-size: 16px;
    color: #00599b;
}

.box-body.student-add-form.teacher-edit-form .form-group {
    margin: 5px 0;
}

.box-body.student-add-form.teacher-edit-form .form-group .col-sm-6 {
    padding: 0;
}

.box-body.student-add-form.teacher-edit-form .bootstrap-tagsinput {
    margin: 0;
    /* border-left: 3px solid #159a95; */
    border-radius: 3px !important;
    border: 2px solid #0162a7 !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    width: 100%;
}

.box-body.student-add-form.user-add-form .form-group {
    margin: 5px 0;
}

.box-body.student-add-form.user-add-form .form-group .col-sm-6 {
    padding: 0;
}

.box-body.student-add-form.user-edit-form .form-group {
    margin: 5px 0;
}

.box-body.student-add-form.user-edit-form .form-group .col-sm-6 {
    padding: 0;
}

.box-body.parent-list .file-upload-filter {
    width: 40%;
    float: right;
    margin-right: 15px;
}

.box-body.student-add-form.management-add-form .form-group {
    margin: 5px 0;
}

.box-body.student-add-form.management-edit-form .form-group {
    margin: 5px 0;
}

.box-body.student-add-form.management-edit-form .form-group .col-sm-6{
    padding: 0;
}

.student-monthly-fee .section-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.student-monthly-fee .section-title h4 {
    display: block;
    border: none;
    padding: 0;
}

form.form-horizontal.accounts-left-side-calculation {
    border-right: 3px solid #0094f9;
    border-right-style: dashed;
}

.student-food-table .section-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.student-food-table .section-title h4 {
    display: block;
    border: none;
    padding: 0;
}

div#studenProfileDev .feesPaymentInfo {
    margin-bottom: 20px;
}

.box-body.student-add-form.management-add-form  {
    padding: 0;
}

.box-body.class-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.class-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.class-edit form.form-horizontal textarea {
    height: 34px;
}

.box-body.class-edit form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.subject-add form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.subject-add form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.subject-add form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.subject-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.subject-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.subject-edit form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.section-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.section-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.section-edit form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.section-edit form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.syllabus-add form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.syllabus-add form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.syllabus-add form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.syllabus-add form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.syllabus-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.syllabus-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.syllabus-edit form.form-horizontal .form-group {
    margin: 5px 15px;
}

.box-body.syllabus-edit form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.routine-add form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.routine-add form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.routine-add form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.routine-add form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.routine-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.routine-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.routine-edit form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.routine-edit form.form-horizontal .form-group textarea {
    height: 34px;
}


.box-body.shift-add form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.shift-add form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.shift-add form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.shift-add form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.shift-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.shift-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.shift-edit form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.shift-edit form.form-horizontal .form-group textarea {
    height: 34px;
}



.box-body.student-group-add form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.student-group-add form.form-horizontal .col-sm-4 {
    padding: 0;
}

.box-body.student-group-add form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.student-group-add form.form-horizontal .form-group textarea {
    height: 34px;
}

.box-body.student-group-edit form.form-horizontal .form-group label.control-label {
    background: linear-gradient(90deg, #01579b 0%, #039be5 100%);
    padding: 8.4px;
    color: #fff;
}

.box-body.student-group-edit form.form-horizontal .col-sm-4 {
    padding: 0;
}

.box-body.student-group-edit form.form-horizontal .col-sm-6 {
    padding: 0;
}

.box-body.student-group-edit form.form-horizontal .form-group {
    margin: 5px 0px;
}

.box-body.student-group-edit form.form-horizontal .form-group textarea {
    height: 34px;
}


.box-body.balance-sheet-section.cashbook-receipt table tr th {
    background: #e6f5fe;
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt table tr td {
    color: #000 !important;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt tfoot {
    background: #e6f5fe !important;
}

.box-body.balance-sheet-section.cashbook-receipt tfoot tr th {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt table {
    width: 100% !important;
    margin-bottom: 20px;
}

.box-body.balance-sheet-section.cashbook-receipt .border {
    min-height: auto;
    padding: 8px 10px;
    border: 1px solid #000;
    color: #000;
}

@media print {
    
    
.box-body.balance-sheet-section.cashbook-receipt table tr th {
    background: #e6f5fe !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt table tr td {
    color: #000 !important;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt tfoot {
    background: #e6f5fe !important;
}

.box-body.balance-sheet-section.cashbook-receipt tfoot tr th {
    color: #000 !important;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    border: 1px solid #000;
}

.box-body.balance-sheet-section.cashbook-receipt table {
    width: 100% !important;
    margin-bottom: 20px;
}

.box-body.balance-sheet-section.cashbook-receipt .border {
    min-height: auto;
    padding: 8px 10px;
    border: 1px solid #000;
    color: #000;
}
}