html { font-family: 'Rubik', sans-serif; font-size: 15px; direction: rtl; background-color: #fff; }
body { min-height:100vh; margin:0; position:relative; }
	body::after { content: ''; display: block; height: 50px; }
footer { position: absolute; bottom: 0; width: 100%; height: 50px; }
.main-wrapper { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; }
.auto_margin { max-width: 1638px; width: 100%; margin: 0 auto; }

.disabled_inputs input, .disabled_inputs select, .disabled_inputs textarea, .disabled_inputs .chosen-container, .disabled_inputs .select2-container { pointer-events: none; }
}
/*General Classes*/
.error { color: #fa0404; font-size: 15px; }
.disabled { opacity: 0.3; pointer-events: none; }
.bold { background-color: #2b8af7; color: #fff; }

.note { color: #212121; }
.supplier-profit-rate { color: #000; }
/* width */
nav_conti::-webkit-scrollbar {
	width: 15px;
}
/* Track */
nav_conti::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
nav_conti::-webkit-scrollbar-thumb {
	background: #0D92DF;
}
	/* Handle on hover */
	nav_conti::-webkit-scrollbar-thumb:hover {
		background: #FF8000;
	}

::-webkit-inner-spin-button,
/*::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }*/
.pos_relative { position: relative; }
.display_none { display: none !important; }
.display_mobile { display: none; }
.mobile_padding { padding-right: 10px; padding-left: 10px; box-sizing: border-box; }

.clearfix::after, .clearfix::before { content: ""; width: 100%; display: block; clear: both; }
.transition { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.translateY { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.text_center { text-align: center; }
.text_left { text-align: left; }
.field-validation-error { color: #fa0404; pointer-events: none; font-size: 10px; }
	.input-validation-error, .field-validation-error + .like_select { box-shadow: inset 0 0 2px #ff0000 !important; }

.flex { display: flex; }
.flex_space_evenly { justify-content: space-between; }
.flex_space_center { justify-content: center; }
.flex_space_end { justify-content: flex-end; }
.flex_items_align_middle { align-items: center; }
.flex_wrap { flex-wrap: wrap; }
.flex_row { flex-direction: row; }
.flex_column { flex-direction: column; }
.flex_align_end { align-self: flex-end; }
.flex_end { justify-content: flex-end; }

.item_margin_b_10 {margin-bottom:10px;}

.link {font-size:1.2em;color:#0D92DF; }

.three_points { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tbl { display: table; table-layout: fixed; width: 100%; }
	.tbl > * { display: table-cell; }
button { border: none; cursor: pointer; font-family: 'Rubik', sans-serif; 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; }
input, textarea, select { font-family: 'Rubik', sans-serif; outline: 0; }
select { background: url('/Content/Resources/General/select-arrow.svg') no-repeat; background-position: left 5px center; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 4px 20px }

.image_conti { width: 100%; }
	.image_conti > img { width: 100%; vertical-align: bottom; }
.tbl_conti .has_border { border-left: 1px solid #DCDCDC; box-sizing: border-box; }
.tbl_conti .width_45 { width: 45px; }
.tbl_conti .width_400 { width: 400px; }
.tbl_conti { }
	.tbl_conti .checkbox_conti { top: 2px; display: inline-block; }
	.tbl_conti .tbl_header { border-bottom: 1px solid #DCDCDC; position: relative; }
		.tbl_conti .tbl_header .priority { position: absolute; left: 10px; top: 10px; }
		.tbl_conti .tbl_header > .tbl { }
			.tbl_conti .tbl_header > .tbl > li { color: #757575; }
				.tbl_conti .tbl_header > .tbl > li > a, .tbl_conti .tbl_header > .tbl > li > span { display: block; padding: 15px 10px; box-sizing: border-box; }
					.tbl_conti .tbl_header > .tbl > li > a > i { display: none; }
					.tbl_conti .tbl_header > .tbl > li > a.active { color: #212121; }
						.tbl_conti .tbl_header > .tbl > li > a.active > i { display: inline-block; }

.tbl_item { position: relative; border-bottom: 1px solid #DCDCDC; color: #212121; }
	.tbl_item:hover { background-color: rgba(33, 33, 33, 0.05) !important; }
	.tbl_item.active { background-color: #FF8000 !important; color: #fff !important; }
	.tbl_item > .position_item { position: absolute; right: 0; top: 0; height: 100%; }
		.tbl_item > .position_item > * { position: absolute; right: 0; left: 0; margin: 0 auto; top: 50%; padding-right: 0; width: 25px; }
    .tbl_item > .tool_item { position: absolute; left: 0; top: 0; }
    .tbl_item > .left45 { left: 45px; }
    .tbl_item > .left90 { left: 90px; }
    .tbl_item > .right45 { right: 45px; }
        .tbl_item > .tool_item > * { padding: 15px 10px; text-align: center; }
.tbl_content { display: block; width: 100%; }
	.tbl_content.has_checkbox { display: block; width: 100%; padding-right: 45px; box-sizing: border-box; }
.tbl_item:nth-of-type(odd) { background-color: rgba(149, 149, 149, 0.05); }
.tbl_content > ul { }
	.tbl_content > ul > li { padding: 15px 10px; box-sizing: border-box; }
		.tbl_content > ul > li .checkbox_conti { right: 6px; top: 8px; }
ul > li.width_10 { width: 10%; }
ul > li.width_11 { width: 11%; }
ul > li.width_12 { width: 12%; }
ul > li.width_15 { width: 15%; }
ul > li.width_17 { width: 17%; }
ul > li.width_19 { width: 19%; }
ul > li.width_20 { width: 20%; }
ul > li.width_24 { width: 24%; }
ul > li.width_25 { width: 25%; }
ul > li.width_30 { width: 30%; }
ul > li.width_32 { width: 32%; }
ul > li.width_35 { width: 35%; }
ul > li.width_39 { width: 39%; }
ul > li.width_40 { width: 40%; }
ul > li.width_45 { width: 45%; }
ul > li.width_48 { width: 48%; }
ul > li.width_49 { width: 49%; }
ul > li.width_50 { width: 50%; }
ul > li.width_60 { width: 60%; }
ul > li.width_70 { width: 70%; }
ul > li.width_80 { width: 80%; }
ul > li.width_90 { width: 90%; }
ul > li.width_100 { width: 100%; }

ul > li.width_50px { width: 50px; }

ul > li.space_1 { margin-left: 1%; }
ul > li.space_2 { margin-left: 2%; }
ul > li.space_3 { margin-left: 3%; }
ul > li.space_4 { margin-left: 4%; }
ul > li.space_5 { margin-left: 5%; }



.tbl_item .actions { position: absolute; left: 15px; top: 15px; }
	.tbl_item .actions a:hover { color: #FF8000; }

.adding_photos { }
	.adding_photos .file_uploader_conti { padding-left: 0; }
	.adding_photos .sortable { display:flex;flex-wrap:wrap;}
		.adding_photos .sortable > li {width:100%;margin-left:10px;max-width:240px;}
	.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; }

.pdf_file_conti { }
	.pdf_file_conti label { display: block; margin-bottom: 5px; }
.pdf_file { position: relative; margin-bottom: 0; }
	.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: 9px 10px; box-sizing: border-box; text-align: center; pointer-events: none; }
		.pdf_file > span > * { display: inline-block; vertical-align: middle; }
		.pdf_file > span > img { width: 15%; }
	.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; }
.file_name_conti .file_name {
	width: calc(100% - 30px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

.image { background-position: center center; background-repeat: no-repeat; background-size: cover; }
	.image > img { overflow: hidden; width: 100%; height: 0; opacity: 0; }

.headline { margin-bottom: 20px; }
	.headline > * { color: #212121; font-size: 1.2em; font-weight: 500; }
		.headline > * > .note { color: #959595; }

.box .headline > * { font-weight: 400; }

.sub_headline { margin-bottom: 20px; }
	.sub_headline > * { color: #212121; font-size: 1em; font-weight: 500; }

.headline1 { background-color: #959595; color: #fff; padding: 10px; margin-bottom: 10px; }
	.headline1 > * { font-size: 1.2em; font-weight: 700; }

.headline2 { color: #959595; padding: 10px; margin-bottom: 10px; }
	.headline2 > * { font-size: 1.2em; font-weight: 700; }

/*Buttons*/
.button { border-radius: 2px; display: block; padding: 10px 20px; box-sizing: border-box; text-align: center; }
	.button > * { display: inline-block; vertical-align: middle; }
.button1 { background-color: #0D92DF; color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); }
	.button1:hover { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }
	.button1[disabeld] { background-color: rgba(153, 153, 153, 0.2); color: rgba(0, 0, 0, 0.38); pointer-events: none; box-shadow: none; }
.button2 { background-color: #959595; color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); }
	.button2:hover { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }
	.button2[disabeld] { background-color: rgba(153, 153, 153, 0.2); color: rgba(0, 0, 0, 0.38); pointer-events: none; box-shadow: none; }
.button3 { background-color: #FF0000; color: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); }
	.button3:hover { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24); }

.button4 { background-color: #959595; color: #0D92DF; }
	.button4:hover { background-color: rgba(153, 153, 153, 0.2); }
	.button4[disabeld] { color: rgba(0, 0, 0, 0.25); pointer-events: none; box-shadow: none; }


.add_button { border-radius: 50%; background-color: #0D92DF; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); color: #fff; text-align: center; font-size: 2em; font-weight: 300; font-family: Aharoni; width: 56px; height: 56px; line-height: 56px; position: relative; display: block; }
	.add_button > span { position: relative; z-index: 2; }
	.add_button:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #FF8000; -webkit-transform: scale(0); transform: scale(0); border-radius: 50%; 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; }
	.add_button:hover { background-color: transparent; }
		.add_button:hover:before { -webkit-transform: scale(1); transform: scale(1); z-index: 1; }
.top_add_button { left: 0; top: 0; width: 56px; height: 56px; line-height: 56px; }

.upload { border-radius: 50%; background-color: #B7B7B7; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); text-align: center; font-weight: 300; opacity: 0.5; width: 56px; height: 56px; display: block; padding-top: 15px; box-sizing: border-box; }
	.upload:hover { opacity: 1; }

.delete_button { color: #757575; }
/*End Buttons*/

/*Colors*/
/*Colors*/

/*Lead Form*/
.lead_form { }
	.lead_form input, .contact_page input, .contact_page textarea, .lead_form select, .lead_form textarea { width: 100%; box-sizing: border-box; background-color: transparent; border-radius: 10px; border: 1px solid #CCCCCC; padding: 8px 10px; line-height: 1; font-size: 1.2em; color: #6A6A6A; background-color: #fff; }
	.contact_page textarea, .lead_form textarea { min-height: 100px; padding: 10px; box-sizing: border-box; }
	.lead_form ul li { position: relative; }
	.lead_form button { width: 100%; }
::-webkit-input-placeholder { color: #333; }
::-moz-placeholder { color: #333; }
:-ms-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; }
input::-webkit-inner-spin-button { display: none; }

.checkbox_conti { padding-right: 25px; box-sizing: border-box; position: relative; min-height: 8px; }
	.checkbox_conti > div { position: absolute; width: 15px; height: 15px; right: 0; top: 0; }
		.checkbox_conti > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; }
		.checkbox_conti > div > span { position: absolute; box-sizing: border-box; width: 100%; height: 100%; right: 0; top: 0; border-radius: 2px; border: 1px solid rgba(1, 1, 1, 0.54); pointer-events: none; }
		.checkbox_conti > div > input:checked ~ span { background-color: #fff; }
			.checkbox_conti > div > input:checked ~ span::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; position: absolute; right: 0; top: 0; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; color: #FF8000; }
	.checkbox_conti label { display: block; text-align: right; color: #212121; }
.checkbox_oneline label { width: 200px }

.radio_conti { padding-right: 25px; box-sizing: border-box; position: relative; min-height: 15px; }
	.radio_conti > div { position: absolute; width: 15px; height: 15px; right: 0; top: 0; }
		.radio_conti > div > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; }
		.radio_conti > div > span { box-sizing: border-box; position: absolute; width: 100%; height: 100%; right: 0; top: 0; border-radius: 50%; border: 2px solid rgba(1, 1, 1, 0.54); pointer-events: none; }
		.radio_conti > div > input:checked ~ span { background-color: #fff; border-color: #0D92DF; }
		.radio_conti > div > span::before { content: ""; box-sizing: border-box; width: 65%; height: 65%; position: absolute; right: 0; top: 0; bottom: 0; left: 0; margin: auto; background-color: transparent; border-radius: 50%; 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; }
		.radio_conti > div > input:checked ~ span::before { background-color: #0D92DF; }
	.radio_conti label { display: block; text-align: right; color: #212121; }

.on_off_conti { padding-right: 25px; box-sizing: border-box; position: relative; min-height: 15px; }
	.on_off_conti > div { position: absolute; width: 37px; height: 20px; right: 0; top: 0; }
		.on_off_conti > div > input, .on_off_conti > div > a { position: absolute; width: 100%; height: 100%; right: 0; top: 0; cursor: pointer; opacity: 0; }
		.on_off_conti > div > span { position: absolute; width: 100%; height: 15px; right: 0; top: 2.5px; border-radius: 30px; background-color: rgba(34, 31, 31, 0.26); pointer-events: none; }
		.on_off_conti > div > input:checked ~ span, .on_off_conti > div > a.active ~ span { background-color: rgba(13, 146, 223, 0.5); }
		.on_off_conti > div > span > span { width: 20px; height: 20px; position: absolute; right: -3px; top: -2.5px; background-color: #F1F1F1; border-radius: 50%; display: block; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); }
		.on_off_conti > div > input:checked ~ span > span, .on_off_conti > div > a.active ~ span > span { background-color: #0D92DF; right: 19px; }
	.on_off_conti label { display: block; text-align: right; color: #212121; }

/*Inputs*/
.reg_input {
    width: 100%;
}

    .reg_input > div {
        position: relative;
    }

        .reg_input > div > input:not([type="file"]),
        .reg_input > div > select,
        .reg_input > div > textarea {
            border: 1px solid rgba(1, 1, 1, 0.54);
            border-radius: 5px;
            color: #333;
            background-color: #fff;
            width: 100%;
            padding: 12px 10px;
            box-sizing: border-box;
            font-size: 1.05em;
        }

            .reg_input > div > input[type="date"] {
                padding: 9px 10px;
            }

            .reg_input > div > input[readonly],
            .reg_input > div > select[readonly],
            .reg_input > div > textarea[readonly] {
                color: #757575;
            }

            .reg_input > div > input[disabled],
            .reg_input > div > select[disabled],
            .reg_input > div > textarea[disabled] {
                color: #757575;
                border-color: #D6D6D6;
            }

        .reg_input > div > textarea {
            min-height: 100px;
        }

            .reg_input > div > input:not(disabled):not([readonly]):focus,
            .reg_input > div > select:not(disabled):not([readonly]):focus,
            .reg_input > div > textarea:not(disabled):not([readonly]):focus {
                border-color: #0D92DF;
            }

        .reg_input > div > .prepend {
            position: absolute;
            z-index: 1;
            pointer-events: none;
            left: 5px;
            top: 15px;
        }

        .reg_input > div > label {
            color: #757575;
            pointer-events: none;
            position: absolute;
            top: 14px;
            font-size: 1.05em;
            right: 15px;
            border-radius: 25px;
        }

            .reg_input > div > label.active {
                top: -6px;
                font-size: 0.8em;
                color: #0D92DF;
                right: 12px;
                padding: 0 5px;
                box-sizing: border-box;
                background-color: #fff;
            }

            .reg_input > div > label.date {
                top: -6px;
                font-size: 0.8em;
                right: 12px;
                padding: 0 5px;
                box-sizing: border-box;
                background-color: #fff;
            }

            .reg_input > div > label.passive {
                color: #757575;
            }

		.reg_input > div > input.input-validation-error ~ label,
		.reg_input > div > select.input-validation-error ~ label {
			color: #FF0000;
		}

    .reg_input .note {
        font-size: 0.95em;
        color: #757575;
        position: absolute;
        right: 0;
        bottom: -18px;
    }

    .reg_input .req {
        position: absolute;
        left: 0;
        top: -15px;
        color: #FF8000;
    }

    .reg_input .add_item {
        position: absolute;
        left: 0;
        top: -15px;
        color: #0D92DF;
    }

	.validation-message {
		position: absolute;
		left: 0;
		top: -22px;
	}

.has_label { position: relative; }
	.has_label > label { position: absolute; right: 1px !important; top: 4px !important; padding: 10px 10px 8px 10px; box-sizing: border-box; font-size: 1.2em; color: #686868; background-color: rgba(255, 255, 255, 1); height: 80%; pointer-events: none; text-align: right; box-sizing: border-box; }
	.has_label > input, .has_label > input:hover { color: transparent !important; }
		.has_label > input:focus ~ label, .has_label > label.active { top: -6px !important; right: 12px; font-size: 0.8em; padding: 0 5px; background-color: #fff; width: auto; height: auto; }
		.has_label > input:focus, .has_label > input:hover, .has_label > input.active { opacity: 1; color: #686868 !important; }
/*End Inputs*/

/*End Lead Form*/

/*End General Classes*/

/*Popups*/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.47); right: 0; top: 0; z-index: 1000000; padding: 10px; box-sizing: border-box; display: none; }
.popup { background-color: #fff; border-radius: 20px; box-shadow: 0 7px 12px rgba(0, 0, 0, 0.62); margin: 0 auto; padding: 50px; text-align: center; max-width: 893px; width: 100%; position: relative; box-sizing: border-box; top: 10%; box-shadow: 0px 6px 10px #0000005C; }
.close_popup { position: absolute; left: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #959595; text-align: center; top: 10px; font-weight: 300; font-size: 1.05em; border-radius: 50%; border: 1px solid #959595; }
.popup h2 { color: #000; font-size: 1.5em; font-weight: 500; line-height: 120%; margin-bottom: 25px; }
.popup h3 { color: #000; font-size: 1.4em; font-weight: 500; margin-bottom: 10px; }
.popup p { color: #000; font-size: 1.1em; font-weight: 400; margin-bottom: 5px; }
.popup .popup_buttons { margin-top: 30px; }
	.popup .popup_buttons > ul { }
		.popup .popup_buttons > ul > li { }
			.popup .popup_buttons > ul > li > * { display: block; padding: 10px 35px; }
[data-popup="LeadPopup"] { display: none; }
[data-popup="LeadPopupAndPolicy"] { display: none; }
/*Popups*/

/*Header*/
.bread_conti { display: inline-block; padding-right: 30px; box-sizing: border-box; color: rgba(33, 33, 33, 0.54); vertical-align: top; margin-top: -2px; }
	.bread_conti > *:not(i) { font-weight: 400; }

.burger { width: 18px; display: inline-block; vertical-align: top; }
	.burger > ul { width: 100%; }
		.burger > ul > li { height: 2px; width: 100%; border-radius: 3px; margin-bottom: 4px; background-color: rgba(33, 33, 33, 0.54); }
			.burger > ul > li:last-child { margin-bottom: 0; }

header { background-color: #EFEFEF; padding: 15px 25px; box-sizing: border-box; font-size: 1.2em; position: relative; z-index: 1; }
    header > .login_conti { float: left; }
        header > .login_conti > .login_item { display: inline-block; vertical-align: middle; }
            header > .login_conti > .login_item:not(:last-child) { color: #000; border-left: 1px solid #D8D8D8; padding-left: 10px; margin-left: 10px; }
			header > .login_conti > .login_item button {
				background-color: transparent;
				border: none;
				color: #000;
				font-size: 1em;
				cursor: pointer;
			}
			header > .login_conti > .login_item select {
				border: 1px solid rgba(1, 1, 1, 0.54);
				border-radius: 5px;
				color: #333;
				width: 200px;
				font-size: 1em;
			}

.nav_conti {
	max-width: 256px;
	width: 100%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	box-sizing: border-box;
	overflow-y: auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18);
	direction: ltr;
	text-align: right;
}
	.nav_conti.not_active { right: -256px; }
	.nav_conti nav { background-color: #FAFAFA; position: absolute; width: 100%; min-height: 100%; right: 0; top: 0; padding-top: 65px; box-sizing: border-box; }
.nav_section { border-bottom: 1px solid #DCDCDC; padding: 20px 0; box-sizing: border-box; }
	.nav_section > h2 { color: rgba(33, 33, 33, 0.54); display: block; font-size: 0.95em; margin-bottom: 10px; font-weight: 500; padding: 0 10px; box-sizing: border-box; }
	.nav_section > ul { }
		.nav_section > ul > li { direction: rtl; }
			.nav_section > ul > li > a { display: block; padding: 10px; box-sizing: border-box; }
				.nav_section > ul > li > a:hover, .nav_section > ul > li > a.active { background-color: #FF8000; color: #fff; }
				.nav_section > ul > li > a > .icon { color: #212121; width: 25px; margin-left: 10px; display: inline-block; vertical-align: middle; }
				.nav_section > ul > li > a > .text { color: #212121; font-size: 0.95em; display: inline-block; vertical-align: middle; }
				.nav_section > ul > li > a:hover > .icon, .nav_section > ul > li > a:hover > .text, .nav_section > ul > li > a.active > .icon, .nav_section > ul > li > a.active > .text { color: #fff; }
.drop { display: none; }
	.drop > ul { }
		.drop > ul > li { }
			.drop > ul > li > a { color: #212121; padding: 10px 50px 10px 10px; box-sizing: border-box; display: block; }
				.drop > ul > li > a:hover, .drop > ul > li > a.active { color: #FF8000; }
				.drop > ul > li > a > .icon { color: #757575; display: inline-block; vertical-align: middle; }
				.drop > ul > li > a > .text { color: #212121; font-size: 0.95em; display: inline-block; vertical-align: middle; }
				.drop > ul > li > a:hover .text, .drop > ul > li > a.active .text, .drop > ul > li > a.active i, .drop > ul > li > a:hover i, .drop > ul > li > a:hover > .icon, .drop > ul > li > a.active > .icon { color: #0D92DF; }
				.drop > ul > li > a i { display: inline-block; vertical-align: middle; padding-top: 1px; color: #212121; }
.sub_drop { display: none; }
	.sub_drop > ul { }
		.sub_drop > ul > li { }
			.sub_drop > ul > li > a { display: block; padding: 10px 70px 10px 10px; box-sizing: border-box; font-size: 0.95em; }
				.sub_drop > ul > li > a:hover, .sub_drop > ul > li > a.active { background-color: rgba(33, 33, 33, 0.05); color: #FF8000; }
/*End Header*/

/*Container*/
.container { padding: 30px 276px 30px 20px; box-sizing: border-box; }
	.container.active { padding-right: 20px; box-sizing: border-box; }

.box { width: 100%; padding: 20px 30px; position: relative; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.18); box-sizing: border-box; }

.top_content { position: relative; min-height: 100px; }

.pagination_and_delete { display: flex; justify-content:space-between; flex-direction: row; flex-wrap: nowrap; min-height: 40px; }
.delete_conti { background-color: #EFEFEF; color: #212121; border-radius: 6px; padding-left: 10px; display: none; }
    .delete_conti > * { vertical-align: middle; }
    .delete_conti > .delete { display: inline-block; padding: 10px; box-sizing: border-box; margin-left: 100px; }
    .delete_conti > div { display: inline-block; font-size: 0.95em; }
        .delete_conti > div .current-selected-records { }
        .delete_conti > div .all-selected-records { display: none; }
        .delete_conti > div .all_checkboxes { text-decoration: underline; cursor: pointer; display: none; }
            .delete_conti > div .all_checkboxes:hover { color: #FF8000; }

.pagination_conti { font-size: 0.9em; float: left; padding-top: 10px; }
	.pagination_conti > * { display: inline-block; margin-left: 20px }
	.pagination_conti > span { /*margin-left: 20px;*/ }
	.pagination_conti > select { border: none; }
.pagination { }
	.pagination > ul { }
		.pagination > ul > li { display: inline-block; }
			.pagination > ul > li:last-child { margin-right: 20px; }
			.pagination > ul > li > a { display: block; }
				.pagination > ul > li > a:hover { color: #FF8000; }

/***Form Page****/
.form_page { }
	.form_page ul { }
		.form_page ul > li { margin-bottom: 20px; }
/***Form Page****/

/***File Uploader****/
.file_uploader_conti { margin-bottom: 30px; padding-left: 90px; position: relative; box-sizing: border-box; max-width: 240px;width:100%; }
	.file_uploader_conti > .file_uploader { position: relative; width: 150px; display: inline-block; vertical-align: middle; height: 40px; }
		.file_uploader_conti > .file_uploader > input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; opacity: 0; cursor: pointer; }
			.file_uploader_conti > .file_uploader > input:hover ~ span { border-color: #FF8000; color: #FF8000; }
		.file_uploader_conti > .file_uploader > span { position: absolute; width: 100%; height: 100%; right: 0; top: 0; border: 1px solid #DCDCDC; color: #6A6A6A; text-align: center; pointer-events: none; border-radius: 5px; line-height: 40px; }
	.file_uploader_conti > .image_placeholder { width: 100%; height: 0; position: relative; border: 1px solid #DCDCDC; border-radius: 5px; position: absolute; left: 0; top: -20px; padding-bottom:100%;}
		.file_uploader_conti > .image_placeholder .delete_button { position: absolute; left: -25px; top: 50%; width: 20px; height: 20px; background-color: rgba(255, 255, 255, 0.5); }
		.file_uploader_conti > .image_placeholder .file_name { width: 500px; top: -15px; position: absolute; }
		.file_uploader_conti > .image_placeholder .delete_button:hover { color: #FF8000; }

/***End File Uploader***/

/****Search****/
.search_conti { max-width: 600px; }
.search_input { }
	.search_input > div > input { border-radius: 28px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); padding-right: 20px; }
	.search_input > div > label { right: 30px; }
.search_conti form { }
	.search_conti form > ul { }
		.search_conti form > ul > li { width: 100%; padding-left: 10px; box-sizing: border-box; }
			.search_conti form > ul > li:last-child { width: 67px; padding: 0; }
/****End Search****/

@media only screen and (max-width : 1366px) {
	/*General Classes*/
	html { font-size: 12px; }
	.display_mobile { display: block; }
	/*End General Classes*/

	/*Popups*/
	.popup { padding: 40px 20px 20px 20px; }
	/*Popups*/
}