html {height:100%}
body {min-height:100%;}

#ajax_loader {z-index:9999;background:rgba(0, 0, 0, 0.9);display:flex}
#ajax_loader i {font-size:100px}
#content {overflow:hidden}
#user_alert {position:fixed;right:0;bottom:0;z-index:999}
.main_container {min-width:350px}
.card-body {padding:15px}
.button_menu {display:inline-block;padding:15px 15px 5px 10px;border-radius:0px 15px 15px 0px}
.logo {padding:10px 15px;}
.logo img {max-height:30px}

.navbar_top {}
.menu_button {font-size:30px;padding:0;line-height:1.0em}
.wrapper {display:flex;width:100%;align-items:stretch;overflow:hidden}
#sidebar {min-width:250px;max-width:250px;min-height:100vh;transition:all 0.3s;justify-content:space-between;flex-direction:column;/*display:flex;*/}
#sidebar.active {margin-left:-250px;}
.left_menu_link {display:block;padding:5px 15px}

#nav-icon3 {width:30px;height:25px;position:relative;-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:inline-block}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display:block;position:absolute;height:5px;width:100%;border-radius:9px;
opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top:0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top:8px;}
#nav-icon3 span:nth-child(4) {top:16px;}
#nav-icon3.open span:nth-child(1) {top:8px;width:0%;left:50%;}
#nav-icon3.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon3.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-icon3.open span:nth-child(4) {top:8px;width:0%;left:50%;}

.btn-circle {border-radius:100%;padding-left:0;padding-right:0;width:38px;height:38px}
.btn-circle.btn-lg {width:48px;height:48px}
.btn-circle.btn-sm {width:31px;height:31px}

.nav-tabs .nav-link {color:#ABABAB;background:#F9F9F9;border-bottom: 1px solid #dee2e6;}

.menu_item {padding:0px 15px;font-size:0.9em;text-transform:uppercase;position:relative;min-height:40px;border-bottom:solid 1px #b2d5e0}
.menu_item.active {font-weight:700;color:#4580ef !important}

label {font-size:12px;font-weight:bold;margin-bottom:0}
.jodit_container {min-width:0 !important}

/* checkbox radiobox funkyradio */
.funkyradio div {
    clear: both;
    /*margin: 0 50px;*/
    overflow: hidden;
}
.funkyradio label {
    /*min-width: 400px;*/
    width: 100%;
    border-radius: 3px;
    /*border: 1px solid #D1D3D4;
    font-weight: normal;*/
	
}

.funkyradio label:before {
	display: flex !important;
	align-items: center;
}
.funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: none;
}
.funkyradio input[type="radio"]:empty ~ label, .funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    /*line-height: 2.5em;
    text-indent: 3.25em;*/
	padding: 15px 15px 15px 60px;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.funkyradio input[type="radio"]:empty ~ label:before, .funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content:'';
    width: 2.5em;
    background: #F5F5F5;
    border-radius: 3px 0 0 3px;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content:'\f00c';
    text-indent: .8em;
    color: #C2C2C2;
}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label, .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.funkyradio input[type="radio"]:checked ~ label:before, .funkyradio input[type="checkbox"]:checked ~ label:before {
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content:'\f00c';
    text-indent: .8em;
    color: #333;
    background-color: #ccc;
}
.funkyradio input[type="radio"]:checked ~ label, .funkyradio input[type="checkbox"]:checked ~ label {
    /*color: #777;*/
}
.funkyradio input[type="radio"]:focus ~ label:before, .funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.funkyradio-default input[type="radio"]:checked ~ label:before, .funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}
.funkyradio-primary input[type="radio"]:checked ~ label:before, .funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.funkyradio-success input[type="radio"]:checked ~ label:before, .funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.funkyradio-danger input[type="radio"]:checked ~ label:before, .funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.funkyradio-warning input[type="radio"]:checked ~ label:before, .funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.funkyradio-info input[type="radio"]:checked ~ label:before, .funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 768px) {
    #sidebar { margin-left:-250px;}
    #sidebar.active {margin-left:0;}
	.status_shimpment_plan {max-width:100px}
	.mobile_fixed_w {min-width:82px;display:inline-block}
}

/*
.top_menu {font-size:12px;padding:15px;border-bottom:solid 1px #535353;position:fixed;top:0;width:100%;z-index:100;height:50px}
.top_menu a {color:#F5F5F5}
.top_menu a:hover {color:#CCC}
.full_background {position:absolute;width:100%;min-height:100%;}
.grey_background {background:#F5F5F5}
.dropdown_left_menu:after {font-family:'Font Awesome\ 5 Free';content:"\f0dd";font-weight:bold;position:absolute;right:15px;font-size:14px}
.dropdown_left_menu i {margin-right:15px}
.left_menu_container {background:#333;text-transform:uppercase;padding-top:50px}
.left_menu_container a {display:block;padding:10px 15px;border-bottom:solid 1px #535353;color:#F5F5F5;position:relative;background:#414141}
.left_menu_container a.inner_link {padding-left:35px;font-size:12px;background:#333}
.left_menu_container a:hover {color:#CCC}
.left_menu_container a.active_inner:before {content:"";width:20px;height:100%;background:rgba(0,255,255,0.1);position:absolute;left:0;top:0;height:100%;}
.left_menu_container a.active_inner {background:#3B3B3B;-webkit-box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,1);box-shadow: inset 0px 0px 16px 0px rgba(0,0,0,1);}
.left_menu_container a.active:before {content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,255,255,0.1);}
.admin_main_container {padding-top:65px;padding-bottom:15px}

.collapse_left_menu_end_bar {background-image: linear-gradient(#333 0, #5B5B5B 50%, #333 100%);height:5px}
.crop_media_list {height:180px;overflow:hidden;position:relative}
.crop_media_list img {position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.list_image_title {position:absolute;bottom:0;background:rgba(147,147,147,0.7);padding:5px;font-size:10px;width:100%;color:#F5F5F5}
.zoom img {transition: all 0.2s;}
.zoom:hover img {transform: scale(1.2);top:0;}
form {margin-bottom:0}
label {font-size:12px;font-weight:bold;margin-bottom:0}
.absolute_btn {position:absolute;top:15px;right:30px}
.modal_full {padding-right:0 !important}
.modal_full .modal-dialog {margin:0;max-width:initial}
.modal_full .modal-content {border-radius:0}
.img_list_modal {position:relative;height:180px;overflow:hidden;cursor:pointer;display:block}
.img_list_modal img {position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.jodit_container {min-width:0 !important}
.nav-tabs .nav-link {color:#CCC;font-size:12px}
.svg_footer {width:25px}

.block_drag {padding:0px 30px 0px 15px;min-height:100px;height:100%;margin:15px 0px}
.block_drag > div.content_div_drag {min-height:inherit;border:1px #CCC solid;background:#FFF}
.row_drag {min-height:100px; border: 1px #CCC dashed;background:#F5F5F5;}
.ui-resizable-e {right:15px;width:15px;top:0;background:#6c757d;text-align:center;display:table;border-radius:0px 5px 5px 0px;}
.ui-resizable-e:after {font-family:'Font Awesome\ 5 Free';content:"\f337";font-weight:bold;color:#FFF;font-size:10px;display:table-cell;vertical-align:middle}
.container_drag {margin-top:15px}
.content_div_drag .jodit_container {min-height:100%}
.content_div_drag  .jodit_toolbar, .content_div_drag  .jodit_statusbar {border:0}
.drag_top_bar {background:#6c757d;color:#FFF}
.button_drag_remove {border-right:solid 1px #CCC;padding:5px 0px;width:35px;text-align:center;display:inline-block;cursor:pointer}
.button_drag_remove:hover {background:#5a6268}

*/