/*** FONTS ***/

@font-face {
  font-family: Roboto-Condensed-Light;
  src: url(fonts/Roboto_Condensed/RobotoCondensed-Light.ttf);
}

@font-face {
    font-family: Roboto-Condensed;
    src: url(fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf);
}

@font-face {
    font-family: Roboto-Condensed-Bold;
    src: url(fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}

/*** OVERALL ***/
.only-mobile { display: none;}
.only-mobile-inline { display: none;}

@media (max-width: 991.98px) {
	.no-mobile { display:none;}
	.only-mobile { display: block;}
	.only-mobile-inline { display: inline;}
}

/*** COLORS ***/
.text-white { color: #FFF;}
.text-red { color: #de1e35;}
.text-pink { color: #FFE4DF;}
.text-green { color: #0c534c;}
.text-blue { color: #237598;}

.bg-white { background: #FFF;}
.bg-red { background: #de1e35;}
.bg-pink { background: #FFE4DF;}
.bg-green { background: #0c534c;}
.bg-blue { background: #237598;}

.bg-light-gray { background: #e5e5e5;}
.bg-light-green { background: #f1f3f4;}
.bg-light-blue { background: #CAF7FF;}


.btn-success {
	background: #0c534c !important;
	border: 1px solid #0c534c;
}

.btn-success:hover {
	background: #24755D !important;
	border: 1px solid #24755D;
}

.btn-primary {
    background: #237598 !important;
	border: 1px solid #237598;
}

.btn-primary:hover {
    background: #62A9CE !important;
	border: 1px solid #62A9CE;
}

.btn-danger {
    background: #de1e35 !important;
	border: 1px solid #de1e35;
}

.btn-danger:hover {
    background: #FF464D !important;
	border: 1px solid #FF464D;
}

.form-check-input:checked {
    background-color: #237598;
    border-color: #237598;
}

/***HEADINGS***/
h1 {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 19px;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
}

h3 { 
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 19px;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
}

/*** PAGE FRONTPAGE ***/
.page-admin-frontpage {
    padding: 0px 50px 0px 50px;
}

/*** ADMIN SIDE MENU ***/
.admin-side-menu {
    min-height: 100vh;
    padding-top: 20px;
    background: #FFF;
}

.admin-sidemenu-logo {
    display: block;
    height: 60px;
}

.admin-sidemenu-logo img {
    width: 90%;
    height: auto;
    border: none;
}

.admin-sidemenu-main-cat {
    display: block;
    /*padding-top: 10px;*/
    font-size: 16px;
    font-weight: bold;;
}

.admin-sidemenu-main-cat i {
    padding-right: 5px;
}

.admin-sidemenu-main-cat a:link, .admin-sidemenu-main-cat a:visited {
    color: #000;
    text-decoration: none;
}

.admin-sidemenu-main-cat a:hover {
    color: #24755D;
    text-decoration: underline;
}

.admin-sidemenu-sub-cat {
    display: block;
    padding: 2px 0 2px 20px;
    font-size: 14px;
}

.admin-sidemenu-sub-cat i {
    padding-right: 3px;
}

.admin-sidemenu-sub-cat a:link, .admin-sidemenu-sub-cat a:visited {
    color: #666;
    text-decoration: none;
}

.admin-sidemenu-sub-cat a:hover {
    color: #24755D;
    text-decoration: underline;
}

.admin-sidemenu-active, .admin-sidemenu-active a:link, .admin-sidemenu-active a:visited, .admin-sidemenu-active a:active { color: #de1e35;}

/*** TABLE ***/
table {
    font-size: 14px;
}

th {
    color: #237598 !important;
}

/*** ADMIN PAGE CONTENT ***/
.products-filters {
    padding-top: 20px;
}

.admin-page-content {
    min-height: 101vh;
    padding-top: 30px;
}

.admin-page-content .card-body {
    padding-bottom: 0;
}

.products-outer-card {
    margin-top: 10px;
}

.products-outer-card .card-header {
    font-size: 14px;
    font-weight: bold;
}

.table-loading-row {
    height: 50px;
    line-height: 50px;
}

.related-table-loading-row {
    display: none;
    height: 50px;
    line-height: 50px;
}

.related-all-table-loading-row {
    display: none;
    height: 50px;
    line-height: 50px;
}

.no_results {
    color: #CCC;
    height: 50px;
    line-height: 50px;
}

#btn_add_new_product {
    position: absolute;
    top: 3px;
    right: 3px;
}

.admin-product-avatar {
    width: 80px;
    height: auto;
    border: 1px solid #CCC;
    cursor: pointer;
}

.product_name_print {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    cursor: pointer;
    
}

.product_name_print:hover {
    color: #237598;
    text-decoration: underline;
}

.product_code_print {
    display: block;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
}

.product_cat_print {
    display: block;
    font-size: 12px;
    color: #666;
}

.product_price_old {
    display: block;
    font-size: 13px;
    color: #CCC;
    text-decoration: line-through;
}

.product_price_new {
    display: block;
    font-size: 14px;
    color: #de1e35;
}

.transl_flag {
    display: block;
    font-size: 13px;
    color: #666;
}

.transl_flag img {
    width: 16px;
    height: auto;
    border: none;
}

.btn-edit {
    padding: 2px 4px 2px 4px !important;
    font-size: 10px;
}

/** PRODUCT EDIT MODAL **/
.product-avatar-outer {
    display: block;
    position: relative;
}

#btn_change_avatar {
    position: absolute;
    top: 1px;
    left: 13px;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}

#btn_change_avatar:hover {
    background: #0c534c !important;
    color: #FFF;
}

#btn_delete_avatar {
    display: none;
    position: absolute;
    bottom: 1px;
    left: 13px;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    border-top-right-radius: 3px;
    cursor: pointer;
}

#btn_delete_avatar:hover {
    background: #be220e !important;
    color: #FFF;
}

#avatar_loading_outer {
    display: none;
    position: absolute;
    top: 1px;
    left: 13px;
    width: 150px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    border-bottom-right-radius: 3px;
    font-size: 13px;
}

.product_edit_avatar {
    max-width: 100%;
    max-height: 800px;
    height: auto;
    border: 1px solid #CCC;
}

.modal-cat-label {
    width: 110px !important;
}

#inp_product_edit_desc_short {
    min-height: 150px;
}

#product_short_desc_richeditor {
    display: block;
    width: 100%;
    min-height: 150px;
    resize: vertical;
}

#product_short_desc_richeditor p {
    /*padding: 0;*/
    margin: 0;
}

#inp_product_edit_desc_long {
    min-height: 200px;
}

#product_long_desc_richeditor {

}

#product_long_desc_richeditor p {
    margin: 0;
}



.modal-product-edit-extras-outer .nav-link {
    color: #237598;
    font-size: 14px;
}

.modal-product-edit-extras-outer .nav-link.active {
    color: red;
    /*background: #f5f5f5;*/
}

.product-variation-row {
    padding-top: 0px;
    padding-bottom: 0px;
    /*border-bottom: 1px solid #CCC;*/
}

.variation_name_label {
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 15px;
}

#inp_product_edit_tags {
    min-height: 180px;
}

.btn_variation_remove {
    font-size: 13px;
    cursor: pointer;
}

.btn_variation_remove:hover {
    text-decoration: underline;
}
.btn_media_video_delete {
    display: block;
    padding: 3px;
    cursor: pointer;
    font-size: 13px;
}

.btn_media_video_delete:hover {
    color: #de1e35;
    text-decoration: underline;
}

/************************/
/***** CATEGORIES ******/
.btn_add_cat_main {
    color: #888;
    font-size: 13px;
    cursor: pointer;
}

.btn_add_cat_main:hover {
    color: green;
}

.btn_cat_edit {
    cursor: pointer;
}

.btn_cat_edit:hover {
    text-decoration: underline;
}

.img-admin-cat-avatar {
    height: 10px;
    width: auto;
    border: none;
}

#modal_category .input-group-text {
    width: 65px;
}

#modal_category_add .input-group-text {
    width: 65px;
}

.img-cat-avatar-modal {
    border: 1px solid #CCC;
    border-radius: 3px;
    cursor: pointer;
}

#inp_modal_cat_desc {
    min-height: 200px;
}

/****** CART ***********/
.admin-cart-date {
    display: block;
    color: #444;
}

.admin-cart-date i { padding-right: 5px;}

.admin-cart-clock {
    display: block;
    color: #888;
    font-size: 10px;
}

.admin-cart-clock i { padding-right: 9px;}

.admin-cart-client-name {
    display: block;
    color: #222;
    font-family: 'Roboto-Condensed-Bold', sans-serif;
}

.admin-cart-client-company {
    display: block;
    color: #888;
}

.admin-cart-client-name i { padding-right: 5px;}

.admin-cart-shipping-self {
    display: block;
}

.admin-cart-shipping-offer {
    display: block;
}

.admin-cart-product-count {
    display: block;
    color: #666;
}

.admin-cart-modal-sub-title {
    display: block;
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #CCC;
}

.admin-cart-modal-row {
    display: block;
    font-size: 14px;
}

#modal_cart .input-group-text {
    width: 30px;
}

#inp_admin_cart_customer_comment {
    min-height: 90px;
}

#inp_admin_cart_admin_comment {
    min-height: 90px;
}

.modal-table-loading-row {
    display: none;
    height: 50px;
    line-height: 50px;
}

/***** PORTOFOLIO ****/
.span-portofolio-name {
    cursor: pointer;
}

.span-portofolio-name:hover {
    text-decoration: underline;
}

#modal_portofolio_edit .input-group-text {
    width: 65px;
}

#img_portofolio_edit_avatar {
    width: auto;
    max-width: 80%;
    height: auto;
    max-height: 500px;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.portofolio-avatar-outer {
    display: block;
    position: relative;
}

#btn_change_portofolio_avatar {
    position: absolute;
    top: 1px;
    right: 10%;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

#btn_change_portofolio_avatar:hover {
    background: #0c534c !important;
    color: #FFF;
}

#portofolio_avatar_loading_outer {
    display: none;
    position: absolute;
    top: 1px;
    left: 10%;
    width: 150px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    background: rgba(0,0,0,0.4);
    color: #FFF;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 5px;
    font-size: 13px;
}

#inp_modal_portofolio_edit_desc {
    min-height: 150px;
}

#ul_portofolio_keywords_results i {
    padding-right: 5px;
    cursor: pointer;
    color: #CCC;
}

#ul_portofolio_keywords_results i:hover {
    color: red;
}

#inp_portofolio_edit_keywords {
    min-height: 120px;
}

/***** USERS *********/

#modal_user_edit .input-group-text {
    width: 30px;
    text-align: center;
}

/****** PAGES ******/
#richeditor_static_page_content {
    min-height: 500px;
}

#richeditor_static_page_content p {
    margin: 0;
}

/*** VAR/OPTIONS ***/
.span_var_name {
    cursor: pointer;
}

.span_var_name:hover {
    color: #000;
    text-decoration: underline;
}

/**********************/

body {
    background: #e5e5e5;
}

/**** MODALS ****/
.edit-modal-header {
    padding: 4px 30px 4px 30px;
}

.edit-modal-header h1 {
    font-size: 16px !important;
    text-decoration: none;
    border: none;
}

.edit-modal-long-desc-label {
    display: block;
    font-family: 'Roboto-Condensed-Bold', sans-serif;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}