.pagination{font-size:11px;}
.pagination > li{display:inline-block; padding-left:0;}
.duration{width:75px; display:inline-block;}
.select2-drop-active{z-index:1050;}
.hover-hand:hover,
.table-hover table tr:hover,
.chart-item:hover,
.ui-sortable-handle:hover{cursor:grab;}
.ui-sortable-helper {display: table;}
.ui-sortable-helper:hover{cursor:move;}
#notifications{background:#6F7B8A;color:#ffffff;display:none;top: 80px;left:calc(10% + 250px);width:calc(80% - 250px);margin: 0 auto;position: fixed;z-index: 10000;}
.panel .panel-heading .panel-title{font-family:inherit;}
.live-tile, .list-tile, .copy-tile, .tile-strip .flip-list > li{width:100% !important; height:100% !important; margin:0 !important;}
.widget-15-chart{height:100px;}
input:disabled{color:#2c2c2c !important;}

/*----------- GENERAL CLASSES --------------*/
.clear{clear:both;}
.hideIt, .h{display:none;}
.h-25{height:25px;}
.h-300{height:300px !important;}
.h-300 ul >li{line-height:20px;}
.fs-18{font-size:18px !important;}
.fs-responsive{font-size:90px !important; transition:all ease 0.2s;}
.btn-cons{margin-bottom:0;}
.m-w-100{max-width:100% !important;}
.no-rl-padding{padding-left:0 !important; padding-right:0 !important;}
.preview_button_container{position:absolute; top:20px; right:15px;}
.btn-animated{width:80px !important; height:37px !important;}
.price_container{padding:10px; border:1px solid #fff;}
.price_container.active{border:1px solid #FFF7ED; background:#FFFAF8}
.sm-gutter .panel{margin-bottom:0;}
.custom_link{position:absolute; width:100%; height:100%; top:0; left:0;}
.v-align-middle{vertical-align:middle !important;}

/*----------- HEADER & SIDEBAR -------------*/
body.dashboard{background-color:#fafafa !important;}
body.dashboard .page-container{background:#fafafa url("../img/background.png") no-repeat scroll; background-position:right -135px top -120px; background-size:auto 550px;}
body.menu-pin .header .brand{width:500px;}
body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate3d(48px, 0px, 0px);}
.nav-tabs > li > a{text-transform:none !important;}
.logo{height: auto; margin: 8px 0; width: 95px;}
.header .brand{transition:all 0.3s ease 0s; overflow: hidden;}
.panel-heading .button-container a{color:#fff !important; opacity:1 !important;}
.page-sidebar .page-sidebar-wrapper > ul{margin-top:20px;}
.page-sidebar .page-sidebar-wrapper > ul > li > a:hover{background-color:#22262e !important;}
.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu{background:#1b1f25;}
.page-sidebar .open.default-color > a span,
.page-sidebar .open.default-color > span i{color:#788195;}
.page-sidebar .open.default-color:hover > a span,
.page-sidebar .open.default-color:hover > span i{color:#fff;}
.page-sidebar .sidebar-menu .menu-items ul li.active{color:#fff;}
.page-sidebar .sidebar-menu .menu-items > li > a > .title{width:82%;}

/*--------------- INPUTS -------------------*/
input[readonly]{color:#2c2c2c !important;}
.select2-container-multi .select2-choices{border:none;}
.form-control.form-control-xl{height: 38px;}

/*----------- CUSTOM BUTTONS ----------------*/
.btn-120{min-width:120px; min-height:37px !important;}
.btn-animated.from-left.show-icon-custom::before{left:0;}
.btn-animated.show-icon-custom:hover::before,
.btn-animated.show-icon-custom:active::before{left:-100%;}
.btn-animated.show-icon-custom > span{transform:translateX(200%); -webkit-transform:translateX(200%); -ms-transform:translateX(200%);}
.btn-animated.show-icon-custom:hover > span,
.btn-animated.show-icon-custom:active > span{transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0);}

/*--------------- IMAGE UPLOAD -------------*/
.img_container{overflow:hidden;}
.img_container .img_container_inner{position:relative;}
.img_container.img_container_32_5 .img_container_inner{padding:15.625% 0 0;}
.img_container.img_container_16_9 .img_container_inner{padding:56.25% 0 0;}
.img_container.img_container_14_5 .img_container_inner{padding:35.714% 0 0;}
.img_container.img_container_14_3 .img_container_inner{padding:22% 0 0;}
.img_container.img_container_4_3 .img_container_inner{padding:75% 0 0;}
.img_container.img_container_1_1 .img_container_inner{padding:100% 0 0;}
.img_container.img_container_9_16 .img_container_inner{padding:177.78% 0 0;}
.img_container.img_container_3_4 .img_container_inner{padding:134% 0 0;}
.img_container .img_container_inner img{width:100%; height:auto; position:absolute; top:0; left:0;}
/*.img_container .image_delete:hover{cursor:pointer;}*/
.img_container .delete_image_hover{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); transition: visibility 0s, opacity 0.2s linear; visibility:hidden; opacity:0;}
.img_container .delete_image_hover i{position:absolute; top:50%; left:50%; margin-left:-10px; margin-top:-20px; color:#DC3F41;}
.img_container:hover .delete_image_hover{visibility:visible; opacity:1;}
.img_container:hover .delete_image_hover i:hover{cursor:pointer;}

/*------------ FILEUPLOADER - GALLERY -------------*/
.dd-handle{height:auto !important; min-height:40px !important; padding-right:35px !important;}
#gallery_list .dd-handle img,
#gallery_list .dd-handle iframe{height:auto; width:100%; max-width:100%;}
/*#gallery_list .dd-handle .row [class*='col-']:first-child:hover{height:auto;}*/
/*.dd-handle iframe{max-width:100% !important; height:auto !important;}*/
#gallery_list .dd-handle .btn-xs.btn-danger,
#carousel_list .dd-handle .btn-xs.btn-danger{position:absolute; top:6px; right:6px;}
#gallery-uploader-container .dd{width:100%;}
.tag_list .qq-upload-list li:nth-child(odd) { background-color: #f9f9f9; }
.dd-item{line-height:26px !important; clear:both;}
#menu_list .dd-item:hover,
#spec_list .dd-item:hover{cursor:pointer;}
#menu_list .dd-placeholder:hover,
#spec_list .dd-placeholder:hover{cursor:move;}
.dd-item .dd-handle a.btn,
.dd-item .dd-handle button{position:absolute; right:6px; top:6px;}
.dd-item .dd-handle a.btn-view{top:37px; padding:2px 7.5px;}
.qq-upload-button{background-color:#6d5eac !important; width:auto !important;}
.qq-upload-spinner{ background-repeat:no-repeat !important;}
.qq-upload-list li{font-size:12px !important;}
.qq-upload-list li:hover,.image_delete:hover{cursor:pointer;}
.qq-upload-list li.qq-upload-success::before{ content:url('checkmark.png'); background-size:contain; display:inline-block; vertical-align: top; line-height: 1em; width: 1em; height:1em; margin-right: 1em; text-align: center; color: #999;}
.qq-upload-list li.qq-upload-success{background-color:#fff !important; color:inherit;}
.qq-uploader .btn{width:80px !important; height:37px !important;}
#gallery_list .dd-handle .row [class*='col-']:first-child{height:75px; overflow:hidden;}
.dd-list.dd-dragel .row [class*='col-']:first-child{padding-right:0 !important; height:75px; overflow:hidden;}

.transparent_background{background: url('../img/transparent.jpeg') repeat 0 0 transparent;}

/*---------------- TABLE ------------------*/
table.table-no-border tr th,
table.table-no-border tr td{border-bottom:none;}
table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid rgba(230, 230, 230, 0.7) !important;}
.dataTables_wrapper .dataTables_info{clear:none !important;}
.table thead tr th{text-transform:none !important; font-family:inherit !important;}
.table thead tr th[class*="sorting_"]{color:rgba(44, 44, 44, 0.35) !important;}
.table tbody tr td{padding:15px;}
td.commands{min-width:105px;}
table .btn-group{min-width:65px;}
table .btn-group.btn-group-3{min-width:98px;}
#attachment_list table td{background: #fafafa none repeat scroll 0 0 !important;}
#image .table tbody tr td,
#image .table-striped > tbody > tr:nth-of-type(2n+1){background:transparent !important;}

/*--------------- COLORPICKER ----------------*/
.colorpicker-2x .colorpicker-saturation { width: 200px; height: 200px; } 
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha { width: 30px; height: 200px; } 
.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div { height: 30px; }
.colorpicker-selectors i{width:20px; height:20px;}

/*--------------- TAG ITEM ----------------*/
.tag_item{
	background-color: rgba(219,50,92,0.75);
	cursor: pointer;
	display: block;
	position: absolute;
	padding: 10px;
	z-index: 500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
	box-shadow: 0 0 10px #ffffff, 0 0 5px #ffffff;
}

.tag_item:hover { background-color: yellow; }

.tag_item_hover{
	background-color: yellow;
}

#tagit{
	width: 250px;
	height: 240px;
	background-color:white;
	border:1px solid #efefef;
	padding:10px;
	box-shadow: 1px 4px 30px #C5C5C5, 0 0 0px #000000;
	z-index: 700;	
}

.tag_list_item{z-index:1000; width:250px;}

/*Image resize tool*/
.main-image-container strong{
	font-size:16px;
	float:left;
	margin-top:20px;
	margin-left:10px;
	color:#555;
	text-shadow:0 2px 3px #fff;
}
.main-image-container strong  span{
	font-size:13px;
	float:left;
	margin-top:5px;
	margin-left:0 10px;
	color:#555;
	text-shadow:0 2px 3px #fff;
	font-weight:normal;
}
.main-image-container ul{
	margin:10px 0; padding:0; list-style:none;
}

.main-image-container ul li {background:#fff; border-top:1px solid #DDDDDD;  padding:8px; font-weight:bold;}
.main-image-container ul li:nth-child(odd) { background-color: #f9f9f9; }

.main-image-container ul li div.thumb{
	border:1px #e5e5e5 solid; 
	position:relative; 
	overflow:hidden; 
	width:100px; 
	height:100px;
	margin:10px 0;
	float:right;
}
.main-image-container div.thumb.thumb_68{
	width:68px; 
	height:68px;
}
.main-image-container div.thumb.thumb_104{
	width:104px; 
	height:104px;
}
.main-image-container div.thumb.thumb_134{
	width:134px; 
	height:134px;
}
.main-image-container div.thumb.thumb_118_90{
	width:118px; 
	height:90px;
}
.main-image-container div.thumb.thumb_118_170{
	width:118px; 
	height:170px;
}
.main-image-container div.thumb.thumb_118_63{
	width:118px; 
	height:63px;
}
.main-image-container div.thumb.thumb_118_70{
	width:118px; 
	height:70px;
}

.main-image-container div.thumb.thumb_160_90{
	width:160px; 
	height:90px;
}
.main-image-container div.thumb.thumb_118_118{
	width:118px; 
	height:118px;
}
.main-image-container img#thumbnail{
	max-width:100%;
}

.main-image-container.thumb img#thumbnail{
	max-width:100%;
}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(../img/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../img/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../img/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../img/border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}
/*Eof Image Area Select*/

.small_title{
	font-size:22px;
}

/*File Uploader*/

.qq-uploader { position:relative; width: 100%;}
.upload-button-container{display:inline-block; float:right;}
.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:10px 0; padding:0; list-style:none;}
.qq-upload-list li {background:#fff; border-top:1px solid #DDDDDD;  padding:8px; font-weight:bold;}
.qq-upload-list li.selected_media{color:#4F872C !important;}
.qq-upload-list li.selected_media:hover{color:#4F872C !important;}
.qq-upload-list li.qq-upload-success:hover { background-color:#333 !important; cursor:pointer;}
/*.qq-upload-list li:nth-child(odd) { background-color: #f9f9f9; }*/
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px;}

.qq-upload-file {}
.qq-upload-spinner {}
.qq-upload-size,.qq-upload-cancel {font-size:11px; margin:0 10px; font-weight:normal;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline; color:#cc0000;}

/*LEFT MENU*/
.page-sidebar .sidebar-header{background:rgba(0,0,0,0.3);}
.page-sidebar .sidebar-header .sidebar-header-controls{position:relative; z-index:2;}
.page-sidebar .sidebar-header .logo.admintools_icon{display:block; width:40px; height:40px; background:url(../img/icon_kit.png) no-repeat center center rgba(0,0,0,0.3); background-size:auto 90%; position:absolute; right:-5px; top:2px; opacity:0.5; transition:all .2s;}
.page-sidebar .sidebar-header:hover .logo.admintools_icon{opacity:1;}
.sidebar-visible .page-sidebar .sidebar-header .logo.admintools_icon{right:-50px;}

.page-sidebar .sidebar-header .logo.admintools{display:block; z-index:1; width:90%; height:50px; background:url(../img/logo_kit_white.png) no-repeat center center; background-size:auto 100%; position:absolute; left:0; top:4px; margin:0 auto;}
.page-sidebar .background{ background: rgba(0, 0, 0, 0) url("../img/logo_kit_white.png") no-repeat scroll left bottom / auto 100%; bottom: -40px; display: block; height: 630px; left: -165px; opacity: 0.02; position: absolute; transform: rotate(-35deg); width: 630px; z-index: -1;}
/*EOF LEFT MENU*/

.brand.inline img{height:50px; width:auto;}
body.menu-pin .header .brand{width:0;}

.page-container .background{width:400px; height:400px; background:url(../img/background_content_dark.png) no-repeat top left; background-size:auto 100%; display:block; position:absolute; right:0; top:60px; z-index:-1; opacity:0.1;}


/*LOGIN*/
body.login{overflow:hidden;}
.login-wrapper .login_footer{text-align:center; left:0; width:100%; font-weight:bold; font-size:12px;}
.login-wrapper .bg-pic{background-size:cover; width:100%; width:calc(100% - 490px); background-position:center; opacity:0.75;}
/*EOF LOGIN*/


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
	background:#48b0f7;
	border-color:#48b0f7;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}


/*Custom Panels*/
.panel.panel-default{border-top-width:3px !important;}
.panel.panel_search{border-top-color:#48b0f7;}
.panel.panel_add{border-top-color:#6D5CAE;}
.panel.panel_edit{border-top-color:#F8D053;}
.panel.panel_success{border-top-color:#10CFBD;}
.panel.panel_danger{border-top-color:#f55753;}

.panel.panel_add p{margin-top:10px;}

.form-group label:not(.error){font-family:inherit;}

/*Info messages*/
.info_message{position:fixed; left:0; top:0; z-index:1060; width:100%; height:100%; box-sizing:border-box; padding:100px; background:rgba(255,255,255,0.75); font-size:30px; text-align:center;}
.info_message > a,
.info_message > span,
.info_message > strong{display:block; max-width:480px; margin:0 auto; text-align:left; line-height:35px;}
.info_message > strong{font-size:52px; line-height:52px;}
.info_message > a{display:block; color:#000; font-size:22px; text-align:right;}
.info_message > a i,
.info_message > a span{font-size:20px; display:inline-block; margin-left:10px; vertical-align:middle;}
.info_message > a span{font-size:18px; margin-top:2px; }

.info_message.error{background:rgba(249,234,234,0.75); color:#800;}
.info_message.success{background:rgba(242,249,234,0.75); color:#2C7520;}

.info_message#page-loading span{position:absolute; width:64px; height:64px; top:50%; left:50%; margin-top:-32px; margin-left:-32px; background-image:url("loading_main.gif"); background-size:cover; background-repeat:no-repeat;}
/*eof info messages*/

.album_image img{display:block; padding:5px; height:118px; border:1px solid #dedede;}

@media (max-width: 1200px) {
	body .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate3d(-50px, 0px, 0px);}
	body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate3d(0px, 0px, 0px);}
	.page-sidebar .sidebar-header .logo.admintools_icon{transform: translate3d(50px, 0px, 0px);}
	.fs-responsive{font-size:45px !important;}
}
@media screen and (max-width: 1020px){
	#notifications{width:80%; left:10%;}
}
@media (min-width: 768px) and (max-width: 991px) {
  form .row [class*="col-md-"]:not(:first-child){padding-left: 7px; padding-right:0;}
  form .row [class*="col-md-"]:not(:last-child) {padding-right: 7px; padding-left:0;}
  .b-r{border-right:none !important;}
  .b-l{border-left:none !important;}
}
@media (max-width: 991px) {
	body .page-sidebar .sidebar-header .sidebar-header-controls{transform:translate3d(0px, 0px, 0px);}
	.page-container{z-index:auto;} /*to make modals visible*/
	.fs-responsive{font-size:90px !important;}
}
@media screen and (max-width: 810px){
	
	.no-padding-mobile{padding-left:0 !important; padding-right:0 !important;}
	.table-flip-scroll th{padding: 12px 5px 110px !important;}
	
	/*---------------table-flip---------------------*/
	.table-flip-scroll .cf:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	  }
	  .table-flip-scroll * html .cf {
		zoom: 1;
	  }
	  .table-flip-scroll *:first-child + html .cf {
		zoom: 1;
	  }
	  .table-flip-scroll table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	  }
	  .table-flip-scroll th {
		width: auto !important;
		border-radius: 0px !important;
	  }
	  .table-flip-scroll th,
	  .table-flip-scroll td {
		margin: 0;
		vertical-align: top;
	  }
	  .table-flip-scroll th {
		text-align: left;
	  }
	  .table-flip-scroll table {
		display: block;
		position: relative;
		width: 100%;
	  }
	  .table-flip-scroll thead {
		display: block;
		float: left;
	  }
	  .table-flip-scroll tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	  }
	  .table-flip-scroll thead tr {
		display: block;
	  }
	  .table-flip-scroll th {
		display: block;
	  }
	  .table-flip-scroll tbody tr {
		display: inline-block;
		vertical-align: top;
	  }
	  .table-flip-scroll td {
		display: block;
		min-height: 1.25em;
		text-align: left;
	  }
	  /* sort out borders */
	  .table-flip-scroll th {
		border-bottom: 0;
		border-left: 0;
	  }
	  .table-flip-scroll td {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		border-radius: 0px !important;
	  }
	  .table-flip-scroll tbody tr {
		border-left: 1px solid #babcbf;
	  }
	  /*--------------end of table-flip--------------------*/
}

@media screen and (max-width: 765px){
	.brand.inline img{height:48px;}
	.page-sidebar .sidebar-header{height: 48px;	line-height: 48px;}
	.page-sidebar .sidebar-header .logo.admintools_icon{margin:0 auto;}
	.page-sidebar .sidebar-header .logo.admintools{margin:0 auto; height:48px; top:0;}
}

@media screen and (max-width: 640px){
	#file-uploader{ display: none; }
}