body {
    color: #696969;
}

.notification-border {
    border-top:1px solid #696969 !important;
}

.notification-border:first-child {

    border-top:none !important;
}

.not_read{
   background: #f5f7ff;
   color:#012156;
}

.read {
    background: unset;
    color:unset;
}


label {

    font-weight: normal;
}
.main-header .sidebar-toggle:before {
    content: "\f0c9";
    display: none;
}

.main-header .logo img {
    display: inline-block;
}

.skin-blue .main-header .logo {
    background-color: #fff;
    color: #696969;
}
.skin-blue .main-header .logo:hover {
    background-color: #fff;
}

.skin-blue .main-header .navbar .nav>li>a {
    background: #fff;
    color: #012156;
}

.skin-blue .main-header .navbar .nav>li>a:hover, .skin-blue .main-header .navbar .nav>li>a:active, .skin-blue .main-header .navbar .nav>li>a:focus, .skin-blue .main-header .navbar .nav .open>a, .skin-blue .main-header .navbar .nav .open>a:hover, .skin-blue .main-header .navbar .nav .open>a:focus, .skin-blue .main-header .navbar .nav>.active>a {
    background: #fff;
    color: #012156;
}

.skin-blue .main-header .navbar {
    background-color: #fff;
}

.mr-2 {
    margin-right :1rem !important;
}

.font-color {
    color: #696969;
}

.color-blue {
    color: #012156;
}


a:hover {
    color: inherit;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #e5e9f2;

}

.sidebar-padding{
    padding: 10px 0px 10px 10px;
}

.sidebar-menu {
    background: #fff;
    height: 85vh;
}

.skin-blue .sidebar-menu>li.menu-open>a {
    color: #696969;
    background: #fff;
}

.skin-blue .sidebar-menu>li:hover>a {
    color: #012156;
    background: #f5f7ff;
}

.content-wrapper {
    background-color: #e5e9f2;
}

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

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #696969;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #fff;
    color: #696969;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    background: #fff;
    color: #696969;
}

.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: #012156;
    background: #f5f7ff;
}

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

.skin-blue .sidebar-menu>li:hover>a {
    background: #fff;
}

.menu-icon {
    margin-right:10px;
    width: 10px;
    height: 10px;
}

.box {
    border-top: none;
}

.notification-height{
    min-height: 180px;
    max-height: 230px;
    overflow-y: scroll;
}


.box-header {

    padding: 2rem 10px;
}

.mr-5px {
    margin-right:10px;
}

.action-icon {
    font-size: 2rem;
    color: #444;
}

.btn-blue{
    background-color: #012156;
    border-color: #012156;
}



.btn-grey {
    background-color: #949494;
    border-color:#949494;
    color:#fff;
}


.btn-grey:hover {
    background-color: #949494;
    border-color: #949494;
    color:#fff;
}

.btn-blue-outline {
    background-color: transparent;
    border-color: #012156;
    color: #012156;
}
.btn-blue-outline:hover  {
    background-color: transparent;
    border-color: #012156;
    color: #012156;
}

.btn-blue:hover {
    background-color: #012156;
    border-color: #012156;
}

.check-icon:hover, .check-icon:active  {
    color: #6ac82a ;
}

.edit-icon:hover, .edit-icon:active  {
    color: #9ce6fa;
}

.delete-icon:hover, .delete-icon:active  {
    color: #ff4a4a;

}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid transparent;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #f4f4f4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #012156;
    background: #012156;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {

    border: 1px solid #f4f4f4;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

    border: 1px solid #f4f4f4;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #012156;
    background: #012156;

}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    -webkit-appearance: textfield;
}


.modal-content {
    border-radius:10px;
}

/* .btn {
    min-width:100px;
} */


.notify-font{
    color:  #8eaee2;
}

.main-footer {
    margin: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}


input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}


.ml20{
    margin-left:20px;
}

.display-inline-block {
    display:inline-block;
}

/* CSS used here will be applied after bootstrap.css */
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}


.inventory-left-icon {

    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.inventory-right-icon {

    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    right:50%;
}


.color-block {
    width: 30px;
    height: 30px;
    content:'';
}

.mb10 {
    margin-bottom:10px !important;
}

.mb20 {
    margin-bottom:20px;
}



.login-bg{
    background: #d2d6de !important;
}

.login-box-padding{
    padding:1.8rem
}

.d-flex{
    display: flex;
}

.justify-content-center{
    justify-content: center;
}

.mt-15 {
    margin-top:15%;
}

.w100{
    width: 100%;
}

.position-relative{
    position: relative;
}

.input-icon {
    position: absolute;
    z-index: 9;
    right: 1px;
    top: 2px;
    background: #fff;
    padding: 7px 10px 3px 10px;
}
.p0{
    padding:0px;
}

.responsive-dashboard-button {
    text-align: right ;
}

.fc-listMonth-button{
    display: none;
}

.fc-button-primary {
    color: #012156 !important;
    background-color:transparent !important ;
    border-color: #012156 !important;
    margin-right: 10px;
}

.fc-day-header {
    background: #012156 !important;
    padding:5px !important;
    color: #fff;

}
.fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px;
    padding-bottom: 30px;
}


.responsive-align-footer{
    text-align:right;
}

.disply-bar{
    display: none;
}

.main-footer {
    padding: 10px 15px;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 24px;
}

.custom-color-input{
    padding:0;
    background:transparent;
    border: none;
    width: 30px;
    height: 30px;
}

.center-content {
    display: flex;
    align-items: center;
}

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

.pl0{
    padding-left:0px;
}

.checkbox, .radio {
    margin-top: 0px;
}

.bold {
    font-weight: bold;
}
hr {
    border-top: 1px solid #9e9e9e9e;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #012156;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #012156;
    color:#fff;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {

    background-color: #012156;
    border-color: #012156;
}


.password-group {
    position: relative;
}

.password-group > input {
    width: 100%;
}

.password-visibility {
    position: absolute;
    right: 14px;
    top: 7px;
}


.password-visibility, a:hover {
    color:#012156;
}


.password-visibility, a {
    color:#012156;
}



.pr40px {
    padding-right:40px;
}

.skin-blue .sidebar-menu>li.active>a {
    border-left: none;
    background: #f5f7ff;
    color:#012156;
}

.profile-active {

    background: #f5f7ff !important;
    color:#012156 !important;
}

.fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em;
    display: none;
}

.fc-dayGridMonth-button {
   display:none;
}

.fc-timeGridWeek-button {
    display:none;
 }

 .fc-timeGridDay-button {
    display:none;
 }

 .fc-toolbar h2 {

    margin-left: -10px;
}

.text-capital {
    text-transform: capitalize;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.border-form {
    border: 1px dashed #000;
    padding: 20px 0;
    margin-bottom: 20px;
}


.form-control-file{
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}


.image-galley-delete{
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 999;
}

.image-gallery {
    position: relative;
}

.fc-sun{
    background:#f5f9ff;
}

.fc-sat {
    background:#f5f9ff;
}

.fc-bgevent {
    background: #cbd6ea;
    opacity: 0.7;
    color: #1148ad;
}


.pl-2 {
    padding-left: 10px;
    padding-top: 10px;
}


.added {
    margin-top: -40px;
}

.d-block{
    display: block;
}

.mr-10 {
    margin-right:5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.bootstrap-datetimepicker-widget {
    text-align: center;
}

.form-border-bottom{
    border-bottom:1px solid;
}

.line {
    border-top:1px solid;
    margin-bottom:10px;
}

.mtb-10 {
    margin-bottom:10px;
    margin-top: 10px;
}

.mt12vh {
    margin-top: 12vh;
}

.img-mlrauto{
    margin-left: auto;
    margin-right: auto;
}

.border-box{
    border:2px solid;
    padding:20px;
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto;
}


.col-print-1 {width:8%;  float:left;}
.col-print-2 {width:16%; float:left;}
.col-print-3 {width:25%; float:left;}
.col-print-4 {width:33%; float:left;}
.col-print-5 {width:42%; float:left;}
.col-print-6 {width:50%; float:left;}
.col-print-7 {width:58%; float:left;}
.col-print-8 {width:66%; float:left;}
.col-print-9 {width:75%; float:left;}
.col-print-10{width:83%; float:left;}
.col-print-11{width:92%; float:left;}
.col-print-12{width:100%; float:left;}



.print-line {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.fs-12px {
    font-size: 12px;
}


@media only screen and (min-width: 1200px) {

.invoice_client_name {
    width:17vw;
}

.invoice_tel {
    width:15vw;
}

.invoice_event_date  {
    width:38vw;
}

.invoice_height {
    width:4vw;
}

.invoice_weight {
    width:4vw;
}

.invoice_email  {
    width:24vw;
}

.invoice_address {
    width:39vw;
}


.deposit_paid_by {

    width:20vw;
}

.deposit_payment_method {
    width:15vw;
}

.deposit_security {
    width:10vw;

}
.deposit_total_refund {

    width:22.8vw;
}

.deposit_collect_by {
    width:14vw;
    margin-right:13vw;

}

.deposit_refund_by {

    width:12vw;
}

.payment_paid_by{
    width:20vw
}


.payment_payment_method{
    width:14.7vw
}


.payment_ringgit_malaysia_string{
    width:30vw;

}

.payment_ringgit_malaysia{
    width:7vw;
}

.payment_detail_of_payment{
    width:34vw;
}

.payment_sales_person{
    width:8vw;
    margin-right:21vw;
}

.payment_verified_by{
    width:8vw;
}

}
@media print {

    @page {
        size:a4;
      }



    .printReceipt {
        display: none;
    }

    .print-hidden-btn {
        display: none;
    }

    .invoice_client_name {
        width:39vw;
    }

    .invoice_tel {
        width:20vw;
    }

    .invoice_event_date  {
        width:70vw;
    }


    .invoice_height {
        width:10vw;
    }

    .invoice_weight {
        width:10vw;
    }
    .invoice_email  {
        width:34vw;
    }

    .invoice_address {
        width:72vw;
    }


    .deposit_paid_by {

        width:40vw;
    }

    .deposit_payment_method {
        width:20vw;
    }

    .deposit_security {
        width:21vw;

    }
    .deposit_total_refund {

        width:35vw;
    }

    .deposit_collect_by {
        width:14vw;
        margin-right:42vw;

    }

    .deposit_refund_by {

        width:12vw;
    }



    .payment_paid_by{
        width:35vw
    }


    .payment_payment_method{
        width:20vw
    }


    .payment_ringgit_malaysia_string{
        width:50vw;

    }

    .payment_ringgit_malaysia{
        width:12vw;
    }

    .payment_detail_of_payment{
        width:59vw;
    }

    .payment_sales_person{
        width:14vw;
        margin-right:35vw;
    }

    .payment_verified_by{
        width:14vw;
    }

}

.time .datetime-picker-dropdown .btn {
    background-color: black;
    color: white;
  }

 .mystyle {
     position: initial !important ;
 }

 .float-right {
     float: right;
 }


 .align-items-center {
     align-items:center;
 }
 .display-xs {
    display: none!important;
}


input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control {
    line-height: inherit;
}



.select2-container {

    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d2d6de;
    border-radius: 0px;
}

.select2-container .select2-selection--single {

    height: 34px;

}





 @media (max-width: 992px)
{
    .display-xs {
        display: block!important;
    }

    .color-block {
        width: 30px;
        height: 30px;
        content: '';
        display: inline-block;
    }
    .side_bar_width{
        width:30%;
    }
    #color_block_customer_appointment {
        width:40px !important;
    }


    .responsive-mb10{
        margin-bottom: 5px !important;
    }


 }

@media only screen and (max-width: 867px) {
    .flex-column {
        flex-direction: column;
    }

    .align-end {
        align-items: flex-end !important;
    }

    .layout-full {
        width: 90% !important;
    }
}

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

    #color_block_customer_appointment {
        width:47px !important;
    }


    .side_bar_width{
        width:45%;
    }


    .color-block {
        width: 50px;
        height: 50px;
        content: '';
        display: inline-block;
    }



    .hidden-sm{
        display: none;
    }
    .display-xs {
        display: block!important;
    }

    .color-block {
        width: 30px;
        height: 30px;
        content: '';
        display: inline-block;
    }


    .skin-blue .main-header .logo {
        background-color: #fff;
       position: absolute;
       z-index: 99999;
       width:auto;
       left: 25%;
    }


    .fc-toolbar h2 {

        margin-left: 0px;
    }
    .responsive-dashboard-button {
        text-align: left ;
    }

    .overflow-scroll{
    overflow: scroll;
    }

    .responsive-mb10{
        margin-bottom: 10px !important;
    }

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

    .fc-center{
        margin:5px 0;
    }
    .responsive-align-footer{
        text-align:center;
    }
    .sidebar-menu {
        height: 85vh;
    }

    .disply-bar{
        display: block;
    }

    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #696969;
    }
    .sidebar-padding{
        padding: 10px ;
    }


    .checkbox-inline, .radio-inline {

        padding-left: 0px;
    }
    .radio-inline+.radio-inline {
        margin-left: 0px;
    }

    .responsive-input-margin {
        margin-bottom:10px;
    }

}

/*
 @media screen and (max-width: 1199px) and (min-width: 992px) {

    .invoice_client_name {
        width:10vw;
    }

    .invoice_tel {
        width:15vw;
    }

    .invoice_event_date  {
        width:34.5vw;
    }

    .invoice_height {
        width:4vw;
    }

    .invoice_weight {
        width:4vw;
    }
    .invoice_email  {
        width:20vw;
    }

    .invoice_address {
        width:36vw;
    }




    .deposit_paid_by {

        width:20vw;
    }

    .deposit_payment_method {
        width:7.1vw;
    }

    .deposit_security {
        width:13vw;

    }
    .deposit_total_refund {

        width:11.5vw;
    }

    .deposit_collect_by {
        width:14vw;
        margin-right:7vw;

    }

    .deposit_refund_by {
        width:12vw;
    }



    .payment_paid_by{
        width:21vw
    }


    .payment_payment_method{
        width:6vw
    }


    .payment_ringgit_malaysia_string{
        width:23vw;

    }

    .payment_ringgit_malaysia{
        width:7vw;
    }

    .payment_detail_of_payment{
        width:26.5vw;
    }

    .payment_sales_person{
        width:14vw;
        margin-right:4vw;
    }

    .payment_verified_by{
        width:14vw;
    }
  } */



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


    .invoice_client_name {
        width:12vw;
    }

    .invoice_tel {
        width:10vw;
    }

    .invoice_event_date  {
        width:30.5vw;
    }

    .invoice_height {
        width:4vw;
    }

    .invoice_weight {
        width:4vw;
    }
    .invoice_email  {
        width:14.5vw;
    }

    .invoice_address {
        width:32vw;
    }

    .deposit_paid_by {

        width:21vw;
    }

    .deposit_payment_method {
        width:10.5vw;
    }

    .deposit_security {
        width:14vw;

    }
    .deposit_total_refund {

        width:8.5vw;
    }

    .deposit_collect_by {
        width:14vw;
        margin-right:6vw;

    }

    .deposit_refund_by {
        width:10vw;
    }



    .payment_paid_by{
        width:18vw
    }


    .payment_payment_method{
        width:7vw
    }


    .payment_ringgit_malaysia_string{
        width:22vw;

    }

    .payment_ringgit_malaysia{
        width:12.5vw;
    }

    .payment_detail_of_payment{
        width:31.5vw;
    }

    .payment_sales_person{
        width:14vw;
        margin-right:2vw;
    }

    .payment_verified_by{
        width:12vw;
    }

  }


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

    .invoice_client_name {
        width:20vw;
    }


    .invoice_event_date  {
        width:40.5vw;
    }
    .invoice_email  {
        width:21.5vw;
    }

    .invoice_address {
        width:42vw;
    }

    .deposit_paid_by {
        width:26vw;
    }

    .deposit_total_refund {
        width:16vw;
    }


    .payment_payment_method{
        width:10vw
    }



    .payment_paid_by{
        width:23vw
    }

    .payment_ringgit_malaysia_string{
        width:30vw;

    }

    .payment_detail_of_payment{
        width:32.5vw;
    }

    .payment_sales_person{
        margin-right:13vw;
    }



    .deposit_collect_by {
        margin-right:15vw;

    }


    .responsive-dashboard-button {
        text-align: left ;
    }
    .r-mb10{
        margin-bottom: 10px;
    }
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
    display: none;
}