.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) }



.grey{ color:#ddd !important; }
.color-link{ color: #009eb4 !important; }
.c{ float: none; margin: 0 auto; display: table; }
.pointer{cursor:pointer}
.m0{ margin: 0; }
.mr0{ margin-right: 0; }
.mt0{ margin-top: 0; }
.mt5{ margin-top: 5px; }
.mt7{ margin-top: 7px; }
.mt8{ margin-top: 8px; }
.mt10{ margin-top: 10px; }
.mt12{ margin-top: 12px; }
.mt15{ margin-top: 15px; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.m10{ margin: 10px; }
.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; }
.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; }
.w100p,.wFull{ width:100%; }
.wAuto{ width:auto; }
.wAutoInline{ width:auto; display: inline-block; }
.max1600{max-width: 1600px;}
.max500{max-width: 500px;}
.max150{max-width: 150px;}

.p0{ padding: 0 !important; }
TABLE.table TD.p3{ padding: 3px !important; }
.p5{ padding: 5px; }
.pl0{ padding-left: 0; }


.wm400{max-width: 400px;}
.m400{min-width: 400px;}


.pointer{ cursor: pointer;}

.upper{ text-transform: uppercase; }
.pre{ white-space: nowrap;}

.table > tbody > tr > td.pl20{ padding-left: 20px; !important; }

.wCheck{ width:37px; }

.h200min{ min-height: 200px; }

.wx{ width:38px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w60{ width:60px; }
.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; }
.w500{ width:500px; }
.w600{ width:600px; }

.w33p{ width:33%; }

.mw100{ min-width: 100px; }
.mw150{ min-width: 150px; }
.mw250{ min-width: 250px; }
.mw350{ min-width: 350px; }


.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; }
.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;
}


.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
.fs17{ font-size:17px; }
.fs18{ font-size:18px; }
.fs19{ font-size:19px; }

/* 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: .2em .6em .3em;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}



	/* 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; }

.table>thead>tr.filters>th{
	background-color:#D2D9DF;
	padding:2px;
	border-bottom: none;
	vertical-align: middle;
}
.table>thead>tr.filters>th{ font-weight: normal; }
.table>thead>tr.filters>th INPUT{ padding-left: 6px; padding-right: 6px; width:100%; font-size: 12px; }
.table>thead>tr.filters>th.input-group INPUT{ width:1%; }

/*.table .fa{font-weight: 200;}*/
.table>thead>tr.filters>th .fa{ font-size: 18px; line-height: 22px; color:white;  }
.resetFilters{ cursor: pointer; }
.table>thead>tr>th.edit{ width:38px; }


.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{	height:100px; text-align: center; line-height: 100px; color:#aaa; }

/*.dataTable tbody tr:hover td,*/
/*.dataTable tbody tr:hover td A{	background-color: #2D353C; color:white; border-color: #2D353C; border-right-color: #e2e7eb; border-left-color: #e2e7eb;}*/

.table TR .checkbox.checkbox-css{ padding: 0; width: 36px !important; }
.table TR .checkbox.checkbox-css LABEL:before{ left:8px; top: 8px; }
.table TR .checkbox.checkbox-css input:checked + LABEL::after{ left:8px; top: 8px; }
.table td{ color:#555; font-family: "arial"; }
.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; }
.table>tbody>tr>td.last .fa{ font-size: 16px; }
.table>tbody>tr>td.delete .fa:hover{ opacity: 1; }
.active.fa-toggle-on,
.active.fa-toggle-off{ font-size: 21px; }

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

.table>tbody>tr>td.with-checkbox{ padding:0 !important;}

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

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

.modal-md{ width: 500px; }

/* 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: 2px;
	overflow: hidden;
	background-color: #444;
	color:white;
	cursor:pointer;
	padding: 1px;
	position:absolute;
	top:4px;
	right:4px;
	text-align: center;
	opacity: 0.5;
}
.x:before{
	content: '\d7';
	text-align: center;
	color:white;
	font-size: 28px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.x:hover{ background-color: #dd0000; }

/* 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; }



.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;

}

/* edit inline*/
TD[data-cell-edit]{ background-color: rgba(144, 202, 75, 0.1) !important; border: 1px solid rgba(144, 202, 75, 0.41); cursor: cell;   }
TD[data-cell-edit]:hover { background-color: #009eb4 !important; border: 1px solid #009eb4; cursor: cell;   }
TD[data-cell-edit].pj{ padding: 4px 4px 1px 4px;  }
TD[data-cell-edit] INPUT{ display: block; width: 100%; height: 100%; padding-left:7px;  }
TD[data-cell-edit].cursorCell{ background: #90ca4b !important; border-color: #90ca4b; color: white; }

/*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; }

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;}


.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: 100px;
	max-height: 150px;
	width: inherit;
	border-radius: 5px;
	background-color: #FDFDFD;
	border: 1px dashed #CCCCCC;
	padding: 10px;
	overflow: hidden;
}

.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.25;
	overflow: hidden;
}

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:40% !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-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;
}

.gritter-warning > * { background-color: #f59c1a !important; color:white !important;}
.gritter-warning .gritter-close,
.gritter-warning .gritter-close:before{ color:white !important; border-left-color: #e18f18; }
.gritter-warning .gritter-close:hover{
	background-color: #f5aa17 !important;
}

.o05{ opacity: 0.5; }