BODY{
	background: #c8cfd5;
}
.b1{ border:2px solid red !important; }
.b2{ border:2px solid blue !important; }
.b3{ border:2px solid green !important; }
.b4{ border:2px solid #990033 !important; background-color: rgba(153, 0, 51, 0.1) }
.b5{ border:2px solid #FF9900 !important; background-color: rgba(255, 153, 0, .1) }

A{ text-decoration: none !important; }
A{ color:#333; }
.noUnderline{ text-decoration: none !important; }

.white{ color:#fff !important; }
.grey{ color:#bbb !important; }
.color-link{ color: #009eb4 !important; }
.c{ float: none; margin: 0 auto; display: table; }
.pointer{cursor:pointer}
.b0{ border: 0 !important; }
.m0{ margin: 0; }
.mr0{ margin-right: 0; }
.mt0{ margin-top: 0; }
.mt1{ margin-top: 1px; }
.mt5{ margin-top: 5px; }
.mt7{ margin-top: 7px; }
.mt8{ margin-top: 8px; }
.mt10{ margin-top: 10px; }
.mt12{ margin-top: 12px; }
.mt15{ margin-top: 15px; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.m10{ margin: 10px; }
.ml2{ margin-left: 2px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml32{ margin-left: 32px; }
.mb0{ margin-bottom: 0px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px !important; }

.mtm3{ margin-top: -3px; }

.lineH15{ line-height: 15px; }

.inline{ display: inline; }
.hide{ display: none; }
.r{ float:right; }
.l{ float:left; }
.clear:after{ clear: both; display: block; content: ''; }
.col-centered{ float: none; margin: 0 auto; }
.tc{ text-align: center; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tvc{ vertical-align: middle !important; }
.w100p,.wFull{ width:100%; }
.wAuto{ width:auto; }
.wAutoInline{ width:auto; display: inline-block; }
.max1600{max-width: 1600px;}
.max500{max-width: 500px !important;}
.max150{max-width: 150px !important;}

.o05{ opacity: 0.5; }

.p0{ padding: 0 !important; }
.p1, .table TD.p1{ padding: 1px !important; }
.p5{ padding: 5px; }
.pl0{ padding-left: 0; }
.p15{ padding: 15px !important; }



.plr4{padding: 1px 4px;}

.mw50{ min-width: 50px; }
.mw100{ min-width: 100px; }
.mw150{ min-width: 150px; }
.mw180{ min-width: 180px; }
.mw200{ min-width: 200px; }
.mw250{ min-width: 250px; }
.mw350{ min-width: 350px; }
.mw450{ min-width: 450px; }
.mw500{ min-width: 500px; }
.mw600{ min-width: 600px; }

.wm400{max-width: 400px;}

.noFlex{
	display: block;
}

.pointer{ cursor: pointer;}
.upper{ text-transform: uppercase; }
SELECT.upper option { text-transform:capitalize; }
.pre{ white-space: nowrap;}

.all-label-m0 LABEL{ margin:0 !important; font-size:13px; }

.note-icon I{
	color:white;
	font-size: 37px !important;
	padding-top: 8px !important;
	opacity: 0.7;
}

.alert{ font-size:14px; }


TR.small TD{ font-size: small !important; padding: 5px 8px !important; height: auto; }
.table > tbody > tr > td.smallTD{
	line-height: 14px !important;
	font-size:11px !important;
}

.table td{ padding: 6px 8px !important; color:#555; font-family: "arial"; }
.table td b{ color:#444; background: transparent !important; }
.table > tbody > tr > td.pl20{ padding-left: 20px; !important; }

.table td.tiny{ padding: 1px 1px !important; }

.table TD .label{ margin-bottom:1px; padding: 1px 4px; line-height: 15px; font-family: "tahoma"; font-size: 11px; font-weight: normal !important; }
.table TD DIV.btn{ font-weight: normal !important; }
.btn{ overflow: hidden; font-weight: normal !important; }
.fn { font-weight: normal; } /*fontNormal*/

/* .table tbody td:hover{ background: #b6c2c9 !important;  border:1px solid #b6c2c9 !important; color:#000 !important; } */

.btn.btn-xs{ font-size: 11px; padding-top: 0; padding-bottom: 0; line-height: 16px; }

/* A { text-decoration: none; } */


.wCheck{ width:37px; }

.h200min{ min-height: 200px; }

.wx{ width:38px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.wfm50{ width: calc(100% - 52px); }

.w60{ width:60px; }
.wfm60{ width: calc(100% - 62px); }

.w75{ width:75px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w120{ width:120px; }
.w140{ width:140px; }
.w150{ width:150px; }

.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w500{ width:500px; }
.w600{ width:600px; }
.w33p{ width:33%; }



.mw50{ min-width: 50px; }
.mw100{ min-width: 100px; }
.mw150{ min-width: 150px; }
.mw180{ min-width: 180px; }
.mw200{ min-width: 200px; }
.mw250{ min-width: 250px; }
.mw350{ min-width: 350px; }
.mw450{ min-width: 450px; }

.modal-footer .mw100{ min-width: 100px !important; }


.blt0w{ border-left:1px solid white !important; border-top: 1px solid white !important;}
.blb0w{ border-left:1px solid white !important; border-bottom: 1px solid white !important;}

.color-white{ color:white !important; }
.color-red{ color:red; }
.bold{ font-weight: bold; }
.block{ display: block !important; }

.form-group .btn.r{ margin-right: 10px; }
.x_title .btn-md{ margin-top:5px; }
.x_title DIV.btn:last-child{ margin-right:0px; }

.alert{ text-shadow: none !important; }

label{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fs13{ font-size:13px !important; }
.fs14{ font-size:14px; }
.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
.fs17{ font-size:17px; }
.fs18{ font-size:18px; }
.fs19{ font-size:19px; }
.fs32{ font-size:32px; }

TR.doubleTopBorder TD {	border-top: 4px solid #ccc !important;}

.panel-body P {
	font-size:13px;
}

/* INPUT fields */
.form-control.greenBorder:focus{
	border-color: #00b48a !important;
	outline:0;
	box-shadow:0 0 0 .125rem rgba(0, 180, 138, 0.3);
}


/* TABLES */
SELECT.active,
INPUT.active{ background-color: #EAF7FB; border-color: #46B8DA; }
INPUT.warning{ background-color: #FCF0DE; border-color: #EEA236; }
.has-error INPUT,
.has-error SELECT{ background-color: #FFEBEB; border-color: #ff5b57 !important; }
.has-error LABEL, LABEL.has-error{ color: #ff3b36 !important; }

.has-error BUTTON.btn.dropdown-toggle{ border-color: #ff5b57 !important; background-color: #FFEBEB; }

.oneError{
	margin-top: 1px;
	background-color: #ff5b57;
	display: inline-block;
	padding: 2px 5px;

	color: #fff;
	text-align: left;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	font-size: 12px;
	line-height: 15px;
	font-family: sans-serif;
}

.oneError A{ color:inherit; }


/* product page */

#groupFilter TD{ border-right:1px dotted #ddd; }
#groupFilter TD H5{ background-color: white; padding: 10px 5px !important;}
#groupFilter TD .scrollY{ overflow-y: scroll; max-height: 670px; }
#groupFilter TD:last-child{ border-right:none; }
#groupFilter .grpBlock{ padding:0; margin:1px 0 1px 20px; }
#groupFilter TD > .grpBlock{ margin-left:0; }
/* #groupFilter TD > .grpBlock > .grpBlock{ margin-left:0; } */
#groupFilter .childrenHolder:before{ display: block; content: ''; clear: both; }
/*#groupFilter .childrenHolder{ display: none; }*/

#groupFilter .grpBar{ padding: 2px 10px; border:2px cursor:pointer; font-size: 13px; cursor: pointer; margin-left: 2px; text-align: left; }
#groupFilter .grpBar:hover{ background-color:#444; color:white;  }
#groupFilter .grpBar.selected{ background-color:#009EB4; color:white;  }

#groupFilter .fa{ opacity: 0.3; margin-left: 4px; border-radius:2px; background-color: #656361; color:white; padding: 2px 1px; font-size: 13px; font-weight: normal; width: 16px; height: 16px; }
#groupFilter .fa:hover{ opacity:1; }




.productGroup{
	margin:0 1px 0 0;
	padding: 0px 4px 1px 4px;
	background-color: #ddd;
	color:#444;
	border-radius: 4px;
	display: inline-block;
	font-size: 11px;
	/*text-transform: uppercase;*/
	line-height: 16px;
}
.productGroup:hover{ background-color: white; cursor: pointer; }

#productPhotoList > DIV {
	position: relative;
	width: 150px;
	height: 90px;
	border-radius: 6px;
	background-color: #fafafa;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	display: inline-block;
	margin: 5px;
	overflow: hidden;
}

.addToOrder{ display: inline; margin: 0; float: right; }

.table>thead>tr>th{ border-bottom: none; vertical-align: top; }

.table>thead>tr.filters>th{
	background-color: #D2D9DF;
	padding:2px;
	border-bottom: none;
	vertical-align: middle;
}
.table>thead>tr.filters>th{ font-weight: normal; position: relative; }
.table>thead>tr.filters>th.filtered{ background: #00bcdf; }
.table>thead>tr.filters>th INPUT{ padding-left: 6px; padding-right: 6px; width:100%; font-size: 12px; min-width: 30px !important; }
.table>thead>tr.filters>th .form-control{ height: 27px; }
.table>thead>tr.filters>th SELECT.form-control { padding: 1px 5px; }
.table>thead>tr.filters>th.input-group INPUT{ width:1%; }
.table>thead>tr.filters>th:hover DIV.menu{ display: block; }
.table>thead>tr.filters>th DIV.menu{
	z-index: 100;
	display: none;
	position:absolute;
	left: -2px !important;
	margin-top:4px;
	background: #D2D9DF;
	padding:8px 6px 6px 6px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.table>thead>tr.filters>th DIV.menu DIV{ white-space: nowrap; min-width: 60px !important; }
.table>thead>tr.filters>th .fa{ font-size: 18px; line-height: 22px; color:white;  }
.resetFilters{ cursor: pointer; }
.table>thead>tr>th.edit{ width:38px; }
.table>thead>tr.filters DIV.dataRange{ position: relative; }
.table>thead>tr.filters DIV.dataRange > I.fa { position:absolute; display: block; right: 9px; top:6px; color:#aaa; cursor: pointer; opacity: 0.5; }
.table>thead>tr.filters DIV.dataRange > I.fa:hover { opacity: 0.8; }
.table>thead>tr.filters DIV.dataRange INPUT { padding-right: 30px !important; }
/*
.table>thead>tr.filters .input-group-append SPAN{background: #eee; }
.table>thead>tr.filters .input-group-append .fa{color:#ccc !important;}
*/

.fa-edit, .fa-close{ cursor: pointer }



/*.table>thead>tr>th{position: relative; border:1px solid red !important; }*/
.nowrap{ white-space: nowrap; }
.table>thead>tr>th .orderArrows{ margin:2px auto 2px auto; display: table; white-space: nowrap;  }
.table>thead>tr>th.orderArrowsRight .orderArrows{ margin-top:10px; margin-left: 5px; display: inline; white-space: nowrap; right:5px;  }
.table>thead>tr>th .orderArrows SPAN{ display: inline-block; margin:2px 0 0 0; width: 0; height: 0; cursor: pointer; }
.table>thead>tr>th .orderArrows SPAN.up		{ border-right: 7px solid transparent;	border-bottom: 9px solid #ccc;	border-left: 7px solid transparent; }
.table>thead>tr>th .orderArrows SPAN.down	{ border-right: 7px solid transparent;  border-top: 9px solid #ccc;		border-left: 7px solid transparent; }
.table>thead>tr>th .orderArrows SPAN.up:hover,
.table>thead>tr>th .orderArrows SPAN.up.orderByThis { border-bottom: 9px solid #009eb4;  }
.table>thead>tr>th .orderArrows SPAN.down:hover,
.table>thead>tr>th .orderArrows SPAN.down.orderByThis { border-top: 9px solid #009eb4; }
.table>thead>tr>th DIV{ display: inline-block; }

.dataTable .pagination{ margin:0; }
.dataTable tr.emptyLine td{
	font-size:32px; color:#e0e0e0;
	height:200px; text-align: center; line-height: 200px;
	background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #fafafa 10px, #fafafa 20px ),
	/* on "bottom" */
	linear-gradient( to bottom, #fff, #fff);
}


.table-hover tbody tr:hover td,
.table-hover tbody tr:hover td B,
.table-hover tbody tr:hover td A{
	background-color: #2D353C !important;
	color:white;
	border-color: #2D353C; border-right-color: #e2e7eb; border-left-color: #e2e7eb;
}

.table-striped > tbody TD.oBlue,
.table-striped > tbody > tr:nth-child(2n+1) > td.oBlue{ background-color: rgba(30, 160, 218, 0.08); }

.table-striped > tbody TD.oOrange,
.table-striped > tbody > tr:nth-child(2n+1) > td.oOrange{ background-color: rgba(246, 140, 0, 0.08); }



.table tbody tr *{
	transition-duration: none;
	transition-property: none;
}

.borderlessLeft{ border-left: none !important; }
.borderlessRight{ border-right: none !important; }

/*
.checkbox.checkbox-css { margin-left: 10px; }
*/
/* kazko nesilaiko kaires parastes */

/*.table TR .with-checkbox{width:10px; padding: 0 !important;}*/
/*.table TR TH.with-checkbox > DIV {top:-10px;}*/

/*
.table TR .checkbox.checkbox-css{ padding: 0; width: 34px !important; }
.table TR .checkbox.checkbox-css LABEL:before{ left:8px; top: 8px; width:18px; height: 18px; border:1px solid #ddd; cursor: pointer; background: white; }
.table TR:hover TD.checkbox.checkbox-css LABEL:before{ border:none; }
.table TR .checkbox.checkbox-css input:checked + LABEL::after{
	left:5px; top: 5px; width:24px; height: 24px; cursor: pointer;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23555' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
*/

/*
TABLE.table TR.pager-line .with-checkbox{	padding:0 !important; }
TABLE.table TR.pager-line .with-checkbox DIV{ top:-3px; }
*/



.table TD {line-height: 20px; }
.table TD A { font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; }

.table>tbody>tr>td.icon{ padding: 0; text-align: center; vertical-align: middle; }
.table>tbody>tr>td.delete{  text-align: center; vertical-align: middle; padding: 0; cursor: pointer !important; }
.table>tbody>tr>td.last .fa{ font-size: 16px; }

.table>tbody>tr>td.delete .fa:hover,
.table>tbody>tr>td.deleteInline .fa:hover{ opacity: 1; }

.active.fa-toggle-on,
.active.fa-toggle-off{ font-size: 21px; }

.table>tbody>tr>td.delete.red .fa{ opacity: 1; color:#ccc; font-size: 15px; }
.table>tbody>tr>td.delete.red .fa:hover{ color:red; }

.table>tbody>tr>td .fa-edit{ margin: 0 0 0 3px; font-size: 15px; }
.table>tbody>tr>td A.fa{ opacity: 0.3; cursor: pointer;  }

.table-hover>tbody>tr:hover td .fa{ opacity: 0.5; color:white; }
.table-hover>tbody>tr td:hover .fa{ opacity: 0.9; color:white; }

/*


.table>tbody>tr>td:hover .fa{ opacity: 1; background: transparent; background-color: transparent; }
*/

.pagination>.disabled>span{ color:#ccc; }

.delete-modal .fa{ font-size: 16px; }

.modal-md{ width: 500px; }

TD[data-cell-edit='price'], TD[data-cell-edit='price2']{
	font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
	font-size: 15px;
}

/* manufacturer */

#logo-background{
	height: 300px;
	background-repeat: repeat;
	background-color: #fafafa;
	background-image: url("../images/chess.png");
    position: relative;
}
#logo-preview{
    width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
    background-image: url("../images/no-image.png");
}

/* uploadController */

.x{
	z-index:10003;
	height: 19px;
	width: 20px;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgba(100,100,100,0.5);
	color:white;
	cursor:pointer;
	padding: 1px;
	position:absolute;
	top:4px;
	right:4px;
	text-align: center;
	content: '\d7';
	font-weight:bold;
	line-height: 17px;
	opacity: 0.8;
}
.x:before{
	content: '\d7';
	text-align: center;
	color:white;
	font-size: 21px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.x:hover{ background-color: #dd0000; opacity: 1; }

/* menuStructures */
#structureHolder > .menuBlock{ margin-left:0; }
#structureHolder > .menuBlock > .menuBlock{ margin-left:0; }



.menuBlock{ padding:0; margin:3px 0 3px 35px; }
.menuBar{ border-radius: 4px; padding: 2px 10px; border:2px solid #fff; background: #fafafa; cursor:pointer; font-size: 15px; }
/*.menuBar .fa{ font-size: 47px; }*/
.menuBar:hover{	border:2px solid #00b48a; }
.menuBar:after{	clear: both; display: block; content: ''; }
.menuBar.light{ background: rgba(0, 180, 138, 0.1) !important; }
.menuBar .fa{ opacity: 0.3; margin-left: 4px; border-radius:2px; background-color: #656361; color:white; padding: 2px 3px; font-size: 14px; font-weight: normal; }
.menuBar .fa:hover{ opacity:1; }
.menuBar label{
	font-size: 14px;
	margin: 0 0 0 25px !important;
	line-height: 17px;
}
.menuBlock.disabledMenu{ color:#e2e2e2; }
.menuBlock.disabledMenu .fa{background-color: #e2e2e2;}
.menuBlock .fa.white{
	cursor:pointer;
	text-align: center;
	height:30px;
	width: 30px;
	line-height: 27px;
	margin-top:5px;
	border-radius:2px; color:#bbb; padding: 0; font-size: 17px; font-weight: normal;
}
.menuBlock .fa.white:hover { color:#777; }


.menuBlock .childrenHolder:before{ display: block; content: ''; clear: both; }
.menuBlock .childrenHolder{ display: none; }
.menuBlock label{ padding-left: 0px !important; }

/* product catalogue tab */
#catalogueHolder > .menuBlock{ margin-left:0; }
#catalogueHolder > .menuBlock > .menuBlock{ margin-left:0; }

/* product links tab */
#splitCatalogueHolder > .menuBlock{ margin-left:0; }
#splitCatalogueHolder > .menuBlock > .menuBlock{ margin-left:0; }
#splitCatalogueHolder .fa{ margin-top:0; }

.subProduct{
    border:1px solid #ccc;
    border-radius: 4px;
    padding: 6px 6px;
    width: 100%;
    margin-bottom: 5px;
    background-color: #fafafa;
}
.subProduct .photo{ width:80px; height: 80px; background: center no-repeat; background-size: contain; border:1px solid #f0f0f0; border-radius:2px; overflow: hidden; margin-right:10px; float: left; }
.subProduct .text{ font-size:12px; float: left; width: calc(100% - 120px) }

.subProduct .arrowRight {
    margin-top:21px;
    margin-left: 10px;
    float: right;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid #ccc;
    cursor: pointer;
}
.subProduct .arrowLeft {
    margin-top:21px;
    margin-right: 10px;
    float: left;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right:12px solid #ccc;
    cursor: pointer;
}

.subProduct .arrowRight:hover { border-left: 12px solid #999; }
.subProduct .arrowLeft:hover { border-right: 12px solid #999; }


.noSubProducts{ width: inherit; text-align: center; padding: 15px; color:#aaa; background-color: #fafafa; border-radius: 4px; }

.rightDash{ border-right: 1px dashed #ccc; }
.dashH{ border-bottom: 1px dashed #ccc; height: 0; width: 100%; display: block; }
.mhp{ min-height: 400px; }

#splitProductsList1, #splitProductsList2{
    margin:0 10px;
}


.inputX2 INPUT{ width:calc(50% - 2px) !important; display: inline-block; }
.lineX2{ padding-top: 2px !important; padding-bottom: 1px !important; line-height: 16px !important;  }

/* product attributes*/
.boxer{ border-radius: 5px; border:1px solid #ccc; margin: 5px 5px; padding: 0 12px 6px 12px; }
.boxer .btn-xs{ min-width: 50px; padding-left:10px; padding-right:10px; }


/* product catalogue */
#catalogueHolder .checkbox{ padding-top:0; min-height: 23px; }
#catalogueHolder .icheckbox_flat-green {margin-right:5px; }


/* product attributtes */

.lineBlock{ padding:0; margin:1px 2px; width: auto; background: #fafafa; border-radius: 4px; border:2px solid #fff;  }
.lineBlock:after{ content: ''; clear:both; display: block; }
.lineBlock:hover{	border:2px solid #00b48a; }
.lineBlock.border-attr:hover{	border:2px solid #009eb4; }
.lineBlock.border-prop:hover{	border:2px solid #00b44f; }

.lineBlock.backcolor-attr{ background-color: #009eb4; color:white; }
.lineBlock.backcolor-prop{ background-color: #00b44f; color:white; }

.lineBar{  padding: 4px 6px; cursor:pointer; font-size: 15px; }
.lineBlock .fa{font-size: 15px; margin-top:7px; margin-right: 7px;}
.lineBlock .fa.hover{ color: #ccc; cursor: pointer; }
.lineBlock .fa.hover:hover{ color: #73879C; }
.lineBlock .checkbox{margin: 0;}
.lineBlock label { padding-left: 0; }
.lineBlock label .icheckbox_flat-green{margin-top: -2px; margin-right: 5px;}

.lineBlock.empty{ background-color: #fefefe; border:1px dashed #ddd !important; min-height: 130px; }
.lineBlock.empty .lineBar{ cursor: default; }

.ui-draggable-dragging{
    z-index: 10000;
    background-color: #00b48a;
    color:white;
}

.ui-draggable-dragging .lineBlock{ box-shadow: 3px 3px 3px 3px rgba(100,100,100,0.5); padding-right: 30px; }

.droppableStyle{border: 2px solid #ff9b73;}

.productDraggableStyle{ border: 1px solid #73879C; background: #73879C;  opacity: 0.7; cursor: pointer; }
.productDraggableStyle TD{ border: none !important; padding-left: 10px; padding-right: 10px; background: #73879C; min-width: 60px; }
.productDraggableStyle TD:last-child{ display: none; }

/*.lineBlock .cBar{ background-color: #0C70B7; height: 9px; width: 16px; margin:11px 8px 0 8px; border-radius: 2px; opacity: 0.5; }*/


.productAttrHolder{
	background-color: #fafafa;
    padding: 9px 13px 7px 13px;
    border-radius: 2px;
    margin-bottom: 3px;
}

.greenBorder{
    border-color: #00b48a !important;
    background-color: rgba(0, 180, 138, 0.08) !important;
    /*box-shadow: inset 0 0 3px #00b48a !important;*/
}

/* product files list */



/* image preview in alert window */

#uImageView{ position: relative; }
#uImageView DIV.btn{ position: absolute; bottom:10px; margin: 0; }
#uImageView .left10{ left:10px; }
#uImageView .right10{ right:10px; }
#uImageView .imageUrl{ margin:0px; width: 100%; background-color: white; padding:3px; }
#uImageView .imageUrl INPUT { font-size: 11px; color:#333; width: 100%; min-width: 100%; }

/* colulmn hider */

.hide-btn-holder{ margin-top: -14px; }
.hide-btn-holder DIV.btn{ min-width: 30px; font-size: 10px; text-transform: uppercase; border:none; background-color: #f7f7f7; color:#777; margin-right: 2px; }
.hide-btn-holder DIV.btn.off{ color: #ccc; }
.hide-btn-holder DIV.btn:hover{  background-color: #009eb4; color: white; }


/* profile */

#userPhoto{
	width: 256px;
	height: 256px;
	background: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.imageUser{
	border-radius:3px;
	width: 64px;
	height: 64px;
	background: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	margin-right: 10px;
	box-sizing: border-box;
	border:1px solid #595959;
}
.qq-upload-button{
	width:auto !important;
	padding: .375rem .75rem !important;
	border-radius: .25rem !important;
	border: 1px solid transparent;
}

.ln_solid{ display: block; border-top:1px dashed #ddd; height: 1px; margin:14px 0 15px 0; }
.ln_solid:after{ display: block; clear: both; content: ''; }
.ln_split,.ln_split10{ display: block; border-top:1px dashed #ddd; height: 1px; margin:14px -15px 5px -15px; }
.ln_split:after,.ln_split10:after{ display: block; clear: both; content: ''; }
.ln_split10{ margin:14px -10px 5px -10px; }

.top-menu .nav > li + li {margin:0 !important;}
.top-menu .nav { white-space: nowrap; margin: 0 auto; display: table; }
.top-menu .nav > li A span{ font-size: 14px; line-height: 18px; }
.top-menu .nav > li.active A{ background: rgba(18, 140, 154, 0.2) !important;  }
.top-menu .nav > li:hover > A.hover{ background: rgba(18, 140, 154, 0.4) !important; }
.top-menu .nav .sub-menu{ padding:0 !important; }
.top-menu .nav .sub-menu > li A{ padding:10px 15px; font-size: 14px; }
.top-menu .nav .sub-menu > li A{ background: #000 !important; }
.top-menu .nav .sub-menu > li:hover > A{ background: rgba(21, 163, 179, 0.7) !important; }

.nav-tabs>li>a{ margin-right: 0px; }

.alert.split{ border-radius: 0; margin:15px -15px 15px -15px; padding: 1px 15px; }



.rSideDark{
	border-right:1px dashed #ccc !important;

}

[data-cell-edit] 		{ background:  rgba(182, 255, 92, 0.1) !important; }
[data-cell-edit]:hover	{ background-color: rgba(182, 255, 93, 0.5) !important; cursor: cell;   }


/* edit inline*/
/*TD[data-cell-edit]:hover { background-color: rgba(200, 200, 200, 0.5) !important; border: 1px solid rgba(200, 200, 200, 0.5); cursor: cell;   }*/
/*TD[data-cell-edit]:hover { background-color: rgba(24, 203, 221, 0.7) !important; border: 1px solid rgba(24, 203, 221, 0.7); cursor: cell;   }*/
TD[data-cell-edit].pj{ padding: 0 !important; background: transparent !important; border:none; position: relative; }
TD[data-cell-edit] TEXTAREA{ padding: 1px 5px !important; min-height: 16px;
	position:absolute;
	min-width: 100%; min-height: 100%;
	left: 0; right: 0; position: absolute; top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: both;
}
TD[data-cell-edit] TEXTAREA:hover{
	box-shadow: #00c5df 0 0 0 2px;
}
TD[data-cell-edit] INPUT{ display: block; width: 100%; height: 100%; padding-left:7px;  }
TD[data-cell-edit].cursorCell{ background: rgba(182, 255, 92, 0.27) !important; box-shadow: inset 0 0 0 1px rgb(144, 202, 75); }

/*delivery matrix*/

TD.toggler{ text-align: center; vertical-align: middle; }
TD.toggler:hover{ background-color: #f0f0f0 !important; cursor: default; }
.c-red{ color: #ff9b73; }
.c-green{ color: #00b44f; }

h3.total, h3.total:hover{ cursor: default; color: #fff !important; line-height: 32px; padding: 0; margin:0; font-size: 19px; }
TR.bg-dark TD{ background: #828c91 !important; color:white;	border-color: #828c91 !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	border-top: 1px solid #828c91 !important;
}
TR.bg-silver TD{ background: #cfdce2 !important; color:white;	border-color: #cfdce2 !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	border-top: 2px solid #c4d0d6 !important;
	color:#777;
}
/* TR.bg-dark TD:last-child{border-right:5px solid green !important; } */


TR.fontX1 TD{ font-weight: 600; font-size: 15px; color:#333; }

.setClientCh{ /*text-shadow: 1px 1px 0 #777; font-size: 14px !important;*/ }

.btn-invisible{
	border:1px solid transparent;
	background: transparent;
	color:transparent;
}

.btn-opacity{ opacity: 0.5; }
.btn-opacity:hover{ opacity: 1 !important; }
.btn-white.btn-opacity:hover{ background: white !important; background-color: white !important; }


TR:hover .btn-invisible{
	border-radius: 4px;
	border:1px solid #eee;
	color:#ccc;
}

#callBackMsg{ display: none; }

#productAutocomplete{
	border-radius: 4px;
	border:1px solid #ccc;
	background-color: white;
	color:#000;
	max-height: 450px;
	max-width: 700px;
	padding: 0px; 5px;
	position: absolute;
	min-width: 250px;
	margin-top:3px;
	padding: 5px 8px;
	z-index: 10000;
	box-shadow: 1px 1px 5px rgba(50,50,50,0.3);
	overflow: hidden;
	overflow-y: scroll;
	display: none;
}
#productAutocomplete TR:hover TD{ background-color: #f0f0f0; cursor: default; }
#productAutocomplete TD.white{ background-color: #fff; }
#productAutocomplete TD{ padding: 2px 4px !important; }

.orderTotalTable{
	font-size:14px; margin-right: 40px;
}
.orderTotalTable TR TD:first-child{ padding-right: 12px; text-align: right; }

#groupFilterSetup{ border-left:none;}

.grpProdRight{ font-size: 19px; }

.autocompleteResults{
	position:absolute;
	max-height: 200px;
	min-height: 31px;
	overflow-y: scroll;
	/*width:calc(100% - 28px);*/
	display: none;
	border:1px solid #ccc;
	background: white;
	padding: 0;
	border-radius: 4px;
	margin-top: 3px;
}
.autocompleteResults TABLE{ width:100%; }
.autocompleteResults TD{ padding:8px 10px;}
.autocompleteResults TR:hover{
	background: #eee;
	cursor: pointer;
}

/* cms/product/index table colorizer */

TABLE#productsList TR TD:nth-child(13),
TABLE#productsList TR TD:nth-child(15){ background-color: rgba(195, 255, 0, 0.09); }
TABLE#productsList TR TD:nth-child(14),
TABLE#productsList TR TD:nth-child(16){ background-color: rgba(0, 195, 255, 0.09); }
TABLE#productsList TR:hover TD:nth-child(13),
TABLE#productsList TR:hover TD:nth-child(14),
TABLE#productsList TR:hover TD:nth-child(15),
TABLE#productsList TR:hover TD:nth-child(16){ background-color: #2D353C; color:white; }

SPAN.required{color:red;}

/* orders */
#steps LI H5{color:black;}
#steps LI.active H5{color:white;}

#ordersTBL TR:hover H4{ color: #ff0003; background: rgba(255,0,0, 0.1); border-radius:4px; padding:0 5px; margin: 0 -5px; }

.uploadController.has-error .qq-uploader{ background-color: rgba(204, 0, 0, 0.03); }

.has-error .qq-upload-button SPAN{color:white !important;}

.qq-uploader-selector.qq-uploader {
	position: relative;
	min-height: 120px;
	max-height: 300px;
	width: inherit;
	border-radius: 5px;
	background-color: #FDFDFD;
	border: 1px dashed #CCCCCC;
	padding: 10px;
	overflow: hidden;
}
.qq-upload-list LI{ font-size: 12px !important; line-height: 18px !important; padding: 4px 12px !important; }
.qq-uploader-selector.qq-uploader .qq-upload-list{
	overflow: hidden;
	overflow-y: scroll;
	max-height: 200px;
}
.qq-uploader-selector.qq-uploader::before {
	content: attr(qq-drop-area-text) " ";
	position: absolute;
	font-size: 150%;
	left: 0;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	top: 37%;
	opacity: 0.5;
	overflow: hidden;
}

.miniUploadArea .qq-uploader-selector.qq-uploader { min-height: 50px; height: 50px;}
.miniUploadArea .qq-uploader-selector.qq-uploader:before { top:10px; }
.miniUploadArea .qq-upload-button > SPAN{ display: none;}
.miniUploadArea .qq-upload-button{width:1px; height: 1px; position: absolute; display: none; }

DIV.grid DIV.row { border-bottom:1px solid #f4f4f4; margin:0; padding: 0; }
DIV.grid DIV.row:last-child { border-bottom:none; }
DIV.grid DIV.row > DIV{ border-right:1px solid #f4f4f4;  margin:0; padding: 15px 15px 0 15px; }
DIV.grid DIV.row > DIV:last-child{ border-right:none; }

.alertModalHolder .modal-dialog {
	position:absolute;
	top:45% !important;
	left:50% !important;
	transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
}
#alertModal .modal-footer .btn{ min-width: 75px;  }

.alertModalHolder .modal-title{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*.alertModalHolder .modal-body { font-size:15px; }*/
/* .alertModalHolder .modal-body { font-size:16px; padding: 35px 40px; } */

/* users */

.userPhotoHolder{
	width:150px;
	height: 150px;
	border-radius:5px;
	overflow: hidden;
	background: #fdfdfd;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(/backend/images/user.png);
	position: relative;
}
.userPhotoSmall{
	width:64px;
	height: 64px;
	border-radius:3px;
	overflow: hidden;
	background: #fdfdfd;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(/backend/images/user.png);
}
.userPhotoHolder A SPAN{
	opacity: 0.5;
	top:5px;
	right: 5px;
	color:red;
	background-color: red;
	color:white;
	font-size: 17px;
	font-weight: bold;
	padding: 0 3px;
	border-radius: 3px;
	overflow: hidden;
	width: 17px;
	height: 17px;
	text-align: center;
	line-height: 17px;
	position: absolute;
}
.userPhotoHolder:hover A SPAN{
	opacity: 1;
	background-color: red;
	color:white;
}

.pUserPhoto{
	padding: 4px !important;
}
.h150 DIV.qq-uploader-selector.qq-uploader { height: 150px; }

.userAvatar{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(/backend/images/user.png);
}

.chats .right .message::before{
	top: 9px !important;
	right: -13px !important;
}

.chats .message{ font-size: 14px; line-height: 25px; padding-bottom: 10px;}


.sess H2{ color:white; }
.sess A{ color:#ccc !important; }
.sess A:hover{ color:#fff !important; }
.sess .lnh{ line-height: 23px; font-size: 14px; }
.sess .lnh SPAN{ color:#008a8a; }
.sess P{ font-size:16px; }
.sess .alert { font-size: 13px; }

.navbar-user .userAvatar34{
	border-radius:5px;
	overflow: hidden;
	background: #fdfdfd;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(/backend/images/user.png);
	position: relative;
	width:34px;
	height:34px;
	display: inline-block;
	margin:7px 8px 2px 0;
}
.navbar-user .userText{ line-height: 34px; font-size: 13px; margin:7px 25px 2px 0;}


.default{ cursor: default !important; }


#logBlock{
	border:1px solid #ccc;
	min-height: 150px;
	overflow: hidden;
	overflow-y: scroll;
	background-color: white;
	font-color:#222;
	padding:15px;
	border-radius:5px;
	line-height: 22px;
	max-height: 250px;
}

.assignerImage{ border:2px solid #777; width: 400px; }
.bga-success{ background-color: rgba(0, 172, 103, 0.13) !important; }

.noter{
	border-bottom: 1px dashed #ccc;
	padding:8px 8px 10px 8px;
	font-size:14px;
	color:#333;
}
.noter .small{ color:#777; font-weight: bolder; font-size:12px; }
.noter:hover{
	background:#000;
	color:white;
}



.daterangepicker TD,
.daterangepicker TH{
	padding:1px !important;
}

#checks tbody TR TD:nth-child(9){ font-size:14px; color:#555; }

SPAN.usClientId{
	padding:0px 5px;
	border-radius:4px;
}
.usClientId:hover{
	background: #000 !important;
	color:white !important;
	cursor: pointer;
}

HR.dash{
	border-top: 1px dashed #aaa;
	background: none;
	margin:15px 0 !important;
}
#ordersTBL HR, HR.dash{
	border-top: 1px dashed #aaa;
	background: none;
	margin:5px 1px;
}

/* copy text */
/*.copyText{  border-radius:2px; }*/
.copyText:hover{ background-color: rgba(241, 120, 255, 0.28); }
/*.btn.copyText{padding:1px 7px; margin-left:0px; margin-right:0px; border-radius:3px; }*/
.btn-primary.copyText:hover		{ background-color: rgb(0, 125, 193) !important;  }
.btn-secondary.copyText:hover	{ background-color: rgb(89, 99, 104) !important;  }
.btn-danger.copyText:hover		{ background-color: rgb(255, 43, 0) !important;  }
.copyText{ cursor: copy; /*border-radius:2px; padding-left: 5px; padding-right: 5px;*/ }

.copyColor{
	background: white !important;
	color:#222 !important;
	border-radius:3px !important;
	box-shadow: 5px 3px 5px rgba(0,0,0, 0.3);
	border:1px solid #ccc;
	padding: 2px 8px; cursor: default;
	margin-left:-3px !important;
	line-height: 17px;
}

.label-midi{ padding: 0px 7px !important; font-size:12px !important; line-height: 20px !important; }
.scrollY800{ display: block; overflow: hidden; overflow-y: scroll; max-height: 800px; min-height: 250px; max-width: 1800px; }
.modal-dialog{ max-width: 100%; }

TABLE.tiny TD{ padding:1px 6px !important; font-size: 12px !important; }
TABLE TR.paddingMidi TD{ padding:7px 6px !important; }
TABLE.table A .fa{color:#444;}
TABLE.table TR.pager-line TD,
TABLE.table TR.pager-line TH{ font-size:13px; font-weight: bold; padding: 6px 8px !important; }

TABLE.table TR.paginationLine.borderNo > TD{
	border-top:none !important;
}

TABLE.table TR.paginationLine TH{ border-bottom:3px solid #d3d8de !important; padding:5px; }
TABLE.table TR.paginationLine TD{ border-top:3px solid #d3d8de !important; padding:5px !important;
	font-weight: 600;
	font-size: 12px !important;
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
TR.paginationLine .btn.disabled{ opacity:0.2; }

TABLE.table TR TH.with-checkbox,
TABLE.table TR TD.with-checkbox{padding: 7px !important; padding: 6px !important; }
TABLE.table TR .with-checkbox > DIV.checkbox-css{width:17px !important; margin: 0 !important;}

TABLE.table .p3{ padding: 3px !important; }

/*
.ck-editor__editable_inline { min-height: 300px; width:900px; max-height:300px; }
.ck-content{ font-size: 14px; line-height: 25px; color: #111; }
.ck-content SPAN.red{ color:red; }
*/

#cke_editor{
	padding:1px;
	border-radius:3px;
	overflow: hidden;
	border-color:rgb(211, 216, 222);
}

.asTable{ display: table !important; width: 100%; }
.asTable > DIV { display: table-cell !important; }



body .daterangepicker{ z-index: 9999 !important; }
body .daterangepicker td.available.off{ background-color: #f4f4f4 !important; }

#commentsTBL .fa-times{ font-size: 19px; }
#commentsTBL .fa-times:hover{ color:red; opacity: 1; }

#ordersFileUploader { position:absolute; overflow: hidden; width: 1px; height: 1px; top:-1000px; left:-1000px; }

/* delete inline Yes/No */

#deleteYesNoHolder{
	position:absolute;
	display: block;
	font-size:13px;
	color:white;
	z-index: 10000;
	margin-left:-36px; margin-top:4px;
	padding: 1px;
	background: white;
	border-radius: 4px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
#deleteYesNoHolder:after{ clear:both; display: block; content: ''; }
#deleteYesNoHolder > DIV{
	color:white; cursor: pointer; width: 36px; padding:3px 8px; font-family: Tahoma, sans-serif;
	display: inline-block;
	text-transform: uppercase;
	font-size:11px;
	text-align: center;
}
#deleteYesNoHolder DIV.yes	{ background: #ea0008; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#deleteYesNoHolder DIV.no	{ background: #0080ea; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#deleteYesNoHolder DIV.yes:hover{ background: #ff4939; }
#deleteYesNoHolder DIV.no:hover	{ background: #00a1ff; }

.fileCell .fa-download:hover{color:red; opacity: 0.8; }

.widget HR{ opacity: 0.1; }

.profileTitle{ letter-spacing: -2px; opacity: 0.2; color:white; float: right; font-style: italic; margin:-10px 120px -10px 0;  }

.btn-dark.btn-primary{ background-color: #2c79bf !important; }
.btn-dark.btn-primary:hover{ background-color: #2a70b2 !important; }


#curtain{
	min-width: 800px; height: inherit;
	width: inherit;
	position: absolute;
	padding: 0;
	margin:-15px;
	min-height: 410px;
	border-radius:4px;
	z-index: 9999;
	text-align: center;
	background: rgb(255,255,255);
}

.rcpAcc{ color:#000; font-size:13px; }

.bootstrap-select .dropdown-menu li a{ font-size:13px; color:#111;}

.fsClient B{ color:#000 !important; font-size:15px;}

.borderTop2{
	border-top:4px solid #999;
}

.bg-danger-opacity{
	background: rgba(255,0,0,0.1) !important;
	border-radius:3px !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgba(255,0,0,0.4);
}

TR:hover .bg-danger-opacity{
	background: rgba(255,0,0,0.3) !important;
	-webkit-box-shadow:inset 0px 0px 0px 1px rgb(255,0,0);
	border:none;
}

.moneyStyle{
	text-align: right;
	font-size:14px;
	font-weight: bold;
	color:#444 !important;
}
.comaXmlItem{ margin-top:2px !important; margin-bottom:0 !important; }


.permision.fa-check-circle{ color:#90ca4b; opacity: 1 !important; }
.permision.fa-times-circle{ color:#ff5b57; opacity: 1 !important; }

/* settings */

.jstree-default .jstree-anchor{ line-height: 23px !important; height: 25px !important; padding: 1px 10px 1px 5px; margin:3px 1px 1px 1px !important; }
.jstree-default .jstree-themeicon{ margin-right:6px !important; }
.jstree-container-ul .jstree-icon{ font-size:19px !important; }
.jstree-container-ul LI A{ margin-top:0 !important; }
.jstree-container-ul LI A I { margin-top:-1px !important; }
.jstree-container-ul LI A SPAN.fa{ opacity: 0.25; margin-left: 6px; margin-right: 1px; font-size:15px; line-height: 30px; display: none; }
.jstree-container-ul LI A SPAN.fa:hover{ opacity: 0.85; }
.jstree-container-ul LI:hover > A > SPAN.fa{ display: inline; }


.panel-expand DIV.dataTable{
	margin-left: -10px;
	margin-right: -10px;
}

.panel-title H4{ width:100%; }
.panel-title A{ display: inline !important; padding-left: 7px; padding-right: 7px; border-radius:2px; }
.panel-title A:hover{ display: inline !important; background: #444; color:white; }
.panel-title A.active{ background: white; color:black; }

.toggle[data-toggle-id]{ cursor: pointer; text-decoration: underline; margin:-1px -3px; padding:1px 6px 1px 3px !important; border-radius:2px; }
.toggle[data-toggle-id]:hover{ background: rgba(163, 255, 128, 0.24); color:#444; }
.toggle[data-toggle-id] .fa{text-decoration: none; padding-right:5px !important; }

.helpTree{ margin-top:12px; font-size:21px; color:#555; cursor: pointer; }
.helpTree:hover{color:#eee;}

.header .navbar-form .btn-search{
	top: 0;
}

/* help */

.help.sidebar{ background: #fafafa; border-right: 1px solid #eee; padding-right: 10px; }
.help .jstree-container-ul .jstree-icon{font-size:16px !important;}
.helpToolbar{
	position: absolute;
	right: 15px;
	top:15px;
	z-index: 10000;
}

.help A[data-tree-id] { display: inline-block; margin-left: -10px !important; margin-top: 0px !important;}


.help A[data-tree-id] .treeTool{ opacity: 0.2 }
.help A[data-tree-id]:hover .treeTool{ opacity: 1 }
.help A[data-tree-id] .fa{ color:#ccc; margin-left: 4px; margin-right: 4px; font-size:12px; }
.help A[data-tree-id] .fa:first-child{margin-left: 0px;}
.help A[data-tree-id] .fa:hover{ color: #8596aa; }
.help A[data-tree-id] .fa-times:hover{ color: red; }

.help .jstree-anchor[data-id]{ height: auto !important; border:1px dashed #ccc; width:auto !important; background: white !important;  }
.help .jstree-anchor[data-id] I{ display: table-cell; vertical-align: top; padding: 5px 4px 7px 0px !important;  }
.help .textOne{ color:#333 !important; white-space: normal; line-height: 15px; vertical-align: middle !important;  }

.help .jstree-container-ul LI:first-child{ padding-top:10px;}

.navbar-form INPUT{
	box-shadow: 0 -1px 0 rgba(200, 215, 220, 0.69);
}

#jstree-ajax{
	width: calc(100% - 30px);
}


.white-help-page{
	margin:-20px -30px;
	padding:30px 30px 60px 30px;
	background: white;
	min-height: inherit;
}
.white-help-page H1, H2{ color: rgb(23, 62, 98); }
.white-help-page H3{ color:#555; }
.white-help-page H3 .btn-danger{ display: none; }
.white-help-page H3:hover .btn-danger{ display: inline; }
.white-help-page DIV.p{ text-align: justify; margin-bottom:15px; }
.white-help-page P{ text-align: justify;  }

.white-help-page .dashCreate{ border-bottom: 1px dashed #ddd; margin-top: -9px; }
.white-help-page .splitTools{text-align: center; margin:15px 0; padding: 15px 0; }
/*.white-help-page .splitTools:hover .dashCreate{ border-bottom: 1px dashed #aaa; }*/
.white-help-page .splitTools .btnCreateInline{ outline: white 10px solid !important; background: white !important; opacity: 1; color:#aaa; }
.white-help-page .splitTools .btnCreateInline:hover{ color:#555; }

.pHolder .highlight{
	margin:-5px -15px -15px -15px;
	padding:15px;
	border-radius:4px;
	border:1px dashed #00a1ff;
	background: #f2fcff; /* Old browsers */
}
.paragraphBody{
	margin-top:8px;
	white-space: pre-line;
	font-size:14px;
}
.paragraphKeys{ color: #7fa2b3; }

.card.help .card-body { font-size:14px; }
.card.help .card-body SPAN{ font-size:12px; }

.oneResult{ position: relative; margin-bottom:10px; margin-left:16px; color:#111; }
.oneResult > DIV{ display: inline;  }
.oneResult > DIV:hover{ text-decoration: underline; cursor: pointer;  }
.oneResult::before{
	border: solid #ccc;
	border-width: 0 2px 2px 0;
	padding: 2px;
	display: inline-block;
	position:absolute;
	content: '';
	margin-left:-20px;
	margin-top:7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

I.jstree-icon.fa-file-alt{
	color: #a4adb2;
}

.header.navbar-default.gradientC{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
	background: #f2f5f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

#canvasHolder{
	position: absolute;
	overflow: hidden;
	width: 10px;
	height: 10px;
}

.thumbnail{
	width:160px;
	height: 100px;
	border:1px solid #ccc;
	border-radius: 5px;
	background-color: #fafafa;
	overflow: hidden;
	background-size: cover;
	box-shadow: 3px 3px 2px rgba(0,0,0,0.05);
	margin-bottom:5px;
	position: relative;
}
.thumbnail[data-url]{ cursor:pointer; }
.thumbnail:hover{
	border:1px solid #11a2e2;
}
/*
.thumbnail.delete:after{
	top:5px;
	right:5px;
	border-radius:9px;
	overflow: hidden;
	display: block;
	content: '\d7';
	font-size: 25px;
	font-weight:bold;
	color: #444;
	background: white;
	text-align: center;
	width:19px;
	height:19px;
	line-height: 16px;
	padding: 0;
	z-index:1000;
	position: absolute;
	opacity:0.7;
}
*/
#fullScreenHolder{
	position: absolute;
	top:0; left:0; min-width:100%; min-height:100%;
	background: rgba(50, 50, 50, 0.5);
}
#fullScreenHolder .close{
	position: absolute; right: 100%; top: 0;
	padding:10px;
	cursor:pointer;
}
#fullScreenHolder .close:after{
	display: block;
	content: 'X';
	border-radius:8px;
	width:16px;
	height:16px;
	line-height: 16px;
	padding: 0;
	background: rgba(255,255,255,0.5);
}

.input-group.asTable{ display: table; }
.input-group.asTable > DIV{ display: table-cell; }
.input-group-append .btn{border-left:none;}
.input-group-prepend .btn{border-right:none;}