:root{ --budget-main-color:#00b2b2; --budget-second-color:#00b2b21a; --budget-third-color:#a7a7a7; } .woocommerce-cart-form .cart_item_printing_methods td { background-color: #f8f8f8; } .woocommerce-cart .woocommerce-message .restore-item { display: none } #vad_textile_calculator { clear: right; margin-bottom: 20px; display: block; } .vad_budget_add_to_cart{ cursor:pointer; } .vad_textile_calculator_notices{ position: relative; margin: 0; padding: 0 ; width: 100%; max-width: 100%; clear: both; text-align: center; font-size: 15px; } .vad_textile_calculator_container{ display:flex; } .vad_textile_calculator_left{ position: relative; margin: 0; padding: 0 ; width: 100%; max-width: 59%; -ms-flex-preferred-size: 59%; flex-basis: 59%; } .vad_textile_calculator_right{ flex:1; padding:0.2em 10px 10px 10px; top: 2px; position: relative; margin-bottom: 23px; } .vad_textile_calculator_right_fixed{ position: sticky; top: 160px; border: 1px solid #aaa; border-radius: 2px; } .budget_product_tab_content ul { list-style: none; margin: 0; padding: 0 } .budget_product_tab_content td { position: relative } .budget_product_tab_content .info { color: #636363; visibility: hidden; /*position: absolute; right: 0; top: 40%; */ position: relative; } .budget_product_tab_content .empty { visibility: hidden; position: relative; } .budget_product_tab_content .visible { visibility: visible !important; } .budget_product_tab_content .vad-swatches { overflow: hidden; padding: 0 } .budget_product_tab_content .vad-swatches .vad-swatch { -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; border: 1px solid #000; box-shadow: 0 0 0 #000; cursor: pointer; /*float: left;*/ height: 30px; line-height: 30px; margin-bottom: 5px; margin-right: 5px; min-width: 30px; position: relative; text-align: center; transition: all .3s; width: auto; display: block; margin-left: auto; margin-right: auto; } .budget_product_tab_content .vad-swatches .vad-swatch-color { position: relative; text-indent: -9999px; width: 30px } .budget_product_tab_content .vad-swatches .vad-swatch-image { position: relative; width: 30px } .budget_product_tab_content .vad-swatches .vad-swatch-image img{ vertical-align: top; } .budget_product_tab_content .vad-swatches .vad-swatch-color .vad-swatch-color-two { border-bottom: 0 solid transparent !important; border-top: 28px solid transparent !important; content: ''; height: 0; left: 0; position: absolute; top: 0; width: 0 } .budget_product_tab_content .vad-swatch-label{ font-size: 13px; line-height: 13px; display: block; margin-bottom: 2px; } .budget_product_tab_content .stock.out-of-stock:before { content: '' } @media ( max-width :768px) { #tabs-budget { /*font-size: 60%*/ font-size: 75% } } .ui-tabs { border: 0 } .ui-tabs .ui-tabs-panel { border: 1px solid #aaa } .ui-tabs ul { background: 0; border: 0; border-radius: 0 } .ui-tabs ul li { background: 0 0; border: 0; border-radius: 0; } .ui-tabs-nav{ } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 8px 8px !important; } .ui-tabs ul li.ui-state-default { background: var(--budget-third-color) !important; border: 0 } .ui-tabs ul li.ui-state-default a { color: #fff !important } .ui-tabs ul li.ui-state-active { /*background: #000 !important;*/ background: var(--budget-main-color) !important; border: 0; } .ui-tabs ul li.ui-state-active a { color: #fff !important } #vad_textile_calculator ul { list-style: none; margin: 0; padding: 0; font-size: 16px; clear:both; } #vad_textile_calculator input:focus, #vad_textile_calculator textarea:focus { outline: 0 } #vad_textile_calculator .printing_method_product_tab_content ul { list-style: none; margin: 0; padding: 0 } #vad_textile_calculator .printing_method_product_tab_content ul .active { border: 2px dotted #cacaca } #vad_textile_calculator .printing_method_product_tab_content ul li { display: inline-block; /*margin: .5em; padding: .5em;*/ margin: 10px; padding: 10px; width:185px; } #vad_textile_calculator .printing_method_product_tab_content ul li.selected { /*border: 3px solid #00b2b2;*/ border-radius: 18px; background-color: var(--budget-second-color); } #vad_textile_calculator .printing_method_product_tab_content ul li label { text-align:center; } #vad_textile_calculator .printing_method_product_tab_content ul li img { cursor: pointer } /*#vad_textile_calculator .printing_method_product_tab_content ul li:last-child { padding-right: 0 }*/ #vad_textile_calculator .printing_method_product_tab_content ul li span { display: inline-block; font-size: 14px; text-transform: uppercase; } #vad_textile_calculator .printing_method_product_tab_content .printing_method_product_tab_content_comments { background: #b4b9d5; border: 1px solid #cdcdcd; border-radius: 5px; margin-bottom: 20px; padding: 5px 15px; font-size:15px; } #vad_textile_calculator .printing_method_product_tab_content .printing_method_product_tab_content_comments p:last-child { margin: 0 } #vad_textile_calculator .printing_method_product_tab_content_static{ display:none; } #vad_textile_calculator .vad_textile_calculator_totals { display: inline-block; vertical-align: top; width: 100%; /*padding: 10px;*/ } #vad_textile_calculator .vad_textile_calculator_totals h3 { font-size: 18px; } #vad_textile_calculator .vad_textile_calculator_totals_header { display: block; height:37px; background-color: #eaeaea; border-bottom: 1px solid #aaa; } /*#vad_textile_calculator .vad_textile_calculator_tit_header { grid-row:1; grid-column:1; font-size: 18px; text-transform: uppercase; color:var(--budget-main-color); padding: 0; font-weight: bold; line-height: 36px; margin-left: 10px; }*/ #vad_textile_calculator .vad_textile_calculator_budget { font-size: 18px; text-transform: uppercase; font-weight: bold; color:var(--budget-main-color); padding: 0; text-align: left; line-height: 36px; margin-left: 10px; } #vad_textile_calculator .vad_textile_calculator_product_extra_global { display: none; padding: 10px; } #vad_textile_calculator .vad_textile_calculator_summary_title { display: inline-block; vertical-align: top; width: 100%; margin: 0; padding: 0 0 0 10px; background-color: #e9effa; font-family: verdana; } #vad_textile_calculator .vad_textile_calculator_summary_products { display: inline-block; vertical-align: top; width: 100%; margin: 0; padding: 0 0 0 10px; background-color: #eef8eb; font-family: verdana; } #vad_textile_calculator .vad_textile_calculator_summary { display: inline-block; vertical-align: top; width: 100%; margin: 0; padding: 0 0 0 10px; background-color: #fff8e4; font-family: verdana; } .vad_textile_calculator_summary p, .vad_textile_calculator_summary_products p, .vad_textile_calculator_summary_title p{ float: right; font-weight: bold; font-size: 14px; margin-top:4px; margin-bottom:4px; padding-right:10px; } /*#vad_textile_calculator .vad_textile_calculator_summary .vad_textile_calculator_summary_item*/ #vad_textile_calculator .vad_textile_calculator_summary_item { list-style: none; margin: 0; padding-right: 10px; width: 100%; float: left; text-align: right; font-size: 14px } #vad_textile_calculator .vad_textile_calculator_summary_item_extra { list-style: none; margin: 0; padding-right: 10px; width: 100%; float: left; text-align: right; font-size: 14px } #vad_textile_calculator .printing_method_info { float: right; padding: .5em .5em .5em 0; cursor: pointer; } #tab-vad_textile_calculator-table_pricing .printing_method_info{ float: right; padding: 0 .5em 0 0; cursor: pointer; } #vad_textile_calculator .debug { background: #ececec; border: 1px solid #cdcdcd; border-radius: 5px; clear: both; margin-bottom: 20px; padding: 20px } .vad_textile_calculator_customer_note{ padding: 10px; } .vtc_textarea{ width: 100%; text-align: center; margin-top: 5px; margin-bottom: 10px; border: 2px dashed #ccc; border-radius: 10px; padding-top: 2px; padding-bottom: 2px; line-height:20px; box-shadow: none; font-size: 15px; min-height: 60px; background-color: #fff; resize: vertical; } .vad_textile_calculator_upload_container{ display:none; margin: 10px; padding:10px; border: 2px dashed #ccc; border-radius: 10px; background-color: #fff; } .vad_textile_calculator_upload_container h5{ text-align: center; text-transform: uppercase; margin-bottom: 0; } .vtc-title{ text-align: center; text-transform: uppercase; font-weight: 700; display:table; margin: auto; } .vad_textile_calculator_budget_advise{ padding: 10px; font-size: 13px; text-align: justify; } .vad_textile_calculator_buttons { display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; text-align: center; padding: 10px; cursor:pointer; } .vad_textile_calculator_buttons_usr{ width: 100%; text-align: center; padding: 10px; cursor:pointer; } .vad_textile_calculator_buttons div:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_budget_title){ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vad_textile_calculator_buttons div.disabled:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_budget_title){ cursor: not-allowed; color: var(--budget-third-color); } .vad_textile_calculator_buttons div:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_budget_title):hover{ opacity: 0.6; } .vad_textile_calculator_buttons a:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_save_budget){ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vad_textile_calculator_buttons a.disabled:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_save_budget){ cursor: not-allowed; color: var(--budget-third-color); } .vad_textile_calculator_buttons a:not(.vad_textile_calculator_add_to_cart):not(.vad_textile_calculator_save_budget):hover{ opacity: 0.6; } .vad_textile_calculator_buttons a { margin-right: 0px } .vad_textile_calculator_buttons a i.fa { float: left; margin: 10px 10px 0 0; } .vad_textile_calculator_buttons a:last-child { margin-right: 0 } .vad_textile_calculator_buttons .vad_textile_calculator_budget_title { display: none; margin-top: 20px; } .vad_textile_calculator_buttons .vad_textile_calculator_budget_title label { margin-right: 20px; padding-top: 10px } .vad_textile_calculator_buttons .vad_textile_calculator_budget_title input { flex: 1; margin-right: 20px } .vad_textile_calculator_add_to_cart{ grid-row: 1; grid-column: 2/4; } .vad_textile_calculator_upload{ width: 100%; } .vad_textile_calculator_to_pdf{ grid-row: 2; grid-column: 1; text-align: center; font-size: 30px; /*color: var(--budget-main-color);*/ display:flex; justify-content:center; } .vad_textile_calculator_to_zip{ grid-row: 2; grid-column: 2; text-align: center; font-size: 30px; /*color: var(--budget-main-color);*/ display:flex; justify-content:center; } .vad_textile_calculator_to_email{ grid-row: 2; grid-column: 3; text-align: center; font-size: 30px; /*color: var(--budget-main-color);*/ } .vad_textile_calculator_add_to_budget{ grid-row: 2; grid-column: 4; text-align: center; font-size: 30px; /*color: var(--budget-main-color);*/ } .vad_textile_calculator_budget_title{ grid-row: 3; grid-column: 1/4; } .vad_textile_calculator_save_budget{ grid-row: 3; grid-column: 2; } #vad_textile_calculator input[type='text'].vad_budget_title, #vad_textile_calculator input[type='number'].vad_budget_title{ width: 100%; } /*.vad_textile_calculator_to_pdf.disabled{ color: var(--budget-third-color); } .vad_textile_calculator_to_zip.disabled{ color: var(--budget-third-color); } .vad_textile_calculator_to_email.disabled{ color: var(--budget-third-color); } .vad_textile_calculator_add_to_budget.disabled{ color: var(--budget-third-color); }*/ #vad_textile_calculator .vad_textile_calculator_product_cost, #vad_textile_calculator .vad_textile_calculator_total_items, #vad_textile_calculator .vad_textile_calculator_total_cost { margin-bottom: 0px; padding-right:10px; padding-bottom:5px; font-size: 18px; text-align: right; text-transform: uppercase; } .vad_textile_calculator_total_items span{ font-weight: bold; font-size: 20px; } .vad_textile_calculator_product_cost span{ font-weight: bold; font-size: 20px; } .vad_textile_calculator_total_cost span{ font-weight: bold; font-size: 22px; } .budget_product_tab_content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; } .budget_product_tab_content::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } .budget_product_tab_content::-webkit-scrollbar-thumb { border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148))); } #vad_textile_calculator .budget_product_tab_content{ overflow: hidden; padding: 10px 10px !important; } #vad_textile_calculator input[type='text'], #vad_textile_calculator input[type='number']{ width: 65px; padding: 5px; border-radius: 4px; height: 34px; border: 1px solid #000; border-bottom: 1px solid #000; box-shadow: none; -webkit-box-shadow: none; color: #000; background-color: #ffffff; margin-bottom:0px; text-align:center; display: block !important; } #vad_textile_calculator input[type='number']{ padding-left:10px; } #vad_textile_calculator input[type='text'].has_value, #vad_textile_calculator input[type='number'].has_value{ /*border: 2px solid #00b2b2;*/ background-color: var(--budget-second-color) } #vad_textile_calculator input[type='text'][disabled="disabled"], #vad_textile_calculator input[type='number'][disabled="disabled"]{ background: #e1e1e1; } #vad_textile_calculator input[type='checkbox']{ width:16px; height:16px; } .vad_textile_budget_table{ display:block; } .budget_table_row{ display:block; border-bottom: 1px solid #e4e4e4; padding: 6px 0; padding-left: 100px; min-height: 90px; /*text-align:center;*/ } .budget_table_row:last-of-type{ border: none; } .budget_table_column{ margin-right:20px; display:block; width: 80px; margin-top:16px; position: absolute; left: 10px; text-align:center; } .budget_table_cell{ display:block; } .vad-textile-calculator-qty{ display:inline-block; width: 65px; margin-right:10px; text-align:center; } .vad-textile-calculator-qty i{ font-size: 18px; } .budget_label{ display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 14px; } .budget_label_stock{ font-size: 14px; color:red; margin-top:26px; } /*.vad_textile_budget_table tr { display: inline-block; margin-top: 2px; vertical-align: top; min-height: 20px; } .vad_textile_budget_table td { display: inline-block; margin-top: 2px; vertical-align: top; min-height: 20px; }*/ /* USER AREA*/ .budget-actions{ width: 35%; } .budget-actions div{ float: right; margin-left:10px; } .budget-actions:after { content: ""; clear: both; display: table; } .budget-actions div a:not(.vad_textile_calculator_add_to_cart){ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .budget-actions div a.disabled{ /*opacity: 0.6;*/ cursor: not-allowed; color: var(--budget-third-color); } .budget-actions div a:not(.vad_textile_calculator_add_to_cart):hover{ opacity: 0.6; } /*.vtc_budget_btn_zip{ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vtc_budget_btn_zip:hover{ color: var(--budget-third-color); } .vtc_budget_btn_pdf{ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vtc_budget_btn_pdf:hover{ color: var(--budget-third-color); } .vtc_budget_btn_details{ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vtc_budget_btn_details:hover{ color: var(--budget-third-color); } .vtc_budget_btn_upload{ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vtc_budget_btn_upload:hover{ color: var(--budget-third-color); } .vtc_budget_btn_duplicate{ cursor:pointer; font-size: 30px; color: var(--budget-main-color); } .vtc_budget_btn_duplicate:hover{ color: var(--budget-third-color); }*/ .vtc_user_budget_details{ display:none; } .vtc_ima_container{ width: 100%; text-align: center; min-height: 150px; display: grid; grid-template-columns: repeat(3, [col-start] 1fr); } .vtc_ima_container.ima_container{ padding:5px; margin-top: 5px; } .vtc_ima_upload{ width:120px !important; height:120px !important; cursor: pointer; position: relative; box-sizing: border-box; object-fit: contain; margin-left: auto; margin-right: auto; /*margin-bottom: 5px;*/ margin-top: 5px; border: 1px solid #ccc; } .vtc_ima_upload img{ border:none; margin-top: 0px; width: 100% !important; height: 100% !important; } .vtc_ima_upload span{ font-size: 30px; line-height: 113px; } .vtc_ima_delete{ width:25px; position: absolute; margin-top: -4px; margin-left: 0px; z-index:1; display:none; cursor:pointer; } .vtc_ima_delete .icons-lib-s:hover{ fill:#a00; } .vtc_checkbox { padding-left: 10px; font-size: 15px; margin-bottom: 0; font-weight: bold; } /*.vtc_checkbox input[type='checkbox']{ width:20px; height:20px; }*/ .vtc_checkbox span{ vertical-align: text-bottom; } .vtc_message { margin: 0; font-size: 14px; color: red; padding-left: 16px; } .vtc_note { margin: 0; font-size: 14px; /* margin-bottom: 5px; */ } .vtc-icons-lib-xl { width: 120px; height: 120px; fill: url(#pc3d-icons-color) var(--svg-color); padding: 10px; } /* POPUP DIALOG*/ .vtc-popup { z-index: 1001; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); /*width: 50%;*/ width:530px; } @media screen and (max-width: 1096px) { .vtc-popup { width: 100%; } .vtc-content-popup h2 { font-size: 20px; } } .vtc-content-popup { margin:0px auto; position:relative; padding:10px; background-color:#FFFFFF; box-shadow: 0 2px 5px #666666; } .vtc-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display:none; background-color: rgba(0,0,0,0.65); cursor: pointer; } .vtc-close { cursor: pointer; position: absolute; right: 9px; top:0; font-size: 22px; } .vtc-close a{ color: #48484B; } .vtc_table_pricing{ width:auto; text-align: right; border-collapse: collapse; margin-bottom:25px; /*box-sizing: border-box; border: 1px solid #e2e8f0;*/ } .vtc_table_pricing.full{ width:100%; } .vtc_table_pricing tr, td{ text-align: center !important; } .vtc_table_pricing td{ box-sizing: border-box; border: 1px solid #e2e8f0; } .text-center{ text-align:center; } .vtc_table_qty{ /*text-align:right;*/ font-weight:700; } .font-bold{ font-weight:700; } .font-header{ font-size:16px; font-weight:700; text-align:center; } .w-1{ width: 6rem; padding:0; } .w-2{ width: 3px; padding:0; border:none !important; } .w-3{ width: 12rem; } .vad_textile_product_selector{ display:grid; grid-template-columns: repeat(2, [col-start] 1fr); } .vad_textile_product_selector a i.fa { float: left; margin: 10px 10px 0 0; } .vtc_add_product_btn{ background-color: #6db550 !important; max-width: 300px !important; font-size: 14px !important; height: 40px; margin-left: 20px; line-height: 36px !important; } .vtc_product_main_container{ scrollbar-gutter: stable both-edges; overflow-x: auto; overflow-y: hidden; margin-bottom: 20px; } .vtc_product_selector_buttons{ display: flex; flex-direction: row; line-height: 32px; cursor: pointer; margin-bottom: 10px; height: 260px; width: fit-content } .vtc_select_product_btn{ display: grid; opacity : 0.4; border: 1px solid #dadada; background-color: #fff; font-size: 13px !important; width: 180px; height: 100%; margin-right: 20px; /*margin-bottom: 20px;*/ box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); } .vtc_select_product_btn.selected{ border: 2px solid var(--budget-main-color); opacity : 1; } .vtc_select_product_btn img{ grid-row: 1; grid-column: 1; border: none; margin-top: 0px; width: 100% ; height: 180px ; object-fit: cover; } .vtc_select_product_btn span{ grid-row: 2; grid-column: 1; display: inline-block; line-height: 21px; text-align: center; background-color: #fff; box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); } .vtc_delete_product_btn{ grid-row: 1; grid-column: 1; font-size: 24px; position: relative; top: -2px; left: 2px; width: 24px; height: 24px; } .vtc-select2-container{ outline: none; } .vtc-select2-container.select2-selection--single{height: 40px !important; min-height: 40px !important; line-height: 40px; padding: 0 5px 0 5px !important;box-shadow: none !important;} .vtc-select2-container.select2-selection--single .select2-selection__arrow {top: 8px !important;height: 25px !important} .vtc-select2-container.select2-selection--single .select2-selection__arrow::after {content: none;} .vtc-select2-container.select2-selection--single .select2-selection__rendered { line-height: 38px !important; display: inline-flex !important; width: 100%; font-size: 15px; padding: 0 !important; margin-left: 5px; } .vtc-select2-container.select2-selection--single .select2-selection__rendered > div >.select2-img-selection{ height: 38px !important; margin: auto; margin-top: 3px; object-fit: contain; vertical-align: unset; } .vtc-select2-results > .select2-search > .select2-search__field { height: 34px; min-height: 34px; background-color: #fff; } .vtc-select2-results > .select2-results > .select2-results__options { max-height: 400px !important; } .vtc-select2-results > .select2-results > .select2-results__options >.select2-results__option{ display: inline-flex; width: 100%; /*line-height: 36px;*/ } .vtc-select2-results > .select2-results > .select2-results__options >.select2-results__option > div > .select2-img-results{ height: 38px !important; margin: auto; max-width: 100%; object-fit: contain; } .pc3d-service-select2-results > .select2-results > .select2-results__options >.select2-results__option--highlighted { background-color: var(--hover-button); } .pc3d-service-select2-results > .select2-results > .select2-results__options >.select2-results__option[aria-selected=true] { background-color: var(--active-button); } .pc3d-service-select2-results > .select2-results > .select2-results__options >.select2-results__option[aria-disabled=true] { color: #ce1e1e; } @media screen and (max-width: 1096px) { .vad_textile_calculator_container { display:block; } .vad_textile_calculator_add_to_cart{ grid-column: 1/5; } .ui-tabs { padding:0; } .vad_textile_calculator_right{ top:0; } .vad_textile_calculator_left{ max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } #vad_textile_calculator .vad_textile_calculator_totals { width: 100%; } #vad_textile_calculator .vad_textile_calculator_summary { width: 100%; padding: 0; } .vad_textile_calculator_right{ padding: 0; margin-left:0; margin-top:10px; } /*#vad_textile_calculator .vad_textile_calculator_summary .vad_textile_calculator_summary_item { list-style: none; padding: 0 10px; width: 100%; float: left; text-align: right; font-size: 14px }*/ #vad_textile_calculator .vad_textile_calculator_totals h3 { font-size: 16px; margin-bottom: 10px; } /*#tabs-budget li{ height: 40px; }*/ #vad_textile_calculator .printing_method_product_tab_content ul li { margin: 5px; } #tabs-budget li > a > span{ font-size: 14px; line-height: 30px; } #vad_textile_calculator .budget_product_tab_content{ /*overflow-x: scroll;*/ padding: 2px 2px !important; } #vad_textile_calculator .budget_product_tab_content td{ padding: 8px 8px !important; } .vad_textile_product_selector{ display: block; } .vtc_product_select_container{ height: 50px; } } @media screen and (max-width: 768px) { /*movil*/ .vtc_ima_container{ min-height: 100px; } .vtc_ima_upload{ width:80px !important; height: 80px !important; margin-top: 0px; } .vtc-icons-lib-xl{ width:80px; height:80px; } .vtc_ima-delete{ margin-top: -10px; margin-left: 0px; } } @media screen and (max-width: 768px) and (orientation: landscape){ .vtc_ima_container{ /*min-height: 100px;*/ grid-template-columns: repeat(5, [col-start] 1fr); } .vtc_ima-delete{ margin-top: -10px; margin-left: 10px; } } @media screen and (max-width: 768px) and (orientation: portrait){ } @media screen and (min-width: 768px) and (max-width: 1024px) { /*tablet*/ .vtc_ima_container{ min-height: 120px; } .vtc_ima_upload{ width: 100px !important; height: 100px !important; margin-top: 0px; } .vtc-icons-lib-xl{ width:100px; height:100px; } }