/* here you can put your own css to customize and override the theme */
/* MARGINS & PADDINGS */
.p-t-none {
    padding-top: 0;
}
.p-l-none {
    padding-left: 0;
}
.p-r-none {
    padding-right: 0;
}
.p-b-none {
    padding-bottom: 0;
}
.p-b-xs {
    padding-bottom: 10px;
}
.p-xxs {
    padding: 5px;
}
.p-xs {
    padding: 10px;
}
.p-sm {
    padding: 15px;
}
.p-m {
    padding: 20px;
}
.p-md {
    padding: 25px;
}
.p-lg {
    padding: 30px;
}
.p-xl {
    padding: 40px;
}
.p-w-xs {
    padding: 0 10px;
}
.p-w-sm {
    padding: 0 15px;
}
.p-w-m {
    padding: 0 20px;
}
.p-w-md {
    padding: 0 25px;
}
.p-w-lg {
    padding: 0 30px;
}
.p-w-xl {
    padding: 0 40px;
}
.m-xxs {
    margin: 2px 4px;
}
.m-xs {
    margin: 5px;
}
.m-sm {
    margin: 10px;
}
.m {
    margin: 15px;
}
.m-md {
    margin: 20px;
}
.m-lg {
    margin: 30px;
}
.m-xl {
    margin: 50px;
}
.m-n {
    margin: 0 !important;
}
.m-l-none {
    margin-left: 0;
}
.m-l-xs {
    margin-left: 5px;
}
.m-l-sm {
    margin-left: 10px;
}
.m-l {
    margin-left: 15px;
}
.m-l-md {
    margin-left: 20px;
}
.m-l-lg {
    margin-left: 30px;
}
.m-l-xl {
    margin-left: 40px;
}
.m-l-n-xxs {
    margin-left: -1px;
}
.m-l-n-xs {
    margin-left: -5px;
}
.m-l-n-sm {
    margin-left: -10px;
}
.m-l-n {
    margin-left: -15px;
}
.m-l-n-md {
    margin-left: -20px;
}
.m-l-n-lg {
    margin-left: -30px;
}
.m-l-n-xl {
    margin-left: -40px;
}
.m-t-none {
    margin-top: 0;
}
.m-t-xxs {
    margin-top: 1px;
}
.m-t-xs {
    margin-top: 5px;
}
.m-t-sm {
    margin-top: 10px;
}
.m-t {
    margin-top: 15px;
}
.m-t-md {
    margin-top: 20px;
}
.m-t-lg {
    margin-top: 30px;
}
.m-t-xl {
    margin-top: 40px;
}
.m-t-n-xxs {
    margin-top: -1px;
}
.m-t-n-xs {
    margin-top: -5px;
}
.m-t-n-sm {
    margin-top: -10px;
}
.m-t-n {
    margin-top: -15px;
}
.m-t-n-md {
    margin-top: -20px;
}
.m-t-n-lg {
    margin-top: -30px;
}
.m-t-n-xl {
    margin-top: -40px;
}
.m-r-none {
    margin-right: 0;
}
.m-r-xxs {
    margin-right: 1px;
}
.m-r-xs {
    margin-right: 5px;
}
.m-r-sm {
    margin-right: 10px;
}
.m-r {
    margin-right: 15px;
}
.m-r-md {
    margin-right: 20px;
}
.m-r-lg {
    margin-right: 30px;
}
.m-r-xl {
    margin-right: 40px;
}
.m-r-n-xxs {
    margin-right: -1px;
}
.m-r-n-xs {
    margin-right: -5px;
}
.m-r-n-sm {
    margin-right: -10px;
}
.m-r-n {
    margin-right: -15px;
}
.m-r-n-md {
    margin-right: -20px;
}
.m-r-n-lg {
    margin-right: -30px;
}
.m-r-n-xl {
    margin-right: -40px;
}
.m-b-none {
    margin-bottom: 0;
}
.m-b-xxs {
    margin-bottom: 1px;
}
.m-b-xs {
    margin-bottom: 5px;
}
.m-b-sm {
    margin-bottom: 10px;
}
.m-b {
    margin-bottom: 15px;
}
.m-b-md {
    margin-bottom: 20px;
}
.m-b-lg {
    margin-bottom: 30px;
}
.m-b-xl {
    margin-bottom: 40px;
}
.m-b-n-xxs {
    margin-bottom: -1px;
}
.m-b-n-xs {
    margin-bottom: -5px;
}
.m-b-n-sm {
    margin-bottom: -10px;
}
.m-b-n {
    margin-bottom: -15px;
}
.m-b-n-md {
    margin-bottom: -20px;
}
.m-b-n-lg {
    margin-bottom: -30px;
}
.m-b-n-xl {
    margin-bottom: -40px;
}
.space-15 {
    margin: 15px 0;
}
.space-20 {
    margin: 20px 0;
}
.space-25 {
    margin: 25px 0;
}
.space-30 {
    margin: 30px 0;
}

.login .content .forget-form, .login .content .register-form {
    display: block
}

.dashboard-stat2-no-padding {
    padding: 0;
}

.checkbox-style {
    padding-left: 20px !important;
}
.page-spinner-bar{
    margin-left:0;
    position: inherit;
}
.intro {
    margin-top: 5em;
}
.intro .intro-image {
    height:100%; max-height: 300px;width: auto;
}
.inline-block {
    display: inline-block !important;
}

#notification-call-reminder ul.call-reminder {
    min-width: 350px;
    max-height: 450px;
    overflow-y: auto
}
.call-reminder li.remind-item {
    border-bottom: 1px solid #a7abb2;
    padding: 5px;
}
.call-reminder li.remind-item:hover{
    background-color: #fdfdfd;
}
.remind-item .cr-left h3 {
    margin-top: 10px;
}
.remind-item .cr-item {
    display: block;
    clear: both;
}
.remind-item .cr-item:after {
    clear: both;
}
.remind-item .cr-left {
    width: 35%;
    float: left;
    text-align: center;
}
.remind-item .cr-left a {
    font-size: xx-large;
    text-align: center;
}
.remind-item .cr-right {
    width: 65%;
    float: left;
}

.ic-element-list .list-default.ic-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 0;
}
.ic-element-list .list-default.ic-list-head {
    padding: 10px 15px;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    background: #eee;
}
.ic-element-list .list-default.ic-list-container ul {
    margin-bottom: 0;
    padding: 0;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item {
    list-style: none;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px;
    position: relative;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item:last-child {
    border: none;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item:hover {
    background-color: #f9fafb;
    cursor: pointer;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item.active {
    background-color: #f3f4f6;
}
.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-icon-container {
    font-size: 14px;
    float: left;
    width: 75px;
}
.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-icon-container a {
    color: #34495e;
    text-decoration: none;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-icon-container a:hover {
    color: #26C281;
    text-decoration: none;
}
.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-item-content {
    padding: 0 75px 0 60px;
}
.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-item-content > h3 {
    margin: 0;
    font-size: 14px;
}
.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-item-content > a {
    color: #34495e;
    text-decoration: none;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-item-content > a:hover {
    color: #26C281;
    text-decoration: none;
}

.ic-element-list .list-default.ic-list-container ul > .ic-list-item > .list-right-col {
    text-align: right;
    float: right;
    width: 60px;
}
/*  list tickets */
.ic-element-list .list-default.list-tickets.ic-list-container ul > .ic-list-item:first-child {
    border-top: 1px solid;
    border-color: #e7ecf1;
}

.ic-element-list .list-default.list-tickets.ic-list-container ul > .ic-list-item > .list-right-col {
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
}

.ic-element-list .list-default.list-tickets.ic-list-container ul > .ic-list-item > .list-item-content {
    padding: 0 25px 10px 0;
}
.ic-element-list .list-tickets.list-tickets.ic-list-container ul > .ic-list-item > .list-icon-container {
    font-size: 20px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
}
.ic-element-list .list-default.list-tickets.ic-list-container ul > .ic-list-item > .list-item-footer {
    padding-bottom: 15px;
}
/*  list orders */
.ic-element-list .list-default.list-orders.ic-list-head {
    padding: 10px 15px;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    color: #327ad5;
    background-color: #e0ebf9;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item {
    min-height: 110px;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item > .list-icon-container {
    float: left;
    width: 80px;
    height: 80px;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item > .list-icon-container > .list-icon {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item > .list-item-content {
    padding: 0 110px 0 95px;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item > .list-item-content .product-price {
    margin: 5px 0;
}
.ic-element-list .list-default.list-orders.ic-list-container ul > .ic-list-item > .list-right-col {
    font-size: 12px;
    width: 110px;
}
/* ticket detail */
.ic-ticket-caption, .ic-ticket-rating {
    border-bottom: 1px solid;
    border-color: #e7ecf1;
}

.ic-ticket-rating {
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding-bottom: 10px;
}

.ic-message {
    position: relative;
}

.ic-message p {
    margin: 10px 0;
}

.ic-message-status {
    padding-top: 3px;
}

.ic-message-body p {
    margin: 0;
    font-size: 13px;
}

.ic-message-body p:last-child {
    margin-bottom: 0;
}

.ic-message-body {
    padding: 15px 30px 15px 15px;
    border-left: 4px solid #eee;
    border-radius: 0 4px 4px 0;
}

.ic-message-body.message-success {
    background-color: #c0edf1;
    border-color: #58d0da;
    color: #000;
}

.ic-message-body.message-info {
    background-color: #f5f8fd;
    border-color: #8bb4e7;
    color: #010407;
}

.ic-message-body.message-warning {
    background-color: #faeaa9;
    border-color: #f3cc31;
    color: #000;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.ic-tasklist-date {
    color: #637b89 !important;
    margin-right: 12px;
}

.ic-comment-username {
    font-size: 14px;
    color: #2b4a5c;
    font-weight: 600;
}

.ic-comment-date, .ic-comment-file {
    font-size: 12px;
    color: #2b4a5c;
    font-weight: 400;
}

#notification-list_container li ul li a {
    padding-bottom: 25px;
}

#notification-list_container li ul li a:hover {
    text-decoration: none;
}

#notification-list_container li ul li a .time {
    float: left;
    max-width:200px;
    background: none;
}
.date-picker > div {
    display: block !important;
}

.react-datepicker {
    font-size: 1.3rem !important;
}

.react-datepicker__current-month {
    font-size: 1.5rem !important;
}

.react-datepicker__header {
    padding-top: 6px !important;
}

.react-datepicker__navigation {
    top: 13px !important;
}

.react-datepicker__day-name, .react-datepicker__day {
    margin: 0.5rem !important;
}

#switch-language {
    height: 30px;
    margin-top: -4px;
}

.ic-repayment {
    font-size: 14px;
}
.ic-repayment .ic-repayment-title {
}
.ic-repayment .ic-repayment-body .ic-repayment-row {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    display: table;
    width: 100%;
}

.ic-repayment .ic-repayment-body .ic-repayment-row > .ic-repayment-period {
    display: table-cell;
    width: 20%;
}
.ic-repayment .ic-repayment-body .ic-repayment-row > .ic-repayment-content {
    display: table-cell;
    width: 50%;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-header {
    font-weight: 600;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item > .ic-repayment-content:before {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    background-color: #333;
    top: 0;
    bottom: 0;
    margin-left: 5px;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item.complete > .ic-repayment-content:before {
    background-color: #26C281;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item.partial > .ic-repayment-content:before {
    background-color: #f9e491;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item.delay > .ic-repayment-content:before {
    background-color: #ed6b75;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item:nth-child(2) > .ic-repayment-content:before {
    margin-top: 15px;
}
.ic-repayment .ic-repayment-body .ic-repayment-row.ic-row-item:last-child > .ic-repayment-content:before {
    margin-bottom: 15px;
}
.ic-repayment .ic-repayment-body .ic-repayment-row > .ic-repayment-content > .ic-repayment-icon {
    display: inline-block;
    position: absolute;
    width: 20px;
}
.ic-repayment .ic-repayment-body .ic-repayment-row > .ic-repayment-content > .ic-repayment-principle {
    display: inline-block;
    padding-left: 20px;
}
.ic-repayment .ic-repayment-body .ic-repayment-row > .ic-repayment-paid {
    display: table-cell;
    width: 30%;
}
@media (max-width: 767px) {
    .ic-ticket-devider {
        display: block;
        height: 20px;
        margin: 20px -10px;
        background: #F1F3FA;
    }
    .ic-orders-devider {
        display: block;
        height: 2px;
        margin: 20px -10px;
        background: #F1F3FA;
    }
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.footer {
    background: #eaedf2 !important;
}

.notify-time {
    background: white !important;
    padding: 0px;
    max-width: 150px !important;
}

.notify-mark-as-read-btn {
    border: 0 !important;
    background: white !important;
    padding: 0px !important;
    float: right;
}

.notify-item {
    padding: 12px !important;
    min-height: 65px !important;
}

.notify-item-list {
    max-width: 350px !important;
    width: 350px !important;
    height: auto !important;
}

.slimScrollDiv {
    height: auto !important;
}

.scroller-notify {
    height: 390px !important;
}