.w-box {
    width: 600px;
}

.image-notification {
    width: 480px;
    height: 720px;
}

label,
span,
p,
b {
    line-height: 1.5 !important;
}

.image-pet {
    width : 260px;
    height: 170px;
}

.logo-newsmart {
    width : 320px;
    height: 80px;
}

.form-custom {
    width    : 100%;
    max-width: 580px;
    margin   : 0 auto;
}

.form-login {
    width    : 100%;
    max-width: 480px;
    margin   : 0 auto;
}

.hideRadio::before {
    display: none;
}

.hideRadio::after {
    display: none;
}

.hideRadio {
    display: none;
}

.display-contents {
    display: contents !important;
}

.position-absolute {
    position: absolute !important;
}

label,
span,
p,
b {
    line-height: 1.38 !important;
}

.pointer {
    cursor: pointer;
}

.dropdown-menu>a {
    line-height: 1.15 !important;
}

.multiselect-custom ul {
    display           : block;
    max-height        : 270px;
    overflow-y        : auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.multiselect-custom {
    position: absolute;
    top     : 41px !important;
}

.sidebar .has-sub>a.active {
    border          : solid 1px #e9ecef;
    position        : relative;
    border-radius   : 8px;
    background-color: #f4f5f6;
}

.sidebar .has-sub>a:hover {
    font-weight: bold;
}

.p-l-40 {
    padding-left: 40px;
}

.padding-modal {
    padding-left : 32px;
    padding-right: 32px;
}

.f-s-32 {
    font-size: 32px;
}

.split {
    border-bottom: solid 1px #ced4da;
    padding-top  : 32px;
}

input {
    border       : solid 1.5px #b7b7b7 !important;
    border-radius: 8px !important;
}

.input-error {
    border: solid 1.5px #f95355 !important;
}

.w-10 {
    width: 10%;
}

.w-75 {
    width: 10%;
}

.w-15 {
    width: 10%;
}

.w-80x {
    width: 80px;
}

.ov-table {
    overflow: auto;
}

.border-pagelink {
    border          : 1px solid #ced4da;
    background-color: #ffffff;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.p-form {
    padding: 48px 48px 16px 48px;
}

.icon {
    width : 32px;
    height: 32px;
}

.icon-24 {
    width : 24px;
    height: 24px;
}

.icon-20 {
    width : 20px;
    height: 20px;
}

.active-box-select {
    border          : solid 3px #1bb89a;
    background-color: #1bb89a;
    color           : #ffffff;
    stroke          : #ffffff;
}

.remove-border {
    border-radius: 0% !important;
}

.icon-dialog {
    width : 64px;
    height: 64px;
}

.top-0 {
    top: 0 !important;
}

.logo-menu {
    width : 240px;
    height: 80px;
}

.header-section {
    margin-left: 300px;
}

.custom-select:focus {
    box-shadow: none;
}

.h-min-box {
    min-height: 600px;
}

.h-auto {
    height: auto;
}

.m-h-360 {
    min-height: 360px;
}

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

.bd-table-x {
    border-top   : 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
}

.line-height-terms {
    line-height: 1.7;
}

.bd-table-y {
    border-left : 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
}

.f-s-28 {
    font-size: 28px;
}

.w-160px {
    width: 160px;
}

.w-128px {
    width: 128px;
}

.w-300px {
    width: 300px;
}

.rm-border-sidebar {
    border-right: none;
}

.logo-account {
    width : 240px;
    height: 80px;
}

.border-select {
    border       : solid 1.5px #ced4da !important;
    border-radius: 10px !important;
}

.rm-bd-left {
    border-left: 0rem !important;
}

.rm-bd-right {
    border-right: 0rem !important;
}

.rm-bd-rds {
    border-radius: 0rem !important;
}

.w-320px {
    width: 320px;
}

.icon-calender {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    width    : 20px;
    right    : 56px;
    z-index  : 20;
}

.icon-form-calender {
    position : absolute;
    top      : 56%;
    transform: translateY(-50%);
    width    : 20px;
    right    : 32px;
    z-index  : 20;
}

.icon-single-calender {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    width    : 20px;
    right    : 16px;
    z-index  : 20;
}

footer {
    position        : relative;
    height          : auto;
    background-color: #2c3e50;
    color           : #ffffff;
    padding         : 12px 0;
    z-index         : 3100;
    clear           : both;
    width           : 100%;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.fixedfooter {
    position: fixed !important;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.hyper-links:hover {
    color          : #ffffff;
    text-decoration: none;
}

.input-group-right {
    margin-right: -1px;
}

.input-group>.input-group-right>.btn {
    border-top-left-radius   : 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.text-input {
    position  : absolute;
    right     : 32px;
    top       : 40px;
    margin-top: 4px;
}

.pd-12 {
    padding: 12px;
}

.bgSizeContain {
    background         : url('../images/img_wellcome_mask.jpg');
    background-size    : cover;
    background-position: center top;
    height             : 640px;
    background-repeat  : no-repeat;
}

.img-group {
    width : auto;
    height: 88px;
}

.section-3 {
    background-color: #1bb89a;
    color           : #ffffff;
}

.custom-margin-carousel {
    margin: auto;
}

.w-40p {
    width: 40% !important;
}

.display-input {
    display: initial !important;
}

.w-select-150 {
    min-width: 150px !important;
}

.w-select-200 {
    min-width: 200px !important;
}

.w-select-250 {
    min-width: 250px !important;
}			   
.table-condensed>thead>tr, .table-condensed>tbody>tr {
    height: auto !important;
    line-height: 1.5;
}

.table-condensed>thead>tr>td, .table-condensed>tbody>tr>td {
    padding: 0px !important;
    vertical-align: middle !important;
}

.daterange {
    padding-right: 40px;
}

.mt-box {
    margin-top: 48px;
}

.flex-content-box {
    justify-content: flex-end !important;
}

@media (min-width: 991px) {
    .image-notification {
        width: 480px;
        height: 720px;
    }

    .w-box {
        width: 600px;
    }

    .image-pet {
        width : 260px;
        height: 170px;
    }

    .p-form {
        padding: 48px 48px 16px 48px;
    }

    .image-login {
        width : 420px;
        height: auto;
    }

    .f-s-lg {
        font-size: 32px;
    }

    .f-s-sm {
        font-size: 24px;
    }

    .position-logo {
        text-align  : left !important;
        padding-left: 32px;
    }

    .margin-form-login {
        margin: 1.5rem !important;
    }

    .ml-sidebar {
        margin-left: 1.5rem;
    }

    .m-w-660px {
        max-width: 660px !important;
    }

    .padding-highlight {
        padding: 160px 48px 32px 48px;
    }

    .f-s-bigger {
        font-size: 56px;
    }

    .f-s-small {
        font-size: 32px;
    }

    .img-group-5 {
        width : 500px;
        height: auto;
    }

    .position-input-group {
        display: flex !important;
        justify-content: end !important;
    }

    .table-width {
        width: 100%;
    }

    .mt-box {
        margin-top: 42px;
    }

	.mt-box-24 {
        margin-top: 24px;
    }		
    .flex-content-box {
        justify-content: flex-end !important;
    }
}

@media (max-width: 991px) {
    .image-notification {
        width: 480px;
        height: 720px;
    }

    .w-box {
        width: 600px;
    }

    .image-pet {
        width : 260px;
        height: 170px;
    }

    .p-form {
        padding: 48px 48px 16px 48px;
    }

    .image-login {
        width : 400px;
        height: 200px;
    }

    .f-s-lg {
        font-size: 24px;
    }

    .f-s-sm {
        font-size: 16px;
    }

    .position-logo {
        text-align  : left !important;
        padding-left: 32px;
    }

    .margin-form-login {
        margin: 1.5rem !important;
    }

    .ml-sidebar {
        margin-left: 0rem;
    }

    .m-w-660px {
        max-width: 660px !important;
    }

    .padding-highlight {
        padding: 48px 48px 32px 48px;
    }

    .f-s-bigger {
        font-size: 56px;
    }

    .f-s-small {
        font-size: 24px;
    }

    .img-group-5 {
        width : 500px;
        height: auto;
    }

    .position-input-group {
        display: flex !important;
        justify-content: end !important;
    }

    .table-width {
        width: 100%;
    }

    .mt-box {
        margin-top: 70px;
    }

	.mt-box-24 {
        margin-top: 24px;
    }			
    .flex-content-box {
        margin-top: 8px;
        justify-content: flex-start !important;
    }
}

@media (max-width: 769px) {

    .image-notification {
        width: 480px;
        height: 720px;
    }

    .w-box {
        width: 500px;
    }

    .image-pet {
        width : 260px;
        height: 170px;
    }

    .p-form {
        padding: 48px 48px 16px 48px;
    }

    .image-login {
        width : 300px;
        height: 150px;
    }

    .position-logo {
        text-align  : left !important;
        padding-left: 32px;
    }

    .margin-form-login {
        margin: 1.5rem !important;
    }

    .ml-sidebar {
        margin-left: 0rem;
    }

    .m-w-660px {
        max-width: 660px !important;
    }

    .padding-highlight {
        padding: 48px 32px 32px 32px;
    }

    .f-s-bigger {
        font-size: 48px;
    }

    .f-s-small {
        font-size: 24px;
    }

    .img-group-5 {
        width : 320px;
        height: auto;
    }

    .position-input-group {
        display: flex !important;
        justify-content: end !important;
    }

    .table-width {
        width: 100%;
    }

    .mt-box {
        margin-top: 80px;
    }

	.mt-box-24 {
        margin-top: 24px;
    }			
    .flex-content-box {
        margin-top: 8px;
        justify-content: flex-start !important;
    }
}

@media (max-width: 575px) {
    .image-notification {
        width: 360px;
        height: 600px;
    }

    .w-box {
        width: auto;
    }

    .image-pet {
        width : 230px;
        height: 150px;
    }

    .col-sm-6 {
        width: 50%;
    }

    .p-form {
        padding: 32px 32px 16px 32px;
    }

    .sw-button {
        padding-bottom: 16px;
    }

    .image-login {
        width : 300px;
        height: 150px;
    }

    .hide-mobile {
        display: none !important;
    }

    .position-logo {
        text-align: center !important;
    }

    .margin-form-login {
        margin: 0rem !important;
    }

    .ml-sidebar {
        margin-left: 0px;
    }

    .m-r-calendar {
        margin-top   : 32px;
        margin-bottom: 32px;
    }

    .pr-0 {
        padding-right: 0px !important;
    }

    .box-form {
        border-radius: 24px 24px 0px 0px !important;
    }

    .padding-highlight {
        padding: 24px 16px 24px 16px;
    }

    .f-s-bigger {
        font-size: 24px;
    }

    .f-s-small {
        font-size: 16px;
    }

    .img-group-5 {
        width : 240px;
        height: auto;
    }

    .position-input-group {
        display: unset !important;
        justify-content: unset !important;
    }

    .button-width-responsive {
        margin-top: 10px;
    }

    .mt-box {
        margin-top: 16px;
    }

    .flex-content-box {
        margin-top: 8px;
        justify-content: flex-start !important;
    }

    .btn-ml-custom {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 330px) {
    .image-notification {
        width: 360px;
        height: 600px;
    }

    .w-box {
        width: auto;
    }

    .image-pet {
        width : 200px;
        height: 130px;
    }

    .p-form {
        padding: 32px 32px 16px 32px;
    }

    .sw-button {
        padding-bottom: 16px;
    }

    .image-login {
        width : 300px;
        height: 150px;
    }

    .position-logo {
        text-align: center !important;
    }

    .margin-form-login {
        margin: 0rem !important;
    }

    .ml-sidebar {
        margin-left: 0px;
    }

    .m-r-calendar {
        margin-top   : 32px;
        margin-bottom: 32px;
    }

    .pr-0 {
        padding-right: 0px !important;
    }

    .box-form {
        border-radius: 24px 24px 0px 0px !important;
    }

    .padding-highlight {
        padding: 24px 16px 24px 16px;
    }

    .f-s-bigger {
        font-size: 24px;
    }

    .f-s-small {
        font-size: 16px;
    }

    .img-group-5 {
        width : 240px;
        height: auto;
    }

    .position-input-group {
        display: unset !important;
        justify-content: unset !important;
    }

    .button-width-responsive {
        margin-top: 10px;
    }

    .mt-box {
        margin-top: unset;
    }

    .flex-content-box {
        margin-top: 8px;
        justify-content: flex-start !important;
    }
}