[type="tel"], [type="url"], [type="email"], /*[type="number"], */ [type="password"] { direction: ltr; }

.validation-summary-errors { color: #F00; }

    .validation-summary-errors ul { list-style: circle; }

/***General****/
.coustom_error_item {font-size:0.8em;color:#ff6a00;position:relative; }
    .coustom_error_item > span { position: absolute; bottom: -15px; pointer-events: none; right: 0; }

.radio_top { padding-top: 13px; }

.buttons_conti { padding-top: 20px; box-sizing: border-box; margin-bottom: 30px; }

    .buttons_conti > ul { }

        .buttons_conti > ul > li { display: inline-block; margin-left: 20px; }

            .buttons_conti > ul > li:last-child { margin-left: 0; }

.field-validation-valid { display: none; }

.tinymce { margin-bottom: 20px; }

.drag_and_drop, .external_link_item { position: absolute; left: 5px; top: 15px; cursor: move; }

.external_link_item { cursor: pointer; }

.table_extra_link { position: absolute; left: 5px; top: 15px; }

    .table_extra_link:hover, .table_extra_link:focus { color: #ff6a00; }

.ui-sortable-handle.ui-sortable-helper { background-color: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); color: #fff; }

.paid { background-color: #28d829; color: #fff; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; font-size: 0.8em; display: inline-block; }

.not_paid { background-color: #ff0000; color: #fff; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; font-size: 0.8em; display: inline-block; }

.excel_button { position: absolute; left: -120px; top: 5px; padding: 10px 10px; background-color: #ff6a00; color: #fff; text-align: center; border-radius: 10px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); display: block; width: 80px; }

    .excel_button:hover, .excel_button:focus { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.search_conti { position: relative; margin-bottom: 20px; }

    .search_conti ul li input { border-radius: 25px; }

    .search_conti ul li button { border-radius: 25px; font-size: 1.2em; }

.has_search { background-image: url('/Content/Resources/General/SearchIcon.svg'); background-position: left 13px center; background-repeat: no-repeat; background-size: 24px 24px; }

.top_content .links { display: block; margin: 20px 0; }

    .top_content .links a,
    .top_content .links button { color: #0D92DF; height: 100%; background-color: #FFF; }

        .top_content .links a img,
        .top_content .links button img { margin-left: 10px; max-height: 35px; max-width: 25px; }

        .top_content .links a span,
        .top_content .links button span { font-size: 1rem; }

.margin_top_10 { margin-top: 10px; }

.link { color: #0D92DF; }

    .link:hover, .link:focus { text-decoration: underline; }

    .headline_note {font-size:1.5em;color:#28d829;margin-bottom:20px;}
.warning { font-size: 1.2em; color: #F00; margin-bottom: 20px; }
/***End General****/

/***Login****/
.login_form { max-width: 320px; margin: 0 auto; width: 100%; }
/***End Login****/

/*Files*/
.adding_photos { }

    .adding_photos .file_uploader_conti { padding-left: 0; }

    .adding_photos .sortable { }

        .adding_photos .sortable > li { width: 150px; height: 150px; }

    .adding_photos .file_uploader_conti > .image_placeholder { position: relative; top: 0; }

.file_uploader_conti > input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.file_uploader_conti > div { pointer-events: none; }

.file_uploader_conti > .image_placeholder .is_main { pointer-events: auto; position: absolute; left: 5px; top: 5px; }

.file_uploader_conti > .image_placeholder .delete { pointer-events: auto; position: absolute; left: 5px; bottom: 5px; }

.file_uploader_conti > .image_placeholder i:hover { pointer-events: auto; color: #ff6a00; }

.input_file_conti { position: relative; width: 60px; height: 60px; margin-bottom: 10px; display: inline-block; }

    .input_file_conti > input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

    .input_file_conti > span { pointer-events: none; }

.input_file > * { display: inline-block; vertical-align: top; }

.input_file > label { padding-top: 15px; box-sizing: border-box; }

.input_file_conti > input:hover ~ span:before, .input_file_conti > input:focus ~ span:before { -webkit-transform: scale(1); transform: scale(1); z-index: 1; }

.input_file_conti > input:hover ~ span, .input_file_conti > input:focus ~ span { background-color: transparent; }

.pdf_file_conti { }

    .pdf_file_conti label { }

.pdf_file { position: relative; margin-top: 5px; margin-bottom: 5px; }

    .pdf_file > input { position: absolute; right: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; }

    .pdf_file > span { display: block; border-radius: 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); background-color: #F8F8F8; border: 2px solid #DCDCDC; padding: 15px 10px; box-sizing: border-box; text-align: center; pointer-events: none; }

        .pdf_file > span > * { display: inline-block; vertical-align: middle; }

    .pdf_file > input:hover ~ span, .pdf_file > input:focus ~ span { background-color: #0D92DF; color: #fff; }

.file_name_conti { position: relative; }

    .file_name_conti .delete_button { position: absolute; left: 5px; top: 0; }

    .file_name_conti a:hover, .file_name_conti a:focus { color: #ff6a00; }

.pdf_file > input.active ~ span { background-color: #ff6a00; }
/*End Files*/

/*#region Dashboard*/
.dashboard { display: flex; }

    .dashboard .dashboard__block { width: 400px; margin: 5px; }

        .dashboard .dashboard__block > ul > li { margin-bottom: 10px; }

            .dashboard .dashboard__block > ul > li > a { display: block; padding: 10px; background-color: rgba(149, 149, 149, 0.05); color: #0D92DF; font-weight: 300; font-size: 1.5em; }

    .dashboard .dashboard__light-block > ul > li > a { display: block; padding: 10px; color: #0D92DF; font-weight: 300; font-size: 1.5em; }

    .dashboard .dashboard__block > ul > li > a:hover,
    .dashboard .dashboard__block > ul > li > a:focus { background-color: rgba(149, 149, 149, 1); color: #fff; }
/*#endregion Dashboard*/

/****Recently Updated****/
.inner_links { margin-bottom: 20px; margin-top: 20px; }

    .inner_links .headline { padding: 0; margin: 0 0 0 20px; }

        .inner_links .headline > * { font-size: 1.5em; }

    .inner_links > * { margin-left: 20px; }

    .inner_links > ul { }

        .inner_links > ul > li { margin-left: 20px; }

            .inner_links > ul > li > * { color: #0D92DF; font-weight: 300; font-size: 1.4em; }

                .inner_links > ul > li > *:hover, .inner_links > ul > li > *:focus { text-decoration: underline; }

                .inner_links > ul > li > *.active { color: #000000DE; font-weight: 500; text-decoration: none; }

ul.tabs { display: flex; flex-wrap: wrap; }
    ul.tabs > li { margin-left: 10px; margin-bottom: 10px; }
        ul.tabs > li:last-child { margin-left: 0; }
        ul.tabs > li > a { display: block; padding: 5px; box-sizing: border-box; border: 1px solid #0D92DF; color: #0D92DF; transition: all 0.5s ease-in-out; border-radius:5px;}
            ul.tabs > li > a:hover, ul.tabs > li > a:focus, ul.tabs > li > a.active { background-color: #0D92DF; color: #fff; }
/****End Recently Updated****/

/**********/
.item_in_delivery { background-color: rgba(149, 149, 149, 0.05); padding: 20px; box-sizing: border-box; }

.form_hidden_content_conti { }

    .form_hidden_content_conti .show_more { width: 100%; padding: 20px 10px; box-sizing: border-box; background-color: #959595; color: #fff; font-weight: 500; font-size: 1.5em; }

.form_hidden_content { background-color: rgba(149, 149, 149, 0.05); padding: 20px; box-sizing: border-box; display: none; }

.betches { margin-top: 36px; }

.inputs_and_images { }

    .inputs_and_images .inputs_conti { width: 60%; }

    .inputs_and_images .images { width: 40%; }

        .inputs_and_images .images > ul { }

            .inputs_and_images .images > ul > li { width: 49%; }

                .inputs_and_images .images > ul > li .image { display: block; padding-bottom: 100%; border: 2px solid #DCDCDC; background-color: #fff; border-radius: 10px; background-size: 50px 40px; }

/*****Remove From Inventory*****/
.remove_from_inventory { }

    .remove_from_inventory .margin_top { margin-top: 30px; }
/*****End Remove From Inventory*****/


/*Add Item*/
.form_page .headline1 { background-color: #FAFAFA; color: #000; border-bottom: 1px solid rgba(1, 1, 1, 0.54); margin-bottom: 20px; margin-top: 10px; }

.prod_headline { position: relative; text-align: center; border-radius: 26px; overflow: hidden; display: block; height: 51px; }

    .prod_headline > .under_div { position: absolute; width: 100%; height: 100%; right: 0; z-index: 1; background-color: #86BE35; }

    .prod_headline > .top_div { position: absolute; right: 0; top: -2px; width: 90%; height: 125%; border-radius: 55px 0 0 40px; z-index: 2; background-color: #95D737; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); }

    .prod_headline > h2 { position: absolute; width: 100%; right: 0; top: 50%; z-index: 3; padding: 0 10px; box-sizing: border-box; }

.offer-totlas { display: flex; justify-content: flex-end; font-size: 1.2em; margin: 20px 0 10px 50px; }

    .offer-totlas > .offer-totlas-col { width: 300px; }

        .offer-totlas > .offer-totlas-col > .offer-totlas-row { display: flex; justify-content: space-between; margin-bottom: 10px; }

            .offer-totlas > .offer-totlas-col > .offer-totlas-row:first-child { text-align: right; }

            .offer-totlas > .offer-totlas-col > .offer-totlas-row:last-child { text-align: left; }

/*#region spaceComment */
ul > li.space_6 { margin-top: 1%; }
/*#endregion */

/*#region invisible */
.invisible { display: none; }

.margin_right { margin-right: 2% }
/*#endregion */

/*#region space-top */
#space_top_1 { margin-top: 1% }

#space_top_2 { margin-top: 2% }


/*#endregion */

/*#region close */
.close_button { position: relative; margin-right: 98%; font-size: 1.5em; }

/*	.close:hover {
		opacity: 1;
	}

	.close:before, .close:after {
		position: absolute;
		left: 15px;
		content: ' ';
		height: 33px;
		width: 2px;
		background-color: #333;
	}

	.close:before {
		transform: rotate(45deg);
	}

	.close:after {
		transform: rotate(-45deg);
	}
*/


/*#endregion */

.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; }

.btn-inline:hover { cursor: pointer; color: #FF8000; }

label.required::after { color: #FF8000; padding-right: 0.2rem; content: '*'; }

.add_client_button { font-size: 1.5em; position:relative;top:-20px;}

/*#region Spinner */

.spinner { color: #000; display: block; position: relative; width: 80px; height: 80px; }

    .spinner div { transform-origin: 40px 40px; animation: spinner 1.2s linear infinite; }

        .spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #000; }

        .spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }

        .spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }

        .spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }

        .spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }

        .spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }

        .spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }

        .spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }

        .spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }

        .spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }

        .spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }

        .spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }

        .spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }

@keyframes spinner {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

/*#endregion Spinner */

.table-container { position: relative; }

    .table-container.disabled { pointer-events: none; }

    .table-container .fade-wrapper { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }

    .table-container.disabled .fade-wrapper { display: block; pointer-events: none; opacity: 0.4; }

        .table-container.disabled .fade-wrapper .spinner { margin-left: auto; margin-right: auto; top: 200px; }

.cell-check { width: 40px; text-align: center; }

/*#region Q-Table */

.q-table { width: 100%; background-color: #fff; text-align: right; border-collapse: collapse; }

    .q-table tr td,
    .q-table tr th { border: 1px solid #D1D1D1; padding: 15px 10px; }

        .q-table tr td.min,
        .q-table tr th.min { width: 1%; white-space: nowrap; }
        .q-table tr th.min2 { width: 10%; white-space: nowrap; }

    .q-table tbody tr.active { background-color: #FF8000; }

    .q-table tbody tr td { font-size: 15px; color: #000; vertical-align: middle; }

    .q-table tr:first-child td,
    .q-table tr:first-child th { border-top: none; }

    .q-table tr td:first-child,
    .q-table tr th:first-child { border-right: none; }

    .q-table tr:last-child td,
    .q-table tr:last-child th { /*border-bottom: none;*/ }

    .q-table tr td:last-child,
    .q-table tr th:last-child { border-left: none; }

    .q-table thead { background: #fff; }

        .q-table thead th { font-size: 15px; font-weight: normal; color: #757575; }

            .q-table thead th a { display: block; }

                .q-table thead th a.active { color: #212121; }

                .q-table thead th a i { display: none; }

                .q-table thead th a.active i { display: inline-block; }

    .q-table tfoot { font-size: 14px; font-weight: bold; color: #fff; background: #fff; }

        .q-table tfoot td { font-size: 14px; }

        .q-table tfoot .links { text-align: right; }

            .q-table tfoot .links a { display: inline-block; background: #1C6EA4; color: #fff; padding: 2px 8px; border-radius: 5px; }

    .q-table.borderless td,
    .q-table.borderless th { border: none; }

.clickable:not([data-action]) { cursor: pointer; }

[data-action] { white-space: nowrap; }

.clickable:hover,
.clickable:focus { background-color: #F5F6FA; }

.table-link { border: none; background: none; cursor: pointer; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }

    .table-link:hover,
    .table-link:focus { opacity: 0.5; }

/*#endregion Q-Table */

/*#region Quantity */

.quantity-wrapper { position: relative; display: inline-block; white-space: nowrap; vertical-align: middle; font-size: 0; }

    .quantity-wrapper .quantity-plus { display: inline-block; cursor: pointer; background-color: #FFF; font-size: 1rem; padding: 3px 5px; border: 1px solid #000; margin-left: -1px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; }

        .quantity-wrapper .quantity-plus:hover,
        .quantity-wrapper .quantity-plus:focus { background-color: #EFEFEF; }

    .quantity-wrapper .quantity-number { display: inline-block; background-color: #FFF; text-align: center; font-size: 1rem; padding: 3px 5px; border: 1px solid #000; margin-left: -1px; width: 2rem; }

    .quantity-wrapper .quantity-minus { display: inline-block; cursor: pointer; background-color: #FFF; font-size: 1rem; padding: 3px 5px; border: 1px solid #000; margin-left: -1px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; }

        .quantity-wrapper .quantity-minus:hover,
        .quantity-wrapper .quantity-minus:focus { background-color: #EFEFEF; }

/*#endregion */

/*#region Validate Unobtrusive */

.validation-summary-errors { margin: 20px; color: #f00; }

    .validation-summary-errors ul { list-style: circle; }

        .validation-summary-errors ul li { margin-bottom: 5px; }

/*#endregion */

.table-menu-panel { position: absolute; top: 10px; left: 30px }

    .table-menu-panel .table-menu-button { background-color: #FFF; border: 1px solid #CCC; border-radius: 3px; color: #212121; cursor: pointer; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.2rem }

.custom-file { position: relative; display: inline-block; width: 100%; }

.custom-file-input { position: relative; z-index: 2; width: 100%; margin: 0; opacity: 0; }

.custom-file-label { font-size: 1.05em; position: absolute; top: 0; right: 0; left: 0; z-index: 1; padding: 12px 10px; color: #333; background-color: #fff; border: 1px solid #767676; border-radius: 5px; }

    .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; padding: 12px 10px; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #767676; border-radius: 0 4px 4px 0; }

.table-toolbar { min-height: 42px; display: flex; justify-content: space-between; margin-bottom: 10px; color: #212121; }

.delete-message-wrapper { display: flex; align-items: center; justify-content: center; }

    .delete-message-wrapper > span { background-color: #EFEFEF; padding: 10px; }

.toolbar-button { background-color: #FFF; border: none; border-radius: 3px; color: #212121; cursor: pointer; padding: 10px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.2rem; }

    .toolbar-button:hover { background-color: #EFEFEF; }

.check-all { text-decoration: underline; cursor: pointer; }

.uncheck-all { text-decoration: underline; cursor: pointer; }

.cell-controls > button { background-color: transparent; }

.cell-controls > :not(:last-child) { margin-left: 5px; }

.input-inside-wrapper { position: relative; }

    .input-inside-wrapper > label { right: 2rem !important; }

    .input-inside-wrapper > .input-inside-icon { cursor: pointer; position: absolute; z-index: 1; right: 0.5rem; top: 1rem; }

        .input-inside-wrapper > .input-inside-icon + input { direction: ltr; padding-right: 2rem !important; }


.upload_files { }
.upload_files .title {font-size:1.2em;display:block;margin-bottom:5px;font-weight:600; }
    .upload_files > li { margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px;}
    .upload_files > li:last-child {margin-bottom:0; }
    .upload_files .remove_item { }
    .upload_files .pdf_file {display:inline-block; }
    .upload_files .pdf_file > span > img { width: 15px;margin-left:5px; }
    .upload_files .pdf_file > span > * {font-size:1em;}

.files_preview {padding-top:10px; }
.file_item_placeholder { padding:10px;border:none !important;border-bottom:1px solid #c5c5c5 !important;box-sizing:border-box;position:relative;}
    .file_item_placeholder .image_actions { position:absolute;left:5px;top:5px;}
    .file_item_placeholder .image_actions > * { display: flex !important; justify-content: flex-end; }

.sides_conti {display:flex;flex-wrap:wrap; }
.status_and_files { justify-content:space-between;}
    .status_and_files .side_one { width:49%;}
.status_and_files .side_two { width:49%;}
.sides_conti .files_preview { margin-bottom:10px;}

.clients_name { }
    .clients_name > li { margin-left:10px;margin-bottom:10px;}
        .clients_name > li .item { display:block;position:relative;padding:10px 10px 10px 25px;box-sizing:border-box;border:1px solid #000;border-radius:5px;}
            .clients_name > li .item .name_title { font-size:1.2em;}
.clients_name > li .item .remove_item {position:absolute;left:5px;top:50%;transform:translateY(-50%); }

@media print {
    .nav_conti { display: none; }

    .top_content { display: none; }

    .container { padding: 0; }

    header { display: none; }
}


.contact_page {width:100%;max-width:800px;margin:0 auto; }
    .contact_page form { }
        .contact_page form > ul { }
.contact_page form > ul > li {margin-bottom:20px; }


/*Popups*/
        .popup_conti .popup .popup_title { display: block; text-align: center; font-size: 1.5em; font-weight: 500; margin-bottom:20px;}
        .popup_conti .popup .popup_content { display:block;font-size:1.2em;text-align:right;}
            .popup_conti .popup .popup_content > ul { }
        .popup_conti .popup .popup_content > ul > li {margin-bottom:10px; }

.user_details_popupu {display:block; }
/*End Popups*/