img {
	min-height: 30px;
	min-width: 30px;
	border: solid 1px transparent;
}
img:hover {
	background: red;
	border: solid 1px red;
}
.find {
	margin-bottom: 10px;
}
.button_page_setting {
	text-align: right;
	margin-bottom: 10px;
}
.button_page_setting .btn{
	padding-right:1rem;
	padding-left: 1rem;
}
.fixed-top {
	z-index: 4;
}
.btn_group_top {
	padding-bottom: 10px;
}
.btn_group_top .btn{
	padding-left: 24px;
	}

.nav-tabs .nav-link {
 padding-left: 18px;
 padding-right: 9px;

}
.btn_nav_page_top_cat {
	float: left; margin-right:  10px; margin-top: 0px; display: block;
}
.btn_icon_page_top {
	position: absolute;
	top: 10px;
	left: 5px;
}
.nav_submenu {
	position: absolute;
	right: 25px;
	top: 50px;
	z-index: 22;
}
.add_link_nav{
	font-size: 1.3em;
	color: #959aaa;
	margin-left: -10px;
}
.add_link_nav:hover {
	color: #fff;
}
.dropdown_menu_right {
	right: 0 !important;
	left: auto !important;
}

.nav_sort_style .nav-link{
	padding-left: 7px !important;
	padding-right: 7px !important;
	font-size: 0.85em;
	margin-bottom: 5px;

}
.cells_page label{
	cursor: pointer;
}
.bg-dark, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level{
	background-color: #2a3f54 !important;
}
.btn-outline-info {
	border-color: transparent;
	padding: 0;
}
#form_find .input-group{
	border-bottom: 7px;
}
.breadcrumb {
	 margin-bottom: 7px;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

.navbar-dark .navbar-toggler {
	border: transparent;
}
.nav_bg {
  background: #444;
}
.nav_icon li a i{
  color: #fff;
  font-size: 2em;
}
.nav_icon {
  margin: 0; padding: 4px 15px 4px 15px;
}
.nav_icon li{
  display: inline-block;
  list-style: none;
}
.nav_icon li a {
  padding: 12px;
}
.table-responsive-overflow {
	min-height: 460px;
}
/*td_file style*/

.cat_table .td_width_50 {
width: 50px;
}
.cat_table .td_width_100 {
width: 100px;
}
.cat_table .td_width_150 {
width: 150px;
}
.cat_table .td_width_200 {
width: 200px;
}
.cat_table .td_width_250 {
width: 250px;
}
.cat_table .td_width_300 {
width: 300px;
}
.cat_table .td_input input {min-width: 100px;}
.td_input_comment input{min-width: 400px;}
.cat_table .td_textarea textarea{
	 vertical-align: top;
min-width: 280px;
}
.cat_table .td_textarea textarea:focus {
        outline-color:  #fbc508;
        outline-style: solid;
        outline-width: 2px;
      }


/*td_file style*/
.cat_table td {
	font-size: 0.9em !important;
vertical-align: middle;
}
.table thead th {
	font-size: 0.8em !important;
	vertical-align: middle;
}

.cat_table .id .col_td{
	width: 30px;
}
.cat_table .checkbox .col_td, .cat_table .checkbox {
	width:16px;
	text-align: center;
}
.cat_table .sort .col_td, .cat_table .sort {
	width: 10px;
	
}
.cat_table .sort i{
	font-size: 1.2em;
	color: #999;
}
.cat_table .funct  a{

}
.cat_table .funct .col_td, .cat_table .funct{
	width: 10px;
	text-align: center;
}
.cat_table .rating .col_td{
	width: 62px;
}

.cat_table .name .col_td{
	min-width: 168px;
}
.cat_table .sorting .col_td{
	width: 100px;
}
.cat_table .sitemap .col_td{
	width: 50px;
}
.cat_table .menu .col_td{
	width: 50px;
}
.cat_table .public .col_td{
	width: 50px;
}
.cat_table .images .col_td{
	width: 100px;	
}
.cat_table .example_email .col_td{
	width: 100px;
}
.cat_table .category .col_td{
	width: 30px;
}
.cat_table .to_email .col_td{
	width: 70px;
}
.cat_table .example_page .col_td{
	width: 70px;
}
.cat_table .date_create .col_td{
	width: 80px;
}
.cat_table .date_updated .col_td{
	width: 80px;
}

.mv5 {
	margin: 5px 0 !important;
}
.mv10 {
	margin: 5px 0 !important;
}





#mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link{
padding: 0.5em 1em !important;
}

.sidenav-second-level > li > a {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}


.editor_button{
	width:100%;
	background-color:#7fba00;
	border:0px;
	color:#FFF;
	margin:5px 0px 0px 0px;
	padding:8px;
	cursor:pointer;
	font-family:Arial;
	font-size:14px;
	border-radius:2px;
	text-decoration:none;
	box-sizing:border-box;
	outline:none;
	text-align:center;
	white-space:nowrap;
}
.editor_button:hover{text-decoration:none; background-color:#999}
.editor_button:active{
	background-color:#666;
	box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:inset 0px 0px 5px rgba(0, 0, 0, 0.5);
}



.editor_text{
	width:100%;
	background-color:#F6F6F6;
	min-width:260px;
	border:1px solid #CCC;
	font-family:Arial;
	font-size:14px;
	border-radius:2px;
	padding:4px;
	overflow:auto;
	resize:vertical;
	color:#333;
	box-sizing:border-box;
	min-height:300px;
	margin-top:5px;
}

@media screen and (min-width: 992px) {
	.editor_text {
		min-width:700px;
	}	
}
.editor_url{
	width:100%;
	background-color:#F6F6F6;
	min-width:300px;
	border:1px solid #CCC;
	font-family:Arial;
	font-size:14px;
	border-radius:2px;
	padding:7px;
	color:#333;
	box-sizing:border-box;
	margin-top:5px;
}

.editor_file{
	width:300px;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	font-family:Arial;
	font-size:14px;
	border-radius:2px;
	padding:7px;
	color:#333;
	box-sizing:border-box;
	margin-top:5px;
}

.editor_image{
	width:300px;
}

.popup{background:#fff; padding:30px; margin: 20px; max-width: 1200px; box-shadow:0 3px 15px #333}
.popup_back{height:100%; left:0; position:fixed; top:0; width:100%; background-color:#222}
.popup_container{position:fixed; z-index: 999999;}
.popup_content{overflow:auto; padding:5px}
.popup_close{color:#000; cursor:pointer; position:absolute; padding:15px; font-size: 2em; right:15px; top:0}
.popup_close:hover{color:#111}
.popup_loader{left:50%; top:50%; width:160px; height:24px; margin:-12px 0 0 -80px; position:fixed; background-image:url(../assets/loader.gif)}
.loader{width:160px; height:24px; background-image:url(../assets/loader.gif); display:inline-block}

 

.fr-wrapper div a{
 

}
.control{
	padding:4px;
	display:inline-block;
	cursor:pointer;
	color:#007bff;
}
.control:hover{
	color:#0056b3;
}

.website_selected{
	color:#FF3300;
}

.alert_message{
	color:#FF3300;
	margin-bottom:10px;
}

.login_message{
	color:#FF3300;
	margin-top:15px;
}

.order-index{
	width:65px;
	text-align:center;
}

.hidden{
	display:none;
}

.nav-item .fa{
	margin-right:10px;
}

.dropdown-item{
	cursor:pointer;
}

.update_core_error{
	color:#FF3300;
}

.sort_btn{
	cursor:pointer;
}
.sort_btn:hover{
	text-decoration:underline;
}

#loader{
	background-color:rgba(0,0,0,0.5);
	background-image:url(../assets/loader.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}

#form_import{
	display:none;
}

.tree{
	margin:0px 0px 0px 30px;
	padding:0px;
	list-style-type:none;
}

#categories > .tree{
	margin:0px;
}

 
 

/* sortable */
.sortable_drag_page{
	height:51px;

}
.sortable_drag_photo{
	height:80px;
}
.sortable_drag_file{
	height:81px;
}
.sortable_drag_template{
	height:39px;
}
.sortable_drag_template_edit{
	height:43px;
}



/* prefind_list */
#prefind_list{
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#F2F2F2;
	position:absolute;
	z-index:1000;
}
#prefind_list li{
	cursor:pointer;
	padding:5px 12px 5px 12px;
}
#prefind_list li:hover{
	background-color:#E2E2E2;
}




/* Customize the label (the container-checked) */
.container-checked {
  display: block;
  margin-top: -18px;
  position: relative;
  cursor: pointer;
    -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checked input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-checked:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checked input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checked input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checked .checkmark:after {
  left: 7px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}