.img-div .item:hover:before, .img-div .item:hover:after  { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }

form .error{color:#ff0000;}
.wrap [class$=icon32]+h2{font-size:26px;font-weight:bold;}
#wpwrap{background:#ffffff;}
#wpcontent, #wpfooter{background:white;margin-right:21px;}
#wpbody-content{width:100%;}
.admin-grid-box td img:nth-of-type(even){background:#f8fcff;}
.admin-grid-box tr:nth-of-type(odd){background:#f8fcff;}
.form{background:#ffffff;border-spacing:0;margin-top:30px;width:100%;border:1px solid #ecf1fd;padding:5px;}
.form th{font-size:16px;padding:22px 0 22px 0;}
.form td{font-size:16px;text-align:center;}
.form tr:hover{background:#c1ddf8;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:opacity 0.3s ease-in-out;}
#edit{background:#e4f5ff;color:#000000;border:none;text-shadow:none;box-shadow:none;border-radius:20px;font-weight:700;padding:8px 10px 10px 10px;height:36px;}
#edit:hover{background:#6cb5f1;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:opacity 0.3s ease-in-out;}
#delete:hover{background:#f89baa;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:opacity 0.3s ease-in-out;}
#delete{background:#ffe9ec;color:#000000;border:none;text-shadow:none;box-shadow:none;border-radius:20px;font-weight:700;padding:13px 8px 10px 13px;height:36px;}
form{margin:0 auto;padding:20px;}
.category{text-align:center;display:flex;justify-content:center;align-items:center;}
.category label{display:inline-block;vertical-align:middle;}
.coustom-select{width:30%;margin-right:15px;}
.upload-file{border:2px dashed #ccc;border-radius:20px;margin:50px auto;padding:20px;text-align:center;}
.file{border:none;display:block;}
.add{text-decoration:none;background:#f5f7fb;border:2px solid #e0e2e8;padding:10px 15px 12px 15px;;color:#555;}
body{font-family:sans-serif;}
a{color:#369;}
.note{width:500px;margin:50px auto;font-size:1.1em;color:#333;text-align:justify;}
.gallery{margin-top:10px;text-align:center;}
.gallery img{width:150px;margin-bottom:10px;margin-right:10px;vertical-align:middle;}
#file{opacity:0;height:0;padding:0;}
#edit::before{content:"";display:inline-block;width:20px;background:url("../images/edit-icon.png")no-repeat;height:20px;}
#delete::before{content:"";display:inline-block;width:15px;background:url("../images/delete.png")no-repeat;height:25px;}
#category_select{border:2px solid #e0e2e8;display:inline-block;width:79%;padding-left:15px;height:38px;}
.wp-admin select{padding:-1px;line-height:28px;height:40px;vertical-align:middle;}
.wp-core-ui #button{display:block;width:12%;background:#f5f7fb;border:2px solid #e0e2e8;margin:0 auto;box-shadow:0 1px 0 #fff;height:30px;}
.multi-upload{background:#f5f7fb;border: 2px solid #e0e2e8;padding:10px;margin-top: 40px;}
.multi-upload:hover{border-color:#3b9ccd;transition: opacity 0.3s ease-in-out;}
#progress-bar{margin-top:10px;width:18%;}
#category_name{text-align:center;box-shadow:0 1px 0 #ffffff;width:75%;}
#category_name input{background:#f5f7fb;border:1px solid #e0e2e8;padding:5px 15px;text-align:left;width:100%;border-radius:0;}
#drop-area{border:1px solid #e0e2e8;border-radius:10px;margin-top:50px;box-shadow:0 5px 15px rgba(0,0,0,0.3);}
#category_select:hover, .add:hover,#button:hover, #btn:hover{border-color:#3b9ccd;}
.edit-page{border:1px solid #e0e2e8;border-radius:10px;width:50%;color:black;font-size:16px;box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.edit-page input{background:#f5f7fb;border:2px solid #e0e2e8;padding:3px;width:37%;border-radius:10px;}
.edit-page img{display:block;margin:50px auto;border:2px solid #e0e2e8;padding:30px;border-radius:10px;position:relative;}
.highlight{background:none;}
#btn{display:block;width:27%;background:#f5f7fb;border:2px solid #e0e2e8;margin:27px auto;text-align:center;border-radius:10px;}
.add-new a, .multi-view a{color:black;text-decoration:none;background:#e4f5ff;padding:12px 30px 11px 30px;cursor:pointer;float:right;}
input[type=text], .wp-core-ui select{border-radius: 0;}
.add-new a:hover{background:#C1DDF8;}
.error{color:#ff0000;}
.box-button{display:flex;}
.category-box{width:10%;}
.search-button{position:absolute;left:58%;top:126px;background:none;border:none;}
​.search-box button{border:none;cursor:pointer;}
.category-box option{border-radius:15px;}
.coustom-select{position:relative;}
.category label.error{position:absolute;z-index:5;left:-21%;text-align:center;max-width:200px;top:3px;background:red;color:#fff;padding:8px 17px;font-size:14px;}
.category label.error::after{content:'';width:0;height:0;border-top:8px solid transparent;border-left:10px solid red;border-bottom:8px solid transparent;position:absolute;left:100%;top:50%;transform:translateY(-50%);}
#category_select{color:black;}
.upload-file{position:relative;}
.upload-file label.error{position:absolute;z-index:5;left:32.5%;text-align:center;max-width:200px;top:20px;background:red;color:#fff;padding:8px 10px;font-size:14px;}
.upload-file label.error::before{content:'';width:0;height:0;border-top:8px solid transparent;border-left:10px solid red;border-bottom:8px solid transparent;position:absolute;left:100%;top:50%;transform:translateY(-50%);}
.edit-page label#category_name-error{position:absolute;z-index:5;left:41.8%;text-align:center;max-width:200px;top:19%;background:red;color:#fff;padding:8px 10px;font-size:14px;}
.edit-page label#category_name-error::after{content:'';width:0;height:0;border-top:8px solid transparent;border-right:10px solid red;border-bottom:8px solid transparent;position:absolute;left:-6%;top:50%;transform:translateY(-50%);}
.multi-pagination a, .multi-pagination span{position:relative;border:1px solid #d3d3d3;border-radius:50%;height:42px;width:42px;display:inline-block;text-align:center;line-height:42px;color:#000;margin:2px;}
.multi-pagination a:hover, .multi-pagination span.current{background-color:#2b2a2f;color:#FFF;text-decoration:none;}
.multi-pagination .page-numbers:hover{background-color:#2b2a2f;color:#FFF;border-color:#2B2A2F;}
.multi-pagination a{color: #000000;text-decoration: none;}
.multi-pagination{text-align:center;padding:15px; margin: 40px 0; }
.multi-pagination .disabled.previous, .multi-pagination .disabled.next{display:none;}
.multi-pagination .next, .multi-pagination .prev{text-indent:-999em;}
.multi-pagination .next:before {content:'>';width:15px;height:42px;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto 0;font-size: 23px;}
.multi-pagination .prev:before{content:'<';width:9px;height:40px;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto 0;}
.multi-pagination .next:before, .multi-pagination .prev:before {text-indent: initial;}
.filters{padding:25px 0;}
.img-div{columns:3;column-gap:10px;padding:5px;align-content:space-between;}
.img-div.four-col{columns:4;}
.img-div.five-col{columns:5;}
.img-div.six-col{columns:6;}
.img-div .item{margin-bottom:10px;position:relative; cursor:pointer;}
.img-div .item:before{content:'';position:absolute;top:0;bottom:0;left:0;background:rgba(0,0,0,0.6);opacity:0; right:0;}
.img-div .item:after {content: ''; width: 32px; height: 32px; background:url("../images/zoom.png")no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; opacity: 0; }
.img-div .item:hover:before, .img-div .item:hover:after{opacity:1; }
.item img{width:100%;}
.category_filter{padding:0;display:flex;list-style:none;align-items:center;justify-content:center;flex-wrap:wrap;}
.category_filter li{padding:10px 35px;display:block;cursor:pointer;margin:0 5px;border:1px solid #D5D5D5;border-radius:25px;}
.category_filter li.current, .category_filter li:hover{background:#2b2a2f;color:#FFF;border-color:#2B2A2F;}

.multi-setting{display: flex;}
.multi-setting li{padding: 5px;}

.multi-button{float: right;width: 30%;position: relative;}
.multi-button input{padding:5px;width: 55%;}
.multi-button select{height: 40px; width: 42%;margin-bottom: 4px;}

.multi-button:before{content:'';display:inline-block;width:22px;background:url("../images/search.png")no-repeat;height:22px;position: absolute;right: 46%;top: 20%;}

.delete-button a {float: left; color: black;text-decoration: none;background: #ffe9ec;padding: 12px 30px 12px 30px;cursor: pointer;margin-bottom: 30px;}
.delete-button a:hover{background: #f89baa;}
.add-new a, .delete-button{position: relative;}
.add-new a:before{content:'';display:inline-block;width:22px;background:url("../images/plus.png")no-repeat;height:22px;position: absolute;right: 74%; top: 11px;}
.delete-button a:before{content:'';display:inline-block;width:22px;background:url("../images/delete.png")no-repeat;height:22px;position: absolute;top: 16px;left:12px;}

.switch { position: relative;display: inline-block;	width: 60px;height: 34px;}
.switch input {	opacity: 0;	width: 0;	height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;	content: "";height: 26px;width: 26px;left: 4px;	bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {	box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {	border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.dataTables_wrapper.no-footer{position: relative;}
.dataTables_length{position: relative;}
#table_id_length{position: absolute;left: 10%; top: -67px;}
.dataTables_wrapper.no-footer{content: '';clear: both;}


@media only screen and (max-width: 1600px) {
	.category_filter li {margin: 15px 5px;}

}
@media only screen and (max-width: 1024px) {
	.img-div.four-col, .img-div.five-col, .img-div.six-col{columns:3;}
}
@media only screen and (max-width: 767px) {
	.filter-row { position: relative; }
	.category_filter { display: none; position: absolute; left: 0; top: 100%; right: 0; z-index: 2; background: #38373c; padding: 15px 0; margin: 0; }
	.filter-trigger-btn {background: #2b2a2f;  color: #FFF;  border-color: #2B2A2F; padding: 20px 45px; display: block; margin-top: 35px; position: relative;}
	.filter-trigger-btn:before { content: ''; background:url("../images/filter-icon.png") no-repeat; width: 20px; height: 20px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); }
	.filter-trigger-btn:hover {text-decoration: none;}
	.filter-trigger-btn:after {content:''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #FFF; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
	.filter-trigger-btn.open:after { border-top:0; border-bottom: 10px solid #FFF; }
	.category_filter li { margin: 0 0 10px; width: 100%; text-align: center; }
	.img-div { columns: 2; margin-top: 45px;}
	.img-div.four-col, .img-div.five-col, .img-div.six-col{columns:2;}
}