/*=====================================================
CUSTOM STYLES
====================================================*/
body, div {
  height: auto;
  font-weight: 400;
}
.h4, h4 {
  font-size: 18px;
}
p {
  margin-bottom: 6px;
}
.clear {
  clear: both;
}
a:focus {
  text-decoration: none;
}
textarea {
  min-height: 60px;
  resize: vertical;
}
label {
  font-weight: 400;
  margin-bottom: 2px;
  color: #000;
}
table input[type="checkbox"], table input[type="radio"], .ms-options-wrap input[type="checkbox"] {
  opacity: 1 !important;
  position: inherit !important;
}
.default-checkbox input[type="checkbox"], .default-radio input[type="radio"] {
  opacity: 1 !important;
  position: inherit !important;
}
.default-radio .iradio_minimal-grey{
  float:left;
}
table div[class*="iradio_"]:not(.checked) {
  background-color: rgba(255, 255, 255, 0);
}
.form-error {
  font-weight: 300;
}
form .file-button {
  height: 31px;
  line-height: 31px;
  z-index: 0;
}
.form-control, .form-control:focus {
  border: 1px solid #ced4da;
    color: #5f6060;
    background: #FFF !important;
}
.text-right {
  text-align: right !important;
}
.text-success {
  color: #aecc34  !important;
}
.text-danger {
    color: #ff5e40 !important;
}

/*=====================================================
LOGIN PAGE STYLES START
====================================================*/
.account .account-wall {
  padding: 0;
  margin-top: 0;
}
.account #lockscreen-block .account-wall {
  margin-top: 290px;
}
.account .form-signin, .account .form-password {
  max-width: inherit;
}
.account #lockscreen-block .form-signin {
  width: 35%;
}
.button-align div.dt-buttons {
    margin-right: 116px !important;
}
.new-login .account-wall {
  background-color: #ffffff;
  border-top: 3px solid #de4151;
  margin: 0;
  opacity: 1;
  position: absolute;
  right: 80px;
  top: 50%;
  width: 680px;
  height: 373px;
  padding: 0;
  margin-top: -210px;
}
.new-login .logo-sec {
  text-align: center;
  padding: 0;
  float: left;
  background: #f5f5f5;
  width: 45%;
  position: relative;
}
.new-login .logo-sec img {
  max-width: 270px;
  display: inline-block;
  text-align: center;
}
.new-login .logo-sec-inner {
  display: table-cell;
  height: 370px;
  text-align: center;
  vertical-align: middle;
  width: 1%;
}
.new-login .arrow-right {
  position: absolute;
  top: 50%;
  right: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #f5f5f5;
  margin-top: -6px;
}
.new-login .form-sec {
  float: left;
  width: 55%;
  padding: 0 5%;
  margin: 35px 0 0;
}
.account a, .account p {
  font-size: 13px;
}
.account .backstretch::before {
/*background-color: rgba(15, 15, 15, 0.4);*/
}
/*=====================================================
LOGIN PAGE2 STYLES START
====================================================*/
.account.new-login-2 .backstretch:before {
  background: #F4F6F9;
}
.new-login-2 .account-wall {
  float: left;
  width: 50%;
  background: #F4F6F9;
}
.new-login-2 .account-wall {
  background: #F4F6F9;
  float: right;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  width: 50%;
}
.new-login-2 .account-wall-inner {
  margin-top: -240px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  text-align: center;
}
.new-login-2 .account-info {
  float: left;
  width: 50%;
  background: #F4F6F9;
  position: fixed;
  height: 100%;
}
.new-login-2 .account-info-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 100%;
  height: 100%;
}
.new-login-2 .form-sec {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  background: #FFF;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.new-login-2 .logo-sec {
  margin-bottom: 25px;
}
.new-login-2 .logo-sec-inner {
  text-align: center;
}
.new-login-2 .logo-sec img {
  margin-left: auto;
  margin-right: auto;
  max-height: 80px;
  vertical-align: middle;
}
.new-login-2 .login-footer {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.panel-list-header h2 a {
  color: #333;
}
.panel-list-header h2 a:hover {
  color: #d44f26;
}
.checkbox-sec {
  opacity: 0.7;
  position: relative;
  top: -3px;
  vertical-align: middle;
}
.new-login input, .new-login-2 input {
  margin-bottom: 0 !important;
}
.form-signin label.error {
  margin: 0;
  font-size: 12px;
}
.security-icon h4 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 18px;
}
.security-icon img {
  padding-right: 8px;
}
.security-icon p {
  font-size: 13px;
  line-height: 22px;
}
.account-copyright {
  border-top: 1px solid #eee;
  background: #f7f7f7;
  bottom: 0 !important;
  color: #bdbdbd;
  left: 0;
  margin: 0 !important;
  padding: 12px 20px;
  position: absolute !important;
  right: 0;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #555;
  font-size: 13px;
}
.account-copyright img {
  max-width: 120px;
}
.account.boxed .account-copyright a, .account .login-footer a {
  color: #1f859c;
}
.account-copyright a:hover {
  text-decoration: underline;
}
.custom-table td, .custom-table th {
  padding: 5px;
}
.nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
}
.info-tile {
  overflow: hidden;
  padding: 10px;
}
.info-tile a {
  color: #FFF;
}
.info-tile .tile-icon {
  width: 30%;
  float: left;
}
.info-tile .tile-icon i {
  opacity: 0.8;
  font-size: 50px;
  margin: 15px 10px;
  display: block;
}

.new-boxes .tile-icon i {
  background-clip: padding-box;
  border-radius: 50%;
  float: left;
  height: 65px;
  text-align: center;
  width: 65px;
  opacity: 1;
  font-size: 30px;
  line-height: 64px;
  margin: 0px;
  background-color: #6F65C8;
  border: 0;
  padding: 0 !important;
  color: #FFF;
}
.info-tile .tile-body {
  width: 70%;
  float: left;
  text-align: right;
}
.info-tile .tile-body h1 {
  font-weight: 600 !important;
  font-size: 28px;
}
.info-tile .tile-body p {
  text-align: right;
}
.jquery-clock.small {
  height: 110px;
  width: 110px;
}
.info-tile strong {
  font-size: 16px;
  font-weight: bold;
}
.info-tile.bg-blue {
  background: #6F65C8 !important;
}
.new-boxes.circle-blue .tile-icon i {
  background-color: #6F65C8;
}
.new-boxes.circle-orange .tile-icon i {
  background-color: #F2A057;
}
.new-boxes.circle-green .tile-icon i {
  background-color: #20b48c;
}
.new-boxes.circle-pink .tile-icon i {
  background-color: #e147e7;
}
.new-boxes.circle-sky-blue .tile-icon i {
  background-color: #2ca7cd;
}
.info-tile.new-boxes p {
  margin-bottom: 0;
}
.new-boxes {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  min-height: 80px;
  padding: 15px 20px;
  overflow: hidden;
}
.new-boxes .bg-icon {
  background-clip: padding-box;
  border-radius: 50%;
  float: left;
  height: 65px;
  text-align: center;
  width: 65px;
}
.new-boxes .bg-icon-green {
  background-color: rgba(91, 174, 96, 0.2);
  border: 1px solid #5bae60;
}
.bg-icon-green i, .text-green h4 {
  color: #5bae60;
}
.new-boxes .bg-icon-yellow {
  background-color: rgba(180, 168, 66, 0.2);
  border: 1px solid #b4a842;
}
.bg-icon-yellow i, .text-yellow h4 {
  color: #b4a842;
}
.full_div .bg-icon-pink {
  background-color: rgba(180, 110, 191, 0.2);
  border: 1px solid #b46ebf;
}
.bg-icon-pink i, .text-pink h4 {
  color: #b46ebf;
}
.new-boxes .bg-icon i {
  font-size: 30px;
  line-height: 64px;
  padding-right: 0 !important;
}
.user-profile {
  text-align: center;
}
.user-profile img {
  max-width: 100%;
  width: 100%;
}
.profile-info {
  margin-bottom: 15px;
}
.profile-info li {
  list-style: none;
  display: block;
  padding: 4px 8px;
}
.profile-info li:nth-child(2n+1) {
  background: #fcfcfc;
}
.profile-info li strong {
  padding-right: 5px;
}
.main-content {
  min-height: 200px;
}
.main-content .page-content {
  padding: 20px 20px 0;
  margin-top: 145px;
}
button.dt-button, div.dt-button, a.dt-button {
  margin-top: 5px !important;
}
div.dt-buttons {
      margin-top: 0px !important;
}
.position-button {
  margin-top: 0px !important;
}
.enquiries_page .button-align div.dt-buttons {
  margin-right: 190px !important;
}
.manage_applications .position-button {
      top: 90px;
}
.pendingApplications .button-align div.dt-buttons {
    margin-right: 0;
}
.campaign_data .table > tbody > tr > td {
  white-space: inherit;
}
#tab_parent_details .deleteParent {
  position: absolute;
    bottom: 40px;
    right: 0;
        background-color: #d11616;
    color: #fff;
        height: auto;
    min-height: 35px;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 10px 8px;
    border-radius: 4px;
  vertical-align: middle;
  
}
#tab_parent_details .deleteParent i{
  text-align: center;
  padding-right: 0 !important;
  }
.inactive_students .button-align div.dt-buttons {
    margin-right: 0 !important;
}
#messageText pre {
      white-space: break-spaces !important;
  }
.reports .reportsCol {
  width: auto !important;
}
.reports .reportsCol .btn-group .btn {
      padding-left: 15px !important;
}
.reports .reportsCol .dropdown-menu {
      height: 230px;
    overflow-y: scroll;
}
.reports .reportsCol .dropdown-menu li a {
  white-space: normal !important;
      padding: 4px !important;
}
.reports .reportsCol .dropdown-menu li a i{
position: absolute;
  }
  .reports .reportsCol .dropdown-menu li a span {
        margin-left: 20px;
            display: block;
  }
.app_support_page .table > tbody > tr > td:nth-child(4) {
  white-space: normal;
}
.library_dash .table-responsive .table > tbody > tr > td:nth-child(1) {
  text-align: left !important;
}
.library_dash1 .button-align div.dt-buttons {
    margin-right: 0px;
}
.leave_approvals .requestInfo {
  margin-top: 5px;
}
.leave_approvals .btn.btn-sm {
  width: 100px;
}
.day_book .button-align div.dt-buttons {
    margin-right: 0px;
}
.emp_tickets .button-align div.dt-buttons {
    margin-right: 0px;
}
.emp_examinations .button-align div.dt-buttons {
    margin-right: 0px;
}
.button-align-3.manage_assigment_campaign div.dt-buttons {
    margin-right: 129px !important;
}
.run_attendance .button-align-drop .dataTables_filter {
    margin-right: 0px;
}
.run_attendance .table > tbody > tr > td {
  white-space: normal;
}
.discount_approvals .table > tbody > tr > td {
  white-space: normal;
}
.discount_approvals .table > tbody > tr > td:nth-last-child(3) {
  width: 100px;
}
.edit_fee_plan .select-class .col-sm-1 {
  white-space: nowrap;
}
.discount_approvals .button-align div.dt-buttons {
    margin-right: 0px;
}
.discount_approvals .btn.btn-sm {
  width: 100px;
  margin-bottom: 5px;
}
.payroll_page .button-align div.dt-buttons {
    margin-right: 57px;
}
.manage_credit_approvals .button-align div.dt-buttons {
    margin-right: 0;
}
.dashboard_title {
  position: relative !important;
  width: 210px;
  padding: 7px 15px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 16px;
    background-color: #aecc34 !important;
  color: #fff !important;
  margin-bottom: 5px;
}
.dashboard_title1 {
  position: relative !important;
  width: 300px;
  padding: 7px 15px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 16px;
    background-color: #b066ff !important;
  color: #fff !important;
  margin-bottom: 5px;
}
.collapse_header .arrow_icon {
  position: absolute;
    right: 17px;
    top: -2px;
}
.collapse_header .arrow_icon i{
      font-size: 28px;
  }
  .collapse_header .collapse i{
  transform: rotate(-180deg);
transition: .3s ease-in-out;
}
.collapse_header .collapsed i{
  transform: rotate(180deg);
transition: .3s ease-in-out;
}
.btn-primary {
    background-color: #f1643f !important;
    border-color: #f1643f !important;
    color: #fff;
}
.btn-primary:hover {
      background-color: #000 !important;
      border-color: #000 !important;
}
.btn-success {
    background-color: #aecc34 !important;
    border-color: #aecc34 !important;
    color: #fff;
}
.btn-success:hover {
      background-color: #a0ba34 !important;
      border-color: #a0ba34 !important;
}
.btn-danger {
    background-color: #ff5e40 !important;
    border-color: #ff5e40 !important;
    color: #fff;
}
.btn-danger:hover {
      background-color: #e5583d !important;
      border-color: #e5583d !important;
}
.blue_bg {
  background-color: cornflowerblue !important;
}
.cadet_bg {
  background-color: #ff5e40 !important;
}
.purple_bg {
  background-color: #4fc9da !important;
}
.orange_bg {
  background-color: #ebc33f !important;
}
.dark_blue_bg {
  background-color: #535ae7 !important;
}

.table > tbody > tr > td {
  text-transform: capitalize;
}
.leave_approvals .table > tbody > tr > td {
  white-space: normal;
}
.tickets_page .table > tbody > tr > td {
  white-space: normal;
}
.tickets_page .table > tbody > tr > td:nth-child(2) {
      white-space: nowrap;
}
.tickets_page .table > tbody > tr > td:nth-last-child(2) {
      white-space: normal;
}
.tickets_page .button-align div.dt-buttons {
    margin-right: 0px;
}
.page-app .header {
  background: #FFF;
}
.modal-body .table > tbody > tr > td {
      white-space: normal;
}
.sf-viewport {
  height: 100% !important;
}
.sf-sea .sf-nav-number {
  font-size: 70px !important;
  left: 10px !important;
}
.sf-sea .sf-nav li {
  font-size: 18px !important;
  height: 45px !important;
  line-height: 45px !important;
  padding: 0 45px !important;
  width: 4.85%;
}
.sf-left {
  float: right !important;
  margin-right: 10px;
}
.sf-sea .sf-wizard form {
  padding: 10px !important;
}
.attendance-status .red {
  color: #ed1616;
}
.attendance-status .green {
  color: #36c532;
}
.panel-adj .left {
  float: left;
}
.panel-adj .right {
  float: right;
}
.panel-adj .btn {
  margin: 0;
}
p.account-copyright {
  color: #262626;
}
.remove-search .dataTables_filter {
  display: none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-weight: 400;
}
.table .btn.btn-sm {
  margin: 1;
}
.select2-container {
  width: 100%;
}
.form-error {
  color: #c83838;
  font-size: 13px;
  font-style: normal;
  margin-top: 3px;
}
label.error {
  color: #c83838;
  font-size: 13px;
}
.table-head {
  font-size: 15px;
  font-weight: 600;
  height: 46px;
  letter-spacing: 0.6px;
  line-height: 46px;
  padding: 0 15px;
  text-transform: uppercase;
}
.table-head {
  color: #505458;
  background: #FFF;
}
.table-head {
  border-bottom: 2px solid #4A89DC;
}
.round-avatar img {
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 60px;
  min-height: 60px;
}
.modal-dialog {
  width: auto;
  max-width: 860px;
}
.small-dialog {
  max-width: 550px;
}
.small-dialog2 {
  max-width: 450px;
}
.medium-dialog {
  max-width: 750px;
}
.large-dialog {
  max-width: 1000px;
}
.large-dialog-2 {
  max-width: 1250px;
}
.modal {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.panel-heading, .panel-heading-white {
  background: #f5f5f5 !important;
  border-bottom: 2px solid #ddd !important;
  padding: 12px 15px;
}
.panel-heading-white {
  background: #FFF !important;
}
.panel-heading h4 {
  margin: 0;
  color: #111;
}
.panel-heading .pull-right {
  color: #999;
}
.color-default .panel-heading, .color-default .table-head {
  border-bottom-color: #555 !important;
}
.ticket-reply .panel-heading {
  border-bottom: 2px solid #ddd !important;
}
.panel-header-add {
  display: block;
  height: auto;
  padding: 0;
  padding-bottom: 6px;
  margin: 10px 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.panel-header-add h2 {
  color: #5b5b5b;
  display: block;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 7px;
}
.panel-right-options p {
  margin-bottom: 0;
  padding-left: 15px;
}
.panel-right-options a {
  margin-right: 15px;
}
.panel-right-options i {
  position: relative;
  top: 2px;
  padding-right: 3px;
}
.ticket-reply {
  background: #FFF;
  border: 1px solid #FFF;
}
.ticket-reply .panel-heading {
  border-bottom: 2px solid #ddd !important;
}
.modal-inner .modal-dialog {
  max-width: 600px;
}
.modal-inner img {
  width: 100%;
}
.modal-inner .modal-backdrop.in {
  opacity: 0.97;
}
.modal-inner .modal-backdrop {
  background-color: #000;
}
.modal-inner button.close {
  color: #FFF;
  position: absolute;
  right: 0;
  top: -30px;
  opacity: 1;
}
.panel-header.panel-list-header h2 {
  text-transform: none !important;
  font-size: 20px !important;
}
.panel-header.panel-list-header .title-big h2 {
  font-size: 22px !important;
}
.panel-list-header p.text-danger {
  font-size: 12px;
}
.panel-header.panel-list-header {
  border-bottom: 2px solid #ddd;
  margin: 10px 15px 10px 18px;
  padding: 0 !important;
  padding-bottom: 4px !important;
}
.panel-header.panel-list-header p {
  margin-bottom: 0;
}
.panel-header.panel-list-header .pull-left {
  float: left;
  margin-top: -7px;
}
.panel-list {
  display: black;
  list-style: none;
}
.panel-list li {
  margin-bottom: 6px;
}
.panel-list i {
  font-size: 11px !important;
}
.fa-2x {
  font-size: 1.3em;
}
.description ul, .description ol {
  margin-left: 30px;
}
.search-container {
  position: relative;
  margin-top: 16px;
}
.search-container .btn {
  position: absolute;
  right: -1px;
  top: 0;
  margin: 0;
  height: 44px !important;
  border-radius: 0 3px 3px 0;
}
.search-container input {
  padding: 12px;
  padding-right: 120px;
}
.topbar .select2-container .select2-choice {
  height: 50px;
}/*
.select2-container .select2-choice > .select2-chosen {
  color: #b5b5b5;
}*/
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f0f8ff; /* light blue background */
    color: red; /* text color */
    font-weight: bold; /* optional: bold text */
}
/*.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: red;
}*/
.select2-container .select2-choice {
  height: 50px;
  color: #b9b9b9;
}

.category-details li {
  border-bottom: 1px solid #eee;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 0 5px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.category-details h5 {
  font-weight: 400;
  margin: 5px 0 0;
  font-size: 14px;
}
.category-details span {
  padding-left: 3px;
  color: #ec8521;
}
.category-details i {
  padding-right: 5px;
}
.category-details li a {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.category-details li a:hover {
  padding-left: 6px;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #f6aaaa;
}
.logged {
  margin-right: 50px;
}
/*-- menu and sidebar changes --*/
.fixed-sidebar .sidebar, .topbar .header-left .topnav .menutoggle {
  display: none;
}
.sidebar-inner .mCSB_container.mCS_no_scrollbar {
  height: auto;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.2);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.4);
}
.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
}
.sidebar .sidebar-inner {
  height: 100% !important;
}
.fixed-topbar .topbar {
  left: 50px;
  padding: 0;
  background: #e5e5e5 !important;
}
.topnav {
  background: #f1643f;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  float: left;
  width: 100%;
  padding: 0px 20px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.topbar .topnav > ul > li > a:before {
  background: #000;
}
.topnav .dropdown-toggle:after {
  border: 0;
}
.topbar .header-left {
  margin-left: 20px;
}
.topbar .header-right {
  margin-right: 20px;
}
.main-content {
  margin-left: 0 !important;
}

.logo {
  display: inline-block;
  overflow: hidden;
  padding:5px 1% 5px;
  vertical-align: middle;
  max-width:55%;
}
.searchform {
  display: inline-block;
  margin: 0.62em 1% 0;
  width: 65%;
}
.topbar .header-left {
  width: 40%;
}
.btn-dark {
  background-color: #f1643f !important;
    border-color: #f1643f !important;
    color: #fff !important;
}
.logo img {
  max-width: 285px;
}
.search-field {
  display: inline-block;
  width: 80%;
  position: relative;
}
.search-field input {
  height: 32px;
  line-height: 30px;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}
.select2-container .select2-choice {
  line-height: 2.2 !important;
  border-radius: 5px;
}
.form-white.select2-container .select2-choice {
  line-height: 2.2 !important;
}
.topbar .search-field .select2-container .select2-choice {
  height: 32px;
  line-height: 18px;
  padding: 0;
}
.topbar .search-field .select2-container .select2-chosen {
  padding: 6px 8px;
}
.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {
      padding: 8px 12px;
}
.btn.btn-filed {
  border: 0 none;
  display: inline-block;
  min-height: 32px !important;
  height: 32px !important;
  line-height: 34px;
  margin: 0 0 0 -6px;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 12%;
  z-index: 1;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
}
.btn.btn-filed i {
  font-size: 14px;
}
.dropdown-search .dropdown-menu {
  border-radius: 0;
  box-shadow: none;
  left: 10px;
  margin: 6px 0 0;
  padding: 15px 0;
  width: 100%;
}
.dropdown-menu {
  min-width: 180px;
}
.dropdown-search {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 100%;
  text-align: right;
}
.dropdown-search .dropdown-btn {
  position: relative;
  z-index: 2;
}
form .file-button {
      height: 47px;
    line-height: 47px;
    padding: 0 20px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.head-branch, .head-year {
  margin-right: 10px;
}
.head-year {
  margin-right: 15px;
}
.sidebar-collapsed .topbar .header-left .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.menutoggle {
  display: none;
}
.topbar .form-group {
  margin: 0;
  margin-top: 15px !important;
  margin-bottom: 7px !important;
}
.dataTables_wrapper:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.dataTables_wrapper {
  clear: both;
  position: relative;
}
.dataTables_filter {
  float: right;
  width: 25%;
  text-align: right;
  position: relative;
  margin-bottom: 20px;
}
.dataTables_filter label {
  width: 100%;
}
.dataTables_filter span {
  float: left;
  text-align: right;
  width: 20%;
  padding:15px 0 0;
}
.dataTables_filter .form-control {
  width: 78% !important;
  float: right;
  margin-left: 2%;
}
.show-fields, .show-search-advanced, .hide-default {
  display: none;
}
.advanced-search {
  position: absolute;
  font-size: 14px;
  right: 0;
  bottom:-13px;
  cursor: pointer;
  text-decoration: underline;
}
.adv-serach-hide .advanced-search, .adv-search-hide .advanced-search {
  display: none;
}
.adv-buttons-hide div.dt-buttons {
  display: none;
}
.dataTables_wrapper .dataTables_info {
  float: left;
  padding-top: 0.755em;
}
.position-button {
  position: absolute;
  right: 15px;
  top: auto;
  margin: 3px 0 0;
  z-index: 11;
}
.position-button-maps {
  position: absolute;
  right: 15px;
  top: auto;
  margin: 3px 0 0;
  z-index: 11;
}
.button-align-3 div.dt-buttons {
  margin-right: 98px !important;
}
.button-align-3.manage_Cam div.dt-buttons {
  margin-right: 168px !important;
}
.button-maps div.dt-buttons {
  margin-right: 108px !important;
}
.button-align.button-maps div.dt-buttons {
  margin-right: 204px !important;
}
.button-align.button-import div.dt-buttons {
  margin-right: 266px !important;
}
.button-align.button-maps .position-button-maps {
  position: absolute;
  right: 110px;
}
.button-books div.dt-buttons {
  margin-right: 227px !important;
}
.borrow-book {
  right: 131px;
}
.return-book {
  right: 15px;
}
.button-books .btn-book {
  min-width: 112px;
}
.dt-button.maps {
  min-width: 110px;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  padding-top: 0.25em;
  text-align: right;
}
.dataTables_length {
  float: left;
}
.paginate_button {
  display: inline-block;
  margin-left: 8px;
  padding: 6px 8px;
  color: #333;
  font-size: 14px;
  border: 0;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.paginate_button.current, .paginate_button.current:hover {
  color: #222;
}
.dataTable thead th input[type="text"] {
  padding-left: 10px;
}
.main-content .page-content .panel {
  color: #333;
}
.table th {
  color: #333;
  font-weight: 600 !important;
  text-transform: capitalize;
  white-space: nowrap;
}
.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td {
  white-space: nowrap;
}
.link-btn {
  box-sizing: border-box;
  color: #333;
  display: inline-block;
  margin-right: 4px;
  padding: 3px;
  text-decoration: none;
}
.link-btn i {
  font-size: 14px;
}
.link-btn .fa.fa-inr {
  font-size: 15px;
}
.link-btn:hover, .link-btn:focus {
  text-decoration: none;
}
.dropdown-table {
  display: inline-block;
}
.dropdown-table img {
  display: inline-block;
  margin-top: -2px;
}
.table .dropdown-menu {
  padding-left: 5px !important;
}
.user-image {
  background: #DC6B44;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  margin-right: 15px;
  overflow: hidden;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.user-image.user-picture {
  float: left;
  margin-top: 6px;
  margin-right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.user-image span, .user-image .user-icon {
  color: #FFF;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 auto;
  text-align:center !important;
}
.user-picture .user-icon {
  cursor: pointer;
}
.user-image img {
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  max-width: 35px;
  min-width: 35px;
  max-height: 35px;
  min-height: 35px;
}
.user-image.user-picture img {
  max-width: 36px;
  min-width: 36px;
  max-height: 36px;
  min-height: 36px;
  margin-top: 0 !important;
}
.message-item .user-image {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.message-item .user-image span {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}
.table tr:nth-child(n+0) td .user-image, .dropdown-images ul li:nth-child(n+0) .user-image, .message-item:nth-child(n+0) .media .user-image {
  background:#287f71;
}
.table tr:nth-child(2n+1) td .user-image, .dropdown-images ul li:nth-child(2n+1) .user-image, .message-item:nth-child(2n+1) .media .user-image {
  background: #2786f1;
}
.table tr:nth-child(4n+4) td .user-image, .dropdown-images ul li:nth-child(4n+4) .user-image, .message-item:nth-child(4n+4) .media .user-image {
  background: #f59440;
}
.table tr:nth-child(5n-2) td .user-image, .dropdown-images ul li:nth-child(5n-2) .user-image, .message-item:nth-child(5n-2) .media .user-image {
  background: #ec344c;
}
.table-multiple th, .table-multiple td {
  padding: 0 !important;
  text-align: center;
}
.table-inner {
  width: 100%;
}
.table-inner th, .table-inner td {
  padding: 5px 8px !important;
}
.table-inner th {
  border-top: 1px solid #ddd;
}
.table-inner th, .table-inner td {
  border-left: 1px solid #ddd;
}
.table-inner th:first-child, .table-inner td:first-child {
  border-left: 0;
}
.table-center th, .table-center td {
  text-align: center !important;
}
.table-header td {
  color: #333333;
  font-weight: 600 !important;
  text-transform: capitalize;
}
.table-header td {
  background-color: #f0f4f8;
  border-bottom-width: 2px !important;
}
.btn-explain {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 5px;
  border: 1px solid #ddd;
}
.main-content .page-content .panel .panel-header.panel-no-space {
  padding-bottom: 0;
}
.main-content .page-content .panel .panel-header.panel-no-space h3 {
  margin-bottom: 0;
  text-transform: uppercase;
}
.modal-title h4 {
  text-transform: uppercase;
}
.main-content .page-content .panel-content {
padding: 20px;
}
.profile-view-pic {
  position: relative;
}
.profile-view-pic img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 3px solid #FFF;
}
.datepicker.datepicker-dropdown {
  margin-top: 28px;
}
.tooltip {
  white-space: nowrap;
}
.close {
  opacity: 0.9 !important;
  color: #FFF;
}
td.details-control {
  background: url('../images/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('../images/details_close.png') no-repeat center center;
}
.expanded-table {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  padding: 10px !important;
}
.expanded-table td {
  padding: 5px;
}
.tab-content {
  padding: 10px 0;
}
.table {
  width: 100% !important;
  clear: both;
}
.main-content .page-content .panel .tab-content h3 {
  margin-bottom: 12px;
}
.fc-toolbar {
  margin-bottom: 25px;
}
.main-content .page-content .panel {
  -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04); -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04); box-shadow: 0 .125rem .5rem rgba(0,0,0,.04);
}
.form-group label sup {
  color: #fb6060;
  position: relative;
  top: -2px;
  left: 1px;
}
/*--- PANELS AND THEMES START ---*/
body {
  background: #FFF;
}
.page-content {
  background: #f5f5f5 !important;
}
.page-content .panel {
  background: #fff !important;
}
.page-content .panel-white {
  background: #FFF !important;
}
.table {
  margin-bottom: 10px;
}
.table tr:nth-child(2n+1) {
  background: #FFF;
}
.table thead tr {
  background: #f5f5f5 !important;
}
.table-default tr td {
  font-size: 13px !important;
  vertical-align: top !important;
  border-top: 0 solid #dddddd !important;
  border-bottom: 1px solid #dddddd;
}
.table-default tr td:first-child {
  font-weight: 600;
}
.time-table tr {
  background: #FFF;
}
.time-table td:first-child {
  background: #F0F4F8;
  font-weight: 600;
  padding: 8px;
}
.form-control.form-white {
  border: 1px solid #ced4da;
  color:#000;
  background: #FFF !important;
}
.select2-container .select2-choice {
  border: 1px solid #ced4da !important;
}
.nav.nav-tabs > li > a {
  background-color: #f5f5f5;
  color: #5f6060;
}
.nav.nav-tabs > li.active > a, .nav.nav-tabs > li:hover a {
  background-color: #f5f5f5;
  color: #000;
}
table.table-border-none td, table.table-border-none th, table.table-border-none tr {
  border: 0 !important;
  background: none !important;
}
hr {
  border-color: #ddd;
}
.hide-dataTables-length .dataTables_length, .hide-dataTables-filter .dataTables_filter {
  display: none;
}
.btn {
  border: 0 !important;
  z-index: 999;
}
table .btn {
  margin: 0;
}
table.table .table-bdr-top{
  border-top:1px solid #ddd !important;
}
/*--- PANELS AND THEMES END ---*/

.slider-arrows {
  position: absolute;
  top: 45%;
  z-index: 99;
}
.slider-arrows span {
  color: #18A689;
  font-size: 24px;
}
.slider-arrows-left {
  left: 10px;
}
.slider-arrows-right {
  right: 10px;
}
.main-content .page-content .panel .panel-content .nav-tabs .dropdown-menu {
  padding: 5px;
}
.btn-top {
  margin-top: 22px;
}
.btn.btn-icon {
  height: 20px;
  line-height: 20px;
  padding: 0 !important;
  text-align: center;
  width: 30px;
  margin-bottom: 2px;
}
.hide-input {
  left: 0;
  top: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 32px;
  z-index: 2;
  cursor: pointer;
  overflow: hidden;
}
.show-input {
  color: #FFF;
  z-index: 1;
  border: 0;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 32px;
  cursor: pointer;
  text-align: center;
}
.file-up {
  bottom: 3px;
  left: 4px;
  position: absolute;
  width: 97%;
}
.upload-popup {
  color: #FFF !important;
  z-index: 1;
  border: 0;
  background: rgba(0,0,0,0.5);
  width: 49%;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
}
.upload-popup2 {
  left: auto;
  right: 0;
}
.width-auto {
  width: auto !important;
}
.pull-right .btn {
  margin-left: 10px;
}
.main-content .page-content .panel .panel-header-no-space {
  padding: 0;
}
.main-content .page-content .panel .panel-header-no-space h3 {
  margin: 5px 0;
}
.profile-details p {
  font-size: 13px;
  margin-bottom: 2px;
}
.profile-details h4 {
  font-weight: 600;
  margin-bottom: 5px;
}
.sf-viewport fieldset {
  width: 100%;
}
table .row-disabled {
  position: relative;
}
table .row-enabled td {
  background: #d1ede8;
}
table .row-disabled td:before {
  background: rgba(0, 0, 0, 0.02);
  content: "";
  display: block;
  height: 99%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}
.select-class .col-sm-1 {
  width: 11%;
  margin-bottom: 10px;
}
.chk-align {
  margin-top: 30px;
}
.lbl-align {
  margin-top: 22px;
}
.lbl-align-30 {
  margin-top: 30px;
}
table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #888;
  outline-offset: -2px;
  z-index: 2001
}
tr.dt-rowReorder-moving {
  outline: 2px solid #555;
  outline-offset: -2px
}
body.dt-rowReorder-noOverflow {
  overflow-x: hidden
}
table.dataTable td.reorder {
  text-align: center;
  cursor: move
}
.user-lockscreen .user-logout {
  height: 120px;
  line-height: 120px;
  width: 120px !important;
  left: 0;
  top: 0;
  position: absolute !important;
}
.user-lockscreen .user-logout label {
  font-size: 40px;
}
.account #lockscreen-block .form-logout {
  width: 100%;
  padding-left: 140px;
}
.logout-screen {
  margin: 0 auto;
  float: none;
}
.table-head {
  font-size: 15px;
  font-weight: 600;
  height: 42px;
  letter-spacing: 0.6px;
  line-height: 42px;
  padding: 0 15px;
  text-transform: uppercase;
}
.table-head {
  color: #505458;
  background: #f5f5f5;
  border: 1px solid #ddd;
}
.table-head {
  border-bottom: 1px solid #d5d5d5;
}
.ticket-details {
  list-style: none;
  padding-bottom: 0;
  padding-left: 5px;
  padding-top: 1px;
}
.ticket-details li {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.ticket-details h5 {
  font-weight: 600;
  margin: 5px 0 3px;
  font-size: 14px;
}
.ticket-details span {
  padding-left: 3px;
  color: #FFF;
}
.subcont {
  background: #f5f5f5;
  padding: 10px;
  border: 1px solid #e7e7e7;
}
.note-toolbar {
  background: #ddd;
  z-index: 2;
    position: relative;
}
.note-editor .note-editable {
  background: #ffffff;
  border: 1px solid #ddd;
}
.summernote-2 .note-editor .note-editable {
  height: 180px !important;
}
.jstree-default .jstree-node {
  min-height: 32px;
}
.panel-accordion-edit a {
  padding: 0 !important;
}
.timeframe {
  display: block;
  margin-left: 0;
  padding: 10px 0;
  position: relative;
}
.timeframe-line {
  background: #f1643f;
  height: 100%;
  left: 25px;
  position: absolute;
  top: -10px;
  width: 1px;
}
.timeframe-block {
  background: #FFF;
  border: 1px solid #dddddd;
  margin-bottom: 18px;
  margin-left: 60px;
  margin-top: 10px;
  padding: 0;
  border-radius: 3px;
  position: relative;
}
.timeframe-circle i {
  color: #f1643f;
  font-size: 16px;
  padding: 0 !important;
  line-height: 38px;
}
.timeframe .arrow-left {
  position: absolute;
  top: 0;
  left: -48px;
  background: url(../images/arrow-left.png) no-repeat 0 0;
  margin-top: 14px;
      width: 26px;
    height: 26px;
}
.timeframe-circle {
  background: #ffffff;
  border: 1px solid #f1643f;
  height: 40px;
  left: -55px;
  position: absolute;
  text-align: center;
  top: 6px;
  width: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.timeframe-circle span {
  color: #f1643f;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}
.timeframe-status {
  border-bottom: 0 solid #ccc;
  padding: 10px 15px;
  padding-bottom: 5px;
}
.timeframe-status strong {
  font-size: 16px;
  padding-bottom: 0;
}
.timeframe-info {
  padding: 0 15px;
  padding-bottom: 10px;
}
.timeframe-date {
  background: #ececec;
  border-top: 1px solid #FFF;
  padding: 10px 15px;
}
.timeframe-line-center {
  left: 50%;
  top: 0;
  margin-left: -2px;
}
.timeframe-block-left, .timeframe-block-right {
  background: none;
  float: left;
  width: 50%;
  position: relative;
}
.timeframe-block.timeframe-block-right {
  float: right;
}
.timeframe-block-left {
  margin-top: 4.2em;
  margin-bottom: 0;
}
.timeframe-main {
  margin-bottom: 40px;
}
.timeframe-sec {
  background: #FFF;
  border: 1px solid #dddddd;
  position: relative;
  border-radius: 3px;
}
.timeframe-block-left .timeframe-sec {
  margin-right: 40px;
  margin-left: 20px;
}
.timeframe-block-right .timeframe-sec {
  margin-left: 40px;
  margin-right: 20px;
}
.timeframe-block-left .timeframe-content, .timeframe-block-right .timeframe-content {
  position: relative;
}
.timeframe-block-left .arrow-left {
  position: absolute;
  left: auto;
  right: -9px;
  background: url(../images/arrow-right.png) no-repeat 0 0;
  margin-top: 14px;
  width: 9px;
  height: 18px;
}
.timeframe-center:before {
  background: #f1643f;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 2px;
  left: 50%;
  margin-left: -2px
}
.timeframe-center .timeframe-circle {
  backface-visibility: hidden;
  left: 100%;
  margin-left: -20px;
  text-align: center;
}
.timeframe-block-right .timeframe-circle {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -20px;
}
.timeframe-main.background-white .timeframe-block-left .timeframe-content, .timeframe-main.background-white .timeframe-block-right .timeframe-content {
  background: #FFF;
}
.timeframe-main.background-white .timeframe-date {
  background: #ddd;
}
.bootbox .modal-dialog {
  max-width: 500px;
  width: auto;
}
.bootbox .modal-title {
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
}
.bootbox .modal-header {
  padding-bottom: 5px;
}
.bootbox .modal-footer {
  padding-top: 5px;
}
.button-align-2 .dataTables_filter {
  margin-right: 112px;
}
.button-align-drop .dataTables_filter {
  margin-right: 160px;
}
.text-white {
  color: #FFF !important;
}
.bg-danger {
  background-color: #f2dede !important;
}
.add-on {
  left: 0;
  position: absolute;
  top: 34px;
}
.text-left {
  text-align: left !important;
}
.page-links td a {
  color: #5d38f0;
}
.show-division, .link-anchor {
  cursor: pointer;
  color: #3b7dce !important;
}
.underline {
  text-decoration: underline;
}
.border-left-div {
  border-left: 2px solid #ddd;
}
.border-top-2 {
  border-top: 2px solid #ddd;
}
.border-top-3 {
  border-top: 3px solid #ddd;
}
.small, small {
  font-size: 75%;
}
.page-app .badge-header {
  font-size: 12px;
  padding: 2px 5px;
  position: relative;
  right: -1px;
  top: -8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.common-bg, .common-bg-white {
  border: 1px solid #e7e7e7;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 20px;
}
.common-bg-white {
  background: #FFF;
}
.mailbox .media-, .mailbox .media-body {
  overflow: inherit;
}
.sender span.mail-count {
  text-align: center;
  margin-left: 3px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 100%;
  color: #FFF;
  font-weight: 900;
  display: inline-block;
  font-size: 13px;
}
.fa {
  line-height: inherit;
}
.form-control {
  font-size: 15px;
  padding: 15px 15px;
  border-radius: 5px;
}
input.btn {
  margin-bottom: 10px !important;
}
.modal h2 {
  font-size: 18px;
}
.modal-header {
  padding: 10px 15px;
}
.modal-dialog {
  margin-top: 8%;
  z-index: 10000;
}
.iradio_square-aero {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover, a.dt-button:hover i, a.dt-button:hover span {
  color: #ffffff !important;
  text-decoration: none;
}
.dropdown-table .dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .3em;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn + .dropdown-toggle-split {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group-vertical > .btn, .btn-group > .btn {
  float: left;
  margin-bottom: 0;
  position: relative;
}
.btn-secondary {
  background-color: #FFF;
  border: 1px solid #cccccc !important;
  color: #333;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #333 !important;
}
.button-align-drop .btn.btn-size {
  min-width: 125px;
}
.list-group-item {
  margin-bottom: -1px;
  padding: 5px 10px;
}
.quickview li, .quickview p {
  list-style: none;
  font-size: 12px;
  line-height: 18px;
}
.quickview li {
  margin-bottom: 5px;
}
.quickview li .user-msg strong {
  display: inline-block;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
  color: #111;
}
.dropdown-images ul li:nth-child(n+0) .user-msg label {
  color: #dc6b44;
}
.dropdown-images ul li:nth-child(2n+1) .user-msg label {
  color: #dab927;
}
.dropdown-images ul li:nth-child(4n+4) .user-msg label {
  color: #2d9bd2;
}
.dropdown-images ul li:nth-child(5n-2) .user-msg label {
  color: #a222d1;
}
.user-msg label {
  font-weight: 600;
  display: inline;
}
.dropdown-images .user-image.user-picture {
  margin-top: 2px;
}
.quickview .notes p {
  font-size: 14px;
}
.notify-list .alert {
  padding: 0;
}
.notify-list .alert a {
  font-weight: normal;
}
.user-msg {
  float: left;
  margin-left: 8px;
  width: 240px;
}
.notify-list li {
  position: relative;
}
.notify-list li a {
  padding: 3px 18px;
  display: block;
  overflow: hidden;
}
.notify-list li a:hover {
  background: #f5f5f5;
}
.notify-list li .close {
  color: #333333;
  float: right;
  font-size: 16px;
  position: absolute;
  right: 5px;
  top: 3px;
}
.quickview-header small {
  display: block;
}
.quickview-header .nav.nav-tabs > li > a i {
  padding: 5px 0;
  font-size: 18px;
}
.close.quickview-close {
  color: #333;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
  font-size: 20px;
}
#quickview-toggle > a {
  padding-right: 3px;
}
.modal-full {
  max-width: 100%;
}
.modal-header-border {
  border-bottom: 2px solid #ddd;
}
.menu-settings .title {
  border-bottom: 1px solid #efefef;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-top: 15px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.menu-settings .title strong {
  font-family: 'Open Sans', sans-serif;
  font-weight: 900;
}
.menu-settings li {
  list-style: none;
}
.menu-settings li a {
  color: #656565;
}
.menu-settings .withdesc a:after {
  color: #CFCFCF;
  content: attr(data-description);
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 0;
  margin: 10px 0 15px;
  text-transform: uppercase;
}
.icon-spin {
  -webkit-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  transform: rotateZ(0deg)
}
.icon-spin:hover {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  transform: rotateZ(90deg)
}
.icon-shake:hover {
  -webkit-animation: swing 1s;
  -moz-animation: swing 1s;
  animation: swing 1s;
}
.icon-pulse:hover {
  -webkit-animation: pulse 1s;
  -moz-animation: pulse 1s;
  animation: pulse 1s;
}
.icon-rubber-band:hover {
  -webkit-animation: rubberBand 1s;
  -moz-animation: rubberBand 1s;
  animation: rubberBand 1s;
}
.notify-header {
  padding: 6px 5px;
  text-align: center;
  font-size: 18px;
  color: #333;
  height: 40px;
  border-bottom: 1px solid #ddd;
  font-family: 'Open Sans', sans-serif;
}
/* =================================================================
TRANSPARENT AND FULL WIDTH AND HEIGHT MODAL POPUP STYLES
================================================================ */

/* .modal-transparent */

.modal-transparent {
  background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);
}
/* .modal-fullscreen */

.modal-fullscreen {
  background: #fff;
  top: 140px;
}
.modal-open .modal-fullscreen {
  z-index: 99;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal-fullscreen .modal-dialog {
  margin: 5px 0;
  margin-right: auto;
  margin-left: auto;
  max-width: 90%;
}
.close-2 {
  color: #333333;
  font-size: 20px;
  padding: 15px;
  outline: none;
  border: 0;
}
.search-new {
  display: block !important;
  margin: 0 auto 20px !important;
  width: 45% !important;
  border-bottom: 1px solid #ddd;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.search-new h3 {
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 6px;
  position: relative;
  top: -2px;
}
.search-new input {
  border: 0;
  background: 0;
  float: left;
  margin: 0;
  color: #555;
  padding: 0 10px;
  outline: none;
  width: 75%;
  position: relative;
}
.search-new-btn {
  float: right;
}
.menu-items {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.menu-item-list {
  float: left;
  margin: 0 auto;
  max-width: 230px;
}
.menu-item-list h4 {
  cursor: pointer;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: bold;
  color: #f1643f
}
.menu-item-list h4 span {
  border-bottom: 2px solid #f1643f;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 30px;
}
.menu-item-list li {
  display: block;
  list-style: none;
  line-height: 22px;
}
.menu-item-list li a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 3px 0;
  margin-bottom: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
}
.menu-item-list li a:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 2px;
  bottom: 0;
  left: 22px;
  background-color: #f1643f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.menu-item-list li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
.menu-item-list li a:hover, .menu-item-list li a:hover span, .menu-item-list li a:hover i {
  color: #f1643f;
}
.menu-item-list li.active a span, .menu-item-list li.active a i{
  color: #f1643f;
}
.menu-item-list li a i, .menu-item-list li a span {
  display: inline-block;
  color: #555;
}
.menu-item-list li a span {
  padding-left: 10px;
}
.menu-item-list li small {
  display: block;
  line-height: 16px;
  margin-left: 24px;
}
.plus-icon {
  font-size: 19px;
  font-weight: 600;
  color: #555;
}
.topbar .header-right .header-menu .dropdown-menu-large {
  height: auto;
  width: 480px;
  padding: 10px;
  padding-top: 0;
  right: -10px;
}
.dropdown-menu-large a {
  text-align: center;
  display: block;
  margin:25px 0 15px;
}
.dropdown-menu-large .menu-user {
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  font-size: 40px;
  line-height: 40px;
  height: 50px;
  color: #888 !important;
  display: block;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.dropdown-menu-large h5 {
  font-size: 16px;
  color: #555;
  margin: 0;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  transition: all ease 0.2s;
}
.dropdown-menu-large a:hover .menu-user {
  transform: scale(1.2);
  color: #f1643f;
}
.dropdown-menu-large a:hover h5 {
  color: #f1643f;
}
/* =================================================================
DASHBOARD PAGE STYLES
================================================================ */
.dashboard hr {
  margin-top: 10px;
}
.box-widget, .widget-circle {
  background: #FFF;
  border-radius: 5px;
  padding: 10px 15px;
  overflow: hidden;
  position: relative;
  min-height: 110px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04); -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04); box-shadow: 0 .125rem .5rem rgba(0,0,0,.04);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget-title h2 {
  font-weight: 600;
  color: #333;
  font-size: 15px;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #ddd;
  display: inline-block;
}
.widget-title i {
  font-size: 20px;
  color: #777;
  padding-left: 5px;
}
.widget-count {
  margin: 3px 0 0;
}
.widget-count p {
  color: #555555;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.widget-count h2 {
  font-weight: 600;
  color: #555;
  font-size: 24px;
  margin: 0;
  padding: 0;
  min-width: 70px;
  padding-right: 20px;
}
.widget-count i {
  font-size: 12px;
  padding-left: 2px;
}
.widget-total h2 {
  min-width: inherit;
}
.widget-icon {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  height: 120px;
  line-height: 120px;
  position: absolute;
  top: -60px;
  right: -60px;
  width: 120px;
  z-index: 8;
  background: red;
}
.widget-icon i {
  color: #ffffff;
  font-size: 21px;
  left: 27px;
  position: absolute;
  top: 72px;
  line-height: 22px;
}
.bg-widget-1 .widget-icon, .bg-widget-4 .widget-icon {
  background: #8b8476;
}
.bg-widget-1 .widget-total h2, .bg-widget-1 .widget-total p {
  color: #fe8fce;
}
.bg-widget-2 .widget-icon {
  background: #7d8bd8;
}
.bg-widget-2 .widget-total h2, .bg-widget-2 .widget-total p {
  color: #7d8bd8;
}
.bg-widget-3 .widget-icon {
  background: #35b8e0;
}
.bg-widget-3 .widget-total h2, .bg-widget-3 .widget-total p {
  color: #35b8e0;
}
 
.bg-widget-4 .widget-total h2, .bg-widget-4 .widget-total p {
  color: #43a461;
}
.bg-widget-5 .widget-icon {
  background: #9e9e9e;
}
.bg-widget-5 .widget-total h2, .bg-widget-5 .widget-total p {
  color: #888686;
}
.bg-widget-6 .widget-icon {
  background: #c0ca33;
}
.bg-widget-6 .widget-total h2, .bg-widget-6 .widget-total p {
  color: #9da619;
}
.bg-widget-7 .widget-icon {
  background: #a1887f;
}
.bg-widget-7 .widget-total h2, .bg-widget-7 .widget-total p {
  color: #a1887f;
}
.bg-widget-8 .widget-icon {
  background: #FF7043;
}
.bg-widget-8 .widget-total h2, .bg-widget-8 .widget-total p {
  color: #FF7043;
}
.bg-widget-9 .widget-icon {
  background: #d97183;
}
.bg-widget-9 .widget-total h2, .bg-widget-9 .widget-total p {
  color: #d97183;
}
.bg-widget-10 .widget-icon {
  background: #5f61c5;
}
.bg-widget-10 .widget-total h2, .bg-widget-10 .widget-total p {
  color: #5f61c5;
}
.widget-circle {
  background-color: #fff;
}
.widget-circle h3 {
  padding: 0;
  margin: 0 !important;
}
.widget-circle h3 strong {
  color: #666;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
.widget-circle h4 {
  border-bottom: 1px solid #dddddd;
  color: #777777;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
  padding: 0 0 5px;
}
.widget-circle h4 i {
  font-size: 20px;
  padding-left: 5px;
}
.widget-circle .text-right {
  text-align: right;
}
.widget-circle .text-right span {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  text-align: right;
}
.widget-circle span.due {
  color: #c75757;
}
.widget-circle .bg-icon {
  background-clip: padding-box;
  border-radius: 50%;
  height: 72px;
  text-align: center;
  width: 72px;
  float: left;
  margin: 10px 0 0;
}
.widget-circle .bg-icon i {
  font-size: 30px;
  line-height: 72px;
}
.widget-circle .bg-icon i.fa-inr {
  color: #4fc9da;
}
.widget-circle .bg-icon i.ti-truck {
  line-height: 60px;
}
/*--*/
.widget-circle .bg-icon-blue {
  background-color: rgba(52, 211, 235, 0.2);
  border: 1px solid #34d3eb;
}
.bg-icon-blue i, .text-blue h4 {
  color: #29bdd3;
}
/*--*/
.widget-circle .bg-icon-pink {
  background-color: rgba(180, 110, 191, 0.2);
  border: 1px solid #b46ebf;
}
.bg-icon-pink i, .text-pink h4 {
  color: #b46ebf;
}
/*--*/
.widget-circle .bg-icon-yellow {
  background-color: rgba(180, 168, 66, 0.2);
  border: 1px solid #b4a842;
}
.bg-icon-yellow i, .text-yellow h4 {
  color: #b4a842;
}
/*--*/
.widget-circle .bg-icon-green {
  background-color: rgba(91, 174, 96, 0.2);
  border: 1px solid #5bae60;
}
.bg-icon-green i, .text-green h4 {
  color: #5bae60;
}
.list-block li {
  list-style: none;
  display: block;
}
.panel-dashboard h3 {
  border-bottom: 1px solid #dddddd;
  color: #666;
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 5px !important;
  padding-bottom: 10px;
  text-transform: capitalize !important;
}
.todo-list li .todo-task {
  font-size: 14px;
  font-weight: 600;
}
.todo-list li .todo-date {
  color: #888;
}
.c-gray {
  color: #888;
}
.c-dark {
  font-weight: 600;
  margin: 5px 0;
  font-size: 14px;
}
.widget-news .message-item {
  padding: 6px 10px 0;
}
.head-branch .form-control {
  max-width: 210px;
  min-width: 210px;
}
.text-underline {
  text-decoration: underline;
}
.topbar .header-right .header-menu #user-header .dropdown-menu li a i {
  top: 20px;
}
.topbar .header-right .header-menu .dropdown-menu.bg-arrow:after {
  border-bottom: 10px solid #f5f5f5;
}
.topbar .header-right .header-menu #user-header .dropdown-menu {
  width: 325px !important;
}
.drip-down-menu-top {
  background: #f5f5f5;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #ddd;
  padding: 15px;
  padding-bottom: 5px;
}
.dropdown-menu .user-name {
  text-align: left;
  display: block;
  color: #444;
  padding-left: 15px;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}
.dropdown-menu .user-name h4 {
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 17px;
}
.dropdown-menu .user-name p {
  margin: 0;
  padding-bottom: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  line-height: 20px;
}
.dropdown-menu .user-image.user-picture {
  float: left;
  height: 60px;
  line-height: 60px;
  margin-right: 0;
  margin-top: 0;
  width: 60px;
  background: #FFF;
}
.dropdown-menu .user-image.user-picture img {
  margin-top: 0;
  max-height: 60px;
  max-width: 60px;
  min-height: 60px;
  min-width: 60px;
  padding: 1px;
}
.dropdown-menu .user-image .user-icon {
  font-size: 32px;
}
.topbar .header-right .header-menu .dropdown-menu li {
  border-top: 1px solid #ddd;
}
.topbar .header-right .header-menu #user-header .dropdown-menu li a {
  padding: 15px 14px;
}
.editable-container.editable-inline {
  width: 70%;
}
.summernote-white .note-toolbar {
  background: #FFF;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.form-control2 {
  background-color: #FFF;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #555555;
  cursor: text;
  display: inline-block;
  line-height: 22px;
  padding: 6px;
  vertical-align: middle;
  width: 100%;
}
.label-bordered, .new-tags .bootstrap-tagsinput .tag.label {
  background: #f5f5f5 !important;
  border: 1px solid #ddd;
  color: #444;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 12px;
}
.label-bordered a {
  padding-left: 2px;
}
.bootstrap-tagsinput {
  margin-bottom: 0;
  padding: 6px;
  background-color: #FFF;
  border: 1px solid #ccc !important;
  border-radius: 2px;
}
.form-white ~ .bootstrap-tagsinput {
  background-color: #ffffff !important;
  border: 1px solid #ccc !important;
}
.new-tags .bootstrap-tagsinput input {
  width: auto !important;
}
.topnav h4 {
  color: #f1643f;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 6px;
  position: relative;
}
.topnav h4 span {
  border-bottom: 2px solid #f1643f;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 30px;
}
.topbar .topnav .mmenu .dropdown-menu a {
  color: #000000;
      font-size: 16px;
}
.topbar .topnav .dropdown-menu li a:hover {
  color: #f1643f;
}
.topbar .topnav .mmenu .dropdown-menu li a:hover i /*.topbar .topnav .mmenu .mmenu-content.withdesc li:hover a:after*/ {
  color: #333;
}
.topbar .topnav > ul > li .dropdown-menu i {
  color: #444;
  display: inline-block;
  position: relative;
  text-align: center;
  top: 1px;
  width: 16px;
  font-size: 18px;
}
.topbar .topnav > ul > li .dropdown-menu i.fa {
  color: #777;
}
.topbar .topnav .mmenu .mmenu-content.withdesc a:after {
  text-transform: capitalize;
  margin: 7px 0 20px 20px;
  color: #000000;
}
.dropdown-menu.mmenu-content {
  padding: 0 !important;
}
.topbar .topnav .mmenu .dropdown-menu.mmenu-content.withdesc.no-icon a:after {
  margin: 7px 0 10px 15px;
}
.dropdown-menu.mmenu-content li:hover a:after {
  color: #FFF !important;
}
.topbar .topnav hr {
  margin: 15px 0;
}
.topbar .topnav .mmenu p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.topbar .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu {
  left: 1.4% !important;
  right: 0 !important;
  box-shadow: none;
}
.topbar .topnav .mmenu .dropdown.mmenu-fw .dropdown-menu.fullscreen {
  left: 0 !important;
  right: 0 !important;
}
.topbar .topnav .mmenu .dropdown-menu {
  border: 1px solid #ddd;
  background: #FFF;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2) !important;
}
.topbar .topnav .mmenu .half {
  float: none;
  left: auto !important;
  max-width: 1030px;
  right: auto !important;
  text-align: left;
  width: auto;
}
.dropdown-menu .icon-none i {
  display: none !important;
}
.topbar .topnav .mmenu .dropdown-menu .withoutdesc ul li {
  padding: 5px 0;
}
.topbar .topnav .mmenu .dropdown-menu .withoutdesc ul li:hover {
  background: none !important;
}
.nav-sidebar .collapse h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 10px 0 1px;
  padding: 0 0 0 25px;
}
.nav-sidebar .collapse {
  background: #f3f3f3;
  visibility: visible;
}
.nav-sidebar .collapse h4 {
  display: none;
}
.nav-parent.active .collapse h4 {
  display: block;
}
.theme-sdtl.color-green .sidebar .sidebar-inner .nav-sidebar .collapse.children:after {
  border-left: 0 solid #d4d4d4;
}
.hideScroll {
  overflow: hidden;
}
/* =================================================================
TICKETING PAGE STYLES
================================================================ */
.main-widget-ticket .info-tile .tile-body h1 {
  font-size: 45px;
  font-weight: 600 !important;
}
.main-widget-ticket .bg-pink {
  background-color: #ff8acc !important;
}
.main-widget-ticket .bg-orange {
  background-color: #ec8918 !important;
}
.main-widget-ticket .bg-green {
  background-color: #35ba9f !important;
}
.main-widget-ticket .bg-blue {
  background-color: #35b8e0 !important;
}
.widget-news .c-dark {
  margin: 2px 0;
}
.media-body p {
  height: 25px;
}
.widget-box .message-item {
  padding: 6px 22px 0;
}
.col-new {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.col-new:hover {
  -webkit-box-shadow: 0 10px 6px -8px #aaa;
  -moz-box-shadow: 0 10px 6px -8px #aaa;
  box-shadow: 0 10px 10px -8px #aaa;
  margin-top: -5px;
  border-bottom: 1px solid #FFF;
}
.col-new {
  background: #f9f9f9;
  border: 1px solid #ddd;
  display: block;
  padding: 12px 20px;
}
.col-new h2 {
  font-size: 60px !important;
  font-weight: 400;
}
.col-new i {
  font-size: 35px;
  color: #777;
}
.col-new .progress {
  background: #e0e0e0;
  border-radius: 0;
  height: 4px;
  margin: 0;
}
.col-box-1 h2 {
  color: #ff8acc;
}
.col-box-1 .progress-bar {
  background: #ff8acc;
}
.col-box-2 h2 {
  color: #35ba9f;
}
.col-box-2 .progress-bar {
  background: #35ba9f;
}
.col-box-3 h2 {
  color: #ec8918;
}
.col-box-3 .progress-bar {
  background: #ec8918;
}
.col-box-4 h2 {
  color: #35b8e0;
}
.col-box-4 .progress-bar {
  background: #35b8e0;
}
.close-div .close-btn {
  opacity: 0.3;
  font-size: 12px
}
.close-div:hover .close-btn {
  opacity: 1
}
.main-content .page-content .panel .panel-header {
  padding: 5px 15px;
}
.alert-info {
  background-color: #d5e5eb !important;
}
.alert-danger2 {
  background: #ffe2e2 !important;
}
.note-save {
  color: #424242;
  cursor: pointer;
  font-size: 16px;
  right: 20px;
  position: absolute;
  top: 22px;
}
/*=====================================================
MAIL BOX STYLES START
====================================================*/
.mail-page li {
  list-style: none;
}
.mail-nav {
  float: left;
  padding: 0 15px;
  width: 22%;
}
.mail-content {
  margin: 0;
  padding: 0 15px;
  float: left;
  width: 78%;
}
.mail-nav ul, .mail-toolbar, .mail-list {
  list-style: none;
  padding: 0;
}
.mail-nav ul li {
  padding: 5px;
  padding-bottom: 6px;
  color: #888;
}
.mail-nav ul li.active a, .mail-nav ul li.active a label {
  color: #222;
}
.mail-nav ul li a {
  display: block;
  color: #55626d;
}
.mail-nav label, .mail-toolbar label {
  cursor: pointer;
}
.mail-nav ul li > a:hover {
  color: #31393f;
}
.mail-nav ul a [class*="icon-"], .mail-nav ul a [class*="ti-"] {
  margin-right: 5px;
  width: 20px;
  display: inline-block;
  text-align: left;
  font-size: 16px;
}
.mail-nav ul a i {
  position: relative;
  top: 2px;
}
.mail-page a [class*="mail-flag-"] {
  margin-right: 9px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
}
.mail-toolbar {
  border-bottom: 2px solid #ddd;
  margin-bottom: 1px;
  padding: 10px;
  padding-top: 0;
}
.mail-pagination span {
  font-size: 12px;
  margin-right: 10px;
}
.mail-toolbar li {
  display: inline-block;
  padding-right: 25px;
}
.mail-toolbar .dropdown-menu li {
  display: block;
}
.mail-toolbar .dropdown-menu li a:hover {
  background-color: #eee;
}
.mail-toolbar > li > a {
  color: #555;
  font-size: 13px;
}

.mail-toolbar > li > .btn-group > a > .caret {
  border-top-color: #444;
}
.mail-toolbar > li > a:hover, .mail-toolbar > li > .btn-group > a:hover, .mail-toolbar > li > .btn-group.open > a {
  color: #428bca;
}
.mail-toolbar > li > .btn-group > a:hover > .caret, .mail-toolbar > li > .btn-group.open > a > .caret {
  border-top-color: #428bca;
}
.mail-toolbar a > i {
  font-size: 14px;
  margin-right: 0;
}
.mail-toolbar > li > .btn-group {
  vertical-align: baseline;
}
.mail-toolbar > .mail-pagination {
  float: right;
  padding-right: 0;
  color: #bbb;
  font-style: italic;
}
.mail-toolbar > .mail-pagination [class*="icon-"] {
  font-size: 14px;
}
.mail-list > li {
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
  padding: 6px 10px 1px;
  position: relative;
  width: 100%;
}
.mail-list > li > [class*="mail-flag-"] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
}
.mail-list > li > .ml-left {
  left: 10px;
  position: absolute;
  top: 7px;
  width: 60px;
}
.mail-list > li > .ml-left i {
  position: relative;
  top: -1px;
}
.mail-list > li > .ml-left > input {
  margin-right: 10px;
}
.mail-list > li > .ml-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  line-height: 35px;
  text-align: right;
  padding-right: 10px;
}
.mail-list > li:hover, .mail-list > li:hover > .ml-right, .mail-list > li.checked, .mail-list > li.checked > .ml-right {
  background-color: #f8f8f8;
}
.mail-list > li > .ml-center {
  color: #444;
  /*display: block;*/
  line-height: inherit;
  margin-left: 60px;
  margin-top: 0;
  white-space: nowrap;
}
.mail-list > li > .ml-center.unread, .mail-list > li > .ml-right.unread {
  font-weight: bold;
}
.mail-list .mail-sender {
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.mailer-name {
  display: inline-block;
  width:17%;
}
.mail-count {
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 1%;
}
.mail-subject {
  display: inline-block;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 35%;
  margin-left: 3%;
  margin-right: 2%;
}
.manage_notifications .mailer-name {
  width: 15%;
  }
.manage_notifications .mail-subject {
  width: 50%;
  }
.email-subject h1 {
  font-size: 25px;
  line-height: 32px;
}
.email-content p {
  font-size: 14px;
  line-height: 22px;
}
.mail-compose {
  background-color: #fff;
  padding: 20px;
}
.mail-compose .wysihtml5-toolbar {
  height: 42px;
}
.mail-page [class*="icon-star"], .mail-page [class*="ti-star"] {
  font-size: 15px;
  vertical-align: text-top;
  color: #ddd;
}
.mail-page [class*="icon-star"].starred, .mail-page [class*="ti-star"].starred {
  color: #ffab00;
  vertical-align: inherit !important;
}
.mail-msg-subject {
  background-color: #fff;
  padding: 10px;
  font-size: 16px;
}
.mail-msg-subject [class*="icon-star"], .mail-msg-subject [class*="ti-star"] {
  vertical-align: top;
  margin-right: 15px;
}
.mail-content .icheckbox_minimal-grey {
  display: inline-block;
}
.mail-page .btn.btn-sm {
  padding: 5px 8px !important;
  margin: 0 !important;
}
.mail-messages {
  list-style: none;
  padding-left: 0;
}
.mail-messages > li {
  margin-top: 5px;
  background-color: #fff;
  padding: 0 10px;
}
.mail-msg-header {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.mail-msg-header > img {
  border-radius: 100%;
  max-width: 40px;
  max-height: 40px;
  vertical-align: top;
}
.mail-msg-header .msg-collapse {
  float: right;
  margin-left: 15px;
  line-height: 40px;
}
.mail-msg-header .msg-collapse a > [class*="icon-"] {
  font-size: 20px;
  display: inline-block;
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mail-msg-header .msg-collapse a:hover > [class*="icon-"] {
  color: #666;
}
.mail-msg-header .msg-sender-recver {
  margin-left: 10px;
  display: inline-block;
}
.mail-msg-header .msg-options {
  display: inline-block;
  float: right;
  text-align: right;
  margin-top: 0;
}
.mail-msg-header .msg-options a {
  color: #777;
  padding-left: 10px;
  font-size: 16px;
  text-align: right;
}
.mail-msg-header .msg-options a > [class*="icon-"] {
  vertical-align: baseline;
}
.mail-msg-content {
  padding: 20px 0;
}
.mail-msg-footer {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.mail-attachments {
  list-style: none;
  padding-left: 20px;
}
.mail-attachments > li {
  padding: 5px 0;
}
.mail-attachments .atch-option {
  float: right;
}
.mail-attachments .atch-option a {
  margin-left: 15px;
}
.mail-attachments .atch-option-iconic {
  float: left;
}
.mail-attachments .atch-option-iconic a {
  margin-right: 10px;
  font-size: 15px;
  color: #999;
}
.mail-attachments .atch-option-iconic a:hover {
  color: #444;
}
.mail-messages > li.msg-reply {
  padding: 20px 15px;
}
.mail-page .dropdown-menu > li:hover {
  background-color: #eee;
}
.mail-flag-blue {
  background-color: #00bfdd;
}
.mail-flag-green {
  background-color: #8dca35;
}
.mail-flag-red {
  background-color: #fa5a35;
}
.mail-flag-orange {
  background-color: #ffab00;
}
.mail-flag-yellow {
  background-color: #fafd1d;
}
.mail-flag-lime {
  background-color: #abfd1d;
}
.mail-flag-pink {
  background-color: #fd1dc6;
}
.mail-flag-magenta {
  background-color: #a61dfd;
}
.mail-flag-gray {
  background-color: #ccc;
}
.mail-flag-black {
  background-color: #444;
}
/*=====================================================
MAIL BOX STYLES END
====================================================*/
.panel-data {
  border: 0 !important;
  margin-bottom: 0 !important;
}
.panel-data .panel-body {
  padding: 15px 0 0;
}
.panel-data li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 20px;
  width: 10%;
}
.panel-data li a {
  display: inline-block;
}
.master-icon {
  background: #dc6b44;
  border-radius: 100%;
  display: inline-block;
  height: 55px;
  line-height: 52px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 55px;
  color: #FFF;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
  cursor: pointer;
}
.panel-data:first-child .master-icon {
  background: #DAB927;
}
.panel-data:nth-child(n+0) .master-icon {
  background: #dc6b44;
}
.panel-data:nth-child(2n+1) .master-icon {
  background: #dab927;
}
.panel-data:nth-child(4n+4) .master-icon {
  background: #2d9bd2;
}
.panel-data:nth-child(5n-2) .master-icon {
  background: #b24ad8;
}
.panel-data li a:hover .master-icon {
  transform: scale(1.12, 1.12);
}
.master-icon .user-icon {
  color: #fff;
  font-size: 24px;
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.panel-data p {
  padding: 3px 0;
  text-align: center;
}
.panel-data .panel-heading, .panel-data .panel-heading-white {
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0;
}
.panel-reports {
  margin-bottom: 10px;
}
.panel-reports h4 {
  margin: 0;
  padding: 6px 0;
  color: #111;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
}
.reports-inline {
  margin: 15px 0 0;
}
.reports-inline li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  width: 19%;
  margin-bottom: 10px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.inline-auto li {
  width: auto;
}
.onoffswitch .onoffswitch-switch {
  width: 65px;
}
.onoffswitch .onoffswitch-inactive .onoffswitch-switch:before {
  right: 65px;
}
.onoffswitch .onoffswitch-active .onoffswitch-switch:before {
  left: 65px;
}
.onoffswitch {
  width: 150px;
}


/*-- START SUPPORT WINDOW --*/
.support-window {
  bottom: 0;
  padding: 15px 15px;
  position: fixed;
  right: 0;
  white-space: nowrap;
  z-index: 21;
}
.button-default {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  cursor: pointer;
  outline: medium none;
  padding: 0;
}
.button-default i {
  color: #FFF;
  text-align: center;
}
.button-support1 {
  background: #4d5cb2;
  height: 54px;
  position: relative;
  width: 54px;
  text-align: center;
  display: block;
  line-height:54px;
}
.button-support1 img{
  max-width:40px;
  margin:0 auto;
}
.button-support1 i {
  line-height: 54px;
  font-size: 22px;
}
.i-show {
  display: block;
}
.i-hide {
  display: none;
}
.button-support2 {
  height: 40px;
  margin: 10px 7px;
  width: 40px;
  text-align: center;
  opacity: 0;
  display: none !important;
  -webkit-transform: scale(0.4) rotate(360deg);
  -moz-transform: scale(0.4) rotate(360deg);
  -o-transform: scale(0.4) rotate(360deg);
  transform: scale(0.4) rotate(360deg);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.button-support2 i {
  line-height: 40px;
  font-size: 18px;
}
.button-support:hover .button-support2 {
  opacity: 1;
  -webkit-transform: scale(1) rotate(360deg);
  -moz-transform: scale(1) rotate(360deg);
  -o-transform: scale(1) rotate(360deg);
  transform: scale(1) rotate(360deg);
  display: block !important;
}
.button-support:hover .i-show {
  display: none;
}
.button-support:hover .i-hide {
  display: block;
}
.button-chat {
  background: #c64890;
}
.button-contact {
  background: #349eea;
}
a.button-goto {
  background: #444;
  right: auto;
  bottom: auto;
}
a.button-support3 {
    height: 40px;
    margin: 0;
    width: 40px;
    text-align: center;
    line-height: 40px;
    position: fixed;
    right: 90px;
    bottom: 20px;
  display:none;
}
a.button-support3 i{
  font-size:18px;
}
  
.get-touch {
  padding-left: 15px;
}
.get-touch h4, .get-touch h4 i {
  color: #D23F31;
}
.get-touch h4, .get-touch p {
  position: relative;
  margin-left: 20px;
}
.get-touch i {
  left: -25px;
  position: absolute;
  top: 5px;
}
.get-touch i.fa {
  top: 0;
}
.get-touch h4 i {
  top: 2px;
}
.get-address {
  border-left: 1px solid #ddd;
  min-height: 225px;
  padding-left: 50px;
}
.zsiq_theme1.zsiq_floatmain {
  bottom: 15px !important;
  max-height: 60px !important;
  position: fixed !important;
  right: 75px !important;
  width: 60px !important;
}
.zsiq_theme1 .zsiq_flt_rel {
  background-color: #e35468 !important;
  border-radius: 100% !important;
  font-size: 14px;
  height: 54px !important;
  line-height: 100% !important;
  padding: 0 !important;
  position: relative !important;
  width: 54px !important;
}
.zsiq_theme1 .sqico-chat:before {
  font-size: 24px !important;
  line-height: 55px !important;
}
.zsiq_floatmain.zsiq_theme1.siq_bR {
  z-index: 11 !important;
}
/*-- END SUPPORT WINDOW --*/
.bdr-title {
  position: relative;
  margin-bottom: 15px;
}
.bdr-title span {
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 22px;
  height: 2px;
  background: #D23F31;
}
.main-content .page-content .header .breadcrumb-wrapper i {
  border-radius: 0;
  font-size: 17px;
  margin-right: 5px;
  opacity: 1;
  padding: 0;
  margin: 0;
  color: #555;
}
.dashboard-settings li {
  list-style: none;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  vertical-align: top;
}
.dashboard-settings li i {
  display: inline-block;
  min-width: 24px;
}
.dashboard-settings span {
  font-size: 13px;
}
.onoffswitch2 {
  float: left;
  margin-right: 10px;
  position: relative;
  width: 90px;
}
.onoffswitch2 .onoffswitch-switch {
  margin: 4px;
  right: 66px;
}
.onoffswitch21 {
  width: 60px;
  float:right;
}
.onoffswitch21 .onoffswitch-switch {
  margin: 4px;
  right: 35px;
}
.onoffswitch22 {
  width: 60px;
}
.onoffswitch22 .onoffswitch-switch {
  margin: 4px;
  right: 35px;
}
.onoffswitch2 .onoffswitch-inner:after, .onoffswitch2 .onoffswitch-inner:before {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  height: 22px;
    line-height: 22px
}
.onoffswitch2 .onoffswitch-inner:after {
  background: #bbb;
}
.onoffswitch2 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 2px;
}
.onoffswitch2 .onoffswitch-inner::before {
  content: "ACTIVE";
}
.onoffswitch2 .onoffswitch-inner::after {
  content: "IN-ACTIVE";
}
.onoffswitch21 .onoffswitch-inner::before {
  content: "ON";
}
.onoffswitch21 .onoffswitch-inner::after {
  content: "OFF";
}
.onoffswitch22 .onoffswitch-inner::before {
  content: "ON";
}
.onoffswitch22 .onoffswitch-inner::after {
  content: "OFF";
}
.table-vertical-align td {
  vertical-align: top !important;
}
.table-white tr {
  background: #FFF;
}
.schedule-row {
  background: #fbfbfb;
}
.schedule-day {
  float: left;
  font-size: 42px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -0.05em;
  margin-right: 10px;
  color: #999;
}
.schedule-week {
  display: block;
  font-size: 16px;
  font-style: normal;
  margin: 4px 0 0;
  color: #999;
}
.schedule-date {
  color: #999;
  font-size: 13px;
}
.modal-desc p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}
.event-months {
  padding-bottom: 5px;
}
.event-months h4 {
  color: #2a89cd;
  font-size: 20px;
  text-align: center;
}
.event-months i {
  color: #2a89cd;
  cursor: pointer;
  font-size: 16px;
  padding: 0 10px !important;
  text-align: center;
}
.list-events {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 15px;
}
.list-events h3 {
  padding: 0 0 10px !important;
  margin: 0 0 10px !important;
  border-bottom: 1px solid #ddd;
}
.list-events li {
  list-style: none;
  display: block;
  padding: 3px 0;
}
.dataTables_scroll .border-none td, .dataTables_scroll .border-none th {
  border-top: 0;
}
.dataTables_scroll th {
  border: 0;
}
.dataTables_scrollHeadInner {
/*padding-right: 15px !important;
  width: 100% !important;
  box-sizing:border-box;*/
}
.mCS-light > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.2);
}
.table-scroll > thead > tr > th, .table-scroll > tbody > tr > th, .table-scroll > tfoot > tr > th, .table-scroll > thead > tr > td, .table-scroll > tbody > tr > td, .table-scroll > tfoot > tr > td {
  padding: 8px;
}
.box-styled {
  background: #fff;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  border-radius:5px;
  -webkit-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04);
  -moz-box-shadow: 0 .125rem .5rem rgba(0,0,0,.04);
  box-shadow: 0 .125rem .5rem rgba(0,0,0,.04);
  transition: all 0.3s ease 0s;
}
.box-styled-title h1 {
  display: block;
  color: #555;
  font-size: 36px;
  font-weight: 600;
  padding-bottom: 12px;
  margin: 5px 0 12px 0;
  position: relative;
  border-bottom: 3px solid #ddd;
}
.box-styled-title h1 span {
  position: absolute;
  width: 45%;
  height: 3px;
  left: 0;
  bottom: -3px;
}
.box-styled-title h2 {
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  margin: 0;
  padding-bottom: 8px;
}
.box-styled i {
  padding-left: 8px;
}
.box-styled-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
}
.box-styled-icon i {
  font-size: 35px;
}
.box-styled-1 h1 span {
  background: #f1643f;
}
.box-styled-1 h2, .box-styled-1 .box-styled-icon i {
  color: #f1643f;
}
.box-styled-2 h1 span {
  background: #ff5e40 ;
}
.box-styled-2 h2, .box-styled-2 .box-styled-icon i {
  color: #ff5e40 ;
}
.box-styled-3 h1 span {
  background: #ebc33f;
}
.box-styled-3 h2, .box-styled-3 .box-styled-icon i {
  color: #ebc33f;
}
.box-styled-4 h1 span {
  background: #c75757;
}
.box-styled-4 h2, .box-styled-4 .box-styled-icon i {
  color: #c75757;
}
.select2-footer {
  border-top: 1px solid #d0d0d0;
  display: block;
  text-align: center;
}
.select2-footerlink {
  background: #fff;
  border-radius: 0 0 3px 3px;
  color: #555;
  display: inline-block;
  margin: 0 auto;
  padding: 5px 10px;
  text-align: center;
}
.select2-footerlink i {
  font-size: 12px;
  padding-right: 6px;
}
.select2-footerlink:hover, .select2-footerlink:hover i {
  color: #f1643f;
  font-weight: 600;
}
.text-area-design {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  width: 100%;
  padding: 6px 12px;
  border-radius: 2px;
  margin: 0;
}
.table > thead > tr > th {
  padding:15px 8px;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 6px 8px;
}
.settings-menu {
  width: 15%;
  float: left;
  position: relative;
}
.settings-info {
  width: 85%;
  padding-left: 25px;
  padding-bottom: 10px;
  float: left;
  position: relative;
  min-height: 330px;
  border-left: 1px solid #ddd;
}
.list-settings li {
  list-style: none;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.list-settings li a {
  display: block;
  padding: 12px 15px;
  position:relative;
}
.list-settings li span {
  display: none;
}
.list-settings li label{
  display:block;
  width:8px;
  height:8px;
  background:#f1643f;
  position:absolute;
  left:30px;
  top:50%;
  margin-top:-5px;
  border-radius:50%;
}
.list-settings img {
  max-width: 100px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.3s ease 0;
  -moz-transition: all 0.3s ease 0; 
  transition: all 0.3s ease 0s;
}
.list-settings .active img, .list-settings li:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.show-info {
  display: none;
}
.form-list {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    min-height: 50px;
}
.form-list label {
  margin-bottom: 0;
}
.grids {
  margin-bottom: 10px;
}
.grids figure {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
.grids figure a {
  display: block;
  padding: 8px;
  background: #FFF;
  margin-left: 3px;
  margin-right: 20px;
  position: relative;
  -webkit-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
}
.grids figure label {
  padding: 8px 0 0;
}
.grids figure img {
  max-width: 100%;
}
.thumb-img {
  overflow: hidden;
  position: relative;
}
.grids figure i {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -20px 0 0 -20px;
  opacity: 0;
  font-size: 16px;
  color: #FFF;
  background: rgba(0,0,0,0.6);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.thumb-img:hover:before {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.05;
  content: '';
  display: block;
  position: absolute;
}
.thumb-img:hover i {
  left: 50%;
  opacity: 1;
}
img.mfp-img {
  max-height: inherit !important;
}
.txt-11 {
  font-size: 11px !important;
}
.txt-12 {
  font-size: 12px !important;
}
.txt-13 {
  font-size: 13px !important;
}
.txt-15 {
  font-size: 15px !important;
}
.txt-16 {
  font-size: 16px !important;
}
.txt-17 {
  font-size: 17px !important;
}
.txt-18 {
  font-size: 18px !important;
}
.no-access {
  max-width: 700px;
  margin: 30px auto 0;
  min-height: 380px;
}
.no-access-img {
  float: left;
  width: 30%;
}
.no-access-img img {
  max-width: 100%;
}
.no-access-content {
  float: left;
  width: 66%;
  padding: 65px 0 0 4%;
}
.access-content-info {
  margin-bottom: 20px;
}
.no-access h1 {
  font-size: 48px;
  margin-bottom: 15px;
}
.no-access p {
  font-size: 16px;
}
.badge-notify{
  border-radius: 8px;
    font-size: 12px;
    padding: 2px 5px;
    position: relative;
    right: 9px;
    top: -8px;
}

.overlary-section{
  background:rgba(0,0,0,0.65);
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:332;
  display:none;
}
#pageload-btn {
    color: #333;
    font-size: 14px;
    max-width: 280px;    
    position: fixed;
    right: 362px;
  top: 15px;
    text-align: right;
    text-transform: uppercase; 
    z-index: 333;
}

#pageload-btn span{
  display:inline-block;
  vertical-align:top;
  max-width: 70px;
}
#pageload-btn .ellipsis{
  text-overflow: ellipsis;
    white-space: nowrap;
  overflow: hidden;
  max-width: 195px;
}
#pageload-btn.pageload-btn-white{
  color:#FFF;
}
#pageload-btn i{
  padding-right:5px;
}
#pageload-section{
  display:none;
  position:absolute;
  background-color: #ffffff;
    -webkit-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  right:240px;
  top:50px;
  width:460px;
  z-index:333;
  
}
#pageload-section:after {
    border-bottom: 10px solid #F4F4F4;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    right: 80px;
    top: -8px;
}
#pageload-section.disable-search:after{
  border-bottom-color:#E1E1E1;
}
._fixed, ._fixed2 {
    height: 100%;
    position: fixed;
    width: 100%;
}
._fixed2 .main-content, ._fixed2 .topbar {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.pageload-search{
  padding:16px 20px;
  background:#F4F4F4;
  border-bottom:1px solid #d0d0d0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.pageload-info{
  padding:0;  
}
.list-branch{
  float:left;
  width:65%;
  padding-bottom:10px;
  min-height:100px;
  border-right:1px solid #ddd;
}
.list-year{
  float:left;
  width:35%;
}
.list-branch-year ul{
  max-height:160px;
}
.list-branch-year li{
  display:block;
}
.list-branch-year li a{
  font-size:13px;
  line-height:20px;
  color:#333;
  text-transform:capitalize;
  display:block;
  position:relative;
  padding:4px 26px 3px;
  -webkit-transition:all ease 0.3s;
  -moz-transition:all ease 0.3s;
  -o-transition:all ease 0.3s;
  transition:all ease 0.3s;
}
.list-branch-year li a:hover{
  color:#96352c;
}
.list-branch-year li.active a:before{
  position:absolute;
  left:8px;
  top:5px;
  display:block;
  content:"\f00c";
  color:#17A185;
  font-family:'FontAwesome';
}
.list-branch-year li.active a{
  color:#17A185;
}
.list-branch-year h4 {
    background: #e1e1e1;
    color: #101010;
    display: block;
    font-size: 14px;
  margin:0;
    margin-bottom: 5px;
    padding: 10px;
  padding-left:48px;
  position:relative;
}
.list-branch-year h4 i {
    color: #101010;
    left: 25px;
    position: absolute;
    top: 10px;
}
.disable-search .list-branch h4{
  -webkit-border-radius:6px 0 0;
  -moz-border-radius:6px 0 0;
  -o-border-radius:6px 0 0;
  border-radius:6px 0 0;
}
.disable-search .list-year h4{
  -webkit-border-radius:0 6px 0 0;
  -moz-border-radius:0 6px 0 0;
  -o-border-radius:0 6px 0 0;
  border-radius:0 6px 0 0;
}
#close-popup{
  margin:0;
}
.btn-popup {
    background-color: #18a689;
    color: #fff;
  font-weight:600;
  padding: 8px 24px;  
  display:block;
  text-align:center;
  text-transform:uppercase;
  -webkit-border-radius:0 0 6px 6px;
  -moz-border-radius:0 0 6px 6px;
  -o-border-radius:0 0 6px 6px;
  -webkit-transition:all ease 0.3s;
  -moz-transition:all ease 0.3s;
  -o-transition:all ease 0.3s;
  transition:all ease 0.3s;
}
.btn-popup i{
  font-weight:normal;
  padding-left:5px;
  position:relative;
  top:1px;
}
.btn-popup:hover{
  color:#FFF;
  background-color: #0b987b;
}
.align-items-center {
      display: flex !important;
    align-items: center !important;
}
/* =================================================================
  LOADER STYLES
   ============================================================== */
.loader-btn{
  display:inline-block;
}
.loader-btn img{
  margin-top:0px;
  border-radius:50%;
}
.loader-block{
  background:rgba(245,245,245,0.7); 
    left: 0;
    position: absolute;
    top:0;
  width:100%;
  height:100%;
  /*height: calc(100% + 40px);
    width: calc(100% + 10px);*/
}

.loader-block img{
  max-width:100px;
  position:absolute;
  left:50%;
  top:50%;
  margin:-50px 0 0 -50px;
  background:#FFF;
  border-radius:50%;
  padding:10px;
}

.loader-block-small img{
  max-width:50px;
  margin:-25px 0 0 -25px;
  padding:5px;
}
.btn-default {
    color: #fff !important;
    background-color: #3f3f3f !important;
}
.btn-default:hover {
  color: #333 !important;
    background-color: #ccc !important;
}
.customer-info p{
  font-weight:normal;
  margin-bottom:2px;
}
.invoice-details {
    float: right;
    width: 48%;
}
.invoice-details-edit {
    width: 100%;
}
.customer-info {
    float: left;
    width: 100%;
}
.customer-info sup{
  font-size:13px;
  color:#f55a5a;
  position:relative;
  top:1px;
}
.invoice-details li{
  list-style:none;
  font-weight:normal;
  display:inline-block;
  vertical-align:top;
  padding:4px 10px;
  padding-left:0;
  width:49%;
}
.invoice-details li:first-child{
  text-align:right;
}
.invoice-details-edit li:first-child, .customer-info-edit li:first-child {
    padding-top:10px;
}
.customer-info li:first-child {
    text-align: left;
    width: 30%;
}
.fa.fa-inr{
  color:#555;
}
table.table-border-none .alert-success{
  background-color: #b9e9ca !important;
}
.record-payment li{
  list-style:none;
  display:block;
  font-weight:400;
  border-top:1px dashed #ddd;
  padding-top:8px;
  margin-top:8px;
}
.record-payment li p{
  margin-bottom:0;
}
.dropzone.dropzone-upload{
  min-height:30px;
  padding:18px;
}
.dropzone.dropzone-upload .dz-default.dz-message{
  height: 30px;
  background-position: 0 -417px;
  margin-top: -15px;
  margin-left:-125px;
  width:250px;
}
#support-sidebar {
background:#FFF;
  bottom: 0;
  left: auto;
  overflow: hidden;
  position: fixed;
  right: -380px;
  top: 0;
  -webkit-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  width: 380px;
  z-index: 1000;
}
#support-sidebar.open {
  -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);
  -ms-transform: translate(-100%, 0);
  -o-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(-100%, 0, 0);
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.15);
  display: block;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.15), Direction=180, Strength=2);
  transform: translate3d(-100%, 0, 0);
}
#support-sidebar.support-hide {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0px, 0px, 0px);
}
#support-sidebar:not(.open):not(.closing) .support {
  display: none;
}
#support-sidebar:not(.open):not(.closing) .support-header {
  display: none;
}
.support-close{
  color:#555;
}
.support-sidebar-content{
  padding:20px;
}
.close.support-close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
}
.question {
background: #FFF;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
padding: 15px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.que-ans {
border: 1px solid #ccc;
margin-top: -1px;
}
.que-ans:nth-child(odd) {
background: #FFF;
}
.que, .marks {
padding: 15px;
}
.bdr-r {
border-right: 1px solid #ccc;
}
.bdr-l {
border-left: 1px solid #ccc;
margin-left: -1px;
}
.ans {
display: none;
}
.bredcrumb-list {
float: left;
width: 75%;
}
.bredcrumb-list li {
color: #555;
position: relative;
font-weight: 600;
}
.bredcrumb-list li {
display: inline-block;
}
.bredcrumb-list li:last-child {
color: #c1504f;
}
.bredcrumb-list li::before {
color: #999;
content: "\f105";
padding: 0 8px 0 5px;
font-size: 13px;
font-family: 'FontAwesome';
}
.bredcrumb-list li:first-child::before {
content: '';
padding: 0;
}
.show-ans {
float: right;
}
.student-list {
float: left;
width: 30%;
border-right: 1px solid #ddd;
}
.add-answers {
float: left;
width: 70%;
padding: 20px;
padding-left: 35px;
border-left: 1px solid #ddd;
margin-left: -1px;
}
.student-list li {
list-style: none;
display: block;
position: relative;
border-bottom: 1px solid #ddd;
}
.student-list li a {
display: block;
padding: 5px 15px;
background: #f9f9f9;
}
.student-list .completed a {
color: #0f810f;
}
.student-list .active a {
color: #c1504f;
background: #FFF;
font-weight: 600;
}
.student-list li.active::after {
content: '';
position: absolute;
right: -10px;
top: 6px;
width: 10px;
height: 22px;
background: url(../images/arrow-right-list.png) no-repeat 0 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scroll > thead > tr > th, .table-scroll > tbody > tr > th, .table-scroll > tfoot > tr > th, .table-scroll > thead > tr > td, .table-scroll > tbody > tr > td, .table-scroll > tfoot > tr > td {
  white-space: normal;
}
/* =================================================================
RESPONSIVE CUSTOMIZED STYLES
================================================================ */
@media (min-width: 1025px) and (max-width: 1150px) {
  .datetimepicker.dropdown-menu {
    width: 235px;
}
  .branch_bt {
        margin-top: 15px !important;
  }
    .topbar .form-group {
      margin-top: 15px !important;
    }
  .logo {
        max-width: 54%;
  }
  .topnav {
        padding: 0px 20px 0px;
  }
  .main-content .page-content {
        margin-top: 130px;
  }
  .modal-fullscreen {
    top: 135px;
  }
}
@media (min-width: 1151px) and (max-width: 1400px) {
  
  .main-content .page-content {
    margin-top: 140px;
  }
  .modal-fullscreen {
    top: 155px;
  }
}
@media (max-width:1230px) {
  .table {
    overflow-x: auto;
}

.manage_trip_type .table {
    overflow-x: auto;
    display: inline-table;
}
.staff_child_policy .table {
    overflow-x: auto;
    display: inline-table;
}
.assign_schemes .table {
    overflow-x: auto;
    display: inline-table;
}
.manage_groups_page .table {
    overflow-x: auto;
    display: inline-table;
}
}
@media (max-width:1150px) {

  .leave_approvals .table > tbody > tr > td {
  white-space: nowrap;
}
  .campaign_data .table > tbody > tr > td {
    white-space: nowrap;
}
.topbar .topnav > ul > li > a {
  padding: 15px 12px;
}
.topbar .header-left {
  width: 31%;
}

.panel-data li {
  width: 15%;
}
.reports-inline li {
  width: 24%;
}
}

@media (max-width:1024px) {
  .assign_schemes .button-align div.dt-buttons {
    margin-right: 87px !important;
}
  .discount_approvals .table > tbody > tr > td {
  white-space: nowrap;
}
  .payroll_page .position-button {
    position: absolute;
      right: 0;
  }
  .payroll_page .button-align div.dt-buttons {
    margin-right: 43px !important;
  }
  .leave_approvals .table > tbody > tr > td {
  white-space: normal;
}
  .borrow_return_view_book .button-books div.dt-buttons {
  margin-right: 0px !important;
}
  .manage_groups_page .button-align.button-import div.dt-buttons {
    margin-right: 0px !important;
}
  .modal#settings_page {
    padding-top: 70px;
  }
  .manage_applications .button-align div.dt-buttons {
    margin-right: 88px !important;
}
.manage_applications .position-button {
    top: 90px;
    right: 15px !important;
    position: absolute;
}
  .search-field input {
    font-size: 14px;
    height: 45px;
}
.searchform .btn.btn-filed {
    height: 45px !important;
}
  .menu-btn {
        margin:8px 10px;
  }
  .user-image.user-picture {
        margin-top: 8px;
  }
  .topbar {
        height: 55px !important;
  }
  .main-content .page-content {
  padding-left: 20px;
  margin-top: 40px;
}

  .admin-topbar {
    height: 120px !important;
}
.main-content .admin-content {
    margin-top: 110px !important;
}
  
    .side-bar{
 background: #f1643f;
 backdrop-filter: blur(15px);
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: -1024px;
 overflow-y: auto;
 transition: 0.6s ease;
 transition-property: left;
 display: block;
 z-index: 99999;
}
.side-bar::-webkit-scrollbar {
  width: 0px;
}



.side-bar.active{
 left: 0;
}

.side-bar .menu{
 width: 100%;
 margin-top:0px;
}
.side-bar .menu .mobile-logo {
      padding: 20px 20px;
      background: #fff;
  }
.side-bar .menu .mobile-logo img{
  width: 90%;
}
.side-bar .menu .item{
 position: relative;
 cursor: pointer;
}
.side-bar .menu .item.active {
    background: #000;
}
.side-bar .menu .item a{
 color: #fff;
 font-size:17px;
    text-decoration: none;
    display: block;
    padding: 10px 30px;
    line-height: 40px;
}

.side-bar .menu .item a:hover{
 background: #000;
 transition: 0.3s ease;
}

.side-bar .menu .item i{
 margin-right: 15px;
}

.side-bar .menu .item .dropdown{
 position: absolute;
 right: 0;
 margin: 12px;
 transition: 0.3s ease;
 color: #fff;
}

.side-bar .menu .item  .dropdown-sub{
      position: relative;
    float: right;
    margin: 20px;
    transition: 0.3s ease;
    z-index: 0;
    right: -30px;
}

.side-bar .menu .item .sub-menu{
 background: #292946;
 display: none;
}

.side-bar .menu .item .sub-menu a{
 padding-left: 40px;
}

.side-bar .menu .item .sub-sub-menu{
 background: #292946;
 display: none;
}

.side-bar .menu .item .sub-sub-menu a{
 padding-left: 60px;
}

.side-bar .rotate{
 transform: rotate(90deg);
}

.side-bar .menu_item_text {
  border-top: 1px solid #fff;
    padding: 15px 40px;
    margin-top: 10px;
}

.menu-close-btn{
 position: absolute;
 font-size: 23px;
 right:  0px;
 margin: 25px 15px;
 cursor: pointer;
}
.menu-close-btn i{
  color: #38307d;
  font-size: 25px;
}
.menu-btn{
 position: absolute;
     font-size: 25px !important;
    margin: 11px 10px;
 cursor: pointer;
 left: 10px;
 display: block;
}
.menu-btn i{
  color: #333;
  }

.datetimepicker {
  margin-top: 0px !important;
}
.dataTables_length .select2-container .select2-choice {
    height: 37px !important;
}
.dataTables_length  .select2-chosen, .select2-choice > span:first-child {
      padding: 4px 12px !important;
}
.dataTables_length .select2-container .select2-choice .select2-arrow {
      top: -8px !important;
}
.dropdown-menu.mmenu-content {
  width: 100% !important;
    position: relative !important;
    margin-bottom: 25px;
    margin-top: 0;
    background: #e5e5e5;
    border: 0;
}
.assign_schemes .position-button {
  position: absolute;
    right: 10px;
}
.assign_schemes .button-align div.dt-buttons {
    margin-right: 82px !important;
}
div.dataTables_info {
  font-size: 12px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar {
        height: 95px !important;
    }
    .menu-btn {
      top: 20px;
    }
    .main-content .page-content {
              margin-top: 80px;
    }
}
@media (min-width: 280px) and (max-width: 767px) {
  .modal-fullscreen {
        top: 120px !important;
    }
    .modal#settings_page {
        padding-top: 0 !important;
    }
  .branch_bt {
        margin-top: 7px;
        padding: 5px 30px 5px 12px !important;
            height: 45px;
  }
  .theme-sdtl.color-green .topbar {
    border-bottom: none !important;
  }
}
@media (max-width:1020px) {

  .select2-container-multi .select2-choices .select2-search-field input {
        height: 45px;
  }
  
  .main-content .page-content .panel .panel-header.panel-no-space h3 {
    margin-top: 8px !important;
  }
  .sidebar .sidebar-inner {
    top: 60px !important;
        position: relative;
  }
  .select2-container .select2-choice .select2-arrow b:before {
        right: 10px;
    top: 0px;
    font-size: 18px;
        content: "\f107";
    font-family: 'FontAwesome';
  }
  .dataTables_length .select2-container .select2-choice .select2-arrow b:before {
        right: 5px;
     top: 10px;
  }
  .select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {
    padding: 11px 12px;
  }
  
  .nav.mmenu > li > a {
        font-size: 18px;
        font-weight: 500 !important;
            padding: 20px ;
  }
  .nav.mmenu > li.dropdown > a:after{
    position: absolute;
        right: 15px;
    top: 20px;
    font-size: 25px;
        content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 600;
  }

.nav.mmenu .dropdown-menu > li > a {
      font-size: 17px;
      padding: 13px 20px;
}

.nav.mmenu .dropdown-menu > li > a:before {
  position: relative;
    left: 0;
    top: 0;
    font-size: 25px;
    content: "\f101";
    font-family: 'FontAwesome';
    font-weight: 600;
    padding-right: 10px;
}

  .close-nav-icon {
        float: right;
    position: fixed;
    right: 10px;
    top: 10px;
        display: block;
    z-index: 99999999999999999999999;
  }
  .close-nav-icon i{
        color: #fff !important;
    font-size: 30px;
    font-weight: 300;
  }
  .dataTables_paginate {
        float: right !important;
  }

    .dropdown-menu.mmenu-content {
  width: 100% !important;
  position: relative !important;
      margin-bottom: 25px;
}
.dropdown-menu>li>a {
  white-space: inherit !important;
}
  .dropdown-toggle .caret {
    margin-top: 10px !important;
    float: right !important;
  }
.fixed-sidebar .sidebar, .topbar .header-left .topnav .menutoggle {
  display: block;
}
.menutoggle {
  display: block;
}
.logo {
  display: none;
}
.searchform {
  width: 95%;
  margin-left: 30px;
}
.fixed-topbar .topbar {
  padding: 0;
}

.topnav {
  display: none;
}
#user-header .username {
  display: none;
}

.enquiries_page .position-button {
  position: absolute;
    right: 15px;
    }

.table {
  overflow-x: auto;
  display: block;
}
.table.table-scroll {
  overflow-x: initial;
  display: initial !important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scroll > thead > tr > th, .table-scroll > tbody > tr > th, .table-scroll > tfoot > tr > th, .table-scroll > thead > tr > td, .table-scroll > tbody > tr > td, .table-scroll > tfoot > tr > td {
  white-space: normal;
}
.theme-sdtl.color-green .topbar {
  border-bottom: 1px solid #dddddd;
  box-shadow: none !important;
}
#nprogress .bar {
  bottom: 0px;
}
.modal-fullscreen {
  top: 45px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
  .info-tile .tile-body h1 {
    font-size: 18px;
  }
.topbar .header-left {
  width: 34%;
}
.reports-inline li {
  width: 32%;
}
}

@media (max-width:860px) {
.leave_approvals .table > tbody > tr > td {
  white-space: nowrap;
}
.leave_approvals .requestInfo {
  margin-top: 0px;
}
.topbar .header-left {
  width: 30%;
}
.mail-nav label, .mail-toolbar label, .mail-pagination span {
  display: none;
}
.mail-nav li {
  text-align: center;
  margin-bottom: 5px;
}
.mail-nav li i {
  font-size: 16px !important;
}
.mail-nav a.btn {
  padding: 10px !important;
}
.mail-nav a.btn i {
  padding: 0 !important;
  font-size: 16px;
}
.mail-toolbar > li {
  padding-right: 5px;
}
.panel-data li {
  width: 20%;
}
.schedule-day {
  float: none;
  font-size: 32px;
}
.schedule-week {
  margin: 0;
}
}

@media (max-width:767px) {
  .dashboard_title, .dashboard_title1 {
        font-size: 17px !important;
    }
    .topbar .form-group {
    margin-top: 0px !important;
  }
  .button-align div.dt-buttons {
    margin-right: 95px !important;
}
  .discount_approvals .btn.btn-sm {
  margin-bottom: 0px;
}
.payroll_page .button-align div.dt-buttons {
    margin-right: 50px !important;
}
  .manage_groups_page .table {
    overflow-x: auto;
    display: block;
}
.assign_schemes .table {
    overflow-x: auto;
    display: block;
}
  .manage_groups_page .button-align.button-import div.dt-buttons {
    margin-right: 0px !important;
}
  .app_support_page .table > tbody > tr > td:nth-child(4) {
  white-space: nowrap;
}
.tickets_page .table > tbody > tr > td {
  white-space: nowrap;
}
  .mailer-name {
    width: 100%;
    margin-left: 25px;
  }
  .mail-subject {
    margin-top: -8px;
      margin-bottom: 5px;
  }
  .main-content .page-content .page-app.mailbox {
    padding: 30px 13px;
  }
  .reports {
    display: block !important;
    margin-top: 30%;
  }
  .modal#reports_page .close-2 {
    top: 90px;
        position: relative;
  }
  .manage_applications .position-button {
    top: 100px;
    right: 9px !important;
    position: absolute;
    z-index: 11;
}
  .select2-container .select2-choice .select2-arrow b:before {
        top: 3px;
  }
  .dataTables_length .select2-container .select2-choice .select2-arrow b:before {
        right: 10px;
        top: 6px;
  }
  .dataTables_length .select2-container .select2-choice > .select2-chosen {
        padding: 2px 5px !important;
  }
  .dataTables_length .select2-container .select2-choice  {
        height: 30px !important;
  }
  .enquiries_page .position-button {
    right: 9px;
  }
  .enquiries_page .button-align div.dt-buttons {
    margin-right: 200px !important;
}
  .select2-container .select2-choice > .select2-chosen {
    padding: 11px 12px !important;
  }
  .topbar .header-right.admin-header-right .header-menu > li > a > i {
    font-size: 16px;
}
  .topbar .header-right .header-menu .badge-header {
        font-size: 10px;
  }
  .menu-btn {
        margin: 15px 10px;
  }
  .searchform {
        width: 90%;
  }
  .topbar .header-right .header-menu .admin-user-icon {
    position: absolute;
    top: 4px;
    right: 10px;
  }
  .head-branch {
        width: 35% !important;
        margin-left: 11px !important;
  }
  .head-year {
    width: 30% !important;
  }
  .header-menu .select2-choice > span:first-child {
    padding:7px 12px !important;
  }
  .topbar .header-right .header-menu .dropdown-menu {
        top: 60px;
  }
  body, div {
  height: auto;
  font-weight: 400;
  font-size: 16px !important;
}
.form-control {
  font-size: 15px;
      padding: 15px 12px;
}
  .nav.nav-tabs > li > a {
    padding: 7px 6px
  }
  .main-content .page-content > .header {
        padding: 0px 0 10px;
  }
  .emp-attendance-table {
        display: table !important;
  }
  
  .close-nav-icon {
        float: right;
    position: fixed;
    right: 10px;
    top: 10px;
        display: block;
    z-index: 99999999999999999999999;
  }
  .close-nav-icon i{
        color: #fff !important;
    font-size: 30px;
    font-weight: 300;
  }
.topbar .parent_handle {
      top: 19px;
}
.dataTables_filter label {
    width: 95%;
}
  
  .main-content .footer .copyright p {
        float: none !important;
            text-align: center;
  }

  .main-content .page-content .breadcrumb li  {
    font-size: 10px;
  }

   .main-content .page-content .breadcrumb-wrapper {
    position: relative;
    top: 0;
  }
  .main-content .page-content .breadcrumb-wrapper .breadcrumb {
        margin-bottom: 0 !important;
  }
  .advanced-search {
    top: 55px;
  }
  .dataTables_filter {
    margin-bottom: 30px;
  }
  .dataTables_length {
    top: 4px;
  }
  .select2-container .select2-choice .select2-arrow, .select2-container .select2-choice div {
    right:-10px;
  }
  .topbar .header-right .header-menu #user-header .dropdown-menu {
        width: 300px !important;
  }

    .main-content .page-content .panel .panel-header .btn {
        padding: 7px 6px 7px !important;
        font-size: 12px !important;
  }
  .main-content .page-content .panel-content {
    padding: 13px;
}
.nav-tabs > li > a::before {
      top: 37px;
}
  
  .user-image.user-picture {
    margin-top: 10px;
  }
  .head-branch .form-control {
        min-width: auto !important;
  }
  .head-branch, .head-year {
    margin-right: 0px;
}
  .header-menu .form-control {
    font-size: 13px !important;
    padding: 7px 9px !important;
}
.head-year {
    margin-right: 5px !important;
}
  .main-content .page-content {
        margin-top:125px !important;
  }
  .topbar {
        height: 55px  !important;
  }
.topbar .header-left {
  width: 100%;
}
.topbar .header-right .header-menu > li > a > i {
  margin-top: 17px;
}
.select2-container .select2-choice > .select2-chosen {
    padding: 11px 12px !important;
  }
  .select2-container .select2-choice {
    height: 50px;
  }
  .topbar .select2-container .select2-choice {
    height: 45px;
  }


.main-content .parent-content {
        margin-top:50px !important;
  }
  .parent-topbar {
        height: 65px !important;
  }


.main-content .admin-content {
        margin-top:120px !important;
  }
  .admin-topbar {
        height: 130px !important;
  }

  .btn:not(.btn-sm):not(.btn-hg):not(.btn-xs):not(.btn-lg):not(.bootstrap-touchspin-up):not(.bootstrap-touchspin-down) {
        min-height: auto !important;
    margin-top: 0 !important;
  }
  
  .new-boxes {
    margin-bottom: 20px;
  }
  .info-tile .tile-body h1 {
    font-size: 22px;
  }
.mail-list > li > .ml-center{
  margin-left: 0;
}
.mail-subject{
  display: block;
  margin-left: 25px;
  white-space: normal;
  width: 65%;
}
.mail-list > li > .ml-right {
  line-height: 20px;
      top: 6px;
      width: 80px;
}
.mail-list > li {
  height: 80px;
      padding: 6px 10px 6px;
}
.mail-list > li > .ml-left{
  width: auto;
}
.mail-list > li > .ml-left i {
      left: -24px;
}
.logged {
  margin: 12px;
}
.dataTables_wrapper {
  margin-left: 0;
}
body.boxed {
  height: auto;
}
.widget-news .message-item {
  padding-bottom: 10px;
}
.logo img {
  height: 36px;
}
.topbar .header-right {
  margin-right: 0px;
  background-color: #fff;
}
.topbar .header-right .header-menu.navbar-nav {
  margin-top: 55px;
}
.topbar .header-right.admin-header-right {
  margin-right: 10px;
      float: left;
    width: 100%;
}
.topbar .header-right.admin-header-right .header-menu .badge-header {
    right: 7px;
    top: -7px;
}
.topbar .header-right.admin-header-right .header-menu.navbar-nav {
  float: none!important;
      display: -webkit-box;
}
.dataTables_filter .form-control {
  float: left;
}
.dataTables_filter {
  float: left;
  text-align: right;
  width: 100%;
}
.force-table-responsive {
  padding: 0;
}
.dataTables_wrapper div.dt-buttons {
  float: right !important;
  text-align: center;
}
.chk-align {
  margin-top: 10px;
}
.lbl-align {
  margin-top: 10px;
}
.select-class .col-sm-1 {
  width: auto;
}
.account.separate-inputs {
  margin: 20px;
}
.new-login .account-wall {
  height: auto;
  margin: 50px auto 0;
  max-width: 680px;
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}
.new-login .account-copyright {
  margin: 20px auto 0!important;
  padding: 12px 20px;
  width: auto;
  max-width: 680px;
  position: relative !important;
}
.new-login .logo-sec img {
  max-width: 200px;
}
.new-login-2 .account-info {
  display: none;
}
.new-login-2 .account-wall {
  width: 100%;
}
.new-login-2 .account-wall-inner {
  margin: 40px 0 0;
  position: relative;
}
.new-login-2 .login-footer {
  bottom: 0;
  margin: 20px auto 0;
  position: relative;
}
.new-login-2 .login-footer .pull-left, .new-login-2 .login-footer .pull-right {
  width: 100%;
  float: none;
  display: block;
  text-align: center;
}
.timeframe-block-left, .timeframe-block-right {
  width: 100%;
}
.timeframe-center::before {
  left: 0;
  margin-left: -5px;
}
.timeframe-center .timeframe-circle, .timeframe-block-right .timeframe-circle {
  right: auto;
  left: -18px;
  margin-left: -7px;
  text-align: center;
}
.timeframe-main.background-white .timeframe-block-left .arrow-left {
  border-left-color: transparent;
  border-right: 10px solid #ffffff;
}
.timeframe-block-left .arrow-left {
  right: auto;
  left: -19px;
}
.timeframe-block-left .timeframe-sec, .timeframe-block-right .timeframe-content {
  margin-left: 30px;
  margin-right: 0;
}
.timeframe-block-left {
  margin-bottom: 20px;
  margin-top: 10px;
}
.dropdown-menu-large .col-sm-3 {
  width: 25% !important;
  float: left;
}
.large-dropdown {
  display: none !important;
}
.menu-item-list {
  float: left;
  margin: 0;
  max-width: 100%;
  width: 50%;
}
/*.mail-subject {
  display: none;
}*/
.search-new {
  width: 80% !important;
}
.reports-inline li {
  width: 32%;
}
.search-field input {
  font-size: 14px;
  height: 45px;
}
.searchform .btn.btn-filed {
      height: 45px !important;
}
.no-access {
  min-height: inherit;
}
.no-access-img {
  width: 100%;
  text-align: center;
}
.no-access-content {
  width: 100%;
  padding: 30px 0;
  text-align: center;
}
.access-content-info p {
  text-align: center;
}
.invoice-details {
    float: left;
    width: 100%;
}
.customer-info li:first-child, .invoice-details li:first-child {
    text-align: left;
    width: 40%;
}
.customer-info li, .invoice-details li {
  width: 58%;
}
.bdr-r {
  border-right: 0;
}
.bdr-l {
  border-left: 0;
  margin-left: 0px;
}
.add-answers {
  padding-left: 20px;
}
.main-content .page-content .panel .panel-content i.calendar_icon {
        padding-right: 25px;
  }
  .course_overview_nav li{
    width: 50%;
  }
  .icheck-inline > label {
    width: 47%;
    float: left;
  }
.button-align-3.manage_assigment_campaign div.dt-buttons {
    margin-right: 136px !important;
}
}
@media (max-width:622px) {
.staff_child_policy .table {
  overflow-x: auto;
  display: block;
}
  .main-content .page-content .panel .panel-header {
  padding: 15px 15px;
} 
  .table {
  overflow-x: auto;
  display: block;
}

}
@media(max-width:576px) {
  .assign_schemes .button-align div.dt-buttons {
    margin-right: 89px !important;
}
  .borrow_return_view_book .borrow-book {
      width: 27%;
    float: left;  
}
  .nav-tabs>li {
    width: 50%;
  }
  .nav-tabs>li>a {
     line-height: 2.428571;
  }
  .enquiries_page .button-align div.dt-buttons {
    margin-right: -5px !important;
}
  .searchform {
        width: 85%;
  }
  .user-image.user-picture {
    margin-top: 12px;
}
div.dataTables_filter label {
    width: 90% !important;
}

.new-login .logo-sec {
  background: #f5f5f5;
  float: left;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.new-login .logo-sec-inner {
  display: inline-block;
  height: auto;
  padding: 20px 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.new-login .form-sec {
  float: left;
  margin: 35px 0 0;
  padding: 0 5%;
  width: auto;
}
.new-login .arrow-right {
  border-bottom: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #F5F5F5;
  bottom: -12px;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  right: auto;
  top: auto;
}
.new-login .account-copyright .pull-left, .new-login .account-copyright .pull-right {
  float: none !important;
  text-align: center;
}

.account #lockscreen-block #loader {
  width: 70px;
}
.account #lockscreen-block .form-logout {
  padding-left: 90px;
}
.user-image.user-picture {
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.user-lockscreen .user-logout {
  height: 70px !important;
  line-height: 70px !important;
  width: 70px !important;
}
.user-image span, .user-image .user-icon {
  font-size: 16px;
}
#quickview-toggle > a {
  padding-right: 0;
}
.search-filter .btn span {
  display: none;
}
.panel-data li {
  width: 30%;
}
.reports-inline li {
  width: 49%;
}
.enquiries_page .position-button {
  position: relative;
    right: auto;
    }
}

@media(max-width:479px) {
  .assign_schemes .button-align div.dt-buttons {
    margin-right: 90px !important;
}
  .icheck-inline > label {
    width: 100%;
    float: left;
  }
.topbar .header-right .nav li:nth-child(3) a i  {
  font-size: 14px !important;
}
  .searchform {
        width: 80%;
  }
  .user-image.user-picture {
    margin-top: 12px;
  }
div.dataTables_filter label {
    width: 80% !important;
}

.btn.btn-filed {
  width: 18%;
}
.menu-item-list {
  float: left;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.nav > li > a {
  padding-left: 8px;
  padding-right: 8px;
}
.search-new {
  width: 98% !important;
}
.borrow_return_view_book .borrow-book {
      width: 37%;
    float: left;  
}
}

@media(max-width:420px) {
  .show-filtering {
    margin-bottom: 20px;
  }
  .show-filtering button{
    margin-bottom: 5px !important;
  }
  .parent_exam .dataTables_length {
    position: relative !important;
  }
  .parent_homeworks .dataTables_length {
    position: relative !important;
  }

  .manage_trip_type .table {
    overflow-x: auto;
    display:block;
}
  .button-align-3.manage_assigment_campaign div.dt-buttons {
    margin-right: 0px !important;
}
  .button-align div.dt-buttons, .button-align-3.manage_Cam div.dt-buttons {
    margin-right: 0px !important;
}
.position-button {
  position: relative;
  right: auto;
  top: auto;
  z-index: 0;
}
  .topbar .header-right.admin-header-right .header-menu #quickview-toggle2 {
        margin-left: 6px;
  }
  .topbar .header-right.admin-header-right .header-menu .badge-header {
        right: -10px;
        top: 13px;
        position: absolute;
  }
  div.dataTables_filter label {
    width:100% !important;
    margin-top: 10px;
}
.panel-data li {
  width: 45%;
}
.reports-inline li {
  width: 98%;
}
.search-field {
  width: 70%;
}
.main-content .page-content .panel .panel-header h3 {
  font-size: 12px;
}
.advanced-search {
  top: 65px;
}
.borrow_return_view_book .borrow-book {
      width: 37%;
    float: left;  
}
}

@media(max-width:360px) {
  
  .borrow_return_view_book .borrow-book {
      width: 37%;
    float: left;  
}
  .manage_applications .button-align div.dt-buttons {
    margin-right: -4px !important;
  }
  .manage_applications .position-button {
        position: relative;
    top: 0;
    left: 0;
  }
  .topbar .header-right .nav > li.head-year {
        margin-right: -7px !important;
  }
  .searchform {
        width: 77%;
  }
  div.dataTables_info {
        font-size: 10px !important;
  } 
  body, div {
  font-size: 14px !important;
}
  .main-content .page-content .panel .panel-content i {
        padding-right: 0px;
  }
  .main-content .page-content .panel .panel-content i.calendar_icon {
        padding-right: 25px;
  }
  .nav > li > a {
        padding-left: 3px;
    padding-right: 3px;
  }
  .paginate_button {
        margin-left: 0px;
    padding: 6px 3px;
        font-size: 10px;
  }
  

div.dataTables_filter label {
    width: 100% !important;
    margin-top: 10px;
}
/*  
.sidebar-open {
  position: relative;
    left: 120px
}
*/
.main-content .page-content .panel .panel-header h3 {
  font-size: 12px;
}
  .main-content .page-content .breadcrumb li {
        font-weight: 600;
            text-transform: capitalize;
  }
  

  .select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input  {
    padding: 12px 12px;
  }

/*.searchform {
  display: none;
}*/
.nav > li > a {
  padding-left:6px;
  padding-right: 6px;
}
}
.icheckbox_square-aero label.error {
  position: relative;
  left: 0px;
  top: 27px;
  white-space: nowrap;
}
.file label.error {
  position: absolute;
  left: 0;
  bottom: -20px;
}
.course div label.error {
  position: relative;
  left: 0px;
  top: -91px;
  white-space: nowrap;
}
.que-ans{
  border:1px solid #ccc;
  margin-top:-1px;
}
.que-ans:nth-child(odd){
  background:#FFF;
}
.que, .marks{
  padding:15px;
}
.bdr-r{
  border-right:1px solid #ccc;
}
.bdr-l{
  border-left:1px solid #ccc;
  margin-left:-1px; 
}
.ans{
  display:none;
}
.table-fixed{
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-top: 0;
}
.table-fixed tfoot {
  width: 100%;
}
.table-fixed tbody {
  height: 380px;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden; 
}
.table-fixed tfoot, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed tfoot > tr> th {
  float: left;
  padding: 9px;
  min-height: 55px;
  border-top: 1px solid #ddd;
}
.table-fixed tbody td:first-child{
  border-right: 1px solid #ddd;
}
.table-fixed tbody tr:nth-child(odd){
  background: #FFF;
}
.table-fixed tbody td.que{
  padding: 16px 10px;
}
.table-fixed tfoot th{
  font-weight: bold;
  min-height:inherit !important;
  background-color: #b9e9ca !important;
 }
 .table-fixed tr::after {
    content: '';
    clear: both;
    display: block;
}
.table-fixed textarea {
    height: 36px !important;
    min-height: inherit;
}