@media (max-width: 639px){
    .mobile-full-width{
        padding: 0;
    }
}
.text-white{
    color: #fff !important;
}
.text-dark{
    color: #333 !important;
}
.text-warning{
    color: #faa05a !important;
}
.text-white.uk-logo:hover,
.text-white.uk-logo:focus{
    color: #fff;
}
.uk-section-secondary a.text-white{
    color:#fff;
}
.text-medium{
    font-size: 1.2rem;
    font-weight: normal;
}

#global-nav.uk-modal{
    background-color: #333;
}
#global-nav .uk-modal-dialog{
    background-color: transparent;
}
#global-nav .uk-nav-primary > li > a{
    color: #fff;
    font-size: 2rem;
    display: inline-block;
}
#global-nav .uk-nav-primary > li.uk-active > a{
    color: #fff;/*bbb*/
}

#global-nav.uk-modal.work_style{
    background-color: #fff;
}
#global-nav.work_style .uk-modal-dialog{
    background-color: transparent;
}
#global-nav.work_style .uk-nav-primary > li > a{
    color: #636b6f;
    font-size: 2rem;
    display: inline-block;
}
#global-nav.work_style .uk-nav-primary > li.uk-active > a{
    color: #636b6f;/*84888a*/
}
#global-nav.work_style .text-white{
    color: #636b6f !important;
}

.uk-modal-close-full{
    background-color: transparent;
}

#sub-header{
    background-color: #999;
}

.company-list-item h4 a{
    color: #636b6f;
}
.company-list-item h4 a:hover{
    text-decoration: none;
    color: #84888a;
}



/**
  * Card
  */
.uk-card .uk-card-title{
    border-bottom: 2px solid #009874;
}
.uk-card h2{
    border-bottom: 2px solid #009874;
}
.uk-card .uk-card-title.update,
.uk-card .uk-card-title.success-line,
.success-line{
    border-bottom: 2px solid #9acd54;
}
.uk-card .uk-card-title.delete,
.uk-card .uk-card-title.danger,
.uk-card .uk-card-title.danger-line,
.danger-line{
    border-bottom: 2px solid #f0506e;
}
.uk-card .uk-card-title.warning,
.uk-card .uk-card-title.warning-line,
.warning-line{
    border-bottom: 2px solid #faa05a;
}
.uk-card .uk-card-title.no-line{
    border-bottom: none;
}
.title-text-line{
    border-bottom: 2px solid #009874;
}
.dark-line{
    border-bottom: 2px solid #343a40;
}







.button-show{
    color: #fff;
    background-color: #1e9cd7;/*a1887f*//*ffac59*/
    border: 1px solid transparent;
}
.button-create{
    color: #fff;
    background-color: #a1887f;/*a1887f*//*ffac59*//*f29438*//*f7bf19*/
    border: 1px solid transparent;
}
.button-update,
.button-update:active,
.button-update:focus,
.button-update:hover{
    color: #fff !important;
    background-color: #9acd54 !important;
    border: 1px solid transparent;
}
.button-light-bluegrey,
.button-light-bluegrey:active,
.button-light-bluegrey:focus,
.button-light-bluegrey:hover{
    color: #fff !important;
    background-color: #78909C !important;
    border: 1px solid transparent;
}

.button-delete{
    color: #fff;
    background-color: #f0506e;
    border: 1px solid transparent;
}

.button-index{
    color: #fff;
    background-color: #4DB6AC;
    border: 1px solid transparent;
}

.button-show:disabled,
.button-create:disabled,
.button-update:disabled,
.button-delete:disabled,
.button-index:disabled{
    background-color: transparent;
    color: #999;
    border-color: #e5e5e5;
}

.viewer-button{
    color:#999;/*636b6f*/
}
.icon-button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    line-height:1;
}
.icon-button-slim{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 5px;
    appearance: none;
    line-height:1;
}
.hidden-item{
    display:none;
}

.vertical-direction-button{
    margin: 0 0 0 0;
    border: solid 1.5px #e5e5e5;/*0*/
    border-radius: 3px;
    font-weight: 900;
    color: #009874;
    background-color: #f8f8f8;
    line-height: 1.0;
    width: 40px;
    height: 40px;
}
.vertical-direction-button:disabled{
    background-color: transparent;
    color: #e5e5e5;
    border-color: #e5e5e5;
}
.vertical-direction-button.up{
    margin-bottom: 5px;
}
.border-box{
    border: solid 2px #e5e5e5;
    border-radius: 5px;
    width:fit-content;
}
.border-lr{
    border-right: solid 2px #e5e5e5;
    border-left: solid 2px #e5e5e5;
}
.set-bg{
    overflow: hidden;
}
.bg-muted{
    background-color:#f8f8f8;
}
.bg-primary{
    color: #fff;
    background-color:#009874;
}
.margin-xs-bottom{
    margin-bottom: 5px;
}


.wide-scroll{
    overflow-y: scroll;
}
.wide-scroll table th,
.wide-scroll table td{
    white-space: nowrap;
}
.table-setting-items{
    width: inherit;
}
.table-setting-items thead th{
    padding-bottom:0;
    text-align: center;
}
.table-setting-items tbody{
    border: 1px solid #e5e5e5;
}
.wide-scroll table td.td-long-text{
    white-space: normal;
    word-break : break-all;
}
.word-break{
    word-break : break-all;
}
.column-fixed-table tr td:first-child{
    width: 65px;
}
@media screen and (max-width: 340px){
    .column-fixed-table tr td:first-child{
        width: 40px;
    }
}
.uk-table thead tr th{
    vertical-align:bottom;
}


.breadcrumbs-scroll{
    overflow-x: auto;
    flex-wrap: nowrap;
}
.confirm-page-label label{
    color: #999;
}

/**
  * Table
  */
.column-fixed-6{
    width: 100px;
}

.column-fixed-4c tr td:first-child{
    width: 48px;
}
.column-fixed-4c tr td:last-child{
    word-break : break-all;
}
@media (max-width: 639px){
    .column-fixed-4c tr td:first-child{
        width: 48px;
    }
}
@media (min-width: 640px){
    .column-fixed-4c tr td:first-child{
        width: 100px;
    }
}
.column-fixed-7c tr td:first-child{
    width: 68px;
}
.column-fixed-7c tr td:last-child{
    word-break : break-all;
}
@media (max-width: 639px){
    .column-fixed-7c tr td:first-child{
        width: 68px;
    }
}
@media (min-width: 640px){
    .column-fixed-7c tr td:first-child{
        width: 140px;
    }
}
@media (min-width: 960px){
    .company_single_view_split > *:first-child{
        padding-right:7px;
    }
    .company_single_view_split > *:last-child{
        padding-left:7px;
    }
    .column-fixed-7c tr td:first-child{
        width: 140px;
    }
}
.table-side-header-cell tr td:first-child{
    color: #888;
}
.inverse-table-side-header-cell tr td:first-child{
    color: #ddd;
}

.section-title{
    color: #fff !important;
    font-size: 1.3rem;
    line-height: 1.5;
    border-left: 3px solid #1e9cd7;
    padding-left: 6px;
}
.section-title.success{
    border-left: 3px solid #9acd54;
}
.section-title.danger{
    border-left: 3px solid #f0506e;
}



@media (max-width: 959px){
    .slide-panel-container{
        padding: 0;
    }
    .slide-panel-container .slide-panel-card-parent{
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
}
@media (max-width: 639px){
    .slide-panel-container{
        padding: 0;
    }
    .slide-panel-container .slide-panel-card-parent{
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
}
@media (min-width: 960px){
    .slide-panel-container{
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1280px){
    .slide-panel-container{
        max-width: 1220px;
    }
}

.button-margin-right-top{
    margin-top: 20px !important;
    margin-right: 20px !important;
}
.button-margin-right-bottom{
    margin-bottom: 20px !important;
    margin-right: 20px !important;
}
.button-margin-right-top.button-simple{
    color: #343a40;
    border-color: #343a40;
    background-color: inherit;
}
.button-update-toggle.button-simple.back{
    color: #fff;
    border-color: inherit;
    background-color: #343a40;
}
.button-margin-right-top.button-simple-dark{
    color: #fff;
    border-color: #fff;
    background-color: inherit;
}
.button-update-toggle.button-simple-dark.back{
    color: #343a40;
    border-color: inherit;
    background-color: #fff;
}

.company_single_view{
    border-radius: 0;
}

.dotnav-icons > li > a{
    color: #636b6f;
}
.dotnav-icons > li.uk-active > a{
    color: #1e9cd7;
}

.uk-offcanvas-bar.wide{
    width: 300px;
}
@media screen and (min-width: 640px){
    .uk-offcanvas-bar.wide{
        width: 450px;
    }
}
@media screen and (min-width: 340px){
    .app-nav-hidden{
        display: none;
    }
}
@media screen and (max-width: 340px){
    .uk-offcanvas-bar,
    .uk-offcanvas-bar.wide{
        width: 240px;
    }
}
@media screen and (max-width: 280px){
    .uk-offcanvas-bar,
    .uk-offcanvas-bar.wide{
        width: 220px;
    }
}
@media screen and (max-width: 240px){
    .uk-offcanvas-bar,
    .uk-offcanvas-bar.wide{
        width: 180px;
    }
}

.profile-image{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
@media screen and (min-width: 640px){
    .profile-image{
        width: 90px;
        height: 90px;
    }
}
@media screen and (min-width: 340px){
    .profile-image{
        width: 80px;
        height: 80px;
    }
}
.profile-image-icon{
    width:50px;
    height: 50px;
    object-fit: cover;
}
/*@media screen and (min-width: 640px){
    .profile-image-icon{
        width: 90px;
        height: 90px;
    }
}
@media screen and (min-width: 340px){
    .profile-image-icon{
        width: 80px;
        height: 80px;
    }
}
*/

/*Add Extra Components*/
.switch,
.switch.bg_is_dark{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: rgba(242, 242, 242, 0.1);
    border-radius: 20px;
    transition: all 0.3s;
}
.switch.bg_is_light {
    background-color: rgba(0, 0, 0, 0.25);
}
.switch::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius:50%;
    background-color: white;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
}

.switch_checkbox:checked + .switch::after {
    left : 20px;
}
.switch_checkbox:checked + .switch {
    background-color: #9acd54;
}
.switch_checkbox {
    display : none;
}
.switch_checkbox_container{
    margin-top: 5px;
}
input[type="datetime-local"].uk-input,
input[type="date"].uk-input,
input[type="time"].uk-input{
    padding-top:7px;
    vertical-align:middle;
}
input[type="datetime-local"].uk-input.uk-form-small,
input[type="date"].uk-input.uk-form-small,
input[type="time"].uk-input.uk-form-small{
    padding-top:0;
    vertical-align:middle;
}
@media screen and (max-width: 480px){
    .contact_log_edit_modal .uk-modal-body{
        padding:0;
    }
    .contact_log_edit_modal .uk-card{
        margin: 0 !important;
        border-radius:0;
        box-shadow:none;
    }
}
@media screen and (max-width: 639px){
    #company-detail-viewer-mobile .card-body-contact_log{
        padding: 15px 10px;
    }
    #company-detail-viewer-mobile .card-body-contact_log .uk-card-title{
        font-size: 16px;
        margin-top:0 !important;
    }
    #company-detail-viewer-mobile .card-body-contact_log .uk-label{
        font-size: 12px;
    }
}

/**
  * Color label, Color-line
  *
  * light:400
  * dark :800
  */
  .color-line-light-red{
    border-bottom: 2px solid #ef5350 !important;
}
.color-label-light-red{
    background-color: #ef5350 !important;
    color: #fff !important;
}
.color-line-dark-red{
    border-bottom: 2px solid #c62828 !important;
}
.color-label-dark-red{
    background-color: #c62828 !important;
    color: #fff !important;
}
.color-line-light-pink{
    border-bottom: 2px solid #ec407a !important;
}
.color-label-light-pink{
    background-color: #ec407a !important;
    color: #fff !important;
}
.color-line-dark-pink{
    border-bottom: 2px solid #ad1457 !important;
}
.color-label-dark-pink{
    background-color: #ad1457 !important;
    color: #fff !important;
}
.color-line-light-purple{
    border-bottom: 2px solid #ab47bc !important;
}
.color-label-light-purple{
    background-color: #ab47bc !important;
    color: #fff !important;
}
.color-line-dark-purple{
    border-bottom: 2px solid #6a1b9a !important;
}
.color-label-dark-puple{
    background-color: #6a1b9a !important;
    color: #fff !important;
}
.color-line-light-deeppurple{
    border-bottom: 2px solid #7e57c2 !important;
}
.color-label-light-deeppurple{
    background-color: #7e57c2 !important;
    color: #fff !important;
}
.color-line-dark-deeppurple{
    border-bottom: 2px solid #4527a0 !important;
}
.color-label-dark-deeppuple{
    background-color: #4527a0 !important;
    color: #fff !important;
}
.color-line-light-indigo{
    border-bottom: 2px solid #5c6bc0 !important;
}
.color-label-light-indigo{
    background-color: #5c6bc0 !important;
    color: #fff !important;
}
.color-line-dark-indigo{
    border-bottom: 2px solid #283593 !important;
}
.color-label-dark-indigo{
    background-color: #283593 !important;
    color: #fff !important;
}
.color-line-light-blue{
    border-bottom: 2px solid #42a5f5 !important;
}
.color-label-light-blue{
    background-color: #42a5f5 !important;
    color: #fff !important;
}
.color-line-dark-blue{
    border-bottom: 2px solid #1565c0 !important;
}
.color-label-dark-blue{
    background-color: #1565c0 !important;
    color: #fff !important;
}
.color-line-light-lightblue{
    border-bottom: 2px solid #29b6f6 !important;
}
.color-label-light-lightblue{
    background-color: #29b6f6 !important;
    color: #fff !important;
}
.color-line-dark-lightblue{
    border-bottom: 2px solid #0277bd !important;
}
.color-label-dark-lightblue{
    background-color: #0277bd !important;
    color: #fff !important;
}
.color-line-light-cyan{
    border-bottom: 2px solid #26c6da !important;
}
.color-label-light-cyan{
    background-color: #26c6da !important;
    color: #fff !important;
}
.color-line-dark-cyan{
    border-bottom: 2px solid #00838f !important;
}
.color-label-dark-cyan{
    background-color: #00838f !important;
    color: #fff !important;
}
.color-line-light-teal{
    border-bottom: 2px solid #26A69A !important;
}
.color-label-light-teal{
    background-color: #26A69A !important;
    color: #fff !important;
}
.color-line-dark-teal{
    border-bottom: 2px solid #00695c !important;
}
.color-label-dark-teal{
    background-color: #00695c !important;
    color: #fff !important;
}
.color-line-light-green{
    border-bottom: 2px solid #66bb6a !important;
}
.color-label-light-green{
    background-color: #66bb6a !important;
    color: #fff !important;
}
.color-line-dark-green{
    border-bottom: 2px solid #2e7D32 !important;
}
.color-label-dark-green{
    background-color: #2e7D32 !important;
    color: #fff !important;
}
.color-line-light-lightgreen{
    border-bottom: 2px solid #9ccc65 !important;
}
.color-label-light-lightgreen{
    background-color: #9ccc65 !important;
    color: #fff !important;
}
.color-line-dark-lightgreen{
    border-bottom: 2px solid #558b2f !important;
}
.color-label-dark-lightgreen{
    background-color: #558b2f !important;
    color: #fff !important;
}
.color-line-light-lime{
    border-bottom: 2px solid #d4e157 !important;
}
.color-label-light-lime{
    background-color: #d4e157 !important;
    color: #333 !important;
}
.color-line-dark-lime{
    border-bottom: 2px solid #9e9d24 !important;
}
.color-label-dark-lime{
    background-color: #9e9d24 !important;
    color: #333 !important;
}
.color-line-light-yellow{
    border-bottom: 2px solid #ffee58 !important;
}
.color-label-light-yellow{
    background-color: #ffee58 !important;
    color: #333 !important;
}
.color-line-dark-yellow{
    border-bottom: 2px solid #f9a825 !important;
}
.color-label-dark-yellow{
    background-color: #f9a825 !important;
    color: #333 !important;
}

.color-line-light-amber{
    border-bottom: 2px solid #ffca28 !important;
}
.color-label-light-amber{
    background-color: #ffca28 !important;
    color: #333 !important;
}
.color-line-dark-amber{
    border-bottom: 2px solid #ff8f00 !important;
}
.color-label-dark-amber{
    background-color: #ff8f00 !important;
    color: #333 !important;
}

.color-line-light-orange{
    border-bottom: 2px solid #ffa726 !important;
}
.color-label-light-orange{
    background-color: #ffa726 !important;
    color: #333 !important;
}
.color-line-dark-orange{
    border-bottom: 2px solid #ef6c00 !important;
}
.color-label-dark-orange{
    background-color: #ef6c00 !important;
    color: #fff !important;
}
.color-line-light-deeporange{
    border-bottom: 2px solid #ff7043 !important;
}
.color-label-light-deeporange{
    background-color: #ff7043 !important;
    color: #fff !important;
}
.color-line-dark-deeporange{
    border-bottom: 2px solid #d84315 !important;
}
.color-label-dark-deeporange{
    background-color: #d84315 !important;
    color: #fff !important;
}
.color-line-light-brown{
    border-bottom: 2px solid #8d6e63 !important;
}
.color-label-light-brown{
    background-color: #8d6e63 !important;
    color: #fff !important;
}
.color-line-dark-brown{
    border-bottom: 2px solid #4e342e !important;
}
.color-label-dark-brown{
    background-color: #4e342e !important;
    color: #fff !important;
}

.color-line-light-gray{
    border-bottom: 2px solid #bdbdbd !important;
}
.color-label-light-gray{
    background-color: #bdbdbd !important;
    color: #333 !important;
}
.color-line-dark-gray{
    border-bottom: 2px solid #424242 !important;
}
.color-label-dark-gray{
    background-color: #424242 !important;
    color: #fff !important;
}
.text-light-bluegrey{
    color:#78909C !important;
}
.color-line-light-bluegrey{
    border-bottom: 2px solid #78909C !important;
}
.color-label-light-bluegrey{
    background-color: #78909C !important;
    color: #fff !important;
}
.color-line-dark-bluegrey{
    border-bottom: 2px solid #37474F !important;
}
.color-label-dark-bluegrey{
    background-color: #37474F !important;
    color: #fff !important;
}