#table-width table.dataTable thead th, #table-width  table.dataTable thead td { border-bottom: 0; }
#table-width  table.dataTable tfoot th, #table-width  table.dataTable tfoot td { border-top: 1px solid #ccc; }
#table-width .dataTables_wrapper .dataTables_paginate .paginate_button:active { box-shadow: none; }
#table-width .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
#table-width .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #08c;
	border: 1px solid #08c;
	border-radius: 5px;
	color: #fff !important;
}
#editcell #table-width .adminlist td { 
	display: table-cell; 
	vertical-align:middle; 
}
#editcell #table-width .adminlist td input { 
	margin: auto; 
	text-align: center; 
	position: relative; 
}
#editcell #table-width .adminlist th a{ color: #fff; }
#editcell #table-width .adminlist th a:hover { text-decoration: none; }
#editcell #table-width .adminlist td:hover > input{ background-color: #fff; }
#editcell #table-width .adminlist td:hover { color: #08c; }
#editcell #table-width .adminlist td:hover  a{ 
	text-decoration: none; 
	border-bottom: 1px dotted #08c;
}
#table-width .dataTables_wrapper .dataTables_paginate span a.paginate_button { 
	border: 1px solid #ccc;  
	border-radius: 5px;
}
#table-width .dataTables_wrapper{
	width: 100%;
	margin: 0 auto;
}
.p-bottom-20 { padding-bottom: 20px; }
#table-width #adminlist_length > label,
#table-width #adminlist_filter > lable{ margin-bottom: 10px; }
#table-width #adminlist_info,
#table-width #adminlist_paginate { margin-top: 30px; }
.FixedHeader_Cloned.fixedHeader.FixedHeader_Header  .adminlist thead tr,
.DTFC_RightHeadBlocker,
.DTFC_LeftFootWrapper, 
.DTFC_RightFootWrapper, 
.DTFC_LeftHeadWrapper, 
.DTFC_RightHeadWrapper, 
.DTFC_RightFootBlocker.DTFC_Blocker,
.DTFC_RightBodyLiner .adminlist thead tr td{ background: #fff; } 
body #table-width .DTFC_LeftBodyLiner { width: 71px !important; overflow: hidden;}
body #table-width .DTFC_RightBodyLiner { width: 189px !important; overflow: hidden; }
#editcell #table-width table.adminlist.dataTable thead th {
	text-align: center; 
	margin: auto; 
    padding: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px #568F23;
    background-color: #1993d1;
	border-top: 4px solid #236f95;
	border-bottom: 2px solid #236f95;
	border-left: 1px solid #236f95;
}
#editcell #table-width table.adminlist.dataTable tfoot th {
	background-color: #329fd6;
	border-bottom: 4px solid #08c;
	border-top: 2px solid #08c;
	color: #fff;
	border-radius: 0;
	border-left: 1px solid #236f95;
}
#table-width table.dataTable.stripe tbody tr.odd, 
#table-width table.dataTable.display tbody tr.odd {
    background-color:#c1e2f2;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(238,247,251)),
        color-stop(0.51, rgb(238,247,251)),
        color-stop(0.87, rgb(238,247,251))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(238,247,251) 2%,
        rgb(238,247,251) 51%,
        rgb(238,247,251) 87%
        );
} 
#table-width table.table-bg > tbody > tr:hover { 
    background-color:#dddedf;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(239,247,251)),
        color-stop(0.51, rgb(233,244,250)),
        color-stop(0.87, rgb(233,244,250))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(239,247,251) 2%,
        rgb(233,244,250) 51%,
        rgb(233,244,250) 87%
        );
}
.DTFC_LeftBodyLiner table.dataTable.order-column.stripe tbody tr.odd > td,
.DTFC_RightBodyLiner table.dataTable.order-column.stripe tbody tr.odd > td  {
	background-color: #c1e2f2;
	border-right: 1px solid #ccc;
}
.DTFC_LeftBodyLiner table.dataTable.order-column.stripe tbody tr.even > td,
.DTFC_RightBodyLiner table.dataTable.order-column.stripe tbody tr.even > td {
	background-color: #e5f3f9;
	border-right: 1px solid #ccc;
}
.DTFC_RightWrapper .DTFC_RightHeadWrapper .DTFC_RightHeadBlocker { border-left: 1px solid #236f95; } 
.adminlist.table-bordered,
.table-bordered thead:last-child tr:last-child > th:last-child { border-radius: 0; }
.DTFC_LeftHeadWrapper .adminlist th,
.DTFC_LeftFootWrapper .adminlist th,
.DTFC_RightFootWrapper .adminlist th,
.DTFC_RigthHeadWrapper .adminlist th{ border-right: 1px solid #236f95; }
table.dataTable tfoot td { padding: 0; }
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
	background-color: #eff7fb;
}

/**************/

.form-date input, .link-table input, .form-date select, .print-table input, #cbp-vm  .d-table .d-tablecell-value input  { 
	width: auto; 
	margin-top: 10px;
}
#adminlist_length select, #adminlist_filter input { margin-top: 10px; }
select:focus {outline: 0; }
body select { width: 150px; }
.fl-left { float: left; }
.p-right-15 { padding-right: 20px; }
.m-right-15 { margin-right: 20px; }
.form-date { 
	border-bottom: 2px solid #08c;	
    -webkit-box-shadow: 0 5px 5px -6px #08c;
       -moz-box-shadow: 0 5px 5px -6px #08c;
            box-shadow: 0 5px 5px -6px #08c;
	margin-bottom: 10px;
}
.form-date button {
	background-color: #08c;
	border: 1px solid #00517a;
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	margin-top: 10px;
	font-size: 12px;
}
.form-date td { 
	color: #08c; 
	font-weight: bold; 
}
#adminlist_length label, #adminlist_filter label { 
	color: #000; 
	text-transform: capitalize; 
	font-weight: bold; 
}
.form-date table {
	margin: 0 auto;
	text-align: center;
}
.row-fluid .span2 #sidebar{ 
	border-right: 1px solid #ccc;
	padding-right: 10px;
}
@media (max-width: 767px) {
	.row-fluid .span2 #sidebar{ 
		border-right: 0px solid #ccc;
		border-bottom: 2px solid #ccc;
		-webkit-box-shadow: 0 5px 5px -6px #08c;
		   -moz-box-shadow: 0 5px 5px -6px #08c;
				box-shadow: 0 5px 5px -6px #08c;
				padding: 15px 0;
	}
}

/* link table */
table.adminlist.link-table { 
	width: 100%;
	overflow: scroll;
	display: block;
	overflow-y: hidden;
	margin-top: 30px;
	
}
#editcell table.adminlist.link-table thead th,
#editcell table.adminlist.print-table thead th, 
#editcell table.adminlist.file-table  thead th{
	text-align: center; 
	margin: auto; 
    padding: 20px;
    color: #fff;
    text-shadow: 1px 1px 1px #568F23;
    background-color: #1993d1;
	border-top: 4px solid #236f95;
	border-bottom: 2px solid #236f95;
	border-left: 1px solid #236f95;
	vertical-align: middle;
}
#editcell table.adminlist.file-table  thead th {
	padding: 10px 5px;
}
#editcell table.adminlist.link-table tbody td{
	vertical-align: middle;
	padding: 5px 15px;
}
table.adminlist.link-table th a { color: #fff; }
table.adminlist.link-table td a {
	color: #08c;
	text-transform: capitalize;
	font-weight: bold;	
}
table.adminlist.link-table td:hover { color: #08c; }
table.adminlist.link-table td a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #000;
}
table.adminlist.link-table td { 
	margin: auto;
	text-align: center;
}
table.adminlist.link-table tr:nth-child(even) {
    background-color:#c1e2f2;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(238,247,251)),
        color-stop(0.51, rgb(238,247,251)),
        color-stop(0.87, rgb(238,247,251))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(238,247,251) 2%,
        rgb(238,247,251) 51%,
        rgb(238,247,251) 87%
        );
}
table.adminlist.link-table td font { color: #444; }
table.adminlist.link-table td img {
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	padding: 4px;
	box-shadow: 0 0 2px #ccc;
	border-radius: 5px;
}
table.adminlist.link-table td img:hover {
	background-color: #cccfd0;
}
/* new styles for template tabs */
body #config-document #adminForm .admintable tr td.key { width: 50px !important; }
body #config-document #adminForm .admintable tr td label { cursor: default !important; }
/* new styles for template tabs */
/* files list and grid view */
.ft-left { float: left;	}
.cbp-vm-switcher {
	border: 1px solid #08c;
	padding: 15px;
}
.cbp-vm-options {
	text-align: right;
	border-bottom: 2px solid #08c;
}
.cbp-vm-options a {
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	color: #d0d0d0;
	margin: 2px;
}
.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected { color: #47a3da; }
.cbp-vm-options a:before {
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	display: inline-block;
}
.cbp-vm-switcher ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
	content: " "; 
	display: table; 
}
.cbp-vm-switcher ul:after { clear: both; }
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.cbp-vm-grid:before { content: "\f00a"; }
.cbp-vm-list:before { content: "\f00b"; }
.cbp-vm-add:before { content: "\f055"; }
.cbp-vm-view-grid ul { text-align: center; }
.item-check { text-align: left; }
.cbp-vm-view-grid ul li {
	width: 25%;
	padding: 25px;
	margin: 35px 15px 0;
	display: inline-block;
	min-height: 150px;
	vertical-align: top;
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #ccc;
}
.cbp-vm-view-grid ul li:hover,
.cbp-vm-view-list li:hover {
	box-shadow: 0 0 4px #08c;
	border: 1px solid #08c;
	border-radius: 10px;
}
.cbp-vm-view-list li {
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #ccc;
	margin-top: 20px;
	display: inline-flex;
	width: 98%;
}
.cbp-vm-view-list li .d-table.a1,
.cbp-vm-view-list li .d-table.c1 { width: 20px; }
.cbp-vm-view-list li .d-table.a2,
.cbp-vm-view-list li .d-table.c2 { width: 40px;  }
.cbp-vm-view-list li .d-table.a3 { width: 80px; }
.cbp-vm-view-list li .d-table.c4, 
.cbp-vm-view-list li .d-table.a4 { width: 430px; }
.cbp-vm-view-list li .d-table.a5 { width: 80px; }
.cbp-vm-view-list li .d-table.a6,
.cbp-vm-view-list li .d-table.c6 { width: 230px; }
.cbp-vm-view-list li .d-table.a7,
.cbp-vm-view-list li .d-table.c7 { width: 75px; }
.cbp-vm-view-list li .d-table.a8,
.cbp-vm-view-list li .d-table.c8 { width: 80px; }
.d-tablecell-value.image-big {
	 -ms-word-break: break-all;
         word-break: break-all;
	     word-break: break-word;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
            hyphens: auto;
			display: inline-block;
		}	
.cbp-vm-view-list li .d-tablecell-value { margin-top: 15px; }
.cbp-vm-view-grid  .d-table { 
	display: table; 
	width: 100%; 
	margin-top: 5px;
}
.cbp-vm-view-grid .d-tablecell-name { 
	display: table-cell; 
	vertical-align: middle; 
	width: 30%;
	padding-right: 5px;
	text-align: left;
}
.cbp-vm-view-grid .d-tablecell-value { 
	display: table-cell; 
	vertical-align: middle; 
	text-align: left; 
	width: 70%;
	padding-left: 5px;
}
.cbp-vm-view-grid .d-table.a6 { display: none; }
/* media queries */
@media (min-width: 1200px) {
	.cbp-vm-view-grid ul li { width: 24%; }
}
@media (min-width: 997px) and  (max-width: 1199px) {
	.cbp-vm-view-grid ul li { width: 35%; }
} 
@media (min-width: 768px) and  (max-width: 996px) {
	.cbp-vm-view-grid ul li { width: 35%; }
} 
@media (min-width: 631px) and  (max-width: 767px) {
	.cbp-vm-view-grid ul li { width: 35%; }
	.cbp-vm-view-list li .d-table.a6,
	.cbp-vm-view-list li .d-table.a3,
	.cbp-vm-view-list li .d-table.a8 { display: none; }
}
@media (max-width: 630px) {
	.cbp-vm-view-grid ul li { width: 78%; margin: 35px 0 0;  }	
	.cbp-vm-view-list li .d-table.a6,
	.cbp-vm-view-list li .d-table.a3,
	.cbp-vm-view-list li .d-table.a8	{ display: none; }
	.cbp-vm-view-list li .d-table.a4 { width: 300px; }
}
@media (max-width: 480px) {
	.cbp-vm-view-list li .d-table.c7,
	.cbp-vm-view-list li .d-table.c6 { display: none; }
}
/* files list and grid view */
/* added new style for template tabs */
body .table-striped tbody > tr:nth-child(odd) > td{ padding:10px 10px 0 10px; }
body .table-striped tbody > tr:nth-child(even) > td{ padding:10px 10px 0 10px; }
body .table-striped tbody > tr:nth-child(odd) > td,
body .table-striped tbody > tr:nth-child(odd) > th {
	background-color:#c1e2f2;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(238,247,251)),
        color-stop(0.51, rgb(238,247,251)),
        color-stop(0.87, rgb(238,247,251))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(238,247,251) 2%,
        rgb(238,247,251) 51%,
        rgb(238,247,251) 87%
        );
}
body .table-striped tbody > tr:hover { color: #08c; }
/* added new style for template tabs */

/* file details */
.nopadding {
	padding: 0;
	margin: 0;
}
.file-inner .row-fluid {
	margin: 10px 0;
}
.add-category:last-child { margin-bottom: 0; }
.add-category {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.file-inner1 { width: auto !important; }
.file-inner1 .filen-name label,
.file-inner1 .filen-name { 
	color: #444;
	text-transform: capitalize;
	font-weight: bold;
	height: 30px;
	margin: auto;
	display: table-cell;
	vertical-align: middle;
}
.file-inner1:hover .filen-name label,
.file-inner1:hover .filen-name { color: #08c; }
.file-inner1 input.filen-input {
	height: 25px !important;
	border-radius: 0 !important;
	background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 7%, #f7f7f7 22%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.file-inner1 input.filen-input:hover { 
	background: #e5f3f9; 
	border: 1px solid #cce7f4 !important;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
}
.file-inner1 input.filen-input:focus {
	background:none repeat scroll 0 0 #e5f3f9;
	box-shadow: 0 0 4px #b2dbef !important;
	border: 1px solid #cce7f4 !important;
}
.imagexl-title {
	background-color: #08c;
	color: #fff;
	position: relative;
	top: 0;
	width: auto;
	padding: 10px 15px;
	font-weight: bold;
	margin-top: 25px;
	display: table;
}
.xl-table  { margin-bottom: 0!important; }
.img-types {
	margin: auto;
	font-weight: bold;
	text-transform: capitalize;
}
.imgsize-wh a img {
	height: 125px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	display: block;
}
.email-msg textarea { width: 95%; }
.file-inner1 td { vertical-align: middle !important;  }
.img-closed {
	display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.border1px { border: 1px solid #ccc; }
/* file details */
.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}
.grid div {
	position: relative;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.grid div img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.grid div .goliath-inner {
	padding: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: table;
	width: 100%;
}
.grid div .goliath-inner input { top: 3px; }
.grid div.effect-goliath:hover .goliath-inner { background-color: #7fc3e5; }
.grid div .goliath-inner::before,
.grid div .goliath-inner::after {	pointer-events: none; }
.grid div .goliath-inner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
div.effect-goliath { 	border: 4px solid #66b7e0; }
div.effect-goliath img {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
div.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
div.effect-goliath input {
	position: absolute;
	left: 0px;
}
div.effect-goliath input {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}
div.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
div.effect-goliath:hover input {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
input[type='file'] {  color: transparent; }
.table-xs-responsive { 
	border: 1px solid #08c; 
	padding: 15px;
}
body .el-imgbox input.width-auto { width: auto !important; }
body .el-imgbox .row-fluid .span7 input { 
	margin-right: 5px; 
	margin-top: 5px; 
}
body .el-imgbox .row-fluid .span4 label {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
} 
.add-category .span6 input { width: auto; }

/* category form */
.imagecat-title {
	background-color: #08c;
	padding: 10px 15px;
	border-top-right-radius: 5px;
	width: auto;
	display: table;
	color: #fff;
	font-weight: bold;
	margin-bottom: -5px;
}
.category-main { margin-bottom: 25px; }
.category-file {  
	padding: 10px;
	border-width: 1px;	
    border-style: solid;
	border-color: #08c;
	border-radius: 5px;	
}
.dlt-image { 
	clear: both;
	padding-top: 10px;
}
.row-fluid.exlarge-image { clear: both; }
.smlager-view { clear: both; }
.category-file .file-inner1 { margin: 10px 0; }
@media (min-width: 768px) and (max-width: 1199px) {
	body .category-main .span6 .row-fluid.file-inner1 .span4  { width: 100%; }
	body .category-main .span6 .row-fluid.file-inner1 .span7  { width: 100%; }
	body .category-main .span6 { width: 48% !important;  }
}
@media (min-width: 992px) and (max-width: 1235px) {
	body .el-imgbox .row-fluid .span9{ width: 100%; }
	body .el-imgbox .row-fluid .span3{ width: 100%; }

}
@media (min-width: 768px) and (max-width: 991px) {
	body .el-imgbox .row-fluid .span9{ width: 100%; }
	body .el-imgbox .row-fluid .span3{ width: 100%; }
	body .el-imgbox .row-fluid .span4{ width: 100%; }
	body .el-imgbox .row-fluid .span7{ width: 100%;}
}

@media (min-width: 481px) and (max-width: 767px) {
	body .el-imgbox .row-fluid .span4{ width: 25%; float: left;}
	body .el-imgbox .row-fluid .span7{ width: 60%; float: left;}
	body .add-category .span4 { width: 25%; float: left; }
	body .add-category .span6 { width: 70%; float: left; }
	body .add-category .span1 { display: none; }
	body .add-category { padding: 10px 20px;  }
	body .admintable .file-details .file-inner .span4.filen-name { width: 40%; float: left; }
	body .admintable .file-details .file-inner .span6.filen-name { width: 60%; float: left; }
	body .category-main .span6 .row-fluid.file-inner1 .span4  { width: 30%; float: left; }
	body .category-main .span6 .row-fluid.file-inner1 .span7  { width: 60%; float: left; }
}
@media (max-width: 480px) {
	body .add-category .span1 { display: none; }
	body .add-category { padding: 10px 20px;  }
}
/* cart view */
body #shcartcnt { 
	 margin-left: 0; 
	width: 100%; 
	overflow: auto;
}
.carttbl { margin: 15px 0; }
body .carttbl tr td input.incrtis { 
	width: auto; 
	border-radius: 0; 
	text-align: left; 
}
.d-tablecell-value a,
.cart-image a font, .cart-description, .cart-title font {
	-ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
   -webkit-hyphens: auto;
      -moz-hyphens: auto;
           hyphens: auto;
}
body .carttbl tr td { 
	padding: 20px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	color: #444;
	font-size: 12px;
}
body .carttbl tr td font.ft { 
	text-align: left; 
	display: inherit;
	color: #444;
	font-weight: bold;
	font-size: 14px;
	text-transform: capitalize;
}
body .carttbl tr th {
	text-align: center;
	padding: 10px;
	color: #444;
	font-size: 14px;
	font-weight: normal;
}
.close-btn i{
	width: 19px;
	height: 20px;
	background-color: #ccc;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
	line-height: 20px;
}
.close-btn i:hover { background-color: #444; }
.cart-name { 
	display: table; 
	width: 100%;
}
.cart-image img {
	border: 1px solid #ccc;
	padding: 3px;
	border-radius: 5px;
	background-color: #f8f8f8;
	box-shadow: 0 0 2px #ccc; 
	background-position: right bottom;
}
.cart-title:hover img {
	position: relative;
	background: -webkit-linear-gradient(to left, #ccc 50%, #444  50%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to left, #ccc 50%, #444  50%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to left, #ccc 50%, #444  50%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #ccc 50%, #444  50%);
	background-size: 200% 100%;
	background-position:left bottom;
	transition:all .5s ease-in-out;
}
.cart-image, .cart-description { 
	display: table-cell; 
	vertical-align: middle;	
}
.cart-image { width: 30%; }
.cart-description { 
	padding: 5px; 
	width: 70%;
}
body input.apply-btn {
	background-color: #ccc;
	padding: 5px;
	color: #fff;
	box-shadow: none;
	border: 4px solid #ccc;
	font-size: 12px;
	text-transform: capitalize;
	font-weight: bold;
	border-radius: 5px;
	border-bottom: 4px solid #848c90;	
}
body input.apply-btn:hover {
	background-color: #444;
	border: 4px solid #444;
	border-bottom: 4px solid #ccc;
}
body .carttbl.table-bordered { border-radius: 0; }
.cart-quantity { position: relative; }
.cart-quantity input.qtyminus:hover,
.cart-quantity input.qtyplus:hover { 
	background-color: #444;  
	border: 1px solid #444;
}
.qtyplus { 
	position: absolute; 
	right: 23px; 
	padding: 6px 5px 6px 6px;
	height: 12px;
	background-color: #ccc;
	color: #fff;
	box-shadow: 0;
	line-height: 2px;
	border: 1px solid #ccc;
}
.qtyminus {
background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
    height: 13px;
    line-height: 3px;
    margin-top: 15px;
    padding: 3px 6px 7px 8px;
    position: absolute;
    right: 23px;
}
.cart-description p {
	-webkit-hyphens: auto; 
	 -ms-word-break: break-all;
	   -moz-hyphens: auto;
	  	 word-break: break-word;
		 word-break: break-all;
            hyphens: auto;
			display: inline-block;
}
.payment-list {
	display: table;
	width: 100%;
}
.paypall-link, 
.credit-link, 
.checkout-link, 
.mbooker-link, 
.offlinep-link {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 5px;
}
.paypal-links div img { padding: 5px 0; }
.paypal-links div img:hover { opacity: 0.8; }
/*****/
@media (max-width: 991px) {
	.paypall-link, 
	.credit-link, 
	.checkout-link, 
	.mbooker-link, 
	.offlinep-link {
		display: table;
		vertical-align: middle;
		text-align: center;
		padding: 15px 0; 
		margin: 15px auto;
	}
	.cart-image, 
	.cart-description { 
		display: block;
		text-align: center;
	}	
	.cart-image { width: 100%; }
	.cart-description { 
		padding: 5px; 
		width: 100%;
	}
	.paypal-links { margin: auto; }
}
/**********/
@media (min-width: 768px) {
	.modhide  .carttbl.table.table-bordered tr.item-display {
		padding-bottom: 5px;	
		border-bottom: 1px solid #ccc;
		display: block;
	}
	.modhide .cart-image img{ width: 50px; }
	.modhide  .cart-name { width: 85%; }
	.modhide  .carttbl.table.table-bordered tr > td {
		border-top: 0;
		display: table;
		text-align: center;
		margin: auto;
	}
	.modhide  table.carttbl, 
	.table-responsive {
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.modhide  .carttbl tr th {
		display: none;	
	}
	.modhide .cart-title font { padding-right: 40px; }
	.modhide  .carttbl tr th:first-child {
		display: block;	
		width: 100%;
	}
	body .modhide .carttbl tr td { padding: 10px; }
	.modhide  .carttbl tr td.cart-title,
	.modhide  .carttbl tr td.cart-link,
	.modhide  .carttbl tr td.cart-size,
	.modhide  .carttbl tr td.cart-quantity,
	.modhide  .carttbl tr td.cart-price,
	.modhide  .carttbl tr td.close-btn	{
		display: block;
	}
	.modhide  .carttbl tr td.cart-title { width: 100%; }
	.modhide  .carttbl tr td.close-btn {
		clear: both;
		padding: 0;
	}
	.modhide  .carttbl tr { position: relative; }
	.modhide  .carttbl tr td.close-btn > .closebtn-link > i{ 
		position: absolute; 
		bottom: auto; 
		top: 15px; 
		right: 5px;
	}
	.modhide .payment-list { margin-top: 15px; }
	.modhide .paypall-link, 
	.modhide .credit-link,
	.modhide .checkout-link,
	.modhide .mbooker-link,
	.modhide .offlinep-link { padding: 0; }
	body .modhide .carttbl tr th { text-align: left; } 
	.modhide  .cart-link, .modhide  .cart-size, .modhide  .cart-quantity, .modhide  .cart-price { float: left; }
	body .modhide  .table-bordered.carttbl th, body .modhide  .table-bordered.carttbl td { border-left: 0; } 
	body .modhide  .table-bordered:first-child, 
	body .modhide  .table-bordered:first-child { border-left: 1px solid #ccc; } 
	.modhide  .bottomrad td { float: left; }
	.modhide  .bottomrad td.cart-apply { padding: 12px; }
	body .modhide  .carttbl td.cart-quantity { padding: 5px 0 0; }
	.modhide  tr.bottomrad { border-bottom: 1px solid #ccc; display: table; background-color: #f8f8f8; }
	.modhide  .qtyminus { right: 0; }
	.modhide  .qtyplus { right: 0; }
	.modhide .payment-list div{ display: block; }
}
	.carttbl .cart-apply .apply-btn { display: none; }

	/**********/
@media (max-width: 600px) {
	.carttbl.table.table-bordered tr.item-display {
		padding-bottom: 5px;	
		border-bottom: 1px solid #ccc;
		display: block;
	}
		.bottomrad { width: 100%; }
	body .carttbl tr th { text-align: left; } 
	.cart-name { width: 85%; }
	.carttbl.table.table-bordered tr > td {
		border-top: 0;
		display: table;
		text-align: center;
		margin: auto;
	}
	table.carttbl, .table-responsive {
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.carttbl tr th {
		display: none;	
	}
	.carttbl tr th:first-child {
		display: block;	
		width: 100%;
	}
	.carttbl tr td.cart-title,
	.carttbl tr td.cart-link,
	.carttbl tr td.cart-size,
	.carttbl tr td.cart-quantity,
	.carttbl tr td.cart-price,
	.carttbl tr td.close-btn	{
		display: block;
	}
	.carttbl tr td.cart-title { width: 100%; }
	.carttbl tr td.close-btn {
		clear: both;
		padding: 0;
	}
	.carttbl tr { position: relative; }
	.carttbl tr td.close-btn > .closebtn-link > i{ 
		position: absolute; 
		bottom: auto; 
		top: 15px; 
		right: 5px;
	}
	
	.cart-link, .cart-size, .cart-quantity, .cart-price { float: left; }
	body .table-bordered.carttbl th, body .table-bordered.carttbl td { border-left: 0; } 
	body .table-bordered:first-child, 
	body .table-bordered:first-child { border-left: 1px solid #ccc; } 
	.bottomrad td { float: left; }
	.bottomrad td.cart-apply { padding: 12px; }
	body .carttbl td.cart-quantity { padding: 15px 0 0; }
	tr.bottomrad { 
		border-bottom: 1px solid #ccc; 
		display: table; 
		background-color: #f8f8f8; 
	}
	.qtyminus { right: 0; }
	.qtyplus { right: 0; }
}
/* cart view */
/* order table pagination */
#adminlist_info { display: none; }
.pagination-style { 	padding-top: 30px; }
.pagination-style .pagination-list li a{ padding: 10px 15px; }
.pagination-style .pagination-list li a{
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	-moz-transition:All 1.5s ease-in-out;
	-o-transition:All 1.5s ease-in-out;
	color: #444;
}
.pagination-style .pagination-list li a:hover {
	background-color: #66b7e0;
	transition:All .5s ease-in-out;
	-webkit-transition:All .5s ease-in-out;
	-moz-transition:All .5s ease-in-out;
	-o-transition:All .5s ease-in-out;
	color: #fff;
}
body .pagination ul li.active a { 
	background-color: #08c; 
	color: #fff; 
}
/* order table pagination */
/* templates */
.template-tabs .tab-content { padding-left: 0; }
.templates-table .row-fluid.file-inner1:nth-child(even) { 
	padding-top: 10px; 
	padding-left: 10px; 
}
.templates-table .row-fluid.file-inner1:nth-child(odd) {
		background-color:#c1e2f2;
    background:-webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.02, rgb(238,247,251)),
        color-stop(0.51, rgb(238,247,251)),
        color-stop(0.87, rgb(238,247,251))
        );
    background: -moz-linear-gradient(
        left bottom,
        rgb(238,247,251) 2%,
        rgb(238,247,251) 51%,
        rgb(238,247,251) 87%
        );
	padding-top: 10px;	
	padding-left: 10px;	
}
.templates-table .tsubmit-btn {
	background-color: #08c;
	border: 4px solid #08c;
	border-bottom: 4px solid #444;
	padding: 10px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	   -moz-transition:All 1.5s ease-in-out;
	     -o-transition:All 1.5s ease-in-out;-ms-word-break: break-all;
		    word-break: break-all;
		    word-break: break-word;
			   hyphens: auto;
	   -webkit-hyphens: auto;
	      -moz-hyphens: auto;
}
.templates-table .tsubmit-btn:hover {
	background-color: #444;
	border: 4px solid #444;
	border-bottom: 4px solid #08c;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	   -moz-transition:All .3s ease-in-out;
	     -o-transition:All .3s ease-in-out;
}
.tab-content .control-group .controls input {
	height: 25px !important;
	border-radius: 0 !important;
	background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 7%, #f7f7f7 22%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tab-content .control-group .controls input:hover { 
	background: #e5f3f9; 
	border: 1px solid #cce7f4 !important;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
}
.tab-content .control-group .controls input:focus {
	background:none repeat scroll 0 0 #e5f3f9;
	box-shadow: 0 0 4px #b2dbef !important;
	border: 1px solid #cce7f4 !important;
}
body .template-select select,
body .template-width input  { width: auto; }
body .template-select select {
	height: 35px;
	border-radius: 0;
}
body .template-select select option { padding: 4px; }
@media (min-width: 768px) {
	body .tab-content .control-group .control-label{ width: 30%; }
}
@media (min-width: 481px) and (max-width: 767px) {
	body .templates-table .row-fluid.file-inner1 .span5,
	body .templates-table .row-fluid.file-inner1 .span4 { width: 49%; float: left; }
	body .tab-content .control-group .control-label{ width: 40%; }
}
body .tab-pane .control-group .control-label .hasTooltip  { 
	float: left;
}
body .tab-content .control-group .control-label label{ 
	color: #444;
	font-weight: bold;
	text-transform: capitalize;
}
body .tab-content .control-group .controls .chzn-container a{
	height: 30px;
	border-radius: 0;
	padding-top: 5px;
}
body .tab-content .control-group .controls .chzn-container a { background-color: #fff; } 
body .tab-content .control-group .controls .chzn-container div{
	padding-top: 5px;
}
.template-tabs .nav.nav-tabs li a {
	padding: 10px 20px 13px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0;
	border: 0;
	color: #08c;
	border-top: 4px solid #fff;
	margin-right: 5px;
	text-transform: uppercase;
}
.template-tabs .nav.nav-tabs li a:hover {
	background-color: #444;
	border: 0;
	color: #fff;
	border-top: 4px solid #08c;
}	
.template-tabs .nav.nav-tabs li a:focus { outline: none; }
body .template-tabs .nav-tabs { border-bottom: 1px solid #08c; }
.template-tabs .nav.nav-tabs li.active a {
	border: 1px solid #08c;
	border-top: 4px solid #08c;
	border-bottom: 4px solid #444;
	padding: 10px 15px;
	background-color: #08c;
	color: #fff;
}
/* template tabs ends */
/* option settings */
#configTabs.nav-tabs { border-bottom: 0; }
#configTabs.nav.nav-tabs li { 
	background-color: #ccc; 
	margin-bottom: 1px;	
	border-radius: 5px;
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	-moz-transition:All 1.5s ease-in-out;
	-o-transition:All 1.5s ease-in-out;
}
#configTabs.nav.nav-tabs li a{ 
	border: 0; 
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	-moz-transition:All 1.5s ease-in-out;
	-o-transition:All 1.5s ease-in-out;
}
#configTabs.nav.nav-tabs li a:focus { outline: 0; }
#configTabs.nav.nav-tabs li:hover {
	background-color: #444;
	transition:All .5s ease-in-out;
	-webkit-transition:All .5s ease-in-out;
	-moz-transition:All .5s ease-in-out;
	-o-transition:All .5s ease-in-out;
}
#configTabs.nav.nav-tabs li a:hover {
	background-color: #444;
	border: 0;
	border-radius: 5px;
	transition:All .5s ease-in-out;
	-webkit-transition:All .5s ease-in-out;
	-moz-transition:All .5s ease-in-out;
	-o-transition:All .5s ease-in-out;
}
#configTabs.nav.nav-tabs li.active { background-color: #08c; }
#configTabs.nav.nav-tabs li.active a {
	border: 0;
	color: #fff;
	background-color: #08c;
	border-radius: 5px;
}
#sidebar { 
	border-right: 1px solid #ccc; 
	padding-right: 5px;
}
@media (min-width: 992px) {
	#configTabs { 
		float: left;
		width: 18%;	
		margin-left: 15px;	
	}
	.tab-content { 
		float: left; 
		padding-left: 25px;
		width: 70%;
	}
	#configTabs.nav.nav-tabs li { width: 100%; }
}
@media (min-width: 768px) and (max-width: 991px) {
	#configTabs { 
		float: left;
		width: 150px;		
	}
	.tab-content { 
		float: left; 
		padding-left: 25px;
		width: 70%;
	}
	#configTabs.nav.nav-tabs li { width: 100%; }
}
@media (max-width: 767px) {
	#configTabs { 
		width: 100%;
		display: block;
	}
	#configTabs li { 
		width: auto; 
		float: left;
		margin: 5px;
	}
	.tab-content { 
		display: block; 
		padding-left: 5px;
		width: 70%;
	}
	#sidebar.span2 { 
		border-right: 0; 
		border-bottom: 2px solid #ccc;
		box-shadow: 0 5px 5px -6px #08c;
		margin-bottom: 25px;
		padding-bottom: 15px;
		padding-right: 5px;
	}
	.template-tabs #config-document { width: 100%; }
}
/* option settings ends */
/* Invoice settings */
#adminForm .col100 .adminform legend { 
	text-transform: capitalize;
	color: #08c;
	border-bottom: 1px solid #08c;
	padding-bottom: 8px;
}
body .invoice-width input,
body .invoice-select select { width: auto; }
body .template-select select,
body .template-width input  { width: 150px; }
body .invoice-select select,
body .template-select select {
	height: 35px;
	border-radius: 0;
}
body .invoice-select select option,
body .template-select select option { padding: 4px; }
.invoice-checkbox { 
	font-size: 14px;
	text-transform: capitalize;
}
body .invoice-checkbox input {	margin: 12px 10px; }
.invoice-rights {
	font-size: 14px;
	padding: 8px 0;
	color: #ccc;
	font-weight: bold;
}
.invoice-table .row-fluid  { margin: 6px 0; }
.invoice-rights:hover { color: #444; }
.invoiceborder-1px {
	border: 1px solid #ccc;
	padding: 10px;
	margin-right: 15px;
	margin-bottom: 25px;
	border-radius: 5px;
	box-shadow: 0 0 2px #ccc;
}
@media (min-width: 768px) and (max-width: 991px) {
	body .invoice-details .span6.file-inner { width: 46%; }
	body .invoice-details .span6 .span4.key,
	body .invoice-details .span6 .span4.filen-name{ width: 45%; }
	body .invoice-fonts .span4.file-details  { width: 48%; margin: auto; }
	body .invoice-fonts .span4.file-details .span6.key { width: 40%; }
	body .invoice-fonts .span4.file-details .span6.filen-name { width: 45%; }
	body .invoice-fonts .span4.invoice-checkbox { width: 60%; margin: auto; }
	body .invoice-price .span4.file-details { width: 50%; margin: auto; }
	body .invoice-price .span4.filen-name.key { width: 100%; margin: auto; } 
}
@media (min-width: 481px) and (max-width: 767px) {
	body .invoice-fonts .span6.key.filen-name,
	body .invoice-fonts .span6.filen-name,
	body .invoice-price .key.span6.filen-name { width: 40% !important; }
	body .invoice-price .span4.file-details.buyer-info { width: 100% !important; }
	body .invoice-price .span4.file-details.buyer-info .key.span6.filen-name { width: 40% !important; }
	body .invoice-fonts .span5.invoice-width { width: 40%; float: left;}
	.file-inner1 .span4 {
		width: 40% !important;
		float: left !important;
	}
	.file-inner1 .span6 {
		width: 60% !important;
		float: left !important;
	}
}
@media (max-width: 480px) {
	body .file-inner1 input.filen-input { width: auto !important; }
}
/* Invoice settings */
/* Page Format-custom */
.invoice-toggle{display:block;}
.invoice-toggle1{display:none;}
/* Page Format-custom*/
/* order table */
.cl-both { clear: both; }
.orderselect-date {
	margin: 15px 0;
	font-weight: bold;
	text-transform: uppercase;
}
.orderselect-date input { 
	width: auto; 
	margin-left: 15px;
}
body .orderselect-date select {
	height: 35px;
	border-radius: 0;
	width: auto;
}
body .orderselect-date select option { padding: 4px; }
.orderselect-date .ft-left { margin-right: 12px; }
.orderselect-date input {
	height: 25px !important;
	border-radius: 0 !important;
	background: -moz-linear-gradient(center top , #ffffff 0%, #f7f7f7 7%, #f7f7f7 22%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.orderselect-date input:hover { 
	background: #e5f3f9; 
	border: 1px solid #cce7f4 !important;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
}
.orderselect-date input:focus {
	background:none repeat scroll 0 0 #e5f3f9;
	box-shadow: 0 0 4px #b2dbef !important;
	border: 1px solid #cce7f4 !important;
}
.order-buttons button{ 
	background-color: #08c;
	border: 4px solid #08c;
	border-bottom: 4px solid #444;
	border-radius: 5px;
	padding: 5px 15px;
	color: #fff;
	font-weight: bold;
	margin-top: -10px;
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	-moz-transition:All 1.5s ease-in-out;
	-o-transition:All 1.5s ease-in-out;
}
.order-buttons button:hover {
	background-color: #444;
	border: 4px solid #444;
	border-bottom: 4px solid #08c;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
}
.ordert-buttons button{ 
	background-color: #ccc;
	border: 4px solid #ccc;
	border-bottom: 4px solid #08c;
	border-radius: 5px;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	margin-top: 0;
	margin-right: 15px;
	text-transform: capitalize;
	color: #444;
	transition:All 1.5s ease-in-out;
	-webkit-transition:All 1.5s ease-in-out;
	-moz-transition:All 1.5s ease-in-out;
	-o-transition:All 1.5s ease-in-out;
}
.ordert-buttons button:hover {
	background-color: #08c;
	border: 4px solid #08c;
	border-bottom: 4px solid #ccc;
	color: #fff;
	transition:All .3s ease-in-out;
	-webkit-transition:All .3s ease-in-out;
	-moz-transition:All .3s ease-in-out;
	-o-transition:All .3s ease-in-out;
} 
.ordershow-cart select { margin-right: 20px; }
.ordertable-1px { 
	border: 1px solid #ccc;
	box-shadow: 0 0 2px #ccc;
	padding: 10px 20px 5px;
	border-radius: 5px;
	margin-bottom: 30px;
}
table.ordernew-table,
table.reportm-table {
    margin-top: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
	border-left: 1px solid #ccc;
	border-spacing: 1px; 
	display: inline-block;
}
table.ordernewt-table.table-bordered th:first-child,
table.ordernewt-table.table-bordered td:first-child{ border-left: 0; }
table.ordernew-table tr th,
table.reportm-table tr th{	
	padding: 20px;
	margin: auto;
	background-color: #1993d1;
	border-bottom: 4px solid #236f95;
	text-align: center;
	color: #fff;
}
table.ordernew-table tr td,
table.reportm-table tr td {
	text-align: center;
	margin: auto;
	padding: 15px;
	vertical-align: middle;	
}
table.ordernew-table tr th a{ color: #fff; }

@media (max-width: 480px) {
	.orderselect-date .ft-left { clear: both; display: block; }
	.ordert-buttons button,
	.order-buttons button {
		clear: both;
		margin-top: 10px;
		display: block;
	}
}
/* order table */