html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background:#f0f0f0;
	font-family:arial,tahoma,verdana,"sans serif";
	line-height: 1;
	position:relative;    padding-bottom: 66px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*==*/
html,
body {
	margin:0;
	padding:0;
	height:100%;
}
input:-webkit-autofill {
	transition: background-color 5000s ease-in-out 0s;
}
#ph_wrapper {
	min-height:100%;
	position:relative;
}
#ph_content {
	padding-bottom:46px; /* Height of the footer element */clear: both;
}
#ph_footer {
	width:100%;
	height:31px;
	position:absolute;
	bottom:0;
	left:0;
}
#footerBox{max-width: 1702px;
    margin: 0 15px;}
.ph-s-footer{padding-top:30px;color:#999;border-top:1px solid #ddd;max-width:430px;margin:40px auto 0 auto}
#fields_selections{ 
    float: left;
    margin: -4px 0 2px 0;
}
#fields_selections>div.unselcol{
    background: #eaeaea;
    padding: 5px 10px 0 0;
    border-radius: 3px;
}
/*==*/
a:not(.ui-corner-all),button,.grid-norecord > div {
  -o-transition:.15s;
  -ms-transition:.15s;
  -moz-transition:.15s;
  -webkit-transition:.15s;
  transition:.15s;
}
ul.main-navigation {
    box-shadow:0 0 3px 1px rgba(0, 0, 0, .5) !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
/*    overflow: hidden;*/
    background-color: #333;    height: 44px;
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbbbb), color-stop(1, #c6c6c6)) !important;
background:-ms-linear-gradient(bottom, #bbbbbb, #c6c6c6) !important;
background:-moz-linear-gradient(center bottom, #bbbbbb 0, #c6c6c6 100%) !important;
background:-o-linear-gradient(#c6c6c6, #bbbbbb) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c6c6', endColorstr='#bbbbbb', GradientType=0) !important;
}

.main-navigation li {
    float: left;
    height: 44px;
    margin: -5px 0;
}

.main-navigation li a,li.user-name-top,li.sprtr-top,.main-navigation li span {
    display: block;
    color: #333;
    text-align: center;
    padding: 13px;
    text-decoration: none;
	font-size:12px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.main-navigation li a.active span{
    color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
li.user-name-top {font-weight:bold;    height: 18px;padding-top:16px}
li.sprtr-top{color:#999;    height: 12px;}
li.user-name-top:after {}
li.user-name-top img {
	border:2px solid #777;
    width: 20px;
    height: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(255,255,255,.5);float:right;
}
.skin-default li.user-name-top img {margin-top:0 !important;}
.main-navigation li a:hover:not(.active):not(.prevent-default),
.main-navigation li a.prevent-default:hover{
	background-color:#bbb;
}

.main-navigation .active:hover {
background: var(--ph-color-1);	
}

.main-navigation .active,.main-navigation .active:active {

    background-color: var(--ph-main-color);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    /* padding: 14px 20px 14px 16px; */
    text-shadow: 0 1px 2px rgba(0, 0 ,0, .5);
    /* border-right: 4px solid rgba(0,0,0,.05); */
    border-radius: 0 0 0 5px;
    padding: 7px 10px 6px 10px !important;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.15) inset;
    border-right: 1px solid rgba(0,0,0,0.15);
	
}
.ublock{ 
    margin-top: -10px;
    padding: 10px !important;
    display: flow-root !important;
    text-align: right !important;}
.main-navigation a.active_demo {background-color:transparent;font-weight:bold;color:var(--ph-main-color);display: block;
    height: 18px;
    float: left;}
.main-navigation span.active_demo {padding:0;/*color:var(--ph-main-color)*/}
.main-navigation a.active_demo:hover:not(.prevent-default) span{color:var(--ph-main-color)}
.main-logo{    height: 44px !important;
    overflow: hidden;
    margin-left: -5px !important;}
.main-logo span{    font-size: 16px !important;    padding: 0 !important;
    text-align: left !important;}
.main-logo span.ls{    font-size: 10px !important; margin-left: 20px;margin-top:3px}
.main-logo span.lsx{   margin-left: 5px;float:left}
.main-logo span.ls img{position:absolute;margin-left:-20px;width:15px; height: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;border-radius:2px}
.main-logo span.main-logo-sm {
    padding: 4px !important;}
.main-logo .active,.main-logo .active:active{    height: 31px;}
 /* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown > a:after {}
.dropdown,.dropdown-in {
    position: relative;
    display: inline-block;
}
.dropdown-in {width:100%}

/* Dropdown Content (Hidden by Default) */

.dropdown-content,.dropdown-content-in {
    display: none;
    position: absolute;
    background-color: #d6d6d6;
/*    min-width: 160px;*/
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,.15);z-index:1000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;	
	border-radius:4px;
	white-space: nowrap;
	border-top:1px solid #999;
}.dropdown-content-in {
	border-top:1px solid #bbb;
}.dropdown-content-in a:last-child {
	border-bottom:1px solid #aaa !important;
}
.ddown + .dropdown-content{top:50px;right:0}
.main-navigation:not(.skin-dark):not(.skin-light) .dropdown-content,.main-navigation:not(.skin-dark):not(.skin-light) .dropdown-content-in {

	border:1px solid #bbb;
	border-right:1px solid #aaa;
}.main-navigation:not(.skin-dark):not(.skin-light) .dropdown-content-in {
	border-top:1px solid #c0c0c0;
}.main-navigation:not(.skin-dark):not(.skin-light) .dropdown-content-in a:last-child {
	border-bottom:1px solid #aaa !important;
}
.main-navigation:not(.skin-dark):not(.skin-light) .dropdown-content-in a.dis:hover {
    background-color: #d6d6d6!important;
}

.skin-dark .dropdown-content,.skin-dark .dropdown-content-in {
    background-color: #555;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}


.usermenu .dropdown-content,.dropdown-content-in {min-width: 150px;}
.dropdown-content-in {top:-1px;right:100%;
	-webkit-border-radius: 4px 0 4px 4px !important;
	-moz-border-radius:  4px 0 4px 4px !important;
	-o-border-radius:  4px 0 4px 4px !important;	border-radius: 4px 0 4px 4px !important}
/*.usermenu .dropdown-content {
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius: 0 0 0 4px !important;
	-o-border-radius: 0 0 0 4px !important;border-radius:0 0 0 4px !important}*/
.usermenu.ph-sysmenu .dropdown-content {
	-webkit-border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	-o-border-radius: 0 0 4px 4px !important;border-radius:0 0 4px 4px !important}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 6px 12px !important;
    text-decoration: none;
    display: block;
	text-align:left !important;
	border-bottom:1px solid #bbb;
	text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.ph-grid-dropdown .dropdown-content a {
    display: inline-block;
	border-bottom:none;
	border-right:1px solid #383838;box-shadow: inset 0 0 20px 10px rgba(0,0,0,.05);
}

/* Change color of dropdown links on hover */
.dropdown-content a.sub {
    background: #ddd;
	border-bottom:1px solid #c6c6c6;
}
.ph-grid-dropdown .dropdown-content a.sub {
	border-bottom:none;
}
.ph-grid-dropdown .dropdown-content a:hover {background-color: #c6c6c6}
.dropdown-content a:not(.dis):hover {background-color: #c9c9c9;color:var(--ph-main-color)}



/**/
.main-navigation .dropdown-content a:first-child,.main-navigation .dropdown-in:first-child a{
	border-top-left-radius:4px !important;
	border-top-right-radius:4px !important;
	border-bottom:1px solid #ddd;}
.main-navigation .dropdown-content a:last-child,.main-navigation .dropdown-in:last-child a{
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius:0 0 4px 4px;
	border-bottom:1px solid #ddd;}
	
.ph-grid-dropdown .dropdown-content a:hover{background:#222;}
.ph-grid-dropdown .dropdown-content a:last-child,.ph-grid-dropdown .dropdown-in:last-child a{border-bottom:none;}
.dropdown-content-in a:last-child,.x-dropdown-content-in:last-child{
	-webkit-border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	-o-border-radius: 0 0 4px 4px !important;border-radius:0 0 4px 4px !important}
.dropdown-content-in a:first-child,.dropdown-content-in:first-child,.dropdown-in:first-child a{
	-webkit-border-radius: 4px 0 0 0 !important;
	-moz-border-radius: 4px 0 0 0 !important;
	-o-border-radius: 4px 0 0 0 !important;border-radius:4px 0 0 0 !important}
.usermenu.ph-sysmenu .dropdown-content a:last-child{
	-webkit-border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	-o-border-radius: 0 0 4px 4px !important;border-radius:0 0 4px 4px !important;}
.usermenu.ph-sysmenu .dropdown-content {
	-webkit-border-radius: 0 0 4px 4px !important;
	-moz-border-radius: 0 0 4px 4px !important;
	-o-border-radius: 0 0 4px 4px !important;border-radius:0 0 4px 4px !important}
.ph-grid-dropdown {
    z-index: 100;
}
/**/
.skin-dark .dropdown-content a:last-child,.dropdown-in:last-child a{
	border-bottom:none;}
.dropdown-content-in a:first-child:not(:last-child),.dropdown-content-in:first-child:not(:last-child),.dropdown-in:first-child:not(:last-child) a{
	-webkit-border-radius: 4px 0 0 0 !important;
	-moz-border-radius: 4px 0 0 0 !important;
	-o-border-radius: 4px 0 0 0 !important;border-radius:4px 0 0 0 !important}
.dropdown-content-in a:first-child:last-child,.dropdown-content-in:first-child:last-child,.dropdown-in:first-child:last-child a{
	-webkit-border-radius: 4px 0 4px 4px !important;
	-moz-border-radius: 4px 0 4px 4px !important;
	-o-border-radius: 4px 0 4px 4px !important;border-radius:4px 0 4px 4px !important}



.ph-grid-dropdown .dropdown-content a:last-child{border-right:none;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius:0 4px 4px 0;}
.ph-grid-dropdown .dropdown-content {    z-index: 700 !important;
	-webkit-border-radius: 4px 4px 4px 4px !important;
	-moz-border-radius: 4px 4px 4px 4px !important;
	-o-border-radius: 4px 4px 4px 4px !important;border-radius:4px 4px 4px 4px !important;
	background:#444;border-color:#333 !important
	}
	
.ph-grid-dropdown .dropdown-content a:hover {
	-webkit-border-radius: 0 0 0 0 !important;
	-moz-border-radius: 0 0 0 0 !important;
	-o-border-radius: 0 0 0 0 !important;border-radius:0 0 0 0 !important
	}
.ph-grid-dropdown .dropdown-content a:first-child:hover {
	-webkit-border-radius: 4px 0 0 4px !important;
	-moz-border-radius:  4px 0 0 4px !important;
	-o-border-radius:  4px 0 0 4px !important;border-radius: 4px 0 0 4px !important
	}
.ph-grid-dropdown .dropdown-content a:last-child:hover {
	-webkit-border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	-o-border-radius: 0 4px 4px 0 !important;border-radius:0 4px 4px 0 !important
	}
	
.ph-grid-dropdown .dropdown-content ul:last-child li a:nth-child(2):hover {
	-webkit-border-radius: 4px 0 0 4px !important;
	-moz-border-radius:  4px 0 0 4px !important;
	-o-border-radius:  4px 0 0 4px !important;border-radius: 4px 0 0 4px !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child li a:nth-child(2):hover {
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius:  0 0 0 4px !important;
	-o-border-radius:  0 0 0 4px !important;border-radius: 0 0 0 4px !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child li a:nth-child(2):hover {
	-webkit-border-radius: 0 0 0 0 !important;
	-moz-border-radius:  0 0 0 0 !important;
	-o-border-radius:  0 0 0 0 !important;border-radius: 0 0 0 0 !important
	}
	
.row-ind-self .ph-grid-dropdown .dropdown-content ul:first-child li a:first-child:hover {
	-webkit-border-radius: 4px 0 0 0 !important;
	-moz-border-radius:  4px 0 0 0 !important;
	-o-border-radius:  4px 0 0 0 !important;border-radius: 4px 0 0 0 !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:first-child li a:last-child:hover {
	-webkit-border-radius: 0 4px 0 0 !important;
	-moz-border-radius:  0 4px 0 0 !important;
	-o-border-radius:  0 4px 0 0 !important;border-radius: 0 4px 0 0 !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child li a:first-child:hover {
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius:  0 0 0 4px !important;
	-o-border-radius:  0 0 0 4px !important;border-radius: 0 0 0 4px !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child li a:last-child:hover {
	-webkit-border-radius: 0 0 4px 0 !important;
	-moz-border-radius:  0 0 4px 0 !important;
	-o-border-radius:  0 0 4px 0 !important;border-radius: 0 0 4px 0 !important
	}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child a {
    /*width: 46px;*/
    text-align: center !important;
    border-top: 1px solid #383838;
}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child a:first-child {
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius:  0 0 0 4px !important;
	-o-border-radius:  0 0 0 4px !important;border-radius: 0 0 0 4px !important
}
.row-ind-self .ph-grid-dropdown .dropdown-content ul:last-child a:last-child {
	-webkit-border-radius: 0 0 4px 0 !important;
	-moz-border-radius:  0 0 4px 0 !important;
	-o-border-radius:  0 0 4px 0 !important;border-radius: 0 0 4px 0 !important
}
.ui-button-text-only .ui-button-text {
    padding: 6px 14px;
}
	/*9999

.usermenu .dropdown-content {
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius: 0 0 0 4px !important;
	-o-border-radius: 0 0 0 4px !important;border-radius:0 0 0 4px !important}

.dropdown-content a:hover {background-color: #222 !important}
.dropdown-content a:last-child,.dropdown-in:last-child a{
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius:0 0 4px 4px;
	border-bottom:none;}
.dropdown-content-in a:first-child{
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	-o-border-radius: 0 4px 0 0;border-radius:0 4px 0 0}
.dropdown-content-in a:last-child,.dropdown-content-in:last-child{
	-webkit-border-radius: 0 4px 4px 4px !important;
	-moz-border-radius: 0 4px 4px 4px !important;
	-o-border-radius: 0 4px 4px 4px !important;border-radius:0 4px 4px 4px !important}
.usermenu .dropdown-content a:last-child,.usermenu .dropdown-in:last-child a{
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius: 0 0 0 4px !important;
	-o-border-radius: 0 0 0 4px !important;border-radius:0 0 0 4px !important;}
.usermenu .dropdown-content-in a:last-child,.usermenu .dropdown-content-in:last-child{
	-webkit-border-radius: 0 0 0 4px !important;
	-moz-border-radius: 0 0 0 4px !important;
	-o-border-radius: 0 0 0 4px !important;border-radius:0 0 0 4px !important;}	
	9999*/
	.dropdown-content a.sub:hover {
    background: #ccc !important;
}
.dropdown-content a.dis:hover {
    background: #c9c9c9 !important;
	cursor:default;
}
	
.skin-dark .dropdown-content a.sub:hover {
    background: #333 !important;
}
.skin-dark .dropdown-content a.dis:hover {
    background: #4c4c4c !important;
}
.dropdown-content a.sub:last-child {}
.dropdown-content-in a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
/* Show the dropdown menu on hover */
.dropdown.dropdown-open .dropdown-content,.dropdown-in:hover .dropdown-content-in,.ph-grid-dropdown:hover a:before{ 
    display: block;
    -webkit-animation: fadein 0.2s; /* Safari and Chrome */
    -moz-animation: fadein 0.2s; /* Firefox */
    -ms-animation: fadein 0.2s; /* Internet Explorer */
    -o-animation: fadein 0.2s; /* Opera */
    animation: fadein 0.2s;
}
.dropdown-content i {
    font-size: 11px;
}
.usermenu .dropdown-content i {
    font-size: 14px;    width: 24px !important;
}
.dropdown.dropdown-open > i,
.main-navigation:not(.skin-dark) .dropdown-in:hover a .ph-nav-caret:before{color:var(--ph-main-color) !important}
/**/


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}










#ph_header .main-navigation .sub .ph-nav-caret{float:left;margin-right:8px;}
#ph_header .dropdown > i {    /* width: 100%; */
    /* float: right !important; */
    display: block;
    padding: 13px 10px;
    /* background: #e33; */
    margin:0;
    line-height: 18px;
    position: absolute;
    right: 0;}
	.ddown + .dropdown-content:before{
    content: "\f0d8";
    font-family: fontawesome;
    position: absolute;
    right: 11px;
    top: -12px;
    color: rgba(0, 0, 0, 0.2);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);}
.main-navigation > li.dropdown:not(.usermenu) a{padding-right:50px;
    padding-left: 20px;}
.main-navigation > li.dropdown:not(.usermenu) i:hover{cursor:pointer;color:var(--ph-main-color) !important;background: rgba(0, 0, 0, 0.03);}
.cog-menu{width: 18px;
    height: 21px;
    /* font-size: 21px !important; */
    color: #333;
    border-left: 1px solid #aaa;
    padding: 10px 13px 13px 13px !important;
    margin-right: -5px;
    border-radius: 0 0 5px 0;
    /* background: #e33; */
    line-height: 28px;
}.cog-menu:hover{cursor:pointer !important}
.cog-menu i{text-shadow: 0 1px 0 rgba(255,255,255,.3);font-size:16px}
.skin-dark .cog-menu{color:#ccc;border-left: 1px solid #222}

.first-of-type li {
    font-size: 12px;
}
.gotop{    margin-top: -6px;
    padding: 8px 2px 2px 0px;
    color: #999 !important;}
.gotop:hover{color:var(--ph-main-color) !important;  padding: 2px 2px 2px 0px !important;}
.footer-scrolltop,.vr-download-btn{float: right !important;margin-left:10px;margin-top:-8px !important; padding:8px !important;cursor:pointer !important;    margin-right: 10px;font-size: 12px !important;line-height: 12px;height:12px}
.footer-scrolltop:hover,.vr-download-btn:hover{color:var(--ph-main-color)}
.footer-scrolltop{font-size:14px !important;font-weight:bold}
.float-scroll.footer-scrolltop{ opacity: 0.75;bottom: 35px;
    display: none;
    font-size: 14px !important;
    font-weight: bold;
    position: fixed;
    right: 15px;
    background: #eee;
    border: 1px solid #d5d5d5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);}
.float-scroll.footer-scrolltop:hover{opacity: 1;
    border: 1px solid #bbb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);}
.float-scroll.footer-scrolltop:active{opacity: 1;
    border: 1px solid #bbb;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);}
#footerContainer {
/* background: #e0e2e3; */
    clear: both;
    font-size: 11px;
    height: 10px;
    margin: -2px auto 0 auto;
    padding: 10px 0 12px 0;
    text-align: right;
    color: #999;
    border-top: 1px solid #e0e0e0;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
    /* position: absolute; */
    width: 100%;
    /* bottom: 0; */
    max-width: 1702px;
    /* border-bottom: none; */
    /* border-radius: 5px 5px 0 0; */
    /* box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);*/
}
#footerContainer a{color:var(--ph-main-color);text-decoration:none}
	/* adaptive placeholder*/
form.adaptive > div{margin:0 -5px}
.adaptive input[type="text"] {
  color: #000;
    font-weight: bold;
}
.adaptive input[type="text"]:focus + span[placeholder]:before,
.adaptive input[type="text"]:focus + button + span[placeholder]:before {
  color: #666;
}
.adaptive .exclude input[type="text"]:focus + span[placeholder]:before,
.adaptive .exclude input[type="text"]:focus + button + span[placeholder]:before {
  color: #622;
}
.adaptive input[type="text"]:focus + span[placeholder]:before,
.adaptive input[type="text"]:not(:placeholder-shown) + span[placeholder]:before,
.adaptive input[type="text"]:focus + button + span[placeholder]:before,
.adaptive input[type="text"]:not(:placeholder-shown) + button + span[placeholder]:before,
.adaptive input.si-date-show + span[placeholder]:before,
.adaptive input.si-date-show + button + span[placeholder]:before{
  transition-duration: 0.1s;
  -webkit-transform: translate(-2px, -14px) scale(1,1);
  transform: translate(-2px, -14px) scale(1,1);
    font-size: 11px;
}
.adaptive input[type="text"]:not(:placeholder-shown) + span[placeholder]:before,
.adaptive input[type="text"]:not(:placeholder-shown) + button + span[placeholder]:before {
  color: #666;
}
/*.adaptive input[type="text"]:placeholder-shown + span[placeholder][alt]:before {
  content: attr(alt);
}*/
.adaptive input[type="text"] + span[placeholder],
.adaptive input[type="text"] + button + span[placeholder] {
  display: block;
  pointer-events: none;
  line-height: 1.25em;
  margin-top: calc(-3em + 15px);
  margin-bottom:12px;
}
.adaptive input[type="text"]::placeholder{color:#999;font-weight:normal;opacity:1;}
.adaptive input[type="text"]:focus::placeholder{color:#ccc}
.adaptive input[type="text"] + button + span[placeholder]:before,
.adaptive input[type="text"] + span[placeholder]:before {
  content: attr(placeholder);
  display: inline-block;
  margin: 0 7px;
  padding:1px 2px 0 2px;
  color: #999;
  white-space: nowrap;
  transition: 0.1s ease-in-out;
  background-image: linear-gradient(to bottom, #fff, #fff);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: center;
  z-index:200;
}
.adaptive input.si-date-show + button + span[placeholder]:before{
  color: #666;
}
.adaptive .exclude input[type="text"]:not(:placeholder-shown) + span[placeholder]:before,
.adaptive .exclude input[type="text"]:not(:placeholder-shown) + button + span[placeholder]:before,
.adaptive .exclude input[type="text"],
.adaptive .exclude input[type="text"] {
  color: #622;
}
.adaptive .exclude input[type="text"] + span[placeholder]:before,
.adaptive .exclude input[type="text"] + button + span[placeholder]:before {
  color: #b77;
}
.search-div {text-shadow: 0 1px 0 rgba(255,255,255,0.30);display:inline-block}
.search-div.element-data{width:100%}
.search-div > div{width:33.33333333%;float:left;position:relative}
.adaptive .search-div > div{width:50%}
.adaptive .search-div > div > div{width: calc(50% - 10px);float:left;position:relative;padding: 0 5px;}
.data-type{ 
    padding: 1px 0px 10px 0px;
    width: calc(100%) !important;
    border-radius: 3px;
    background: #f5f5f5;
}
@media (min-width: 1019px) {
	/* here */
.adaptive .search-div > div .line-spacer.above-date,
.adaptive .search-div > div .line-spacer.above-area{display:none}
}
@media (max-width: 1020px) {
.adaptive .search-div > div.search-section-m1{width:66.66666666%;}
.adaptive .search-div > div.search-section-m1 > div{width:calc(50% - 10px);}
.adaptive .search-div > div .line-spacer{display:none}
.adaptive .search-div > div .line-spacer.above-area{display:block}
.adaptive .search-div > div .search-subsection-area,.adaptive .search-div > div .sorting-name,.adaptive .search-div > div .search-btn{width:calc(33.33333333% - 6px);float:left;margin-left: 10px;}
.adaptive .search-div > div .search-subsection-area{margin-left: 0;}
.adaptive .search-div > div .line-spacer.above-area{margin-top: 0}
.adaptive .search-div > div > div{width:calc(33.33333333% - 10px);}
.adaptive .search-div > div.search-section-m2{width:calc(33.33333333% - 10px);    display: contents;}
.adaptive .search-div > div .search-btn{width:calc(33.33333333% + 2px); }
.adaptive .search-div > div > div.search-section-4{width:calc(100% - 10px);}
}
@media (max-width: 780px) {
.adaptive .search-div > div.search-section-m1,
.adaptive .search-div > div.search-section-m2{width:50%;}
.adaptive .search-div > div.search-section-m1 > div,
.adaptive .search-div > div.search-section-m2 > div{width:calc(100% - 10px);}
.adaptive .search-div > div.search-section-m2{display: block;}
.adaptive .search-div > div .line-spacer.above-area{display:none}
.xadaptive .search-div > div > div{width:calc(100% - 10px);}
.xadaptive .search-div > div.search-section-4{width:calc(50% - 10px);}
.adaptive .search-div > div > div.search-section-4 .line-spacer:not(.above-area){display:block}
.adaptive .search-div > div .search-subsection-area,.adaptive .search-div > div .sorting-name,.adaptive .search-div > div .data-type,.adaptive .search-div > div .search-btn{width:calc(100%);float:left;margin-left:0;margin-top:0;}
.adaptive .search-div > div .data-type{margin-right:0;}
.adaptive .search-div > div .list-area-title{margin-top:0}
	.main-navigation > li.dropdown:not(.usermenu) a {
		padding-right: 35px;
		padding-left: 8px;
	}
	#ph_header .dropdown > i {
		padding: 13px 8px;
	}

	.ddown + .dropdown-content{
		right:-10px;
	}
	.ddown:not(.cog-menu) + .dropdown-content:before{
		right:18px;
	}
	#thegrid_pager_left,#thegrid_pager_center{width:100% !important;
    display: flow-root;
    margin: 0 auto;margin-bottom:3px !important;margin-top:3px !important}
	#thegrid_pager_left > table{float:none !important;
    margin: 0 auto;}
	#thegrid_pager_right{display:none}
}
@media (max-width: 520px) {
.adaptive .search-div > div.search-section-2{margin-top:6px}
.adaptive .search-div > div .line-spacer.above-date,
.adaptive .search-div > div .line-spacer.above-area{display:none !important}
.adaptive .search-div > div{width:calc(100%)!important;}
.adaptive .search-div > div.search-section-3,
.adaptive .search-div > div.search-section-4{margin-top:6px;}
.adaptive .search-div > div.search-section-4{width:calc(100% - 10px);}
.adaptive .search-div > div.search-section-4 .line-spacer:not(.above-btns){display:block}
.adaptive .search-div > div .search-subsection-area,.adaptive .search-div > div .sorting-name,.adaptive .search-div > div .data-type,.adaptive .search-div > div .search-btn{width:calc(100%);float:left;margin-left:0;margin-top:0;}
.adaptive .search-div > div .data-type{margin-right:0;}
.adaptive .search-div > div .list-area-title{margin-top:0}
.app-content{margin:5px 0 0 0 !important}
.app-content .mainfield{border:none !important;box-shadow:none !important}
body{background:#f9f9f9}
.theme-form,
	.user-name-top{display:none !important}
}
/*@media (max-width: 988px) {
.search-divx > div{width:50%}
.search-labelx {text-align:left}
}
@media (max-width: 800px) {
.search-div > div{width:100%}
.search-div > div > div:last-child{margin-bottom:6px}
.search-input-list {clear:both}
}*/
.search-div-xx > div > div{display:inline-block}
.search-div > div > div:last-child{margin-bottom:0}
.search-label{text-align:left;    color: #000;  width:14%;float:left ;padding: 8px 5px 0 10px;}
.jbinputForm .search-label{padding-top: 8px}
.advance-search-form .search-label{padding: 8px 6px 0 10px;}
.tpl_manager .tpl-view-container .search-label{padding-left:16px;}
.ph_content_vr .tpl-view-container .search-label{padding-left:6px;}
.search-input{float:left; width:calc(64% - 12px);}
.ind-edit .search-input{width:auto;}
.adaptive .si-h .si-h-range-container{
	width: calc(100% - 34px);
}
.adaptive .si-h .search-input{width:100%;}
.adaptive .search-input{width: calc(100% - 48px);}
.adaptive .data-type .search-input{width:100%;}
.search-input-list{margin-bottom:6px;      float: left;width:100%; }
.jb-d-html .search-input-list{
    min-width: 595px;}
.esearch-label.absolute{position:absolute !important}
.esearch-label.absolute:after{top:6px}
#editcntthegrid .esearch-label.absolute:after{top:3px}
.search-input-list.si-h .search-input{max-height:27px;
    overflow: hidden;
    padding: 5px 0 0 0;
    margin: -5px 0 0 0;}
.search-input-list .a-lbl{z-index:90}
.search-input-list.si-h .i-range-from{z-index:100}
.search-input-list.si-h .i-range-from,.search-input-list.si-h .i-range-to{width:50%;float: left;}
.search-input-list.si-h .i-range-from{width:calc(50% + 1px);margin-right: -1px;}
/*.search-input-list.si-h:not(.exact) .i-range-from input,.search-input-list.si-h:not(.exact) .i-range-to input{width:calc(100% - 13px);}*/
.search-input-list input,.chosen-container{padding:6px 6px 4px 6px !important;border:1px solid #ccc;width:100%;   /*min-width: 244px;*/}
.search-input-list textarea{padding-top:6px !important;padding-bottom:6px !important;}
.search-input input,
.search-input textarea,
.box .esearch-select,
.search-input .chosen-container,
.adaptive .si-h-area-container,
.adaptive .si-h-range-container,
.inputfile+label,
.img-fileprop,
.img-file,
.search-input-list.sorting-name select
{
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}
.si-h-area-container .search-input input,
.si-h-range-container .search-input input,
.search-input .chosen-container input{
	box-shadow: none;
}
.search-input-list input.dominator{
	box-shadow: 0 0 2px 0 #ccc;
    border-color: #a0a0a0
}
.search-input-list.exclude input.dominator{border-color: #ab5b5b !important}
.si-h-area-container,.si-h-range-container{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}.si-h-range-container{
	border:none
}
.si-h-area-container{
	margin-bottom:6px;
}
.si-h-area-container:before{
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: calc(50% - 2px);
    top: -11px;
    color: #e6e6e6;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.search-input-list.si-h-area {
	margin-bottom:0
}
.search-input-list.si-h-area input {
    border-radius: 0;
    background: transparent;
    border: 1px solid transparent;
    border-bottom-color: #e6e6e6;
    margin-top: -1px;
}
.search-input-list.si-h-area.last input{border-bottom-color:transparent;}
.search-input-list.si-h input{width: calc(100% - 14px);}
.box input,.box .esearch-select,.box .chosen-container {
    border: 1px solid #d4dadd;
     min-height: 15px !important;    padding: 3px 6px !important;   
}.box .esearch-select {
    padding: 1px 6px !important;    min-height: 27px !important;
}.box .bc-container input,.box .bc-container .esearch-select,.box .bc-container .chosen-container {
    border: 1px solid #ddd;
}
.esearch-radio{min-width:50px !important}
.chosen-container{padding:0 !important;border:1px solid #ccc !important;max-width: 412px;width:100% !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
.app-callback .chosen-container,
.app-cb .chosen-container{width:calc(100% - 10px) !important;}
.app-callback > form,.app-cb > form{padding:0 !important}

.app-cb-nav > div > span{
	padding: 7px;
	display: block;
	float: left;
}.app-cb-nav .pagination{
	float:right;
}
.app-cb-nav .ph-nav-limitbtn-container > span:first-child{margin-left: 10px
}
.app-cb-listitem{border-bottom: 1px solid #eee;padding:10px 5px;}
.app-cb-listitem:first-child{padding-top:0}
.app-cb-listitem:last-child{border-bottom: none;padding-bottom:0}
.indication-history-container .app-cb-listitem:first-child{padding-top:10px}
.indication-history-container .app-cb-listitem:last-child{border-bottom: none;padding-bottom:10px}
.indication-history-container .shade-in{padding:0}
.indication-history-container .app-cb-listitem{padding:10px 15px;}
.app-cb-header{background: #eee;
padding: 10px 15px !important;
border: 1px solid #ddd;
margin: -5px -5px -15px -5px;
border-radius: 2px 2px 0 0;
border-bottom-color: #bbb;
box-shadow: 0px -1px 3px -1px #e9e9e9; }
.app-cb-colname{padding: 15px 15px 10px 15px;border-top: 1px solid #eee;}
.app-cb-textinput{width: 79%;
    margin: 0 auto;}
.app-cb-textinput input{padding:10px !important;} 
.app-cb-btn-clean,.app-cb-btn-delete{float: left;
    padding: 5px;
    margin: -5px 5px -5px 0;
    background: #f3f3f3;}
	.app-cb-btn-clean:hover,
	.app-cb-btn-delete:hover{color:var(--ph-main-color);background: #f0f0f0;cursor:pointer}
.cell-price{color:#c00;font-weight:bold}
.cell-date{font-weight:bold !important}
.ui-jqgrid-btable {
    margin-top: -1px !important;
    margin-bottom: 0px !important;
}
.grid-calculation-on .ui-jqgrid-btable {
    margin-bottom: -1px !important;
}
.ui-jqgrid tr.jqgrow td{vertical-align: top;white-space: normal !important;word-wrap: break-word;padding:4px 5px;}

.ui-jqgrid tr.jqgrow td[aria-describedby="thegrid_custom_act"] {padding-top:0;}

.ph_content_dashboard .ui-jqgrid-hbox .ui-search-toolbar, .ph_content_upload_view .ui-jqgrid-hbox .ui-search-toolbar,.sel-count-quotation,.sel-count-all{display:none}
.sel-count-all {
    font-size: 12px !important;
    line-height: 12px !important;
    margin: 2px 1px 0px 3px !important;
}
.sel-count-quotation{  
    background: rgba(100,100,100,0.1);  float: left;
    padding: 2px 4px;    margin:4px 5px 4px 2px;
	font-size: 12px;
	line-height: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;}
	.ui-pg-div{height:18px;line-height:18px !important;padding-left:5px !important;padding-right:5px !important;}
.ph-pg-button-selall .ui-pg-div i{margin-top:2px}
.ph-pg-button-selall .ui-pg-div{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;     padding-right: 6px !important; }
	
.ph-pg-button-selall.ui-state-hover .ui-pg-div{
    color: #fff;
    background: var(--ph-main-color);
    text-shadow: 0 1px 0 #666;  
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 -1px rgba(255,255,255,0.2) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 -1px rgba(255,255,255,0.2) inset;
    box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 -1px rgba(255,255,255,0.2) inset; 
	}
.ph-pg-button-selall.ui-state-hover .ui-pg-div:active{
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1), 0 -1px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: 0 0 0 rgba(0,0,0,0.1), 0 -1px rgba(255,255,255,0.1) inset;
    box-shadow: 0 0 0 rgba(0,0,0,0.1), 0 -1px rgba(255,255,255,0.1) inset; 
	}
.ph_content_dashboardx .inputForm .search-div > div {
    min-height: 264px;
}
.ui-search-toolbar .ui-search-input input{width:100%;padding:0px;height: 20px;margin-top: 5px;border:1px solid #ccc;padding-left:3px}
.ui-jqgrid tr.ui-search-toolbar th {
    border-top: 0px solid #ccc !important;
}

.ui-jqgrid-hbox .ui-jqgrid-labels .ui-jqgrid-sortable {font-weight:bold;text-transform:uppercase;font-size:11px;/*text-shadow:0 1px 0 rgba(255,255,255,0.30);*/margin-top:2px !important;margin-bottom: 2px !important;}
	.ui-jqgrid .ui-jqgrid-resize {height: 18px !important;}
.ui-jqgrid-hbox .ui-jqgrid-labels .ui-th-column.ui-state-hover {/*background-color:transparent;color:#454545;border-color:#c5c5c5*/text-shadow:none}
/*.ui-pg-button.ui-state-hover {background-color:#e9e9e9 !important}
.ui-pg-button.ui-state-hover:active {background-color:#eee !important}*/
.ui-jqgrid-hbox .ui-jqgrid-labels .ui-th-column.ui-state-hover .ui-jqgrid-sortable {cursor:auto}
.col-name{/*font-size:11px;color:rgba(0,0,0,0.50)*/}
.col-name.fixwidth,.col-name.fixwidth-s,.col-name.fixwidth-m{float:left;}
/*.ph_content_jobbook .col-name.fixwidth,.ph_content_jobbook .col-name.fixwidth-s,.ph_content_jobbook .col-name.fixwidth-m{min-width: 93px;}
.fixwidth{width:60px}
.fixwidth-m{width:42px}
.fixwidth-s{width:35px}*/
.cell-address,.cell-spacer{margin-top:2px;border-top:1px solid rgba(0,0,0,0.05);padding-top:2px}
.ui-custom-icon {margin: 0 2px !important;}
.ui-widget-content {
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
}.ui-widget-content.jqgrow {
    border: 1px solid #ddd !important;
}
div[aria-describedby="colchooser_thegrid"]{    box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 2px 20px rgba(0,0,0,.2);
    border-radius: 5px;}
.ui-jqgrid-title b{font-weight:bold}
.ui-jqgrid-titlebar{    min-height: 40px}
.ui-widget-header .HeaderButton.ui-state-hover {
    border: 1px solid transparent;
}
.ui-dialog .ui-widget-header{
    border-color:transparent;
}
.upload_input {    margin: 10px 0 0 0;padding: 10px;background: #f7f8f9;border:1px solid #eee;}
.upload_input_cont{width:20%;float:left;padding:0 15px;}
.upload_input div.upload_col{float:left;width:100%;padding:5px;        border-bottom: 1px solid #ccc;
    margin: 3px 10px;}.upload_input div label {    line-height: 18px;margin-left:15px}
.upload_input div.upload_col input{float:left;font-size: 18px;margin-top:-6px ;   border: 1px solid #ccc;
    padding: 5px;}
	.upload_input.horizon div.upload_col{width:20%;}
	.upload_input.horizon div.upload_input_cont{width:100%;}.upload_input div.upload_col label {
    font-weight: bold;
}
	

	#excel_state {
    text-transform: uppercase;
}
.upload_desc{color:#999;font-size: 11px;margin-left:5px}
.download-sample{float:left}
.download-sample a{display: block;padding: 8px 15px;color:#999;text-decoration: none;border-radius:3px }
.download-sample a:hover{background: #f0f0f0;color:#777;cursor:pointer}
.download-sample a:active{color:#999;}
.esearch-main-title,.breadcrumb-sep{float: left;margin: 0 0 -3px 0;font-size: 16px;color: #363636;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);    padding: 4px 7px 0px 7px;
    border-bottom: 3px solid transparent;}
	.esearch-main-title a {color: #363636;text-decoration: none;}
	.esearch-main-title a:hover {color: var(--ph-color-1)}
	.esearch-main-title.active{border-bottom: 3px solid var(--ph-main-color);}
	.esearch-main-title {
    min-height: 24px;
    height:auto !important;
}
	.esearch-main-title.vw a{
color: #999;font-size: 12px;
}.esearch-main-title.vw a.inview{
color: #666;border-left:2px solid var(--ph-color-1);margin-left:-2px
}
	.esearch-main-title.vw a:hover{
color: var(--ph-color-1);
}
	.esearch-main-title.vw a:active{
background: #f3f3f3;
}	.esearch-main-title:not(.tpl-title-viewbtns) .fa{
width:26px;text-align:left;margin-left: 5px;
}
.pure-menu.jbdd{margin-top:-3px}
.pure-menu.jbdd .pure-menu-children{box-shadow:0 0 10px 0 rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.2);border-radius:3px;width:150px}
.pure-menu.jbdd .pure-menu-children i {width:20px;text-align:left;margin-left:0}
.pure-menu.jbdd .jb-workingsheet-dl-btn:hover,.pure-menu.jbdd .jb-certofval-dl-btn:hover{cursor:pointer}
.pure-menu.jbdd .ss-btn{float:left;line-height:11px;margin-left:-2px !important;width:26px !important}
.pure-menu.jbdd .pure-menu-has-children>.pure-menu-link:after{padding-left:0;
 font-family: fontawesome;font-size:14px;
 content:"\f0d7";color:#ccc;text-shadow:0 1px 0 #fff}
.breadcrumb-sep{color: #ccc;font-weight:normal;}	
.breadcrumb-sep i{margin-top:2px;font-size:12px}	
#gbox_thegrid{	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px; }
.ui-jqgrid-titlebar{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;border-radius:5px 5px 0 0;   }
	.grid-norecord{padding: 20px 4px 20px 5px;
    color: #aaa;
    font-size: 16px;
    background: #eee;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-right: 1px solid #ddd;}
.grid-norecord:hover{cursor:pointer}
.grid-norecord:hover > div{color:var(--ph-main-color)}
	.grid-norecord > div{margin-top:30px;padding:10px;border-radius:4px;border:1px solid #d6d6d6;color:#999;font-size:12px;background: #f5f5f5;width:120px}
	
#thegrid_pager{
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;border-radius:0 0 5px 5px;   }
#search_manage,#search_jobbook,#search_jobbookren,#search_stats {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
button.btn-persistence {position: absolute;right: 40px;top:8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 5px; 
	color: #363636;
	background-color: /*#fafbfb*/rgba(255, 255, 255, 0.7);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
	border: 1px solid /*#c5c6c8*/rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.04) !important;
	font-weight: 600; 
}
button.btn-persistence:hover {
	background-color: #fafbfb;cursor:pointer }
button.btn-persistence:active {
	background-color: #f7f7f7; }
	
a.btn-persistence {right:3px}
a.btn-persistence:hover {padding: 1px !important}

.paginginfo b {font-weight:bold;
/*    margin-left: 20px;
    border-left: 1px solid;
    padding-left: 20px;*/
}
/*.text-ico{background: rgba(0, 0, 0, 0.05);width: 12px;display: inline-block;text-align: center;border-radius: 100px;}*/

.ph-calc-save-div,.ph-calc-save-div-list{float:left;padding:5px 10px !important;margin:-4px 2px -5px 10px !important;}
/*.ph-calc-save-div{margin-left:20px !important;}*/
.calc-action-remove{position:absolute;right:35px;top:-2px;background:#fff;border:1px solid rgba(0,0,0,0.1);padding:3px 0;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
  .calc-action-remove:before {content:"\f0da";
 font-family: fontawesome;
    position: absolute;
	font-size:12px;
	line-height:12px;
	right: -6px;
    top: 5px;    color: rgba(0,0,0,0.1);
    text-shadow: -1px 0px 1px rgba(0,0,0,0.1);
}
.push-right{float:right}
.push-left{float:left}
.ph-calc-save > div {float:right;border-radius: 3px;}
.calc-saved-container .ph-calc-save-div{margin-top:2px !important;}
.calc-saved-container .ph-calc-save-div:hover{background:rgba(0,0,0,.05)}
.calc-saved-container .ph-calc-save-div:active{background:rgba(0,0,0,.03)}
.calc-action-remove-span{
	padding:3px 6px;margin: 0 3px
}
.calc-action-remove-span:hover{
	cursor:pointer;
	background: rgba(0,0,0,0.05);
}
.calc-action-remove-span:active{
	background: rgba(0,0,0,0.03);
}
.calc-action-btn{padding:2px 7px !important;margin:-2px 2px -2px 0px !important;float:left}
.calc-action-btn:hover{
	cursor:pointer !important;
	background: rgba(0,0,0,0.05) !important;
}
.calc-action-btn:hover i{color:var(--ph-main-color)}
.calc-action-btn:active{
	background: rgba(0,0,0,0.03) !important;
}
.ph-calc-save-div:hover,.ph-calc-save-div-list:hover{background:#eee;cursor:pointer;}
.calc-datemod{margin-left:15px;font-size:11px}
.calc-updatechanges.calc-dis{color:#999;cursor:default}
.calc-updatechanges.calc-dis:hover,.calc-updatechanges.calc-dis:active{background:none}
.paginginfo-calc {
    opacity: 0;
}
.paginginfo-calc .fa-calculator{text-align: left}
.grid-calculation-on .paginginfo-calc span.paginginfo-calc-total {
	padding:1px 4px;
	margin-left:5px;
	font-size: 12px;
    line-height: 12px;
    background: rgba(100,100,100,0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.grid-calculation-on .paginginfo-calc span.paginginfo-calc-close {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    float: right;
    font-size: 14px;
    line-height: 14px;
    margin: 6px 7px 0 0;
    padding: 6px 7px;cursor:pointer;
}
.grid-calculation-on .paginginfo-calc span.paginginfo-calc-close:hover {background: rgba(0,0,0,0.05)}

.jqgrow,.jqgrow.ui-state-highlight,.jqgrow.ui-priority-secondary {background: #fff !important;color:#000;/*border-color:#ccc;*/font-size:11px;}
.jqgrow a{color:#000 !important}

.jqgrow.ui-state-hover td:not(.jqgrid-rownum),.box .grid-container .pure-table tbody tr:hover td{background-image: url("../images/icons/blank-gray.png") !important;}
.box-clear .grid-container .pure-table tbody tr:hover td{background-image: none !important;}



.row-ind td:not(.jqgrid-rownum){background-color:rgb(234, 222, 239) !important;text-shadow:0 1px 0 rgba(255,255,255,0.30);border: 1px solid rgb(210, 185, 212) !important;
    border-right-color: rgba(210, 185, 212, 0.5) !important;}
.ui-priority-secondary.row-ind td:not(.jqgrid-rownum) {
    background-color: rgb(228, 214, 233) !important;
}

.row-pvr td:not(.jqgrid-rownum){background-color:#d1d1e0 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30);border: 1px solid #b3b3cb !important;}
.row-userdiactive td:not(.jqgrid-rownum){background-color:#fdd !important;text-shadow:0 1px 0 rgba(255,255,255,0.30);border: 1px solid #cbb !important;color: #855;}


.ui-state-highlight,.ui-widget-content .row-ind.ui-state-highlight{background:#ebd2ec !important}
.ui-widget-content.ui-state-hover{color:#000 !important}


.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{/*border:1px solid #ddd;background:#f9f9f9;color:#454545;text-shadow:0 1px 0 rgba(255,255,255,0.30)*/   }
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#000;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #f0f0f0;background:#f5f5f5;color:#454545;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.highlight { background-color:rgba(255,240,0,0.7); }
.box .highlight, .ui-autocomplete .highlight {
    background-color: var(--ph-color-highlight);color:#000;
}
.c-highlight {
    border-bottom: 1px solid rgba(0,127,255, 0.1);
    background-color: rgba(0,127,255, 0.07);
}
.col-name .highlight{background-color:transparent}
#editcntthegrid{text-shadow:0 1px 0 #fff}
#editcntthegrid .fm-button{text-shadow:none}
#editcntthegrid .CaptionTD{padding: 10px 10px 0 15px !important;text-transform: uppercase;}
#viewcntthegrid .CaptionTD{    padding-top: 3px !important;text-transform: uppercase;}
#editcntthegrid .CaptionTD::after,#viewcntthegrid .CaptionTD::after {content: " :";color: #999;}
#editcntthegrid form {margin-bottom: -5px;
    background: #f9f9f9;}
.td-ph-wrapper table tr td{width: 100%;}
.td-ph-wrapper table tr td{padding:2px 10px 2px 0 !important}
#editmodthegrid {background:#f9f9f9}
#editmodthegrid textarea,
#editmodthegrid input{
	font-weight: bold;
	border:1px solid #ccc;
	border-bottom-color: #c3c3c3 !important;
    box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1);
}
#editmodthegrid textarea{margin-bottom:-2px}
#cData{border-color:transparent;background:none;color:#666 !important;margin-right:8px}
.jqgrow:not(.row-ind) .ph-grid-ddbtn-delete,.jqgrow:not(.row-ind) .ph-grid-ddbtn-disabled{display:none}

.ph-grid-can-delete .ph-grid-ddbtn-edit,.ph-grid-can-delete .ph-grid-ddbtn-view,.ph-grid-can-delete .btn-addtolist{width:35px}
.fm-button,.ui-button {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;border-radius:2px}
.fm-button:hover,.ui-button:hover {}
.fm-button:active,.fm-button:focus,.ui-button:active,.ui-button:focus {}


.fm-button {}
.fm-button:hover{
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}
.fm-button:active{
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);}

.input-disabled {
    background:#eee !important;
    text-shadow:0 1px 0 rgba(255,255,255,0.70);
    font-weight:bold;
    color:#000 !important;
}
.jqgrid-rownum {text-shadow:none;font-weight: bold !important;border-left-color: transparent !important;}
.search-input input,.esearch-select,.list-area input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
}
.si-h:not(.exact) .i-range-from input {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-right: none;
}
.si-h:not(.exact) .i-range-to input {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-left-color: #e6e6e6;
}
.si-h-area .i-range-from input,
.si-h-area .i-range-to input{
    border-radius: 0 !important;}
.row-ind td.jqgrid-rownum {border-right:3px solid #9a3c9b !important}
.row-pvr td.jqgrid-rownum {border-right:3px solid #b3b3cb !important}
/*.ui-state-highlight td[aria-describedby="thegrid_cb"] {}
.ui-state-highlight.row-ind td[aria-describedby="thegrid_cb"] {border-color:#daa0e1 !important}
.ui-state-hover .col-name{color:rgba(0,0,0,0.50)}
.ui-state-highlight.ui-state-hover .col-name{color:rgba(0,0,0,0.50)}
.ui-state-highlight td:not(.jqgrid-rownum),.ui-widget-content .ui-state-highlight td:not(.jqgrid-rownum),.ui-widget-header .ui-state-highlight td:not(.jqgrid-rownum) {border:1px solid rgb(221,221,221);background:none}*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; 
  content: "";
  display: table;
  clear: both;}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{text-decoration:underline}
.ui-state-focus{
    background: #f5f5f5;
    border: 1px solid #eee;
    text-shadow:0 1px 0 rgba(255,255,255,.7);
	color:#000 !important;
	cursor:pointer;
}
.exclude .ui-state-focus{
    background: #f7ecec;
    border: 1px solid #efd9d9;
}
.jqgrow.bordered-ind td:not(.jqgrid-rownum),.jqgrow.bordered-ind.ui-state-hover td:not(.jqgrid-rownum){border-bottom-color:#daa0e1 !important}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#esearch-ajax-btn {
float:left;margin-top: 6px;
	right: 30px;
	display:none;
	background: transparent url('../images/ph-loader-s.gif') no-repeat 50% 50%;
    z-index: 11000000;
	width:43px;
	height:18px;
}
#esearch-ajax-loading {
position: absolute;right: 30px;
	display:none;
   background: transparent url('../js/cluetip1.2.5/images/wait5.gif') no-repeat 50% 50%;
    z-index: 11000000;
	width:43px;
	height:18px;
}
#esearch-ajax-loading-btn,.esearch-ajload,.esearch-ajload-doc,.document_save_loader,.vr_save_loader,.ph-spinner {    left: -30px;
position: absolute;
	display:none;
   background: transparent url('../images/ph-loader-s.gif') no-repeat 50% 50%;
    z-index: 11000000;
	height:16px;    width: 16px;    top: 12px;
}
.box .grid-container{/*min-height:300px;background:#fafafa !important*/}
.box .grid-container .pure-table{border:none;width:100%;background:#fff}
.box .grid-container .pure-table th:not(:first-child) {
    border-left: 1px solid #eee;    text-align: right;}
.box .grid-container .pure-table th:first-child {    text-align: right;}.box .grid-container .pure-table thead tr {
    background: #fafbfc;
}
.box .grid-container .pure-table thead tr:first-child {    background: #f6f8fa;}
.box .grid-container .pure-table thead tr:first-child th{  border-bottom: 1px solid #e3e7e9 !important;}
.box .grid-container .pure-table thead,.box .grid-container .pure-table tfoot{position:relative !important;display:block !important}
.box .grid-container .pure-table tbody{display:block !important;overflow:auto;max-height:275px;position:relative !important}
.box .grid-container:not(.if-container) .pure-table tbody{max-height:415px}
.box .grid-container .pure-table thead{
    background-color: transparent;
    font-weight: bold;
}
.box .grid-container .pure-table thead tr th{vertical-align:top;border-bottom:1px solid #ddd}
.box .grid-container .search-input {
    width: 100%;
}
.box .grid-container{
    background: #fff;
    padding: 2px;
    margin:3px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
	border: 1px solid #ddd;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
}

	.go-btn{position: relative;text-align: right;padding:5px 3px 0 0}
	.go-btn span.ph-spinner{top: 3px;position: relative;padding: 0;left: -15px;
	float:right;}
	.go-btn > span:not(.ph-spinner):not(.stats-users-refresh):not(.go-btn-text){
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1) !important;
	 text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 9px;border:1px solid rgba(0,0,0,0.1);
	float:right;
	}
.go-btn > span:not(.ph-spinner):not(.stats-users-refresh):not(.go-btn-text):hover{border:1px solid rgba(0,0,0,0.15);background: #f9f9f9;cursor:pointer;}
.go-btn > span:not(.ph-spinner):not(.stats-users-refresh):not(.go-btn-text):active{border:1px solid rgba(0,0,0,0.1);background: #fcfcfc;}
.go-btn-text,.go-btn-text:hover,.go-btn-text:active{padding: 5px 10px;text-shadow: 0 1px 0 rgba(255,255,255,0.4);background: transparent !important;box-shadow:none !important;cursor:default !important}
.box .grid-container .pure-table tbody tr:not(:first-child) td{border-top:1px solid #eee}
.box .grid-container .pure-table tbody tr td{padding:8px 12px;line-height: 16px;}
.box .grid-container .pure-table tbody td:first-child{text-align:center;color: #999;vertical-align: middle;width:1%}
.box .grid-container .pure-table tbody tr.us-notactive td:first-child{color:#a77}
.box .grid-container .pure-table tbody td:not(:first-child){border-left:1px solid #eee;vertical-align: middle;}
.box .grid-container .pure-table tbody tr.us-notactive td:not(:first-child){border-left:1px solid #fdd}
.box .grid-container .pure-table tbody tr.us-notactive .text-gray{   color:#a77}
.box .grid-container .pure-table tbody tr.us-notactive .text-gray-2{   color:#c99}
.box .grid-container .pure-table tbody tr.us-notactive td{    background-color: #fee;    border-top: 1px solid #fdd;    border-bottom: 1px solid #fdd;
    color: #855;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
.box .grid-container .pure-table tbody tr.us-notactive td:nth-child(2),.box .grid-container .pure-table tbody tr td:nth-child(2){
	border-left-width:1px
}.box .grid-container .pure-table tbody tr td:nth-child(2){
	border-left-color:#ddd;
}.box .grid-container .pure-table tbody tr.us-notactive td:nth-child(2){
	border-left-color:#ecc;
}
	
	/*??*/
.box .grid-container .pure-table tbody tr:not(.grid-trloading) td:first-child{    background: #f9f9f9 !important;
    border-color: #eee;
    color: #999 !important;
    text-shadow: 0 1px 0 #fff;}

.box .grid-container .pure-table tbody tr.grid-trloading td,.box .grid-container .pure-table tbody tr.grid-trloading td:hover{  background: #f6f8fa !important  }

.box .ph-spinner-big{
	background: transparent url(../images/ph-loader.gif) no-repeat scroll 50% 50% !important;
	    width: 32px;
    height: 32px;
    display: inline-block;
	}
.box .ph-spinner-s{
	background: transparent url(../images/ph-loader-s.gif) no-repeat scroll 50% 50% !important;
	    width: 16px;
    height: 16px;
    display: inline-block;
	}
	
.calcmisc-container-list,
.download-jobbook-container-list{margin:0!important;padding:0!important;border:none !important;}
.grid-calcmisc-container tr td div,
.grid-download-jobbook-container tr td div{margin:-5px -10px}
.as-indicator{
	
    background-image:url(../images/ph-loader-s.gif) !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
    background-position:98% 50% !important;

}
.as-indicator-b{border-color:#dedede !important;background-color:#fdfdfd}
.box .ph-spinner{
	display:none;
	background: transparent url(../images/ph-loader-s.gif) no-repeat scroll 50% 50% !important;
	}
	.us-photo{float: left;width: 50px;    height: 24px;    margin-left: -5px;}
	.us-photo img {
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    margin:2px 10px 0 0;
    max-height: 28px;
    max-width: 42px;float: right;
}
.stats-users-refresh{float:right;font-size: 16px;font-style: normal;font-weight: normal;padding: 7px 10px;    margin-top: -10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;}
.stat-user-row td > span >span{white-space:nowrap;}
.stats-users-refresh:hover{cursor:pointer;background:rgba(0,0,0,0.02);color:var(--ph-main-color)}
.stats-users-refresh:active{background:rgba(0,0,0,0.01);}
.grid-bottom{ display:table;width:100% }
.box-clear .grid-bottom{ border-top:2px solid rgba(0,0,0,.1) }
.box-clear .pagination{float:right}
.no-navigation tfoot tr{display:none}
.grid-bottom .stats-jb-count > div{    box-shadow: none;    padding: 2px 8px;}
.grid-bottom td{vertical-align: middle ;     background: #f6f8fa !important; text-shadow: 0 1px 0 rgba(255,255,255,0.40);  }
.grid-bottom-count td{border-top: 1px solid #ddd; background: #f3f7f9 !important; }
.grid-bottom-nav td{border-top: 1px solid #e3e7e9;}
.grid-bottom td:not(:first-child){border-left:1px solid #e6e6e6}
.grid-trloading span{color:#ccc}
.grid-trloading td{text-align: center;color: #ccc !important;font-size: 16px;line-height: 32px;    padding: 40px 20px !important;
    text-shadow: 0 1px 0 #fff;}
	.download-jobbook-container{max-height:300px;overflow: auto}
	.download-jobbook-container .ph-spinner-s{padding:40px 20px}
.dl-jb-list-item{background: #fefefe;padding:7px 14px;border-bottom:1px solid #f5f5f5;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.dl-jb-list-item:hover{background: #f5f5f5;border-bottom:1px solid #f0f0f0;cursor:pointer}
.dl-jb-list-item:hover span{color:#333}
.dl-jb-list-item:hover span i{color:var(--ph-main-color)}
.dl-jb-list-item:active{background: #f7f7f7;border-bottom:1px solid #f3f3f3;}
.dl-jb-list-item.year{background: #f7f7f7;font-size:16px;border-bottom:1px solid #f0f0f0;padding-top:10px}
.dl-jb-list-item.year:hover{background: #f3f3f3;font-size:16px;border-bottom-color:#eee;}
.dl-jb-list-item.year:active{background: #f5f5f5;border-bottom:1px solid #f3f3f3;}
.dl-jb-list-item.month{padding-left:18px}
.dl-jb-list-item i,.dl-jb-list-item span.text-gray-2{color:#999;font-weight:normal}
.dl-jb-list-item:hover span.text-gray-2{color:#333 !important;}
.dl-jb-list-item.month i{padding-right:5px}
.dl-jb-list-item.month span.text-gray-2{padding-right:15px;color:#666}
.dl-jb-list-item.year span.text-gray-2{padding-right:5px;color:#636363}
.dl-jb-list-key{color:#666;font-weight:bold}

.calcmisc-list{padding:0 14px 10px 14px;text-shadow:0 1px 0 rgba(255,255,255,.4);border-left:1px solid #e6e6e6;margin-left:-1px;}
.calcmisc-list:nth-child(3),.calcmisc-list:nth-child(4){border-top:1px solid #e6e6e6;}
.calcmisc-list{width: calc(50% - 28px);float:left}
.calcmisc-list> div{padding:2px 5px;display:inline-grid;width:45%}
.calcmisc-list> div span{display:block;width:70px;float:left}
.calcmisc-list-title{
	font-weight: bold;
    border-bottom: 1px solid #e3e7e9;
    margin:0 0 10px -14px;
	padding: 7px 15px 5px 15px !important;
    width: calc(100% - 2px) !important;
	box-shadow:0 1px 0px 0 #f6f8fa;
	background: #f6f8fa;
	text-shadow:0 1px 0 #fff;
}

.ph-gridloading .ph-search-indicate{background:none}
.ph-search-indicate{text-decoration: none !important;background: rgba(255,255,255,.5);padding:3px 7px;border-radius:2px;box-shadow: 0 0 2px 0px #ccc;margin-top: 4px;}
tr.row-ind .ph-search-indicate{background: rgba(120,100,100,.2)}
.ph-search-indicate:hover,
tr.row-ind .ph-search-indicate:hover{box-shadow: 0 0 2px 0px #666;background:#fff}
.ph-search-indicate:active,
tr.row-ind .ph-search-indicate:active{box-shadow: 0 0 2px 0px #999;}
.celltype-addevidence,.celltype-removeevidence{width:20px}
.calc-btn-addevidence,.calc-btn-removeevidence{float:right;display:inline-block;font-size:12px;margin:-6px -10px -6px 0;padding:5px 7px}
.calc-btn-addevidence:hover{color:#333;}
.calc-btn-addevidence:hover:not(.show-celleditor),.calc-btn-removeevidence:hover:not(.show-celleditor){cursor:pointer;}
.calc-btn-addevidence:active{color:#666;}
.calc-btn-removeevidence{color:rgba(0,0,0,0.2) !important;right:10px}
.calc-btn-removeevidence:hover{color:rgba(0,0,0,0.4) !important;}
.calc-btn-removeevidence:active{color:rgba(0,0,0,0.3) !important;}
.shadex{
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 2px 5px 1px rgba(0,0,0, 0.1);
	border-radius: 2px;
    border-bottom:1px solid rgba(0,0,0,0.15);
	border-top: 3px solid transparent;
	display:flow-root;
}
.shade{
    background: #fff;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
	border: 1px solid #ddd;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);}
.shade:after{
  content: "";
  display: table;
  clear: both;
}
.froot{display:flow-root;}
/*.shade-clear{
	border: 1px solid #ddd;box-shadow: 0px 2px 3px -2px #ccc;
}*/
.shade-clear{
    background: transparent;
	border: 1px solid transparent;
    box-shadow:none;
}
.shade-in{
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) inset;
	max-height: 340px;
	overflow-y: auto;
	overflow-x: hidden;border-radius: 0 0 2px 2px;
}
.shade .fr-element.fr-view{padding: 6px 10px;}
.shade .fr-element.fr-view,
.shade input,.shade select{
	border:1px solid #ddd !important;
	border-bottom-color: #c3c3c3 !important;
    box-shadow: inset 0px 1px 10px 0px rgba(0,0,0, 0.03);
}.shade select{padding-left:5px;}
.ph-user-photo input{border:none!important;box-shadow:none!important}
.ph-user-photo.ph-u-sphoto{border-top: none;
    padding-top: 0}
.ph-user .error{position:relative;float:left}
.ph-user div.error{float:none}
.th-btns{background: #f6f6f6;
	border-top:1px solid #e3e3e3;padding: 10px;border-radius: 0 0 2px 2px;
}
.shade-clear .th-btns{background: transparent;
    border-top: 1px dashed #ccc;
}
.shade .fr-inline{margin:0}
.shade h1{background: #f6f6f6;padding:10px;border-bottom:1px solid #e3e3e3;margin:0 !important}

.shade h2{font-size:14px}
.shade td{padding:5px 20px 5px 10px}
.th-xl.cx th{text-align:right}
.th-xl th,.th-xl td{padding-bottom:20px;}
.app-cb-loading:not(.app-callback) tr.app-cb-el{opacity:.5}
.app-callback.app-cb-loading tr.app-cb-el{opacity:.5}.app-cb-el th{vertical-align:top}
.app-callback .mx-box,.app-cb .mx-box{display:none;margin:2px 0 0 5px;}
.app-cb-loading .mx-box{display:block}
.app-cb-loading .c-btn .btn {color:#ccc;}

.c-msg{display:none}
.shade:not(.app-cb-loading) .c-msg.c-msg-show{display:block !important}
.shade.no-spinner .mx-box{display:none !important}
.c-msg{padding:10px;margin:2px 0 0 0;}
.c-msg.text-success{background: #e6e6e6;margin:2px 0 0 5px;border-radius: 60px;padding:7px;height:20px;}
.c-msg.text-success i{font-size:16px;line-height:20px;}

.pure-g-s{margin:-3px}
.pure-g-s .shade{margin:3px}
.pure-g-l{margin:-5px 0}
.pure-g-l .shade{margin:5px}
.callback-btn-submit,.c-btn-submit,.c-btn-big{padding: 10px 30px;height: auto;}
.c-btn-small .btn{padding: 5px 20px;}
.c-btn-default .btn,.btn-d{background: var(--ph-main-color);
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);}.btn-d{margin-right:5px}
.c-btn-default .btn:hover{color:#fff;background:var(--ph-color-3)}
.app-cb-loading .c-btn.c-btn-default .btn {color:#fff;}
.shade .contentTable tbody tr:first-child th,.shade .contentTable tbody tr:first-child td{padding-top: 10px}	.ct-ll tbody tr td{/*padding: 5px 0 !important*/}	
.createsub-div > div{width:50%}
.createsub-label{
    font-weight: bold;
    float: left;
    padding: 18px 2px 18px 0;
    font-size: 18px;
	}
.createsub-input{
    display: block !important;
    padding: 5px 10px !important;
    height: auto !important;
    font-size: 20px !important;
    width: 100px !important;
    border-radius: 3px !important;
    float: left;
	}
.center{text-align:center}
.text-default{color:var(--ph-main-color)}
.text-success{color:#36c455 !important}
.text-warning{color:#dba54e}
.text-error{color:#c66}
.text-nodeco{text-decoration:none}
a.text-nodeco:hover{color:var(--ph-main-color)}
a.text-nodeco:active{}
a.text-nodeco.btn{padding: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;border: 1px solid transparent;float:left}
a.text-nodeco.btn:hover{color:var(--ph-main-color);cursor:pointer}
a.text-nodeco.btn:active{}
.text-gray-3{color:rgba(0,0,0,0.8)}
.text-gray-4{color:rgba(255,255,255,0.7)}
.text-size-sm{font-size:8px}
.text-size-s{font-size: 11px}
.text-gray{color:rgba(0,0,0,0.6)}
.text-gray-2{color:rgba(0,0,0,0.3)}
.text-bold{font-weight:bold}
.text-normal{font-weight:normal}
.text-underline{text-decoration:underline}
.text-italic,#message_nicEditor i{font-style:italic}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center,.text-center .ph-cal-cellvalue{text-align:center !important}
.text-nowrap{white-space:nowrap}
.text-ind-l{width:14px;display:inline-block;font-weight:bold;text-align:center;padding:3px 2px 0 2px;float:left;font-size:9px;line-height:8px;color: rgba(0,0,0,.8);white-space: nowrap;}
.block{display:block}
.contents{display:contents}
.vtop{vertical-align:top !important}
.margin0{margin:0 !important}
.margin5{margin:5px}
.margin10{margin:10px}
.top5{margin-top:5px}
.bottom10{margin-bottom:10px}
.bottom5{margin-bottom:5px}
.top0{margin-top:0 !important}
.top10{margin-top:10px}
.pad0{padding:0 !important}
.pad5{padding:5px}
.top15{margin-top:15px}
.top25{margin-top:25px}
.pad10{padding:10px}
.mleft10{margin-left:10px}
.pad-top20{padding-top:20px}
.pad-top50{padding-top:50px}
.pad-bottom50{padding-bottom:50px}
.padder3{padding-top:3px;padding-bottom:3px}
.padder5{padding-top:1px;padding-bottom:4px}
.grid-nav-container{text-align:center;position:relative}
.table-sa .grid-nav-container{padding-left:0;padding-right:0}
.table-sa .grid-nav-container .pagination{float: right;margin:0 5px 0 0}
.table-sa tfoot tr.grid-bottom-count td, .grid-container-vr tfoot tr.grid-bottom-count td {
    padding: 0;
    line-height: 0;
    opacity: 0;
    border: none;
}
.adaptive .search-div > div .search-btn{margin-bottom:6px !important;}
.grid-container-vr table thead th {text-align:left !important}
.grid-nav-container div > span{left:10px;margin: -1px 5px 0px 5px;position:absolute}
.grid-nav-container div > span > span{padding:7px 3px 3px 3px;display:inline-block}
.grid-nav-container .pagination .disabled{
	cursor:default;color:#ddd;
}.ph-nav-limitbtn {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    white-space: nowrap;
    display: none;
    bottom: 100%;
    left: -85px;    border: 1px solid #bbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;    box-shadow: 0 0 2px 0 rgba(0,0,0,0.20);
}
.ph-nav-limit{
    text-align: center;
    font-weight: normal;
    line-height: 16px;
	
	
	background: #f6f6f6;    padding: 1px 8px;
    display: inline-block;
    margin: 3px 3px 3px 0;    border: 1px solid #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;}
	
.ph-nav-limit:first-child{margin-left:3px}
.ph-nav-limit:hover{border-color:#ccc;background: #f0f0f0; cursor:pointer;color:var(--ph-main-color) }
.ph-nav-limit:active{border-color:#ddd;background: #f3f3f3}
.ph-nav-limit.active{border-color:#fff;background: #fff; cursor:default;color:var(--ph-main-color)}
.ph-limit-btn{position:relative}
.ph-limit-btn:hover {
    background: rgba(0,0,0,0.03) !important;cursor:pointer;color:#666;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.ph-limit-btn:hover .ph-nav-limitbtn{display:block}
.pagination{display:inline-block;padding-left:0;margin:0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{text-shadow:0 1px 0 #fff;position:relative;float:left;padding:6px 12px;margin-left:-1px;color:rgba(0,0,0,0.6);text-decoration:none;cursor: pointer;}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{color:var(--ph-main-color)}
.pagination>li>a:active,
.pagination>li>span:active{color:#66b3ff}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span.ph-pagination-pagenum,.pagination>.active>span.ph-pagination-pagenum:focus,.pagination>.active>span.ph-pagination-pagenum:hover{z-index:2;color:#666;cursor:text;background-color:#fff;
-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3);
}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.ph-pagination-pagenum {
    min-height: 12px;
}
.ph-pagination-pageall,.ph-pagination-pageall:hover,.ph-pagination-pageall:focus,.ph-pagination-pageall:active{color:#999 !important;cursor:default}
.quickview-saleid,.indication-history-btn{margin-left:5px;background: rgba(0,0,0,0.04);padding:7px 14px;	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;text-shadow: 0 1px 0 rgba(255,255,255,0.7);margin-bottom: -9px;}
.indication-history-btn:hover{cursor:pointer;background: rgba(0,0,0,0.1);}
.indication-history-container{white-space: normal;}
.indhistory-open .indication-history-container{padding: 5px;margin-bottom:5px;}
.indication-history-container .mx-box{top: -40px; left: calc(50% - 17px);}
.indication-history-container .app-cb-header{margin-left:-10px;margin-right:-10px;}
.indhistory-eye{display:none}
.app-cb-btn-indhistory-show{border-left:3px solid transparent}
.app-cb-btn-indhistory-show > div:first-child{margin-left:-3px}
.app-cb-btn-indhistory-show:hover{cursor:pointer;background:#f3f3f3}
.app-cb-btn-indhistory-show:active{background:#f9f9f9}
.app-cb-btn-indhistory-show:hover .indhistory-eye{display:block}
.ph-jqdialog-loading .ph-wrapper{opacity: .5}.ph-jqdialog-loading .navButton .mx-box{display:block}
#esearch-ajax-loadingx i {
	}
	.ui-jqdialog-content > div {padding:0}
	#search_keywords {padding: 3px 5px;

margin: 5px 5px 5px 0;}
 li#yui-gen4 .yuimenuitemlabel,
 li#yui-gen5 .yuimenuitemlabel,
 li#yui-gen6 .yuimenuitemlabel {

    padding-top: 6px !important;

}
	.vr_save_loader{display:none;left:-30px;top:10px}
	.ph-btn-m button,.layout-dm  button#search_text_x,.layout-dm  button#search_manage{height:32px !important;line-height:32px !important}
	
.ui-datepicker-today > a.ui-state-highlight{color: #000 !important;font-weight:bold;text-shadow:0 1px 0 #f3f3f3}
.ui-datepicker-current-day > a.ui-state-active{color: #fff !important;font-weight:bold;text-shadow:0 1px 0 var(--ph-color-3)}
.ui-datepicker-today > a{background: #e3e3e3 !important;position:relative;border:1px solid #b9b9b9 !important}
.ui-datepicker-current-day > a{background: var(--ph-main-color) !important;position:relative;border:1px solid var(--ph-color-3) !important}
.ui-datepicker-today.ui-datepicker-current-day{background: var(--ph-color-3)}
.ui-datepicker-today.ui-datepicker-current-day > a{border:1px solid #fff !important}
.ui-datepicker-current-day > a:before{position: absolute;
content: '\f00c';
left: 1px;
font-family: fontawesome;
font-size: 7px;
top: 1px;
opacity: 0.7;}
/*	js/cluetip1.2.5/images/wait5.gif*/
select::-ms-expand {
    display: none;
}
/* The CSS */
select.esearch-select {
    padding:4px 6px 4px 6px !important;
    margin:0;
    /*-webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    -moz-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    background: #f9f9f9;*/
    color:#666;
	border:1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;    text-shadow: 0 1px 0 rgba(255,255,255,0.30);    min-width: 258px;max-width: 258px;
    line-height: 17px;
}
.ui-autocomplete-input,select.ui-autocomplete-input{
	border:1px solid #ccc;
    /*-webkit-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    -moz-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;*/
    padding: 5px 6px !important;
	}
.ui-autocomplete-input.area-range{width: 28%;min-width:20%}
.ui-datepicker {
    z-index: 20 !important;
}
.esearch-inputonclick {    padding: 5px 6px !important;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.esearch-select {padding-right:24px}
}

select.esearch-select {padding-right:24px}
/*
select.esearch-select option.esearch-option[value=""]{color:#f00 !important}
select.esearch-select option.esearch-option[selected=""]{color:#ff0 !important}
*/

.ul-select-cont
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;border-radius: 3px;display: block;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);
    border: 2px solid #ccc;
}
.ul-select-cont li
{border-bottom: 1px solid #ddd; 
}

.nav-select-cont ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;    z-index: 12;
}

.nav-select-cont ul a
{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	line-height:32px;
	padding:0 15px;
	font-family:arial,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.nav-select-cont ul li
{
	background:#fff;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.nav-select-cont ul li.current-menu-item
{
	background:#ddd
}

.nav-select-cont ul li:hover
{
	background:#fff
}

.nav-select-cont ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#f9f9f9;
	padding:0
}

.nav-select-cont ul ul li
{
	float:none;
	width:200px
}

.nav-select-cont ul ul a
{
	line-height:120%;
	padding:6px 15px
}

.nav-select-cont ul ul ul
{
	top:0;
	left:100%
}

.nav-select-cont ul li:hover > ul
{
	display:block
}
.nav-select-cont > ul {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;border-radius:3px}
.nav-select-cont > ul > li > a {
    font-size: 12px;
    padding: 0px 14px;
    line-height: 12px;
	margin-bottom:5px;
}
.nav-select-cont > ul > li > a,.nav-select-cont > ul > li {
    background: none;
}
.nav-select-cont > ul > li:hover{background:none}
.nav-select-cont > ul > li > a:after{
content:"\f078";
font-family:fontawesome;
    font-size: 10px;
    line-height: 10px;
    margin-left: 5px;
    position: absolute;
	color:#666;
}
.nav-select-cont > ul > li > ul > li > a {
	text-transform: uppercase;}
.nav-select-cont > ul > li > ul > li > a:before {
	content: "\002B";
    padding: 2px 7px;
    margin-right: 5px;
    color: #ccc;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-left: -10px;
    font-weight: bold;
    margin-top: -2px;
    display: block;
    float: left;
}
.nav-select-cont > ul > li > ul > li > a:hover:before {background:#eee;color:var(--ph-main-color)}

/* notification */
.bar-container {
	z-index:1000;width:100%;position:fixed;height:0;top:25%}
#bar {
    margin: 0 auto;
    height: 30px;
    display: table !important;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    color: #5c5e60;
    background-color: white;
    box-shadow: 0 2px 5px 0px rgba(0,0,0,.15);
    border:1px solid rgba(0,0,0,0.15);
    border-radius:4px;
	opacity:0;
}
#bar.hide{display:none !important}
#bar.regular {
    height: 30px;
    font-size: 12px;
    padding: 5px 20px;
}
.bar-text{font-size:14px;color:#666;font-weight: bold}
.bar-text i{text-shadow:0 0 5px #ccc;margin-right:10px}
.hb-content-wrapper {
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}
.hb-text-wrapper {
    margin-right: .67em;
    display: inline-block;
    line-height: 1.3;
}
.hb-text-wrapper .hb-headline-text {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}
#bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #22af73;
    border-color: #22af73
}
.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}
.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}
.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}
.hb-close-wrapper .bar-close {
    font-size: 14px;
    top: 7px;
    right: -10px;
    width: 15px;
    height: 15px;
    opacity: .15;
    color: #000;
    cursor: pointer;
    position: relative;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}

#search_simple {
 /*   padding: 8px;
    border-radius: 3px;*/
}
.unselcol{float:left}
.inputFormSimple{max-width:650px;margin:0 auto}
.inputForm{}
.inputFormSimple,.inputForm{display:none}
.list-area-title {
    background: #f5f5f5;
    padding: 7px 10px 2px 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 6px;
    border-radius: 3px;
	}
	.search-subsection-area{
    clear: both;
    width: calc(100%);}
label.esearch-label,.list-area label {position:relative}
.si-drop-el:not(.ind-edit) label.esearch-label{position:absolute;
    right: -14px;bottom: 20px;}
label.esearch-label:before,.list-area label:before {
    content:'';
    right:8px; top:0px;
    width:20px;/* height:20px;
    background:#f8f8f8;*/
    position:absolute;
    pointer-events:none;
    display:block;
}
label.esearch-label:after,.list-area label:after {
/*    font:11px "Consolas", monospace;*/
    right:8px !important; top:-3px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    padding:0 0 3px;
    border-bottom:1px solid;
    position:absolute;
    pointer-events:none;    line-height: 16px;
    font-size: 11px;
}
label.esearch-label:after{
    content:'\f053\f054';font-family: fontawesome;font-size:8px;}
.si-sugg-chosen label.esearch-label:after{
    content:'\f0dc';
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    border-bottom:none !important;
    font-size: 14px !important;
    padding: 3px 0 !important;right:10px !important;}
label.esearch-label.no-content:after{ content:'';}
label.esearch-label.no-content .add-input{ display:none}
.adaptive label.esearch-label:after{top:-4px}
.si-sugg-chosen {height:27px}
.si-sugg-chosen label.esearch-label:after{top:-2px}
.si-sugg-chosen select{display:none}
/*label.esearch-label.label-sugg:after{
    content:'';
    border-bottom:none;
}*/
.vr-input-textarea label:after {top:-13px}
label.tpl-section-select-label:after{top:-1px}
.tpl-section-select{font-size:12px}

label.esearch-label:not(.label-state-default):after,.list-area label:after {
    color:#666;
    border-bottom:1px solid #bbb;
	
}
label.esearch-label.tpl-section-select-label:after,
#thegrid_pager_center label.esearch-label:after,
.tab-content-template label.esearch-label:not(.esearch-label-datepicker):after,
.si-drop-el label.esearch-label:after,
.si-drop-input label.esearch-label:after,
.si-sugg-chosen label.esearch-label:after{
    border-bottom: 1px solid #ccc;font-size: 8px;
    padding: 2px 0;
	
}
.tab-content-template textarea,
.tab-content-template input{font-weight:bold}
.tab-content-template label.esearch-label:not(.esearch-label-datepicker):after,
label.esearch-label.tpl-section-select-label:after,
.tab-content-template .search-input:not(.vr-input-textarea) label.esearch-label:not(.esearch-label-datepicker):after,
.adaptive .si-drop-el label.esearch-label:after,
.jobbook_add .si-drop-el label.esearch-label:after,
.jobbookren_add .si-drop-el label.esearch-label:after,
.adaptive .si-drop-input label.esearch-label:after,
.jobbook_add .si-drop-input label.esearch-label:after,
.jobbookren_add .si-drop-input label.esearch-label:after,
.adaptive .si-sugg-chosen label.esearch-label:after,
.jobbook_add .si-sugg-chosen label.esearch-label:after,
.jobbookren_add .si-sugg-chosen label.esearch-label:after{
    color: rgba(0,0,0,.5);
	
}.adaptive .si-drop-el.exclude label.esearch-label:after{color:#a88;
}
.ph_content_jobbook .si-sugg-chosen label.esearch-label:after{top:-3px}
.docTemplateForm label.esearch-label:after,
.jb-d-html .si-sugg-chosen label.esearch-label:after{top:-2px}
#thegrid_pager_center label.esearch-label:after,
.tab-content-template .search-input:not(.vr-input-textarea) label.esearch-label:not(.esearch-label-datepicker):after,
.ph_content_jobbook .si-drop-input label.esearch-label:after{top:-4px}
.sorting-name.si-drop-input label.esearch-label:after{top:-3px}
.adaptive label.esearch-label.esearch-label-datepicker:after{top:-2px}

label.esearch-label.esearch-label-sqm:after,
label.esearch-label.esearch-label-rm:after,
label.esearch-label.esearch-label-psqm:after,
label.esearch-label.esearch-label-psf:after,
label.esearch-label.esearch-label-sf:after{border-bottom:none;}
label.esearch-label.asc-indicator:after{color:rgba(113, 113, 113, 0.35) !important;border-bottom-color:rgba(113, 113, 113, 0.2) !important}
/*label.esearch-label.asc-indicator ~ ul li{opacity:.5}*/
label.esearch-label.asc-indicator ~ ul{opacity:0}
label.esearch-label.asc-indicator ~ input{border-bottom-left-radius:3px !important;border-bottom-right-radius:3px !important;}
label.esearch-label.textarea:after{top:-10px;}
.list-area-dense >div.list-area-label{clear: both;padding: 8px 4px 0 2px;color: #000;text-shadow: 0 1px 0 #fff;float:left;width: 70px;}
.list-area-dense >div.list-area-inputs{
    float: left;}
.list-area-dense >div.list-area-inputs input{}
.list-area-dense >div.list-area-inputs label:nth-child(2) input,.list-area-dense >div.list-area-inputs label:nth-child(3) input
{margin-left:-4px;}
.list-area-dense >div.list-area-inputs label:nth-child(1) input{border-radius:3px 0 0 3px;border-right:none}
.list-area-dense >div.list-area-inputs label:nth-child(2) input{border-radius:0;border-right:none;border-left-color: #e6e6e6;}
.list-area-dense >div.list-area-inputs label:nth-child(3) input{border-radius:0 3px 3px 0;border-left-color: #e6e6e6;}
.tab-content-template .list-area-dense >div.list-area-inputs{width:100%;max-width:434px;margin-right: -120px;}
.list-area label:after,.si-h-range-container label:after{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    border-bottom:none !important;
	}
	.list-area-btns > i{
    width: 24px;
    display: block;
    text-align: center;
    height: 15px;
    padding: 3px;
    margin: -4px 0 0 5px;
    float: right;
    line-height: 15px;
    border-radius: 3px;
    font-weight: bold;
    color: #b7b7b7;
	}
	.list-area-btns > i.selected{
    color: #666;
	}
	.list-area-btns > i:hover{
    background: rgba(0,0,0,0.05);
	cursor:pointer;
	}
	.list-area-btns > i:active{
		background:rgba(0,0,0,0.03);
	}
.list-area label.label-area-feet:after,.i-label-sqf:after {
    content:'sf';
    top: -1px;
	}
.search-input-list:not(.exact) .si-h-range-container .i-range-from label:after,
.list-area .i-range-from label.label-area-feet:after,
.list-area .i-range-from label.label-area-metr:after,
.list-area .i-range-from label.label-area-acre:after,
.list-area .i-range-from label.label-area-hect:after {
    content:'To:';color:#bbb;
    font-family: arial;
    font-size: 12px;
	top:-1px
	}
	/*here*/
.search-input-list.exact:not(.si-h-date) .si-h-range-container .i-range-from label:after{
	content:'';
	}
.i-range-to input {
    border-left-color: transparent !important;
	}
.list-area label.label-area-hect:after,.i-label-hect:after {
    content:'ha';
    top: -1px;
	}
.list-area label.label-area-metr:after,.i-label-sqm:after {
    content:'sm';
    top: -1px;
	}
.list-area label.label-area-acre:after,.i-label-acre:after {
    content:'ac';
    top: -1px;
	}
label.esearch-label-rm:after{
	content:'RM';
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    position: absolute;
    border-bottom: none;
    font-size: 12px;
    left: 8px;
    top: -1px;
    font-family: arial;
    pointer-events:none;
}
label.esearch-label-rm.label-aftertax:after{
	left:11px
}

.evidence-alert label.esearch-label-rm{   float: left;}
.evidence-alert label.esearch-label-rm:after{        left: -275px;
    top: 8px;}
.with-sqm .sqm-input{display:block !important}
.sqm-mode-btn{
    color: #999;
    padding:5px;
    margin-left: 5px;
    margin-top: -5px;border-radius: 3px;}
	.sqm-mode-btn:hover{cursor:pointer;color:#666;background:#eee}
	.sqm-mode-btn:before{content:'sm';}
	/*.sqm-mode-btn:hover:before{content:'Show square meter';}*/
	.sqm-mode-btn.sqm-on{color:#666;background:#f0f0f0}
	.sqm-mode-btn:active{background:#f3f3f3}
/*	.sqm-mode-btn.sqm-on:before{content:'Square meter';}
	.sqm-mode-btn.sqm-on:hover:before{content:'- Square meter';}
	.sqm-mode-btn.sqm-on:after{content:' :';}*/
label.esearch-label-sqm:after,label.esearch-label-sf:after,label.esearch-label-psf:after,label.esearch-label-psqm:after,label.esearch-label-sm:after{
	content:'sf';
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    position: absolute;
    border-bottom: none;
    font-size: 12px;
    right: 8px;
    top: -1px;
    font-family: arial;
}
label.esearch-label-sqm:after{
	content:'sm';
}
label.esearch-label-psf:after{
	content:'psf';
}
label.esearch-label-psqm:after{
	content:'psm';
}
label.esearch-label-sqm input,
label.esearch-label-psqm input{
	border-radius:3px 3px 0 0;
	border-bottom:none;
}
.with-sqm label.esearch-label-sf input,
.with-sqm label.esearch-label-psf input{border-radius:0 0 3px 3px;}
label.esearch-label-sm:after{
    content:'m²';
}
label.esearch-label-datepicker:after{
	content:'\f073';
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    position: absolute;
    border-bottom: none;
    font-size: 14px;
    right: 8px;
    top: -2px;
    font-family: fontawesome;border:none !important;
}
.input-compulsory.input-compulsory-highlight .search-label:after{
    content: '\f069';
    font-family: fontawesome;
    position: absolute;
    font-size: 8px;
    right: 5px;
    top: 8px;
    margin-top: 1px;
    display: block;
    float: right;
    color: var(--ph-main-color);}
	.input-compulsory.input-compulsory-highlight input,
	.input-compulsory.input-compulsory-highlight textarea{border-color: var(--ph-main-color);}
.line-spacer {
    height: 0px;
    clear: both;
    border-bottom: 1px solid rgba(255,255,255,0.80);
    border-top: 1px solid rgba(0,0,0,0.05);
    margin: 5px 0;
}
.app-content{margin:10px 10px 15px 10px}
#ph_content .line-spacer.noborder {border:none}
/*.line-spacer.bcrumb {border-top-width:3px}*/
.line-spacer.bcrumb {margin-bottom:8px}
.ph_content_jobbook.view .ui-datepicker-trigger,.ph_content_jobbook.add .ui-datepicker-trigger ,.ph_content_jobbook.main .ui-datepicker-trigger,.ph_content_dashboard .ui-datepicker-trigger,.ph_content_upload_view .ui-datepicker-trigger {display:none}
.ui-datepicker-header .ui-icon:before {font-size:10px}
	.ui-datepicker-header .ui-datepicker-prev{margin-left: 0;
    margin-top: 0}
	.ui-datepicker-header .ui-datepicker-next {margin-right: 0;
    margin-top: 0}
#ph_content fieldset.mainfield {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;border-radius:5px;font-family:arial;font-size:12px;background:#f9f9f9;border:1px solid #ddd; margin:0 auto;padding:7px 10px 10px 10px;    min-height: 120px;
    max-width: 1680px;position:relative;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1)}
.list-area{clear:both}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:1;filter:Alpha(Opacity=100);font-weight:normal;background: #f5f5f5 !important;}/*.8*/
.ui-priority-secondary.row-ind,.ui-widget-content .ui-priority-secondary.row-ind,.ui-widget-header .ui-priority-secondary.row-ind{background: #e4c3e5 !important;}/*.8*/
.ui-priority-secondary.row-pvr,.ui-widget-content .ui-priority-secondary.row-pvr,.ui-widget-header .ui-priority-secondary.row-pvr{background: #d1d1e0 !important;}/*.8*/
.ui-priority-secondary.row-userdiactive,.ui-widget-content .ui-priority-secondary.row-userdiactive,.ui-widget-header .ui-priority-secondary.row-userdiactive{background: #fdd !important;}/*.8*/
.row-pvr .pvr-x,.row-indx .pvr-x{display:none}
.row-pvr .s-lotno {
    margin-left: -3px;
}
.d-buarea{display:none}
.row-ind .d-buarea{display:block}
.row-nobuildup .d-buarea,
.row-ind .s-stlot,.row-pvr .s-stlot{display:none}
.ui-priority-secondary .jqgrid-rownum{opacity:1;filter:Alpha(Opacity=100);font-weight:normal}/*.7*/

.search-input .ui-datepicker-trigger {
    padding: 3px !important;
    width: 30px !important;
    top: 0;
}
.indication-data {
	float:left;
    margin-top: 6px;
	display:none;clear:both;min-width: 100%;
}
.row-nobank .grid-ind-bank,
.row-noofficer .grid-ind-officer,
.row-nocnum .grid-ind-cnum,
.row-nomanager .grid-ind-mgr,
.row-noquotation .grid-ind-quotation,
.row-noemail .grid-ind-email,
.row-nofulladdress .grid-ind-fulladdress,
.row-nojbgroup .grid-jb-jbgroup,
.row-nomanager .grid-jb-manager,
.row-noindicator .grid-jb-indicator,
.row-nomanager .grid-ind-valuermgr
{display: none !important}
.grid-jb-valuer .text-ind-l,
.grid-jb-jbgroup .text-ind-l,
.grid-jb-manager .text-ind-l,
.grid-jb-indicator .text-ind-l,
.text-ind-l{width:6px;}
.ind-data {display: block;width: 100%;max-width: calc(100% - 20px);float: left}
.ind-data.grid-ind-valuermgr {max-width: calc(100% - 28px)}
.ind-data {max-width: calc(100% - 20px)}
.indication-data i{margin-top:3px;
display: block;
width: 10px;
float: left;}
.row-ind .indication-data {display:block}
.row-ind .non-indication-data {display:none}
.ind-edit input{color:#333}
.ph-grid-ddbtn-message,.ph-grid-ddbtn-edit,.ph-grid-ddbtn-mailto,.ph-grid-ddbtn-quotation{display:none !important}
.row-ind-self .ph-grid-ddbtn-edit,.row-ind-self .ph-grid-ddbtn-message,.row-ind-self .ph-grid-ddbtn-mailto,.row-ind-self .ph-grid-ddbtn-quotation{    display: inline-block !important;}

.ph-grid-dropdown ul li a{cursor:pointer}
.ph-grid-dropdown ul li a.ph-grid-ddbtn-disabled{cursor:default}
.ph-grid-ddbtn-disabled:hover{background: transparent !important;}
.ph-grid-ddbtn-disabled i:before{color:transparent;text-shadow: none}

/* radio */
ul.esearch-ul-radio{margin:0;padding:0 0 0 10px}
ul.esearch-ul-radio li{
  color: #000;
  display: block;
  position: relative;
  float: left;       top: 5px;  height: 16px;
}

ul.esearch-ul-radio li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.esearch-ul-radio li label{
  display: block;
  position: relative;
  font-weight: bold;
  padding: 0 10px 0 20px;
  margin: 0 auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.1s linear; line-height: 16px;


}
ul.esearch-ul-radio.ul-radio-sm li label{
	padding-right:10px
}

ul.esearch-ul-radio li:hover label{
	color: #333;
}

ul.esearch-ul-radio li .check{
	display: block;
	position: absolute;
	border: 3px solid #ccc;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	height: 10px;
	width: 10px;
	top: 0px;
	left: 0px;
	z-index: 5;
	transition: border .1s linear;
	-webkit-transition: border .1s linear;
}

ul.esearch-ul-radio li:hover .check {
  border: 3px solid var(--ph-main-color);
}

ul.esearch-ul-radio li .check::before {
	display: block;
	position: absolute;
	content: '';
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	height: 6px;
	width: 6px;
	top: 2px;
	left: 2px;
	margin: auto;
	transition: background 0.1s linear;
	-webkit-transition: background 0.1s linear;
}

ul.esearch-ul-radio input[type=radio]:checked ~ .check {
	border: 3px solid var(--ph-main-color);
}
ul.esearch-ul-radio.ul-radio-sm li .check{
	border: 2px solid #ccc;
}
ul.esearch-ul-radio.ul-radio-sm li .check{
	height: 8px;
	width: 8px;
	top: 2px;
}
ul.esearch-ul-radio.ul-radio-sm li:hover .check {
  border: 2px solid var(--ph-main-color);
}
ul.esearch-ul-radio.ul-radio-sm li .check::before {
	height: 4px;
	width: 4px;
	top: 2px;
	left: 2px;
}
ul.esearch-ul-radio.ul-radio-sm input[type=radio]:checked ~ .check {
	border: 2px solid var(--ph-main-color);
}

ul.esearch-ul-radio input[type=radio]:checked ~ .check::before{
	background: var(--ph-main-color);
}

ul.esearch-ul-radio input[type=radio]:checked ~ label{
	color: var(--ph-main-color);
}
ul.esearch-ul-radio li:last-child{/*border-left:1px solid #ddd*/}
ul.esearch-ul-radio li:last-child .check{left:15px}
ul.esearch-ul-radio li:last-child label{padding-left:35px;padding-right:5px}

/*checkbox*/

.ph-checkbox-box{    height: 16px !important;margin:auto;
  display: block;
    width: 16px !important;position:relative}
	
.ph-user-photo .ph-checkbox-box {
    margin: -3px auto 0 auto;
    width: 24px !important;
    float: left;
}
.ph-user-photo .ph-checkbox-box-cont {
	margin-left: 20px;
	margin-top: 8px;
}

input.ph-checkbox[type=checkbox]{
  position: absolute;
  visibility: hidden;
}



.ph-checkbox-check{    color: rgba(0,0,0,0.3);
	display: block;
	position: absolute;
	height: 16px !important;
	width: 18px !important;
	top: 0px;
	left: 0px;
	z-index: 5;
	transition: border .1s linear;
	-webkit-transition: border .1s linear;    line-height: 16px;    font-size: 14px;    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

.ui-jqgrid-btable .ui-state-hover .ph-checkbox-check,.ph-checkbox-check:hover  {    color: rgba(0,0,0,0.6);  cursor: pointer;
}
.grid-calculation-on #jqgh_thegrid_cb .ph-checkbox-check:hover  {    color: rgba(0,0,0,0.3); cursor: default;
}
#thegrid_pager_left {
    float: left;
    margin: 5px 0;
}

#thegrid_pager_left .ui-pg-button{display:block;float:left}
#thegrid_pager_center i{font-size:12px;width:30px}
.ph-pg-button-dis{width:13px;padding:4px !important;height:18px}
.ui-pg-div i,.ui-pg-div i:after,.ui-pg-div i::after,.HeaderButton i,.HeaderButton i:after,.HeaderButton i::after,
.ui-pg-div span,.ui-pg-div span:after,.ui-pg-div span::after,.HeaderButton span,.HeaderButton span:after,.HeaderButton span::after{font-size:14px;line-height: 14px !important;height: 14px !important;padding:0}
td[aria-describedby="thegrid_custom_act"] div a {float:left}
td[aria-describedby="thegrid_custom_act"] div a:hover {cursor:pointer}
td[aria-describedby="thegrid_custom_act"] div a i{color: rgba(0,0,0,0.60) !important;}
td[aria-describedby="thegrid_custom_act"] div a:hover i{color: rgba(0,0,0,0.9) !important;}
td[aria-describedby="thegrid_custom_act"] div a:active i{color: rgba(0,0,0,0.7) !important;}
input.ph-checkbox[type=checkbox]:checked ~ .ph-checkbox-check {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
    color: #fff;
    background: var(--ph-main-color);
    text-shadow: 0 1px 0 #666;  
  transition: all 0.1s;
/*    -webkit-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    -moz-box-shadow: 0 0 1px #ccc, 0 -1px #ccc inset;
    box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 -1px rgba(255,255,255,0.2) inset;  */
}
.grid-calculation-on input.ph-checkbox[type=checkbox]:checked ~ .ph-checkbox-check {background: #66b3ff;
    text-shadow: 0 1px 0 #999;  
cursor:default;
}
/*_checkbox*/


.ui-autocomplete li a,.ui-autocomplete-input {
    color: #000;
}
#esearch_change {position: absolute;top: -7px;  padding:2px 5px;background:var(--ph-main-color) !important;color:#fff;
	-webkit-border-radius: 0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	-o-border-radius: 0 0 0 3px;border-radius:0 0 0 3px;    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);border:none}
.switch{float:right;margin:0 7px 0 0;position: relative;    top: 0px;min-height: 24px;}
.ui-autocomplete {
            max-height: 233px;/*150 229*/
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar 
            padding-right: 20px;*/
    }
	.chosen-drop,
	.ui-autocomplete{
  display: none;
  opacity: 0;
  visibility: hidden;}
	.ui-autocomplete{width: calc(100% - 6px) !important;}
	.adaptive .ui-autocomplete{width: calc(100% + 8px) !important;}
	.chosen-with-drop .chosen-drop,
	.si-input-open ~ ul.ui-autocomplete,
	ul.ui-autocomplete.show{
  -webkit-transition: opacity .1s !important;
  -moz-transition: opacity .1s !important;
  -ms-transition: opacity .1s !important;
  -o-transition: opacity .1s !important;
  -transition: opacity .1s !important;
  transition: opacity .1s !important;
  display: block;
  opacity: 1;
  visibility: visible;
	}
	.ui-datepicker,
.ui-autocomplete{box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);border-radius: 0 0 5px 5px !important;border-bottom:2px solid #bbb !important;border-left:1px solid #bbb !important;border-right:1px solid #bbb !important;}
.ui-autocomplete{z-index: 970 !important;}
.ind-edit-bottom .ui-autocomplete{
    border-top: 2px solid #bbb !important;
    border-radius: 5px 5px 0 0 !important;
    box-shadow: 0 -3px 5px 0 rgba(0,0,0,.15) !important;
    border-bottom: 1px solid #ddd !important;}
	.ind-edit-bottom input.si-input-open{border-radius:0 0 3px 3px !important}
.exclude .ui-autocomplete{border-color:#edd;
	border-bottom-color:#caa !important;border-left-color:#caa !important;border-right-color:#caa !important}
    /* IE 6 doesn't support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
    * html .ui-autocomplete {
        height: 100px;
    }
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 30px;
  height: 15px;
  background-color: #dddddd;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
  border-radius: 60px;
  transition: background 0.2s;
}
input.cmn-toggle-round + label:after {
  width: 17px;
  background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.2s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: var(--ph-main-color);
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 15px;
}

.users-groups-info{background: #fcfcfc; padding:5px;margin:5px 0 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc}
.login_wrap {
    background: #fff;
    max-width: 400px;
    top: 50%;
    left: 50%;
    position: absolute;
	padding: 20px 20px 10px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 7px 20px 10px rgba(0,0,0,0.05);border:2px solid rgba(0,0,0,0.2);border-top:4px solid var(--ph-main-color);border-bottom:3px solid rgba(0,0,0,0.25);
}

.co-name {color: #333;
    font-size: 16px;
    border-top: 1px solid #eee;
    padding-top: 12px;
    box-shadow: inset 0 1px 5px -4px #ccc;
    margin-bottom: 28px;}
.login-wrap-title {
    -webkit-box-shadow: 0 0 0 transparent, 0px 3px 20px -10px rgba(0,0,0,.05) inset;
    -moz-box-shadow: 0 0 0 transparent, 0px 3px 20px -10px rgba(0,0,0,.05) inset;
    box-shadow: 0 1px 7px -5px rgba(0,0,0,.405), 0px 3px 20px -5px rgba(0,0,0,.05) inset;  
	color:#333;
	font-size: 16px; background: #f5f7f9;border-top:1px solid #d9dbdd;border-bottom: 1px solid #ddd;  margin:10px -20px 15px -20px;padding:10px;text-shadow:0 1px 0 #fff
}
.login-wrap-title span{font-size: 12px;display:block;font-weight: bold;text-transform: uppercase;
}
.login-wrap-title img{box-shadow:0px 0px 2px 0px rgba(0,0,0,.5);border-radius:2px;margin-right:5px}
.logo {
    text-align: center;
    padding: 0 0 2px 0;
}
.vform {
	margin: 0 auto;
}

.vform fieldset.float label:before {content:'* ';color:#c00}
.vform fieldset.float label {
	float:left;
	min-width: 100px;
	max-width: 100px;
    line-height: 26px;
}
.vform fieldset.float input {float:right;    max-width: 160px;}.app-fshide{opacity:0}
#content{display:block !important}
#loginForm label[for=login_email]:before,#restorePassword label:not(.error)[for=restorePassword_email]:before{content:"\f199";margin-left:5px;margin-right:7px;font-family: fontawesome;}
#loginForm label[for=login_password]:before{content:"\f084";margin-left:5px;margin-right:5px;font-family: fontawesome;}
#restorePassword label a, 
#loginForm label a {
    font-size: 12px ;
}
#restorePassword button[type=submit],
#loginForm button[type=submit]{box-shadow: 0 0 2px 1px #ccc}
#restorePassword button:hover[type=submit],
#loginForm button:hover[type=submit]{box-shadow: 0 0 4px 1px #aaa}
#restorePassword button:active[type=submit],
#loginForm button:active[type=submit]{box-shadow: 0 0 3px 1px #bbb}
form .err{
	background: rgba(0,0,0,0.03);
    padding: 6px 10px;
    border-radius: 2px;
    margin-left: 10px;
	margin-top: 2px;
	display: block;
	float: right;position: absolute;white-space: nowrap;
	}
.vform p, .vform label {
	color: #333;
	text-align:left;
}
.vform label, .vform input {
	margin: 2px;    float: right;
}
.vform fieldset input {
	line-height: 20px;
	width: 169px;
	padding: 3px;
	color: #333;
    box-sizing: border-box;
}

.vform textarea {
	height: 100px;
}
.vform fieldset.float {
	float: left;
	margin: 0;    max-width: 300px;
}
.vform .clear {
	clear: both;
}
.vform fieldset {
	margin-bottom: 10px;
}

.vform .btn2 {
	background: #fff;
}
.vform .vcontact {
	background: #f9f9f9;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #ccc;
	padding: 20px 30px;
}
.vform.buy {
	background: #eee;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #ccc;
	width: 85%;
	padding: 20px 30px;
}
fieldset {
	border: 0;
}
.cute_button {
padding: 8px;
background: var(--ph-main-color);
text-decoration: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #a00;
cursor: pointer;
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
color: #fff!important;
clear: both;
margin-right: 2px !important;
margin-top: 6px !important;
}
.cute_button:hover {
background: var(--ph-color-1);
color: #fff!important;
}

.cute_button:active {
	color: #999;
	background: var(--ph-color-2);
}
#login_email,#login_password{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.get_started {
    margin: 0 auto;
    text-align: center;
}
.get_started a {
    z-index: 100;
    background: #777;
    transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    padding: 15px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
    border-radius: 5px;
    border-bottom: solid 3px #444;
    color: #fff;
    font: 300 13px Verdana, sans-serif;
    text-shadow: 0 1px #999;
    text-decoration: none;
}

.get_started a:hover {
    background: #9eb74d;
    border-bottom-color: #360;
}
#me_box {
	margin-top:20px;
	color:#D5392C;
}
#me_box li {
	list-style-type:none;
}

/* Vertical Align */

.login_wrap {
	margin: 0;
	position: static;
	top: auto;
	left: auto;
	display: inline-block;
}

.dc-link-viewlist {
    background: rgba(0, 0, 0, 0.05);
    float: left;
    position: absolute;
    right: 141px;
    width: 100px;
    padding: 12px 20px;
    margin: -5px 0 0 0;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
}
.dc-link-viewlist:hover {
    background: rgba(0, 0, 0, 0.07);
	cursor:pointer
}
.dc-link-viewlist:active {
    background: rgba(0, 0, 0, 0.05);
}

.btn-big {
  background:#f3f3f3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
  border-radius: 5px;
  font-family: Arial;
  color: #666;
  font-size: 12px;
  padding: 3px 7px;
  border: solid #c2c2c2 1px;
  text-decoration: none;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.btn-big:hover {
  background:#f9f9f9;
  text-decoration: none;
  cursor:pointer;
}
.btn-big:active {
  background:#f3f3f3;}
  #btn-excel-upload.btn-big { 
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  color: #fff;background:var(--ph-main-color);}
  #btn-excel-upload.btn-big:hover { background:var(--ph-color-1);}
  #btn-excel-upload.btn-big:active { background:var(--ph-main-color);}
  #btn-excel-upload{height: 35px;}
  #users_culture{height: 28px;}
 .btn-upload-publish, .btn-upload-edit, .btn-upload-remove{height: 25px !important;}
.btn-upload-publish.active{  background: #36c455;  
    border: solid #31b14d 1px;
    text-shadow: 0 1px 0 #34dc59;
    color: #0e501c;font-weight: bold;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  }
.btn-upload-publish.active:hover{  background: #33cb54;}
.btn-upload-publish.active:active{  background: #36c455;}

div.bordered-bottom{    border-bottom: 3px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;}
	
.esearch-multiinput {
    display:none;
    background: #f6f6f6;
    border:1px solid #ddd;
    padding: 0 2px 6px 0;
    border-bottom:none;
    border-top-right-radius:3px;
    border-top-left-radius: 3px;
    margin-bottom:0px;
    width:calc(100% + 10px);
    box-shadow: 0 -1px 10px -5px rgba(0,0,0,.1) inset;
    float:left;
}
.si-input-open{border:1px solid #bbb !important;} 
.esearch-multiinput.mi-show,.si-input-open{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}
.esearch-multiinput.mi-show ~ input{border-top-left-radius:0 !important;border-top-right-radius:0 !important}
.esearch-multi {
    background: #fff none repeat scroll 0 0;
    line-height: 16px;
    padding:4px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;    vertical-align: 10px;
    display: flex;
	font-weight:bold;
    margin: 2px 0 0 2px;
    float: left; position: relative;
	opacity:0;
border: 1px solid rgba(0,0,0,0.2);
}
/*.esearch-multi:before {
 font-family: fontawesome;content:"\f00c";color:#cacaca;left:6px;
    position: absolute; 
    font-size: 10px;
    top: 3px;}
.esearch-multi:hover:before {content:"\f00d";color:var(--ph-main-color);left:7px;}*/
.esearch-multi:hover {cursor:pointer;
    -webkit-box-shadow:0 1px 1px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 1px 0px #rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;}
.adaptive-list.ui-state-disabled {opacity:1;margin:0;background:#f7f7f7;}
.adaptive-list.ui-state-disabled>span{color:#999}
.exclude .adaptive-list.ui-state-disabled {background:#fbf4f4;}
.exclude .adaptive-list.ui-state-disabled>span{color:#a77777}
.adaptive-list.ac-empty {text-align:center;}
.exclude .adaptive-list a{color:#963939 !important}
.exclude .adaptive-list a.ui-state-focus{color:#7d2222 !important}
li.li-drop ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul.main-navigation li.li-drop,li.li-drop ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: 0px;
  position: relative;
  padding: 13px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.main-navigation li.li-drop:hover,,li.li-drop ul li:hover {
  background: #555;
  color: #fff;
}
ul.main-navigation li.li-drop ul {
  padding: 0;
  position: absolute;
  top: 44px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  transition: opacity 0.2s;
}
ul.main-navigation li.li-drop ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
ul.main-navigation li.li-drop ul li:hover { background: #666; }

.ph-grid-dropdown .dropdown-content{
  display: none;
  opacity: 0;
  visibility: hidden;
}.dropdown.ph-grid-dropdown:hover .dropdown-content,.ph-grid-dropdown:hover a:before{ 
  display: block;
  opacity: 1;
  visibility: visible;
    -webkit-animation: fadein 0.25s; /* Safari and Chrome */
    -moz-animation: fadein 0.25s; /* Firefox */
    -ms-animation: fadein 0.25s; /* Internet Explorer */
    -o-animation: fadein 0.25s; /* Opera */
    animation: fadein 0.25s;
}
ul.main-navigation li.li-drop:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
ul.main-navigation .prevent-default{cursor:default}
.main-navigation .dropdown-content a {
    padding-right: 14px !important;
}
.ph_content_jobbook .ui-jqgrid-hbox .ui-search-toolbar, .ph_content_upload_view .ui-jqgrid-hbox .ui-search-toolbar {display:none}
/*.ph_content_jobbook .ui-jqgrid tr.jqgrow td {  padding:5px;}*/
tr.jqgrow:last-child .dropdown-content{top:auto !important;bottom:0 !important}
tr.jqgrow:first-child .dropdown-content{top:0 !important;bottom:auto !important}
.ph_content_jobbook .ui-pg-table.navtable {   display:none;}
.ph_content_jobbook .search-input-list > .search-label-x {   margin-left:10px;}
.ph_content_jobbook input[type="text"]:disabled,.ph_content_jobbook textarea:disabled{
    background: #e8e8e8;
    border-color: #c5c5c5;
    color: #000;
}
.output-viewonly{
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    border-bottom-color: rgba(0, 0, 0, 0.1) !important;
    border-radius: 0 !important;}
.jobbookren_add input,.jobbookren_add textarea,
.jobbook_add input,.jobbook_add textarea{font-weight:bold;}
.chosen-disabled {background: #e8e8e8;border-color: #c5c5c5 !important;}
.ph_content_jobbook .search-header,.ph_content_templates .search-header{font-weight: bold;font-size: 12px;background: #f0f0f0;padding:5px 10px;border-top: 1px solid #ddd;margin: 0 0 5px 0;clear: both;}
.ph_content_vr .menu-tab-letter:hover,.ph_content_vr .menu-tab-valuation:hover{/*box-shadow:0px -5px 8px -8px rgba(51,166,204,.5) inset*/color:rgba(6, 127, 155, 1) !important;border-top: 1px solid rgba(51,166,204,0.70) !important;}

.ph_content_vr .active .menu-tab-letter,.ph_content_vr .active .menu-tab-valuation{/*box-shadow:0px -5px 8px -8px rgba(51,166,204,.5) inset*/color:rgba(6, 127, 155, 1) !important;border-top: 1px solid rgba(51,166,204,0.70) !important;}


.ph_content_vr #letter .search-header,.ph_content_vr #valuation .search-header{}
.ph_content_vr .tab-content #letter .search-header:first-child,.ph_content_vr .tab-content #valuation .search-header:first-child,.ph_content_vr .tab-content #evidence .search-header:first-child,.ph_content_templates .tab-content #evidence .search-header:first-child{margin-top:0}
.ph_content_vr #letter .search-header.sub, .ph_content_vr #valuation .search-header.sub {
    background: none;
    border: none;
    border-bottom: 1px dashed #ddd;
	margin-top:5px;
}
.jb-borrowersub{background: #f6f7f8;border-bottom: 1px solid #eee;margin: 0 0 10px 0;padding:10px 0 0 0 ;border-top: 1px solid #eee;}
.btn-ph{margin:3px 0 0 0 !important;padding:0 !important;box-shadow:0 0 2px #bbb !important;border:1px solid #bbb !important}
.btn-ph:active {
	box-shadow: 0 0 2px #ddd !important;
}
.jb-fields-view{padding:8px 6px 0 5px;font-weight: bold;
    display: flow-root;}
/*	.viewtype-tplPreview .jb-fields-view,
	.viewtype-tplPreview .search-label,
	.viewtype-view .jb-fields-view,
	.viewtype-view .search-label{padding-top:6px}*/
.jb-fields-view-val{float:left;margin-right:6px;border-bottom: 1px solid #ccc;padding-bottom:3px;margin-bottom:-4px;min-width:90px}
.jb-fields-view-val span.symb{font-weight:normal;float:right;margin-left:3px}
.jb-fields-tenure.withexpirydate{min-width:167px;width:167px}
.jb-fields-tenure input{width:400px;}
.jb-fields-tenure.withexpirydate input{min-width:100px;width:126px;padding-right:30px !important}
.jb-auction-container{background: #ffa;text-shadow: 0 1px 0 #ffc}
.ph_content_jobbook .jb-auction-container .search-header,
.ph_content_templates .jb-auction-container .search-header
{background: #ee9;border-top: 1px solid #dd8;}
.jb-finance-container{background: rgba(0, 127, 255, 0.05);text-shadow: 0 1px 0  rgba(255, 255, 255, 0.5)}
.ph_content_jobbook .jb-finance-container .search-header,
.ph_content_templates .jb-finance-container .search-header
{background: rgba(0, 127, 255, 0.05);border-top: 1px solid #cce6ff;}
.dropdown-commstatus .chosen-container.chosen-container {
    width: 163px !important;
    min-width: 163px !important;
}.dropdown-commstatus .search-label {
    display:none;
}.dropdown-commstatus {
    float: right;
    margin-bottom: 0;
    width:165px;
    min-width: 165px !important;
}
select option {
    color: #666;
    font-weight: normal;
}
select {
    color: #333 !important;
}
.search-input input,.search-input-list input,.search-input textarea {
    color: #333;
    font-family: arial;
    font-size: 12px;
}.search-input textarea {    line-height: 15px;
    margin-bottom: -1px;
}label.esearch-label select option {    padding: 1px 2px;
}
.ph_content_jobbook .search-label-x,.ph_content_templates .search-label{width:20%}
.img-fileprop,.img-file{
	max-width: 600px;max-height: 600px;    border: 1px solid #ccc;
    padding: 6px;
    background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px;
	}
.img-fileprop.img-small,.img-file.img-small{max-width: 400px;max-height: 400px}
.file-remove,.file-remove-preview {cursor:pointer;	opacity: 0.6;
    position: absolute;
    background: #fff;
    padding:9px;border:1px solid #ccc;
	border-color:#ccc #fff #fff #ccc; 
    text-decoration: none;font-weight:bold;
    color: #333;border-top-left-radius:3px;border-bottom-right-radius:3px;
}
.file-remove:hover,.file-remove-preview:hover {padding:9px;border:1px solid #ccc;opacity: 1;}
.file-remove-vr {
    float: left;
    position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius:3px;
    border: 1px solid #ccc;
    padding: 8px;
    margin: 0 0 0 5px;
}
.file-remove-vr:hover {padding:8px}
.no-file{font-size: 11px;color: #999;text-shadow: 0 1p 0 #fff;padding: 10px 0 0 20px}
#file_doc_html,#file_pdf_html{float:left}
.vr_img_message {
	display:none;
    background: #eee none repeat scroll 0 0;
    color: #944;
    max-width: 398px;
    padding: 5px 7px;
    border: 1px solid #ddd;
}
.vr_img_message b {
    font-weight: bold;
}
/*.input_img_file{max-width:400px;background:#fff;cursor:pointer}*/
.input_img_file{display:none}
.image-link{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; 
  }
.not-granted{
  text-align: center;
  display: block;
  font-size: 14px;
  color: #ccc;
  padding: 10px;
}
/*
.row-wip td:not(.jqgrid-rownum){border: 1px solid #79d279 !important;background-color:#b3e6b3 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-wip td[aria-describedby="thegrid_cb"] {border-left:3px solid #79d279 !important}
.row-closed td:not(.jqgrid-rownum){border: 1px solid #b3b3cc !important;background-color:#d1d1e0 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-closed td[aria-describedby="thegrid_cb"] {border-left:3px solid #b3b3cc !important}
.row-cancel td:not(.jqgrid-rownum){border: 1px solid #ff9999 !important;background-color:#ffcccc !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-cancel td[aria-describedby="thegrid_cb"] {border-left:3px solid #ff9999 !important}
.row-kiv td:not(.jqgrid-rownum){border: 1px solid #d5d55d !important;background-color:#eaeaae !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-kiv td[aria-describedby="thegrid_cb"] {border-left:3px solid #d5d55d !important}
.row-assigned td:not(.jqgrid-rownum){border: 1px solid #88d6ee !important;background-color:#ccf2ff !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-assigned td[aria-describedby="thegrid_cb"] {border-left:3px solid #88d6ee !important}
.row-completed td:not(.jqgrid-rownum){border: 1px solid #7ebace !important;background-color:#a3cedc !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-completed td[aria-describedby="thegrid_cb"] {border-left:3px solid #7ebace !important}
.row-completed-billed td:not(.jqgrid-rownum){border: 1px solid #59a6c0 !important;background-color:#7ab8cd !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.row-completed-billed td[aria-describedby="thegrid_cb"] {border-left:3px solid #59a6c0 !important}
*/
.jbdh-1{background-color:#e4f7fe;border-top:1px solid rgba(198, 220, 227, 0.9);border-bottom:1px solid rgba(198, 220, 227, 0.8) !important}
.jbdh-2{background-color:#d6f3d6;border-top:1px solid #c5dcc5;border-bottom:1px solid #c5dcc5 !important}
.jbdh-3{background-color:#e1e1ec;border-top:1px solid #c8c8d8;border-bottom:1px solid #c8c8d8 !important}
.jbdh-4{background-color:#f0f0cf;border-top:1px solid #d7d7b0;border-bottom:1px solid #d7d7b0 !important}
.jbdh-5{background-color:#f6e2e2;border-top:1px solid #e8c7c7;border-bottom:1px solid #e8c7c7 !important}
.jbdh-6{background-color:#d3e5ec;border-top:1px solid #becfd6;border-bottom:1px solid #becfd6 !important}
.jbdh-7{background-color:#c2d9e0;border-top:1px solid #abc5cc;border-bottom:1px solid #abc5cc !important}
.row-wip td:not(.jqgrid-rownum){border: 1px solid #c5dcc5 !important;border-right-color: rgba(197, 220, 197, .5) !important;background-color:#d6f3d6 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-wip td:not(.jqgrid-rownum) {background-color: #d2efd2 !important;}
.row-wip td[aria-describedby="thegrid_cb"] {border-left:3px solid #79d279 !important}

.row-closed td:not(.jqgrid-rownum){border: 1px solid #c8c8d8 !important;border-right-color: rgba(200, 200, 216, .5) !important;background-color:#e1e1ec !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-closed td:not(.jqgrid-rownum) {background-color: #dbdbec !important;}
.row-closed td[aria-describedby="thegrid_cb"] {border-left:3px solid #b3b3cc !important}

.row-cancel td:not(.jqgrid-rownum){border: 1px solid #e8c7c7 !important;border-right-color: rgba(232, 199, 199, .5) !important;background-color:#f6e2e2 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-cancel td:not(.jqgrid-rownum) {background-color: #f2dbdb !important;}
.row-cancel td[aria-describedby="thegrid_cb"] {border-left:3px solid #ff9999 !important}

.row-kiv td:not(.jqgrid-rownum){border: 1px solid #d7d7b0 !important;border-right-color: rgba(215, 215, 176, .5) !important;background-color:#f0f0cf !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-kiv td:not(.jqgrid-rownum) {background-color: #ececc7 !important;}
.row-kiv td[aria-describedby="thegrid_cb"] {border-left:3px solid #d5d55d !important}

.row-assigned td:not(.jqgrid-rownum){border: 1px solid #c6dce3 !important;border-right-color: rgba(198, 220, 227, .5) !important;background-color:#e4f7fe !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-assigned td:not(.jqgrid-rownum) {background-color: #def5fe !important;}
.row-assigned td[aria-describedby="thegrid_cb"] {border-left:3px solid #88d6ee !important}

.row-completed td:not(.jqgrid-rownum){border: 1px solid #becfd6 !important;border-right-color: rgba(190, 207, 214, .5) !important;background-color:#d3e5ec !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-completed td:not(.jqgrid-rownum) {background-color: #cde1e9 !important;}
.row-completed td[aria-describedby="thegrid_cb"] {border-left:3px solid #7ebace !important}

.row-completed-billed td:not(.jqgrid-rownum){border: 1px solid #abc5cc !important;border-right-color: rgba(171, 197, 204, .5) !important;background-color:#c2d9e0 !important;text-shadow:0 1px 0 rgba(255,255,255,0.30)}
.ui-priority-secondary.row-completed-billed td:not(.jqgrid-rownum) {background-color: #bed5dc !important;}
.row-completed-billed td[aria-describedby="thegrid_cb"] {border-left:3px solid #59a6c0 !important}
#thegrid tr:not(.jqgfirstrow):last-child,#thegrid tr:last-child td {border-bottom-width:0 !important}
#thegrid tr:not(.jqgfirstrow):last-child{box-shadow:-2px 2px 1px 1px rgba(0, 0, 0, 0.03)}
a, a:active, a:focus {
outline: none;
}

.status-jb, .status-jb-near, .status-jb-passed {
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	}
.status-jb {
    color: #06c;
}
.status-jb-near {
    color: #cb0;
}
.status-jb-passed {
    color: #e00;
}
.status-jb-completed {
	color: #18b208;
    background-color: #7ebace;
}
.status-jb-kiv {
    background-color: #d5d55d;
}
.status-jb-cancel {
    background-color: #ffaaaa;
}
.status-jb-closed {
    background-color: #b3b3cb;
}
.status-jb-assigned {
	background-color: #88d6ee;
}
.status-jb-wip {
	background-color: #79d279;
}
.status-jb-comp {
	background-color: #7ab8cd;
}
.status-jb-compbill {
	background-color: #59a6c0;
}
.status-jb-info {padding:5px 0 0 0;font-size: 11px;color:#666;text-shadow:0 1px 0 #fff;float:left;margin:3px 0 0 5px}
.status-jb-info span{font-size: 11px;vertical-align: 0px;color:#666}
.status-jb-info span.boxdot{font-size: 7px;vertical-align: 1px}
.own-action{display:none !important}
.row-own .own-action{display:inline !important}
.row-rent,.row-rent.ui-state-hover{color:#0e75d0 !important}
.row-jointventure,.row-jointventure.ui-state-hover{color:#600 !important}
.default-div .btn.fa{margin-right:3px}
i.btn{
    background: rgba(0,0,0,0.10);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    font-size: 16px;
    padding: 4px;    width: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.30);
    box-shadow: 0px 0px 1px 0px rgba(100,100,100,0.10);	    margin-top: 3px;    float: left;    text-decoration: none !important;    text-align: center;
	}
a.btn-addtolist,a.a-white{text-decoration: none !important}
a:hover i.btn{color: #000;}
a:active i.btn,a:focus i.btn {color: #666;    box-shadow: none;}
	
.btn-action-loading i.btn{
	background:transparent;    box-shadow: none;
    color: rgba(0,0,0,0.3) !important;
}
i.btn.white{background:#fff;    border: 1px solid #ccc;margin:0}
	a:hover i.btn.white{ border: 1px solid #bbb;}
a:active i.btn.white,a:focus i.btn.white {    border: 1px solid #ccc;}
.dis i.btn.white,.dis a:hover i.btn.white,.dis a:active i.btn.white,.dis a:focus i.btn.white{    color: #ccc;
    border: 1px solid #ddd;}
.ph-grid-dropdown > a i {height: 30px;width: 22px;font-size:16px;line-height: 30px;   color: rgba(0,0,0,0.3);
	transition: border .1s linear;
	-webkit-transition: border .1s linear; text-shadow: 0 1px 0 rgba(255,255,255,0.2);}
	
.row-ind-self .ph-grid-dropdown > a i {height: 40px;}
	
.ph-grid-dropdown:hover {
    background-color: transparent;color:var(--ph-main-color) !important;
}.ph-grid-dropdown:hover a i{
 color:rgba(0,0,0,0.6) !important;
}
.ph-grid-dropdown > a:before {display:none;content:"\f0d9";
 font-family: fontawesome;
    position: absolute;
    right: -1px;
    top: 10px;    color: #666;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.1);
}
.ph-grid-dropdown .dropdown-content {border-top-right-radius:3px;border-top-left-radius:3px;left:100%;top:1px}
.row-ind .ph-grid-dropdown .dropdown-content {top:-13px}
.ph-grid-dropdown .dropdown-content a:first-child,.ph-grid-dropdown .dropdown-content a:first-child:hover{border-top-right-radius:3px;border-top-left-radius:3px;}
.ph-grid-dropdown .dropdown-content a i {
    color: #fff !important;
    font-size: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
    width: 20px;text-align:center;
}

.ph-grid-dropdown .dropdown-content a i.fa-spinner {color: var(--ph-main-color) !important;}
.ph-formx {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.ph-form input {
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(219,219,219,1);
-moz-box-shadow: inset 0px 0px 3px 1px rgba(219,219,219,1);
box-shadow: inset 0px 0px 3px 1px rgba(219,219,219,1);
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 10px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.ph-form button {
	
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: 1px solid #a00;
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;

  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: var(--ph-main-color);
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.ph-form button:hover {
  background: var(--ph-color-1);
}
.ph-form button:active,.ph-form button:focus{
  background: var(--ph-main-color);
}
.ph-form .message {
  margin: 12px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.ph-form .message a {
  color: var(--ph-main-color);
  text-decoration: none;
}
.ph-form .login-form label{color:#999;padding-bottom:5px;    float: left;}
.ph-form .login-form button{margin-top:5px}
.ph-form .register-form {
  display: none;
}
#remember_me{width:21px;padding:0;margin:0;-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);cursor:pointer;
-moz-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);}
.noteForm > .fr-box.fr-inline{
	z-index:0 !important;
}
#ph-note {padding:0}
.ui-dialog .ui-dialog-buttonpane button, .ui-jqdialog .ui-jqdialog-buttonpane button {
    margin: 2px 0px 2px 4px;
}
.ph-dialog,.ph-calcdialog,.ph-jobbookdialog,.ui-jqdialog,.ph-dialog-gridmessage {
	z-index:960;
	box-shadow: 0 0 0 3px rgba(0,0,0,.1), 0 2px 20px rgba(0,0,0,.2);
	border-radius:5px;
    border:none !important;
}
.EditTable .ui-icon{display:none}
.ph-jobbookdialog{
	background:#f9f9f9;
	z-index:971;
}
.ui-datepicker{
	z-index:972 !important;
}
.ph-calcdialog,.ph-jobbookdialog {
	overflow:hidden;
}
.ph-jobbookdialog #ph_jobbook{
	padding:0 3px;
	margin:0 -3px;
}
.ph-jobbookdialog #ph_jobbook .line-spacer{
	border:none
}
.jb-d-html{
	margin: 0 -2px;
}

.jb-d-html .search-label{min-width:160px !important}
.jb-d-html.edit .search-input,.jb-d-html.add .search-input{min-width: 415px !important}
.jb-d-html.edit .dropdown-commstatus .search-input,.jb-d-html.add .dropdown-commstatus .search-input {
    width: 165px !important;
    min-width: 165px !important;
}
.title-ref{font-weight: bold;
    font-size: 14px;
    margin-right: 5px;
    color: #333;}
.ph-jobbookdialog.loading .jb-d-header,
.ph-jobbookdialog.loading .jb-d-html,
.ph-jobbookdialog.loading .jb-d-footer,
.ph-jobbookdialog.loading .ui-dialog-title{
	opacity:.7
}
.ph-jobbookdialog.loading .mx-box{
	display:block !important
}
.jb-d-header{
	margin:0 -3px;
	border-bottom: 1px solid #ccc;font-size:11px;
    box-shadow: 0 0 30px -25px inset,0px 2px 3px 0px rgba(0,0,0,0.05);
}
.jb-d-footer{
	box-shadow: 0px -2px 3px 0px rgba(0,0,0,0.05);
	margin:0 -2px;
    padding: 5px 0;
	border-top: 1px solid #ccc;
    min-width: 590px;
}
.jb-d-footer .pure-button{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;    min-width: 100px;}
.jb-d-footer .pure-button.btn-d:active{background-color:var(--ph-color-1)}
.jb-d-footer .pure-button.btn-d-andclose,.jb-d-footer .pure-button.jb-nav-btn:active{background-color:#eaeaea}
.jb-d-elem span{    padding: 5px 10px;
    border-radius: 2px;
    margin-top: -5px;
    float: right;
    line-height: 14px;}
.jb-d-elem span:hover{cursor:pointer;color:var(--ph-main-color);background:rgba(0,0,0,0.06);}
.jb-d-elem span:active{background:rgba(0,0,0,0.04);}
.jb-nav-btn:hover{cursor:pointer;}
.ui-dialog .ui-dialog-titlebar,.ui-jqdialog .ui-jqdialog-titlebar {
	padding: 10px 15px;
    margin: -2px -3px 0 -2px;
	border-radius:5px 5px 0 0;
}
.jb-d-buttons-inline{border-top: 1px solid #ddd;padding-top: 10px;margin-top: 10px;}
.jb-d-buttons-inline .fr-adv{width: 110px;margin:0}
.jb-d-buttons-inline .fr-adv button{width:100%;box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.05) inset}
.ph-jobbookdialog .jb-d-buttons-inline{display:none}
.ui-jqdialog .ui-jqdialog-titlebar-close{right: 6px !important;margin-top: -11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;border-radius:3px}
.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick,
.ui-jqdialog .ui-jqdialog-titlebar-close span.ui-icon-closethick{font-size:8px; margin-top:-4px   }
.ui-jqdialog .ui-jqdialog-titlebar-close span.ui-icon-closethick {    margin: 0px;
    width: 100%;
    height: 100%;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {    right: 10px;
    border: none !important;  top:16px;
}
.ui-dialog .ui-dialog-titlebar-close { height:24px;width:28px}
.ui-calcdialog .ui-dialog-titlebar-close{  top:15px;
}
.noteopen {
    color: var(--ph-main-color) !important;
}
.ph-disabled {
    color: #111 !important;
    text-shadow: 0 1px 0 #444 !important;
}
.ph-disabled:hover {background:transparent !important;
    cursor: default !important;}
#ph_note_button {
    font-size: 12px;
    color: #333;
    padding: 16px 14px;
    height: 12px;
    line-height: 12px;text-shadow: 0 1px 0 rgba(255,255,255,.3);border-left: 1px solid #aaa;
}
#ph_note_button:hover {background: #bbb;cursor:pointer;color:var(--ph-main-color)}
#ph_note_button.disabled {    color: #000;text-shadow: 0 1px 0 #444;}

#ph_griddialog.ui-dialog-content {
    padding: 7px 5px;
}
.search-input-list.sorting-name{float: left}
.search-input-list.sorting-name select{width:140px;max-width:140px;min-width:140px}
.search-input-list.sorting-name .search-input{width: auto;margin-right: 3px;}
.search-input-list.sorting-name .chosen-container{min-width:170px;width:170px !important}
.search-input-list.sorting-name .chosen-container-single .chosen-search input[type="text"] {
    min-width: 160px;
    width: 160px !important;
}

.search-input-list.sorting-order{width: 122px;clear:none}
.search-input-list.sorting-order .chosen-container{min-width:120px;width:120px !important}
.search-input-list.sorting-order .chosen-container-single .chosen-search input[type="text"] {
    min-width: 110px;
    width: 110px !important;
}


.stats-jb-total{margin-left:-5px}
.stats-jb-total span{   float:right; padding: 3px 5px;}
.stats-jb-total-total{    border: 1px solid transparent !important;
    min-width: 30px;
    text-align: right;
    box-shadow: none !important;}
.stats-jb-total-assigned{background-color:#ccf2ff;color:#0099cc}
.stats-jb-total-cancel{background-color:#ffcccc;color:#dd6666}
.stats-jb-total-closed{background-color:#d1d1e0;color:#48486a }
.stats-jb-total-kiv{background-color:#eaeaae;color:#7a7a1f}
.stats-jb-total-wip{background-color:#b3e6b3;color:#267326}
.stats-jb-total-comp{background-color:#a3cedc;color:#234e5c}
.stats-jb-total-compbill{background-color:#7ab8cd;color:#1c3e4a}
.stats-jb-count {
    display: inline-flex; float: right;margin:-2px 0 3px 0
}
.stats-jb-count > div{
    padding: 5px 10px;
    margin: 0 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);    border: 1px solid rgba(0,0,0,0.05);    text-shadow: 0 1px 0 rgba(255,255,255,0.40);}

.stats-jb-count > div:hover{cursor:pointer;box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);border: 1px solid rgba(0,0,0,0.15); }
.stats-jb-count > div:active{box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);    border: 1px solid rgba(0,0,0,0.1); }

.stat-jbcounts div span {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.05);
    margin-right: 5px;
    display: inline-block;
    text-align: right;    float: right;    line-height: 12px;  text-shadow: 0 1px 0 rgba(255,255,255,0.40);    margin-left: 10px;
}
.bc-container,.sl-container,.if-container {
    background: #fff;
    padding: 10px;
    margin:3px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
	border: 1px solid #e5e5e5;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
}
.grid-title{    margin: 3px 3px -3px 3px;
    padding: 15px 10px 10px 10px;
    font-size: 22px;
    font-weight: bold;
    color: #bbb;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    font-style: italic;    line-height: 12px;
	}
.grid-title:first-child{    margin-top: -3px;
	}
.grid-title:not(:first-child) {
    margin-top: 10px;
}
.grid-title-sm{  font-size: 14px;font-style:normal;	}
.iblock{display:inline-block}
	.grid-spacer{
    border-top: 1px solid rgba(0,0,0,.07);
    width: 100%;
    height: 0px;
    margin: 3px 0;
    display: inline-block;}
.stats-groups-count{
	font-size:12px;
    font-style: normal;
    font-weight: normal;
    color: #666;
	}
.stats-groups-count > div {
    line-height: 22px;
    float: left;
    padding: 5px 7px;
    margin-top: -8px;
}
.stats-groups-count > div:first-child {
	margin-left:30px;		
}
.stats-groups-count > div > div {
    float: left;
}
.stats-groups-count > div > div:not(:first-child) {
	font-size:14px
}
.stats-groupsname{font-weight: normal;}
.stats-groups,.stats-igroups{  
    padding: 0 7px;
    margin: 0 5px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;}
.stats-groups{  background: #eef3ff; }
.stats-igroups{   color: #c99;
    background: #fee;    margin-left: 0;}
.su-fl {
    float: left;
	margin:0 3px 0 0;
}
.su-fl:last-child {margin:0}
.stats-textfilter{    
/*display: inline-block;*/
display: none;
    width: 100%;}
.stats-textfilter-sep{}
.exclude .esearch-multiinput,.exclude input {
    border-color: #e9c7c7 !important;
    background: #fff9f9;    color: #622;
}
.exclude input.si-input-open {
border-color: #caa !important;}
.exclude input,.exclude .esearch-multi,.exclude ul{
        background: #fffcfc;
}.exclude .esearch-multi {

border: 1px solid #dbb;
}

.exclude label.esearch-label:after,.exclude .list-area label:after  {
    border-bottom: 1px solid #baa;
    color: #a88;
}
.exclude .esearch-multi:before {
    color: #caa;}
.exclude .esearch-multi:hover:before {color: #d33;}
.esearch-multi:active {
    -webkit-box-shadow:0 0 1px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 0 1px 0px rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;
    box-shadow: 0 0 1px 0px #rgba(0,0,0,0.1), 0px 0px 1px 0px rgba(0,0,0,0.1) inset;
}
.exclusion,.input-changetype,.add-input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    color: #ddd;
    float: right;
    width: 15px;
    height: 19px;
    line-height: 19px;
    margin: 0 0 0 -8px;
    padding: 4px 12px 2px 8px;
    font-size: 10px;    text-shadow: 0 1px 0 #fff;
}
.exclusion,.input-changetype {
    background-color: #f5f5f5;
	text-align:right;
}
.add-input {
    color: #e3e3e3;
	display:none;
    bottom: 0;
    /* margin-left: -28px; */
    padding: 4px 10px 2px 10px;
    right: 14px;
}
.add-input-main {
    padding: 4px 2px 2px 10px;

}
.ui-autocomplete li{position:relative}
.ui-autocomplete li .add-input {
	display:block; 
    padding: 2px 8px 0 10px;
    right: 0 !important;
}
.ui-autocomplete li.ac-empty .add-input {
	display:none
}
.exclude .add-input {
    color: #e2d0d0;
}
.si-sugg-el .add-input{
    right: -13px;
}	.adaptive .search-input-list{position:relative}
	.si-index>i{
    position: absolute;
    left: -9px;
    top: 8px;
    color: rgba(0, 0, 0, 0.1);
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);}.si-index>i:hover{color:rgba(0, 0, 0, 0.25);cursor: help;}
	.si-index-highlight>i,.si-index.si-index-highlight>i:hover{color:var(--ph-main-color);}
.adaptive input[type="text"]:not(:placeholder-shown) + span[placeholder] + div.add-input{
	display:block;
}
.exclusion:hover,.input-changetype:hover,.add-input:hover {cursor:pointer;
    background: #f5f5f5;
    color: #ccc;
    border: 1px solid #e0e0e0;}
	.add-input.added,.add-input:hover {border-color:transparent;background:transparent;color:var(--ph-main-color) !important} 
	.add-input-list:hover {padding-right:20px !important} 
	.add-input.added:hover i:before{content:"\f00d";} 
.exclusion:active,.input-changetype:active {
    color: #ddd;
	background-color: #f9f9f9;
	border-color: #f0f0f0;
}
.search-input-list.exact .input-changetype i:before{content:"\f046";
    color: #999;}
.search-input-list.exact .input-changetype:active i:before {color:#ccc}
	.add-input:active {color:#66b3ff}

.exclude .exclusion{
	   color: #bf8f8f;
    border-color: #edd;
    background: #fffcfc;
}
.exclude .exclusion:active {
    color: #eaa;
	background-color: #fffdfd; border-color:#fee;}

.search-addtext-btn i{position:relative;width:10px}
.search-addtext-btn i:before {top:-15px;left:-4px;position:absolute;
	font-size:22px;
  content:"\f055";
    color: #789;
}
.exclude .search-addtext-btn i:before{
	   color: #c66;
}
.search-addtext-btn.none{display:block}

.information-cintainer {
    max-height: 300px;
    overflow: auto;    margin: -18px -12px -11px -12px;
}

#dateinfo_container{padding:10px;float: left;max-width: 620px;background: #fdfdfd;border:1px solid transparent;    width: 100%;}

.sqm-mode-btn,.ev-list-btns >span,
.adaptive .search-input-list *{
  -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  transition:.1s;
}
.adaptive .search-input-list ul,
.adaptive .search-input-list ul *{
  -o-transition:0s;
  -ms-transition:0s;
  -moz-transition:0s;
  -webkit-transition:0s;
  transition:0s;
}
.adaptive .search-input-list .add-input{
  -o-transition:.1s;
  -ms-transition:.1s;
  -moz-transition:.1s;
  -webkit-transition:.1s;
  transition:.1s;}
.exact .i-range-from{width:calc(100%) !important;}
.exact .i-range-to,.exact .i-range-to-label{opacity:0}
.adaptive input{height:15px;padding-top:5px !important;padding-bottom:5px !important;}
.ph_content_jobbook input{height:15px;padding-top:5px !important;padding-bottom:5px !important;}
.ph_content_jobbook input.ui-pg-input{padding-top:0 !important;padding-bottom:0 !important;}
.jb-d-html input{height:15px;padding-top:6px !important;padding-bottom:4px !important;}
.c-btn input,input#dc_textinput{height:37px !important}
input#filter-box{height:20px}
div.calc-header-div input{height:23px;border-radius: 4px;
    outline:none;}
	div.calc-header-div input:focus {outline-width: 0 !important;
    outline: none !important;
}
dov:not(.grid-container) select{height:27px;line-height: normal}
.login_wrap input{padding-top:14px;padding-bottom:14px;border-radius: 3px;}
.login_wrap img{max-width:75%}
.estaka-fp-list,.sortable-placeholder{margin: 0px -10px !important;
padding: 11px 10px 5px 10px !important;}
.estaka-fp-dlist.dcenter .estaka-fp-list:last-child{border-bottom: none}
.estaka-fp-header{margin:-10px -10px 10px -10px;padding:7px;background:#eee;border-bottom:1px solid #ddd}
.estaka-fp-subheader,.estaka-fp-list{float:left;margin-bottom:5px;border-bottom:1px solid #eee;padding-bottom:5px;width:100%;color:#999;    font-size: 12px}
#floatbox_list .estaka-fp-list,#vr_evidence_list .estaka-fp-list{border-bottom:1px solid #ccc;}
.estaka-fp-subheader{text-transform:uppercase;    margin: -3px -10px 0 -10px;
padding: 0px 10px 5px 10px;}
.estaka-fp-subheader span,.estaka-fp-list span{float:left;display:block;text-align:left}
.estaka-fp-list span{color:#333;line-height:14px;}
.estaka-fp-list:hover{}

.theme-form{text-align:right;float:right;margin:6px 40px 0px 0}	
#themeselect.ui-state-default{min-width:120px;height:24px;font-weight:bold;text-shadow:none;padding:1px 6px 2px 6px !important;min-height:24px !important;margin-top:2px}
#ajax-ph-loading {
	display:none;
	color:rgba(100,100,100,0.5);
	font-size:28px;
    padding:10px 15px;
    background: rgba(30,30,30,0.4);
    position: fixed;
    z-index: 11000000;
    top: 40%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid rgba(200,200,200,0.3);
    left: 50%;
    margin-left: -30px;
    margin-top: 0px;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.5);
}
#ajax-ph-loading i {
    color: rgba(255,255,255,0.7) !important;
	}
	i.fa-spin {
	color:#ccc !important;
	-webkit-animation:fa-spin 0.4s infinite linear;animation:fa-spin 0.4s infinite linear;
/*    background: transparent url("image/camera-icon.png") no-repeat scroll 22px 16px;
    border: 1px solid transparent;*/
}

.stats-list-sep{width:3%;color:#eee;}
.estaka-fp-list.stats-list-assigned{background-color:#ccf2ff;text-shadow:0 1px 0 rgba(255,255,255,0.30);border-color:#88d6ee }
.estaka-fp-list.stats-list-assigned .stats-list-sep{color:#88d6ee }
.estaka-fp-list.stats-list-cancel{background-color:#ffcccc;text-shadow:0 1px 0 rgba(255,255,255,0.30);border-color:#ffaaaa }
.estaka-fp-list.stats-list-cancel .stats-list-sep{color:#ffaaaa }
.estaka-fp-list.stats-list-closed{background-color:#d1d1e0;text-shadow:0 1px 0 rgba(255,255,255,0.30);border-color:#b3b3cb }
.estaka-fp-list.stats-list-closed .stats-list-sep{color:#b3b3cb }
.estaka-fp-list.stats-list-kiv{background-color:#eaeaae;text-shadow:0 1px 0 rgba(255,255,255,0.30);border-color:#d5d55d }
.estaka-fp-list.stats-list-kiv .stats-list-sep{color:#d5d55d }
.estaka-fp-list.stats-list-wip{background-color:#b3e6b3;text-shadow:0 1px 0 rgba(255,255,255,0.30);border-color:#79d279 }
.estaka-fp-list.stats-list-wip .stats-list-sep{color:#79d279 }

.stats-jb-total span.stats-jb-total-total:hover,.stats-jb-total span.stats-jb-total-assigned:hover,.stats-jb-total span.stats-jb-total-cancel:hover,.stats-jb-total span.stats-jb-total-closed:hover,.stats-jb-total span.stats-jb-total-kiv:hover,.stats-jb-total span.stats-jb-total-wip:hover {cursor:pointer;
  -webkit-box-shadow: 0px 0px 2px;
  -moz-box-shadow: 0px 0px 2px;
    box-shadow: 0px 0px 2px;
}
.stats-jb-total span.stats-jb-total-total:active,.stats-jb-total span.stats-jb-total-assigned:active,.stats-jb-total span.stats-jb-total-cancel:active,.stats-jb-total span.stats-jb-total-closed:active,.stats-jb-total span.stats-jb-total-kiv:active,.stats-jb-total span.stats-jb-total-wip:active{
  -webkit-box-shadow: 0px 0px 1px;
  -moz-box-shadow: 0px 0px 1px;
    box-shadow: 0px 0px 1px;
}
.stats-jb-total-total.stat-user-cc:hover{color:var(--ph-main-color)}
.stats-jb-total-total.text-gray-2:hover{cursor:default}
.stats-totalinfo{position:relative;background: #f9f9f9;float: left;padding: 10px;margin:10px;border:1px solid #eee}
.stats-dstotal {
    background: #f6faff;    border-bottom: 1px solid #e6eaef;
}
.stats-dstotal span,.stats-dstotal span:active,.stats-dstotal span:hover{    margin: -5px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
    box-shadow: none !important;cursor:default !important}
.stats-dstotal div{padding:5px}

.ttip {cursor:default;}
.tooltip-ph,.tooltip-calc {padding: 7px 10px;
    background: rgba(0,0,0,0.8);
    border: 1px solid rgba(0,0,0,0.8) !important;
    color: #fff;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-o-border-radius: 3px !important;
    border-radius: 3px !important;
    box-shadow: 0px 0px 14px 0 rgba(0,0,0,.3) inset,0px 1px 6px 0px rgba(0,0,0,0.5);
	z-index:99999;
    font-size: 11px;font-weight: bold;line-height: 10px
}
.tooltip-calc {
    background: #fff;
    border: 1px solid rgba(100,100,100,0.8) !important;border-top-width:2px !important;
    color: #000;
    box-shadow: 0px 0px 14px 0 rgba(0,0,0,.1) inset,0px 1px 4px 0px rgba(0,0,0,0.3);font-weight: normal;
}.tooltip-calc b{font-weight: bold
}
.tooltip-ph.noop {
    opacity: 1;    padding: 1px;
	}
	
	.ttip-calc:hover{color: #444;
cursor: pointer;}
.ttip-calc:active{color: #666;}
/*----- Tabs -----*/
	.tabs {
		width:100%;
		display:inline-block;
	}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links{float:left}
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
.tabs .tab-content{margin-bottom:50px}
.tabs-inner .tab-content{margin-bottom:0}
    .tab-links li {
        margin:0;
        float:left;
        list-style:none;  
    }
 
    .tab-links a {
        padding:9px 15px;
        display:inline-block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
        border-radius:0;
        font-size:12px;
        font-weight:bold;
        color:#666;
        transition:all linear 0.1s;
        text-decoration:none;
		background:#f3f3f3; text-shadow: 0 1px 0 rgba(255,255,255,.3);
		border: 1px solid #ddd;text-transform: uppercase;
		border-bottom: 1px solid #ccc; 
        }
 
    .tab-links a:hover {
        background:#ededed;
        text-decoration:none;
		color:#333;   
     }
 
    li.active a, li.active a:hover {
        background:#fdfdfd;
		color:#000;       border-color: #ccc;    border-bottom: 1px solid #eee;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
		border-top: 1px solid #ccc;      padding: 10px 5px;
    margin: -1px -5px 0 -5px;
    }
 
	.tab {
		display:none;
	}
 
    .tab.active {
		display:block;
    }

	.tab.tab-preview{margin-top:-10px}
	.tab.tab-preview strong{font-weight:bold}
	

	
	.vr-preview td{text-align:justify;text-justify:inter-word;}
	.vr-preview {
		margin:10px 0;
		background:#fff;
		text-align: justify;
		text-justify: inter-word;
		width:605px;
		min-width:605px;
		max-width:605px;
		padding:40px;
		border:1px solid #ccc;
		box-shadow: 0px 0px 3px #ccc;
		line-height: 20px;
	}
.preview-value.jobbook{background:rgba(98, 98, 183,0.3);text-shadow:0 1px 0 rgba(255,255,255,0.30);}
.preview-value.jobbook:hover{cursor:pointer;background:rgba(98, 98, 183,0.4);}
.preview-value.input{background:rgba( 51, 166, 204,0.3);text-shadow:0 1px 0 rgba(255,255,255,0.30);}
.preview-value.input:hover{cursor:pointer;background:rgba( 51, 166, 204,0.4);}
.preview-value.red{color:#f00;}
.preview-value i{font-style: italic !important;}
#tab3 .search-input-list{margin-bottom:-4px;    height: 28px;}
.googoose-wrapper{font-family:arial;font-size:12px}
.doc-page-sep{border-bottom: 1px dashed #999;    margin-bottom: 10px;}
.search-input-list div {
    font-size: 12px;
}
.ui-jqgrid .loading {
	/*background: rgba(255,255,255,0.7) url(../images/ph-loader.gif) no-repeat scroll 50% 50%;*/
	background: rgba(255,255,255,0.7);
    left: 50%;
	margin-left:-32px;
	margin-top:-32px;
    padding: 16px;
    top: 50%;
    border-radius: 50%;    border: 1px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.1);
	/*width: 32px;
	height: 32px;*/
	text-align: center;
}
.ui-jqgrid .loading.loading-ready {
	box-shadow:none;
	border-color:transparent !important;
	background:none;
	opacity:.5;
}
.ui-jqgrid .loading i {    color: rgba(0,0,0,0.3) !important;
    font-size: 21px;    text-shadow: none;
}

.grid-calculation-on .ui-jqgrid .loading{top:20%;}

.cssload-speeding-wheel {
	width: 24px;
	height: 24px;
	margin: 0 auto;
	border: 5px solid rgb(220,63,60);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	animation: cssload-spin 600ms infinite linear;
	-o-animation: cssload-spin 600ms infinite linear;
	-ms-animation: cssload-spin 600ms infinite linear;
	-webkit-animation: cssload-spin 600ms infinite linear;
	-moz-animation: cssload-spin 600ms infinite linear;
}

@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}

/**/
.mx-box{
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}
.si-sugg-el .mx-box{
    right:16px;bottom:5px;opacity:.5;z-index:1}
.mx-box.mx-small .mx-loader{
  width: 18px;
}
.mx-box.mx-x-small .mx-loader{
  width: 14px;
}
.mx-loader {
  position: relative;
  margin: 0 auto;
  width: 34px;
}
.mx-loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.mx-circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mx-path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
.mx-white .mx-path {
  -webkit-animation: dash 1.5s ease-in-out infinite, colorwhite 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, colorwhite 6s ease-in-out infinite;
}
.mx-refreshed .mx-path {
  -webkit-animation: dash 1.5s ease-in-out infinite, colorrefresh 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, colorrefresh 6s ease-in-out infinite;
}
.mx-box.esearch-ajload{background:none}
.mx-box.esearch-ajload.search-btn-sim{left:-35px}
.mx-box.esearch-ajload.search-btn-adv,
.mx-box.esearch-ajload.search-btn-pub{
    background:rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    padding: 4px 3px 2px 3px;
    left: 100px;
    top:5px ;z-index:100}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: var(--ph-main-color);
  }
  40% {
    stroke: var(--ph-main-color-2);
  }
  66% {
    stroke: #7a7a1f;
  }
  80%,
  90% {
    stroke: #267326;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: var(--ph-main-color);
  }
  40% {
    stroke: var(--ph-main-color-2);
  }
  66% {
    stroke: #7a7a1f;
  }
  80%,
  90% {
    stroke: #267326;
  }
}
@-webkit-keyframes colorwhite {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}
@keyframes colorwhite {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}
@-webkit-keyframes colorrefresh {
  100%,
  0% {
    stroke: #666;
  }
  40% {
    stroke: #666;
  }
  66% {
    stroke: #666;
  }
  80%,
  90% {
    stroke: #666;
  }
}
@keyframes colorrefresh {
  100%,
  0% {
    stroke: #222;
  }
  40% {
    stroke: #222;
  }
  66% {
    stroke: #222;
  }
  80%,
  90% {
    stroke: #222;
  }
}



.document-stat{box-shadow: 0px 0px 3px 0px rgba(0,0,0,.05);float: left;height: 21px;padding:10px 10px 0 10px;color:#333;text-align: left;background: #fcfcfc;border:1px solid #d3d3d3;text-shadow: 0 1px 0 #fff}
.document-stat:hover{cursor:pointer;box-shadow: 0px 0px 5px 0px rgba(0,0,0,.1);border-color:#ccc;background: #fff;}
.document-stat:hover .tpl-downloadbtn-main,.document-stat:hover i{color:#08d}
.document-stat:active{box-shadow: 0px 0px 5px 0px rgba(0,0,0,.05);background: #fdfdfd;}
.vr_save_stat{
	display:none;
	border-left: 1px solid #e9e9e9;
    color: #666;
    float: left;
    margin: 7px 0 0 10px;
    padding-right: 0;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    padding: 0 0 0 8px;
	}
.vr_save_stat > div{padding:5px 0;float:left}
.on-close #vr_evidence_list,.on-close .sbtn-ph-container,.on-open .no-e{display:none}
.on-close .vr-evidence-list{
	border: none;
    box-shadow: none}
.no-e{   padding: 20px 30px;
margin: 10px 0;
border: 1px solid #eee;
display: block;
width: 160px;}
.sbtn-ph{max-width:calc(100% - 64px) !important;width:100% !important; left: 2px;}
.sbtn-ph .add-list{max-widths:calc(100% - 89px) !important;width:100% !important;padding-top:10px !important;padding-bottom:10px !important;}
.add-list-btn > div {width:90px;margin:3px 0 0 0 !important;padding:0 !important;float:left !important;position:relative !important;box-shadow:0 0 0px #bbb !important}
.add-list-btn a {border:1px solid #ddd !important;background:#f9f9f9 !important}
.add-list-btn a:hover {border:1px solid #bbb !important;background:#f3f3f3 !important}
.add-list-btn a:active {border:1px solid #ccc !important;background:#f6f6f6 !important}




.add-list{
	position:relative !important;
	font:bold 15px/26px arial !important;
	height:26px !important;
	width:90px !important;
	background: #fff !important;
	color: #666 !important;
	font-size: 11px !important;
	text-shadow: 0 0 0 #fff !important;
	text-transform:none !important;
}
.add-list-btn > div:hover a{color:#333 !important;}
.add-list-btn > div:active a{color:#666 !important;}
.vr_save_stat_datetext,.vr_save_stat_saveddate{font-size:11px !important}
.ui-autocomplete li{border-bottom:1px dashed #ddd;}
.exclude .ui-autocomplete li{border-bottom-color:#efdddd;}
.ui-autocomplete.ps li:nth-last-child(3){border-bottom-color:transparent;margin-bottom: -1px;}
.ui-autocomplete.ps li:nth-last-child(3) a{border-radius: 0 0 4px 4px;}
.ui-autocompletex.ps li:nth-last-child(3):hover .add-input{margin-bottom:1px;}
.ui-autocomplete.show {
    display: block !important;
}
.ph-login-error {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border: 1px solid #cbb;
    color: #633;
    padding: 10px 16px;
    position: absolute;
    text-align: center;
    z-index: 20000;
    position: fixed;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 0 10px #bcc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
	cursor:pointer;
}
.data-center-list{float:left;min-width: 912px;width:100%;padding:0;background: #fff;border: 1px solid #eee;margin-bottom: 20px}
.data-center-list .estaka-fp-list {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.data-center-list .estaka-fp-subheader {
    margin-left:0;
    margin-right:0;
    padding-left: 0;
    padding-right:0;
}
.pvr-alert {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    margin: -18px -12px -2px;
    padding: 5px;
}
.evidence-alert{padding:10px}
.pvr-alert input:focus,.evidence-alert input:focus{    border: 1px solid #ccc;box-shadow:none !important}

.scroll-nav {
  line-height: 1.5;
  margin: 0 auto;
  width: 200px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  background: #fff;
  z-index: 100;
/*  position: fixed;*/
}

.scroll-nav .scroll-nav__heading {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 7px 0 2px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(0, 0, 0, 0.4);/* W3C */
  text-shadow: 0 1px 0 #888;
}
@media (max-width: 1015px) {
#vrpreview_menu {display:none}
#vrpreview {margin-left:5px !important}
}
.ph-longtext,.ph-shorttext{padding:0 !important;margin:1px !important;display:none !important;line-height:18px;float:left}
.stext-s{display:none}
@media (max-width: 839px) {
.main-navigation li.dropdown > a, .main-navigation li.user-name-top-x > a {
 /*   min-width: 28px;*/
}#ph_header .main-navigation .ph-nav-caret {margin-left: -2px !important;}
.ph-shorttext {display:block !important}
.user-name-top{max-width:calc(100% - 570px) !important;}
}
@media (min-width: 694px) {
	/* here */
.main-logo-sm {display:none !important}
}
@media (max-width: 695px) {
	button#search_simple {
width: 50px !important;}.form-wrapper-in input {
    width: calc(100% - 102px);}
.stext-l{display:none}
.stext-s,
	.main-logo-sm {display:block;}
	.ph-note-button,
	.main-logo-l {display:none !important}
	.main-navigation > li.dropdown:not(.usermenu) a {
		padding-right: 35px;
		padding-left: 8px;
	}
	#ph_header .dropdown > i {
		padding: 13px 8px;
	}

	.ddown + .dropdown-content{
		right:-10px;
	}
	.ddown:not(.cog-menu) + .dropdown-content:before{
		right:18px;
	}
}
@media (min-width: 840px) {
.ph-longtext {display:block !important}
}
.scroll-nav ol {
  background: #fff;
  font-size: 12px;
  line-height: 30px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

.scroll-nav ol a {
  margin-left: 20px;
  text-decoration: none;
  color: #222;
  display: block;
  width: 300px;
}

.scroll-nav li {
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.scroll-nav li:hover,.scroll-nav__item.active a:hover { background: #eee; }

.scroll-nav .in-view-dis {

}
.scroll-nav .in-view a {
    color: var(--ph-color-1) !important;
}
.scroll-nav__item a,.scroll-nav__heading{text-transform: uppercase;}
.scroll-nav__item.active,.scroll-nav__item.active a {background: #fff}
.scroll-nav__item.active a{border-bottom:none !important}
.scroll-nav.fixed {
    position: fixed;
    top: 5px;
}
.scroll-nav-bmenu{margin-top:5px}
.scroll-nav.fixed .scroll-nav-bmenu{position:fixed}
.none{display:none}
.inline-block{display:inline-block}
.hide{display:none !important}
#upload-select-state{float: left;width: 410px;margin:0 0 0 5px;padding:3px;border:1px solid #eee;background:#f7f8f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;}
.img-preview{margin:2px}
.doctenure-expdate{margin: -7px 0 0 0}
.doctenure-expdate label.esearch-label-datepicker:after{    right: -67px !important;
    top: 5px;}
    
#container-floatbox {position: absolute;}
#floatbox {font-size: 14px;
    bottom: 0px;
    left: 11px;    margin-right: 26px;
    position: fixed;
    z-index: 680;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.30);
	max-width:560px;border-radius: 3px 3px 0 0;
}	
.floatbox-panel-heading {
    cursor: pointer;
    font-weight: bold;
    min-width: 200px;
    padding: 9px 7px 9px 15px;
    text-align: left;
    text-transform: uppercase;
	border-width:0 0 1px 0;border-radius: 3px 3px 0 0;
}
.floatbox-panel-heading:hover{}
.floatbox-panel-heading.list-hide{}
#list_remove_all span.float-minimize-btn,#list_remove_all span.float-remove-btn,#list_remove_all span.remove-on-confirm{ 
    float: right;
    font-size: 12px;
    line-height: 12px;
    margin: -7px -10px 0px -10px !important;
    padding: 10px;
    text-align: center;    
    color: #666;font-weight: bold;background: #f6f6f6;

border-left: 1px solid #ccc;width: calc(80% - 21px);
	
	}
#list_remove_all span.float-minimize-btn{float: left;
border-left: none;
border-right: 1px solid #ccc;width: 20%;}
	#list_remove_all span.remove-on-confirm{}
#list_remove_all span.float-remove-btn:hover,
#list_remove_all span.float-minimize-btn:hover{
	color:#333;  
	background: #f9f9f9;cursor:pointer;
}
#list_remove_all span span{ cursor:pointer}
#list_remove_all .float-minimize-btn,
#list_remove_all .float-remove-btn,#list_remove_all .remove-on-confirm{box-shadow: 0px -2px 4px 0px #eee;
border-top: 1px solid #ccc;}
#list_remove_all.remove-on{position:relative}
.floatbox-panel-body .data-center-list{margin-bottom: 10px;
background:none;
border:none;
    min-width: 400px;
	
}
.floatbox-remove-all-ok{margin-right:15px}
.floatbox-separator{margin-right:15px;color:#eee;text-align:center;cursor:default !important}
.floatbox-remove-all-ok:hover{color:var(--ph-main-color);  }
.floatbox-remove-all-no:hover{color:#333;  }

.vr-evidence-list{float: left;max-width: 560px;padding: 0 10px;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
}
.floatbox-panel-body .vr-evidence-list{border:none}
.sortable-placeholder {
    background: #f7f8f9 url('../images/icons/h-dots2.png') no-repeat 5px 50% !important;
    clear: both;
	padding-top:10px !important;
}
.sortable-placeholder.estaka-fp-list span{color:#999}
.sortable > div.estaka-fp-list{
	background:transparent url('../images/icons/h-dots3.png') no-repeat 5px 50%;
	background-image:url('../images/icons/h-dots3.png') !important;
}
.sortable > div.estaka-fp-list:hover{
	background:#f9f9f9 url('../images/icons/h-dots.png') no-repeat 5px 50%;
	background-image:url('../images/icons/h-dots.png') !important;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.sortable > div.estaka-fp-list:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.list-button{
	background: #fff;color: #aaa !important;
    padding: 4px;
    white-space: nowrap;border: 1px solid #ddd;  float: right !important;}
.list-button:last-child{margin-right:3px}
.list-button i{padding: 5px}

.remove-on-confirm-ok:hover, .remove-on-confirm-no:hover {
    cursor: pointer;
}
.list-button.edit:hover, .list-button.remove:hover, .list-button.add-on:hover {
    border-color: #ccc;
    color: #333 !important;
    cursor: pointer;
}
.list-marked span span{
    color: #999 !important;
}
.remove-on{    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);}
.remove-on:hover {
    cursor: default;
}
.list-button:active {
    border-color: #ddd !important;
    color: #666 !important;
}
.ev-list-btns > span{    border-radius: 2px;}
.ev-list-btns .list-button.edit,.ev-list-btns .list-button.add-on{margin-right:43px}
.ev-list-btns .list-button{position: absolute;right:10px}
#floatbox_list .ev-list-btns .list-button{right:20px}
.ev-list-btns .list-button.remove-on{  border: 1px solid #ddd;z-index:1}
.remove-on-confirm-ok,.remove-on-confirm-no{padding:4px 5px;border:1px solid #ccc;background:#eee;margin-right: 3px;border-radius: 2px;
}
.remove-on-confirm-ok:hover,.remove-on-confirm-no:hover{box-shadow: 0 0 2px 0px #ccc;}
.remove-on-confirm-ok:active,.remove-on-confirm-no:active{box-shadow: 0 0 1px 0px #ccc;}
.remove-on-confirm-ok{  color:#fff !important;  background-color: var(--ph-main-color) !important;    border-color: rgba(0,0,0,.1);
    }
	.remove-on-confirm-no{margin-right:10px}
	#floatbox_list{position:relative}
	#floatbox_list,#vr_evidence_list {
    max-height: 400px;
    margin: 0 -10px 7px -10px;
/*    overflow-x: hidden;
    overflow-y: auto;*/
    padding: 0 10px;    border-bottom: 1px solid #eee;
}
#vr_evidence_list {
max-height: 100%;margin: 0 -10px;border-bottom:none}

#floatbox_list div:last-child , #vr_evidence_list div:last-child  {border-bottom:none}

.lh-placeholder {
    color: #999;
    padding: 7px 0px;
    min-width: 392px;
    text-align: center;
}
/*.ui-jqgrid-btable tbody tr td, .ui-jqgrid-htable thead tr th {
    max-width: 150px;
}*/
.list-deleting span {
    color: #999;
}
.estaka-fp-list.list-click span span.fw-list b{font-weight:bold}
.estaka-fp-list.list-click span span.fw-list{
    width: 414px;
}.fw-list > span {padding:2px 5px;margin:2px}
#vr_evidence_list{min-width:560px;}
#vr_evidence_list .fw-list{position:relative}
#vr_evidence_list .fw-list .ph-cal-celleditor{top:35px;left:0;border-bottom:2px solid #666;}
#vr_evidence_list .fw-list .ph-cal-celleditor:before{content:"\f0d8";top:-12px;left:12px;}
#vr_evidence_list .fw-list .ph-cal-celleditor textarea{}
#vr_evidence_list .fw-list .ph-cal-celleditor.date input{min-width:auto;width:116px;max-width:116px}
#vr_evidence_list .fw-list:not(.show-celleditor):hover{cursor:pointer;background: #f9f9f9; }
#vr_evidence_list .fw-list:not(.show-celleditor):hover:before{
	content:"\f040";
 font-family: fontawesome;
    position: absolute;
	font-size:12px;
	line-height:12px;
    top: 5px;    color: #aaa;
    text-shadow: -1px 0px 1px rgba(255,255,255,0.1);
    right:10px
}
#list_count {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    padding: 1px 4px;
    float: right;
    line-height: 13px;border:none;font-weight:bold
}
.vrdoc,.vrpdf{display:none;margin:0 10px 0 0;float:left}
.vr-doc .vrdoc{
    display:block;
}
.vr-pdf .vrpdf{
    display:block;
}

/*---*/
#ph_note {
    margin: 0 -2px;    padding: 3px;background:#f9f9f9;
}
.ph-note-buttonpane{opacity:0;margin-left: 1px;height:33px}
.ph-calcdialog .ui-dialog-buttonset,.ph-jobbookdialog .ui-dialog-buttonset,.ph-dialog .ui-dialog-buttonset{
	display:none !important
	}
.ph-jobbookdialog .ui-dialog-buttonpane.ui-helper-clearfix:after,
.ph-calcdialog .ui-dialog-buttonpane.ui-helper-clearfix:after {
 height: 10px;
}
.ph-jobbookdialog.ui-dialog .ui-dialog-buttonpane,
.ph-calcdialog.ui-dialog .ui-dialog-buttonpane,
.ph-dialog.ui-dialog .ui-dialog-buttonpane {
	margin: 0px -3px;
    padding: 2px 10px 5px 10px;
    border-radius: 0 0 3px 3px;
	background:transparent;
}
.ph-jobbookdialog.ui-dialog .ui-dialog-buttonpane,
.ph-calcdialog.ui-dialog .ui-dialog-buttonpane{
	margin: 0px
}
.fr-element.fr-view,.ph-dialog-msgcnt {
    border: 1px dashed #eee;
    border-bottom: 1px dashed #ddd;
    padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
}
.ph-dialog-msgcnt {
	border-style: solid;padding: 15px;
	background:#fff;
	text-shadow:0 1px 0 rgba(255,255,255,0.3);
}
.ph-dialog-gridmessage{background:#f9f9f9;}
.fr-view ul,.ph-dialog-msgcnt ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
.ph-dialog-msgcnt li > span:last-child{margin-left:11px}
.fr-view ol,.ph-dialog-msgcnt ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
.fr-view ul ul, .fr-view ol ul,.ph-dialog-msgcnt ul ul, .ph-dialog-msgcnt ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.fr-view ol ol, .fr-view ul ol,.ph-dialog-msgcnt ol ol, .ph-dialog-msgcnt ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}.fr-view tr td {
    padding: 3px 5px;
}
.fr-inline {display:none;background:#fff;
    z-index: 970 !important;    margin-bottom: 56px;
}
.ph-note-buttonpane span i{white-space: nowrap;width:100%;    font-family: arial,fontawesome;font-weight:bold}
.ph-note-buttonpane span {
    background: #f9f9f9;
    padding: 6px 10px;
    float: left;
    border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    margin: 5px 5px 0 0px;
    font-size: 14px;
    line-height: 14px;
    color: #666;
    width: 20px;
    text-align: center;
	white-space: nowrap;text-shadow:0 1px 0 #fff;font-weight:bold
}
.ph-note-buttonpane span.ph-note-btn-save {
    width: 40px;
	}
.ph-note-buttonpane span.ph-note-btn-savenew {
    width: 60px;
	}
.ph-note-number {    text-align: right;
    margin: 5px 5px 0px 0 ;
    float: right;    color: #999;
}
.ph-note-number:hover {cursor:help}
.ph-note-number i.fa-hashtag { font-family: arial,fontawesome;
	font-size:14px;line-height:14px;color:var(--ph-main-color);    width: 80px;
    text-align: right;    font-weight: bold;
	}
.ph-note-number i.ph-note-oftotal {
	width: 80px;
    text-align: right;font-size:11px;line-height:11px
	}
.ph-note-btn-remove-confirm{float:left;color:#999;line-height: 37px !important;height: 33px;margin-left: 5px}
.ph-note-btn-remove-confirm span {
    float: right;
}
.ph-note-buttonpane span.ph-note-btn-dis, .ph-note-buttonpane span.note-nav-dis {color:#ccc;}	
.ph-note-buttonpane span.note-nav-dis:hover .ph-note-buttonpane span.note-nav-dis:active .ph-note-buttonpane span.note-nav-dis:focus,
.ph-note-buttonpane span.ph-note-btn-dis:hover .ph-note-buttonpane span.ph-note-btn-dis:active .ph-note-buttonpane span.ph-note-btn-dis:focus
 {cursor:default}	
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-new,
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-next,
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-prev,
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-save,
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-remove,
.ph-note-buttonpane.ph-note-display-new .ph-note-number,
.ph-note-buttonpane.note-isdelete .ph-note-btn-note,
.ph-note-buttonpane.note-isdelete .ph-note-btn-new,
.ph-note-buttonpane.note-isdelete .ph-note-btn-next,
.ph-note-buttonpane.note-isdelete .ph-note-btn-prev,
.ph-note-buttonpane.note-isdelete .ph-note-btn-save,
.ph-note-buttonpane.note-isdelete .ph-note-btn-savenew,
.ph-note-buttonpane.note-isdelete .ph-note-btn-remove,
.ph-note-buttonpane.note-isdelete .ph-note-numberx,
.ph-note-buttonpane .ph-note-btn-savenew,
.ph-note-buttonpane .ph-note-btn-note,
.ph-note-buttonpane .ph-note-btn-remove-confirm{
	display:none
}
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-note,
.ph-note-buttonpane.ph-note-display-new .ph-note-btn-savenew,
.ph-note-buttonpane.note-isdelete .ph-note-btn-remove-confirm
{
	display:block
}	
.note-delete-cancel,.note-delete-yes{    width: 46px !important;}	
.note-delete-yes{    margin-left:10px !important}	
.ph-note-btn-save,.ph-note-btn-savenew{color:var(--ph-main-color) !important}
.ph-note-btn-dis.ph-note-btn-save,.ph-note-btn-dis.ph-note-btn-savenew{color:#ccc !important}
.ph-note-buttonpane span:hover{background:#f5f5f5;color:var(--ph-main-color);border:1px solid #e9e9e9;cursor:pointer}
.ph-note-buttonpane span.ph-note-btn-dis:hover,.ph-note-buttonpane span.note-nav-dis:hover{background:#f9f9f9;color:#ccc;border:1px solid #eee;cursor:default}
.ph-note-buttonpane span:active{border:1px solid #eee}
	.fr-placeholder{font-size: 12px !important; line-height: 12px !important;}

.ph-note-noid .ph-note-btn-next,
.ph-note-noid .ph-note-btn-prev,
.ph-note-noid .ph-note-btn-save,
.ph-note-noid .ph-note-btn-remove,
.ph-note-noid .ph-note-btn-remove-confirm,
.ph-note-noid .ph-note-number{display:none !important}
.ph-note-noid .ph-note-btn-new{display:block !important}
.ph-note-noid.ph-note-display-new .ph-note-btn-new{display:none !important}

.note-intro {color:#999;float: left;border-left: 1px solid #ddd;margin:10px;padding-left:10px}
.note-intro-btn {
    color: var(--ph-main-color);
    background: #eee;
    padding: 10px;
    float: left;
    border: 1px solid #ddd;
    margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
	white-space: nowrap;text-shadow:0 1px 0 #fff;font-weight:bold
}
.note-intro-btn:hover {border: 1px solid #d3d3d3;background: #e9e9e9;cursor:pointer}
.note-intro-btn:active { background: #eee; border: 1px solid #ddd;}
#ph_note_button .fr-marker{display:none !important}
.fr-view em {
    font-style: italic;
}
.ph-dialog-gridmessage .fr-inline {display:block}
.fr-quick-insert{
    left: 10px !important;
    top: auto !important;
    bottom: -40px !important;
	}
#thegrid_pager_left span.fa-file-pdf-o,#thegrid_pager_left span.fa-file-excel-o,#thegrid_pager_left span.fa-envelope,#thegrid_pager_left span.fa-calculator,#thegrid_pager_left span.fa-comment-o {height:13px}
.ui-pg-input,.ui-pg-selbox{text-shadow:none !important;color:#444;border:1px solid rgba(0,0,0,0.15);padding:0 5px !important;font-weight:bold !important;height:22px !important;	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;}
.ui-pg-selbox.ui-state-default{padding:1px 6px 2px 6px !important;min-height:24px !important;margin-left:15px !important;min-width: 65px !important;max-width: 65px !important;display:inline !important;}
.ui-pg-button:hover{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;background:rgba(100,100,100,0.1);}
.ui-pg-button.ui-state-disabled:hover{background:transparent}
.td-ph-wrapper #FormError {position:absolute;bottom:5px;left:0;}
.ph-wrapper{ display: block;width: 100% !important;min-width: 800px}
.td-ph-wrapper{float: left;
padding: 5px 0;
width: 50%;
}
.td-ph-wrapper .CaptionTD {
    text-align: left !important;
    text-transform: none !important;
}
.td-ph-wrapper:last-child{border-right:none}

.td-ph-wrapper textarea {
    width: 252px !important;
}
.td-ph-wrapper .esearch-label-sf input {
    padding-right: 30px;
    width: 228px;
}
.td-ph-wrapper textarea::placeholder,
.td-ph-wrapper  input[type="text"]::placeholder{color:#ccc;font-weight:normal;opacity:1;}
/*.td-ph-wrapper textarea:focus::placeholder,
.td-ph-wrapper  input[type="text"]:focus::placeholder{color:#ccc}*/
.td-ph-wrapper .esearch-label-rm input {
    padding-left: 30px;
    width: 228px;
}
.td-ph-wrapper .FormElement.disabled {
   color:#333;background:rgba(0,0,0,0.02);
}
#ViewTbl_thegrid .CaptionTD {
    display: none;
}#ViewTbl_thegrid_2, #editcntthegrid #TblGrid_thegrid_2 {
    border-top: 1px solid #e9e9e9;margin: 10px -5px -6px -5px;
    background: #f9f9f9;width: calc(100% + 10px);
}.ph-gv-name {    display: block;
    float: left; background: rgba(0,0,0,0.05);    margin: 3px;
    padding: 2px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    border-radius: 3px;
}.ph-gv-value {       display: block;
    float: left;    padding:2px 5px;    margin: 3px 3px 3px 5px;
}
.griddialog-container em,.griddialog-container i,.ph-gv-value i{font-style: italic;}
.griddialog-container b,.ph-gv-value b {
    font-weight: bold;
}.default-div-gridview-container > div {
    border-bottom: 1px solid #eee;
    padding: 3px;
    overflow: hidden;
    white-space: normal !important;
}

.default-div-gridview .default-div-gridview-container {
    float: left;
    margin-left: 5px;
    border-right: 1px dashed #eee;
    padding-right: 5px;    width: 32%;
    min-width: 250px;
}
.default-div-gridview > div > div:first-child {margin-left:0}
.default-div-gridview > div > div:nth-child(3) {
    border-right: none;
}
/*.default-div-gridview.indhistory-open {
   background: #f9f9f9;

border-radius: 3px;

box-shadow: 0px 0px 2px 1px #ccc;
}*/
.indhistory-show-selected{border-left-color:var(--ph-main-color);}
.indhistory-show-selected:before{position:absolute;content:"\f0da";left:9px;font-family: fontawesome;color:var(--ph-main-color);}
.default-div-gridview:not(.indhistory-open) .indhistory-show-selected:before{left:4px;}
.ph-gv-name-sub, .ph-gv-value-sub {
    display: block;
    color: #333;
    margin: 3px 3px 0px 6px;
    padding: 2px 5px;
    float: left;
}
.ph-gv-value-sub {
    color: #000;
    margin-left: 0px;
}
.ph-gv-name-sub {
    width: 124px;
}
.gridview-type-0 .ph-gv-ind,.gridview-type-1 .ph-gv-ind-off{display:none}
.gridview-type-0 .ph-gv-bottom-0,.gridview-type-1 .ph-gv-bottom-1{border:none}
.ph-gv-valuer{border-bottom:1px solid #ddd !important;background:#ebd2ec}
.ph-gv-valuer span.ph-gv-value{font-weight: bold}
.default-div-gridview-container span{text-shadow: 0 1px 0 rgba(255,255,255,0.40);}
.ph-selection-view .ph-grid-dropdown > a i{
	color:var(--ph-main-color) !important
	}
#viewhdthegrid > span > span{float: left;}
.grid-view-cnt{	margin:-2px 0 -2px 10px ;background-color: rgba(0,0,0,0.1);padding:2px 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;}
.usersListing {margin:0 5px !important}
.usersListing img {
	padding:0 !important;
	margin:0 !important;
    max-width: 42px !important;
    max-height: 25px !important;
}
.usersListing td {
    vertical-align: middle !important;
}
.u-photo{text-align:left !important}
.u-photo img{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.40);float: left;}
	.fm-button-icon-left i{float: left;margin-right: 5px}
	.fm-button-icon-right i{float: right;margin-left: 5px}
.grid-calculation-on .ui-jqgrid-bdiv {
    height: auto !important;    max-height: 300px;/*
transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
  -webkit-transition: all 0.2 ease;
  transition: all 0.2 ease;   */
}
.textloading{display:none}
.tpl-loading-section .textloading-section,
.tpl-loading-values .textloading-values,
.tpl-loading-evidence .textloading-evidence
{/*display:block*/}
.tpl-loading-section .viewtype-tplPreview,
.tpl-loading-section .viewtype-view,
.tpl-loading-evidence .vr-savebtn,
.tpl-loading-values .template-previewvalue-container .tabs.tabs-inner,
.tpl-loading-evidence .vr-evidence-list-container
{opacity:.5}
.viewtype-tplPreview .jb-d-buttons-inline{display:none}
.vr-evidence-list-container{min-height: 100px;padding:0 5px;}
.text-input__loading--line {
  height: 10px;
  margin: 10px;
  -webkit-animation: pulse .75s infinite ease-in-out;
          animation: pulse .75s infinite ease-in-out;
}
.text-input__loading div:nth-child(1) {
  width: 150px;
}
.text-input__loading div:nth-child(5) {
  width: 150px;
}
.text-input__loading div:nth-child(9) {
  width: 150px;
}
.text-input__loading div:nth-child(2) {
  width: 250px;
}
.text-input__loading div:nth-child(6) {
  width: 250px;
}
.text-input__loading div:nth-child(10) {
  width: 250px;
}
.text-input__loading div:nth-child(3) {
  width: 50px;
}
.text-input__loading div:nth-child(7) {
  width: 50px;
}
.text-input__loading div:nth-child(4) {
  width: 100px;
}
.text-input__loading div:nth-child(8) {
  width: 100px;
}

@-webkit-keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
.text-custom-decimal .custom-decimal-g-btn{
    display: inline-block !important;
    background: rgba(150, 150, 150, 0.2);
    padding: 4px;
    margin: 0 0 0 5px;
    border-radius: 3px;
    position: absolute;
    right: 4px;
    top: -4px;
    color: rgba(0, 0, 0, 0.35);}
.text-custom-decimal .custom-decimal-g-btn:hover{
    background: rgba(150, 150, 150, 0.25);
    color: rgba(0, 0, 0, 0.45);
	cursor:pointer;
}
.text-custom-decimal .custom-decimal-g-btn:active{
    background: rgba(150, 150, 150, 0.2);
    color: rgba(0, 0, 0, 0.35);
}
#change_format .ph-checkbox-box:last-child{border-bottom:none}
#change_format >div{margin-left:0;text-align:left}
.calculation-container{min-height:454px;opacity:0;display:none;
	padding:0;margin:5px 0 0 0;
    border-top: 0px solid #c5c5c5;    background:#f9f9f9;
}
.calculation-container .ui-state-default.calculation-sep{text-shadow: none;background-image:none !important;border-width: 0 0 1px 0 !important;height:0;}
.calculation-container .calculation-bar,.ph-calcdialog .calculation-bar{background: #eee ;border-top:1px solid rgba(0,0,0,0.05);border-bottom: 1px solid rgba(0,0,0,0.05);position:relative}
.ph-calcdialog.active .calculation-bar{border-top-width:2px}
.calculation-container.c-pop{padding-bottom:100px;border: none;
box-shadow: none;}
.ph-calcdialog{background:#f9f9f9}
.calculation-container .ph-calcdialog{background: transparent;
border: none;
box-shadow: none;}
.ui-dialog.ph-calcdialog .ui-dialog-content{padding:0 !important}
/*.ui-dialog.ph-calcdialog .ph-cal-body .inwindow-expand-100{width:100%}*/
.ui-dialog.ph-calcdialog .ph-cal-body .inwindow-expand-100 .pure-u-md-1-3{width:33.33333333%}
.calculation-container.active .calculation-bar,
.ph-calcdialog.active .calculation-bar{background: #e3e9ef;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.ph-calcdialog:not(.active) .calc-activedis-x,
.ph-calcdialog.active .calc-activedis,
.calculation-container:not(.active) .calc-activedis-x,
.calculation-container.active .calc-activedis,.ph-calcdialog .close-calculation{display:none}
.mw770{min-width:890px}

.ph-calcdialog:not(.active) .calc-save-box,
.ph-calcdialog:not(.active) .calculation-bar .ph-calc-save,
.calculation-container:not(.active) .calc-save-box,
.calculation-container:not(.active) .calculation-bar .ph-calc-save{display:none}
.c-loading{opacity:.5}
.grid-calculation-on #thegrid tbody tr:last-child{/*border-bottom:1px solid #eee*/}
.grid-calculation-on .ph-search-indicate,.grid-calculation-on .ui-jqgrid-title .paginginfo,.grid-calculation-on #xthegrid_pager_left,.grid-calculation-on #thegrid_pager_center,.grid-calculation-on #thegrid_pager_right,.grid-calculation-on .btn-persistence,.grid-calculation-on .ui-jqgrid-titlebar-close,.grid-calculation-on .theme-form{display:none;}
.ui-jqgrid-titlebar-close.ui-corner-all.HeaderButton{display:none !important;}
.ph-cal-header{padding: 7px 9px 0px 9px !important;    border-bottom: 1px solid #ddd;
    background: #fcfcfc;
    text-shadow: 0 1px 0 #fff;}
.ph-calc-save i.fa,
.ph-cal-header i.fa{font-size:14px}
.ph-cal-body{padding:5px;}
.ph-calcdialog .ph-cal-body{padding:5px 10px;}
.grid-calculation-on .paginginfo,#thegrid_pager_left td.ui-pg-button:first-child,.grid-calculation-on #thegrid_pager_left td.ui-pg-button{display:none !important}
.app-content.grid-in-upload-view #thegrid_pager_left td.ui-pg-button:first-child{display:block !important;}
.delmsg{
    padding: 10px;
    color: #333;}
.grid-calculation-on #thegrid_pager_left td.ui-pg-button:first-child{display:block !important;    height: 25px !important;padding: 1px 4px 0px 0px;}
.grid-calculation-on.closing .ui-pager-control{
	display:none !important;
}
.grid-calculation-on.closing .ui-jqgrid-bdiv{
    height: 520px !important;    max-height: 520px;
}
.ui-jqgrid-bdiv{
    height: auto !important;
max-height: 520px;
}
.ui-jqgrid-view-ready{
    min-height: 160px;
    background: #f5f5f5;
    border-radius: 5px;
}
.grid-ready .ui-jqgrid-pager,
.ui-jqgrid-view-ready >div{display:none}
.grid-ready{border-color:#f5f5f5;box-shadow:none}
.ph-grid-main,
.calculation-container,
.calculation-divider
{
  -o-transition:.15s;
  -ms-transition:.15s;
  -moz-transition:.15s;
  -webkit-transition:.15s;
  transition:.15s;
}
.ph-gridloading .ph-grid-main,
.ph-gridloading .calculation-container,
.ph-gridloading .calculation-divider
{
	opacity:.7 !important;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
form.statsjblist .pure-table thead tr:last-child,form.statsIFForm .pure-table thead tr:last-child,form.statsusersForm .pure-table thead tr:last-child{border-bottom:1px solid rgba(0,0,0,0.1);}
form.statsjblist .pure-table tfoot tr:first-child,form.statsIFForm .pure-table tfoot tr:first-child,form.statsusersForm .pure-table tfoot tr:first-child{border-top:1px solid rgba(0,0,0,0.1);}
.calculation-container .pure-table{font-size: 11px;background: #fcfcfc;text-shadow: none;border:none;float:left}
.calculation-container .pure-table td,.calculation-container .pure-table th{padding:5px 10px;}
.calculation-container .pure-table td{
    border-left-color:#eee;
}
.calculation-container .pure-table th {
    border-left-color:#f3f3f3;text-align:left;
}
.calculation-container .pure-table thead {
	background-color: #fff;font-weight: bold;border-bottom: 1px solid #d6d6d6;
}
.calculation-container .pure-table .tr-thead {background-color: #fff;}
.calculation-container .pure-table .tr-thead > td {
	font-weight: bold;border-bottom: 1px solid #d6d6d6;
}
.calculation-container .pure-table-odd td,.calculation-container .pure-table-striped tr:nth-child(2n) td,.grid-container .pure-table-odd td,.grid-container .pure-table-striped tr:nth-child(2n) td{background-color:rgba(0,0,0,0.02)}
.calculation-container .pure-table-odd td,.calculation-container .pure-table-striped tr:nth-child(2n-1) td,.grid-container .pure-table-odd td,.grid-container .pure-table-striped tr:nth-child(2n-1) td{background-color:transparent}
.calculation-container .pure-table td {
    border-bottom:1px solid rgba(0,0,0,0.05);
    position: relative;
}
.calculation-container .pure-table tr:last-child td {
    border-bottom: none;
}
.ph-cal-body .pure-g > div > div:not(.c-div) {
    background: #fff;
    padding: 2px;
    margin: 6px 3px 3px 3px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;
	border: 1px solid #ddd;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.15);
}	.ph-tpl-uploadeditor,.ph-inline-editor {
    position: absolute;
    background: #fcfcfc;
    padding: 15px 10px 10px 10px;
    opacity: 0;font-size:13px;
    top: 50px;
    left: 0;
    z-index: 200;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;    margin: -10px 0 0 3px;    border: 2px solid #666;border-top-width: 4px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);    min-width: 110px;    font-weight: normal;opacity: 1;
}
.ph-inline-editor{padding: 10px 10px 5px 10px
}
.ph-tpl-uploadeditor:before,.ph-inline-editor:before {content:"\f0d9";
 font-family: fontawesome;
    position: absolute;
	font-size:12px;
	line-height:12px;
    top: 10px;    color: #666;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.1);
	content:"\f0d8";    left: 25px;
    top: -12px;
}
.ph-tpl-uploadeditor.viewupload,.ph-inline-editor {right:0;left:auto}
.ph-tpl-uploadeditor.viewupload:before{right:40px;left: auto}
.ph-inline-editor-wrapper {z-index: 201;}
.ph-inline-editor {max-width:500px}
.ph-inline-editor:before {right:25px;left: auto}
.form-wrapper-in:not(.input-del) .template-upload-btn:hover,.form-wrapper-in:not(.input-del) .template-upload-btn-view:hover{color:#fff !important;}
.tpl-upload:hover{cursor:pointer}
.ph_content_vr .tab-content,.ph_content_templates .tab-content{border-left:1px solid #ddd}
.calculation-container.active .ph-cal-body .pure-g > div > div:not(.c-div) {
    box-shadow: 0 0 3px 1px rgba(50,75,100,0.2);}
.ph-cal-body .pure-g > div > div:not(.c-div):first-child {margin-top:3px}
.ph-cal-body .pure-g > div > div.left {
	float:left
}
.cell-fullwidth {
    width: 100%;
}
.cell-maxwidth {
    width: 200%;
}
.ph-cal-celleditor {
    position: absolute;
    background: #fcfcfc;
    padding: 5px;
    opacity: 0;
    top: 0;
    left: 100%;
    z-index: 200;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;    margin: -10px 0 0 3px;    border: 2px solid #666;border-top-width: 4px;
    box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);    min-width: 130px;    font-weight: normal;
}.ph-cal-celleditor:before {content:"\f0d9";
 font-family: fontawesome;
    position: absolute;
	font-size:12px;
	line-height:12px;
	left: -6px;
    top: 10px;    color: #666;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.1);
}
.ph-cal-celleditor.left{right: 100%;margin: -10px 3px 0 0px;left: auto;}
.ph-cal-celleditor.left:before{content:"\f0da";right: -6px;    left: auto;}

@media screen and (max-width:567px){
	.ph-cal-body .pure-g > div > div:not(.resp-right) .ph-cal-celleditor{
		right: 100%;margin: -10px 3px 0 0px;left: auto;
	}
	.ph-cal-body .pure-g > div > div:not(.resp-right) .ph-cal-celleditor:before{
		content:"\f0da";right: -6px;    left: auto;
	}
}
@media screen and (min-width:568px){
@media screen and (max-width:767px){
	.ph-cal-body .pure-g .resp-sm > div:not(.resp-right) .ph-cal-celleditor{
		right: 100%;margin: -10px 3px 0 0px;left: auto;
	}
	.ph-cal-body .pure-g .resp-sm > div:not(.resp-right) .ph-cal-celleditor:before{
		content:"\f0da";right: -6px;    left: auto;
	}
}
}
@media screen and (min-width:768px){
@media screen and (max-width:1279px){
	.ph-cal-body .pure-g .resp-md > div:not(.resp-right) .ph-cal-celleditor{
		right: 100%;margin: -10px 3px 0 0px;left: auto;
	}
	.ph-cal-body .pure-g .resp-md > div:not(.resp-right) .ph-cal-celleditor:before{
		content:"\f0da";right: -6px;    left: auto;
	}
}
}
@media screen and (min-width:1280px){
	.ph-cal-body .pure-g .resp-xl > div:not(.resp-right) .ph-cal-celleditor{
		right: 100%;margin: -10px 3px 0 0px;left: auto;
	}
	.ph-cal-body .pure-g .resp-xl > div:not(.resp-right) .ph-cal-celleditor:before{
		content:"\f0da";right: -6px;    left: auto;
	}
}

.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-lsv .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-vr .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-fiv .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-say .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-sp .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-ea .ph-cal-celleditor,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-remarks .ph-cal-celleditor.text{
    left: 0;
    margin: 3px 0 0 0;
    top: 100%;
}
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-lsv .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-vr .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-fiv .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-say .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-sp .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-lb-ea .ph-cal-celleditor:before,
.ph-cal-body .pure-g .pure-u-1 .pure-table.calc-remarks .ph-cal-celleditor.text:before{
	content:"\f0d8";    left: 12px;
    top: -12px;
}
.ph-cal-celleditor.addevidence,.ph-cal-celleditor.removeevidence{right: 100%!important;margin: 0px -32px 0 0px !important;left: auto !important;}
.ph-cal-celleditor.addevidence:before,.ph-cal-celleditor.removeevidence:before{content:"\f0da";right: 9px;    left: auto !important;}
.calc-say-container > div {background:#a2c4da !important}
.calc-say-container tr > th {background:#b3d5eb;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.ph-caltitle{ text-transform: uppercase;
    float: left;
    font-weight: bold;
    border-top: 2px solid transparent;
    padding: 10px 14px;
	margin:-10px 3px -1px 3px;position:relative;
}
.ph-caltitle:hover{cursor:pointer;color:#666}
.ph-caltitle:active{color:#333}
.ph-caltitle-hl,.ph-caltitle-hl:hover{color: var(--ph-main-color);
margin-bottom: -3px;
padding-bottom: 9px;
border-bottom: 3px solid var(--ph-main-color);
z-index: 1;}

.ph-caltitle-hl:before {content:"\f0d8";
 font-family: fontawesome;
    position: absolute;
	font-size:12px;
	line-height:12px;
	left: 46%;
    bottom: -4px;   
    text-shadow: -1px 0px 1px rgba(0,0,0,0.1);
}



.ph-calcrefresh-loader{margin:-1px 0 0 40px}
.cellhighlight-default{background:rgba(250, 255, 100, 0.5) none repeat scroll 0 0}
.ph-cal-td-output{background:rgba(0,127,255, 0.1) none repeat scroll 0 0 !important;font-weight:bold}
.cellhighlight-default:hover,.cellhighlight-nostyle:hover{background-color:rgba(230, 230, 75, 0.5) !important;cursor:pointer;}
.cellhighlight-default:active,.cellhighlight-nostyle:active{background-color:rgba(230, 230, 75, 0.6) !important;}
.ph-cal-cellvalue{min-height:9px;font-size:11px !important}
.celltype-text .ph-cal-cellvalue{white-space:pre-wrap}
.cellhighlight-default .ph-cal-cellvalue{ font-weight:bold;text-shadow: none;}
.cellhighlight-default.show-celleditor,.cellhighlight-nostyle.show-celleditor{background:rgba(230, 230, 75, 0.5) !important;cursor:default;}
.cellhighlight-default.show-celleditor .ph-cal-cellvalue,.cellhighlight-nostyle.show-celleditor .ph-cal-cellvalue{color: rgba(0,0,0,0.6)}


.cellhighlight-nostyle{background:none !important}


.cellhtml-btn {
    min-width: 130px;
}
.cellhtml-btn-edit,.cellhtml-btn-inline-save{background: var(--ph-main-color);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.35);font-weight: bold; padding:5px 10px;margin:4px 0;border-radius:2px;   width: 40px;
    text-align: center;
    float: right;cursor:pointer;}
.cellhtml-btn-edit:hover,.cellhtml-btn-inline-save:hover{ box-shadow: 0 0 3px 0px rgba(0,0,0,0.4);}
.cellhtml-btn-edit:active,.cellhtml-btn-inline-save:active{ box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);}

.cellhtml {
    padding: 4px 7px;
    border: 1px solid #999;
    text-align: left;
    font-size: 14px !important;background: #fff;
    text-shadow: none;  
    line-height: 14px !important;
}
.ph-cal-td-editable:not(.celltype-text) .cellhtml{height: 14px !important;}
.celltype-text .cellhtml { }
.cell-input-error{border-color:#e66 !important}
/*.calc-title.cell-input-error{background-color:rgba(238, 102, 102,.1) !important}*/
.cellhtml:focus,#viewmodthegrid:focus,#editmodthegrid:focus,textarea:focus, input:focus {
  outline: none;
}.evidence-textval i { font-style: italic;}.area-input-container input{min-width:100px;max-width:140px;width:140px;margin-right:3px}
.area-input-container input.sqmeter{margin-right:0px}.area-extended-textval{margin-left:10px;}.evidence-textval{float:left;white-space:pre-wrap}
.cell-mark {
    color: rgba(100, 100, 0, 0.7);
}
.cell-hybrid.cell-label-right .ph-cal-cellvalue{padding-left:12px}
.cell-hybrid.cell-label-left .ph-cal-cellvalue{padding-right:12px}
.cell-hybrid .ph-cal-cellvalue:before{content:"\f00c";
 font-family: fontawesome;color:rgba(0,0,0,.3);
    position: absolute;
	font-size:9px;
	line-height:10px;
	left: 6px;
    top: 5px;   
}
.cell-hybrid.cell-label-left .ph-cal-cellvalue:before{
	left: auto;
	right: 6px;
}
.cell-hybrid.hbv-greater .ph-cal-cellvalue:before{
	content:"\f176";
	color:#36c455;
	font-size:8px;
	left: 9px;
}
.cell-hybrid.hbv-lower .ph-cal-cellvalue:before{
	content:"\f175";
	color:#dba54e;
	font-size:8px;
	left: 9px;
}


.cell-hybrid.cell-label-left.hbv-greater .ph-cal-cellvalue:before,
.cell-hybrid.cell-label-left.hbv-lower .ph-cal-cellvalue:before{
	left: auto;
	right: 9px;

}



.cell-hybrid-calculated-val{
	background: #fff;
	display: block;
	padding: 4px 5px;
	margin-top: 2px;
	font-weight: bold;
	border: 1px solid #e3e3e3;
	border-radius: 1px;
	border-bottom: 1px solid #ddd;clear:both
}
.cell-hybrid-calculated-val:hover{
	background: #f3f3f3;
	cursor:pointer;
}
.cell-hybrid-calculated-val:active{
	background: #fcfcfc;
}
.cell-hybrid-calculated-val i{
	font-size: 10px;
	line-height: 10px;
	text-shadow: 0 0 1px #fff;
}
.ph-cal-inputpref:before,.ph-cal-inputpref:after{
	content:'';
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
    position: absolute;
    border-bottom: none;
    font-size: 12px;
    left: 13px;
    top: 12px;
    font-family: arial;
	color:#666;
    pointer-events:none;line-height: 12px;
}
.ph-cal-celleditor.currency .ph-cal-inputpref:before{
	content:'RM';
}
.ph-cal-celleditor.addevidence .ph-cal-inputpref:before{
	content:'Id :';
}
.suf-psf .ph-cal-celleditor .ph-cal-inputpref:after{
	content:'psf';
    left:auto;
	right: 13px;
}
.suf-psf .ph-cal-celleditor .cellhtml {
    padding: 4px 34px 4px 34px !important;
}
.suf-dotqf .ph-cal-celleditor .ph-cal-inputpref:after,
.suf-sqf .ph-cal-celleditor .ph-cal-inputpref:after{
	content:'sqf';
    left:auto;
	right: 13px;
}
.suf-dotqf .ph-cal-celleditor .ph-cal-inputpref:after{
	content:attr(data-suf);
	}
.suf-dotqf .ph-cal-celleditor .cellhtml,
.suf-sqf .ph-cal-celleditor .cellhtml {
    padding: 4px 32px 4px 34px;
}
.ph-cal-celleditor.addevidence .cellhtml {
    padding: 4px 7px 4px 30px;
}
.ph-cal-celleditor.removeevidence .cellhtml-btn-edit {
    width: auto;
}
.ph-cal-celleditor.currency .cellhtml {
    padding: 4px 7px 4px 34px;
}
.ph-cal-celleditor.percentage .ph-cal-inputpref:before{
	content:'%';
    left: auto;
    right: 13px;
}
.ph-cal-celleditor.percentage .cellhtml {
    padding: 4px 34px 4px 7px;
}
.no-lsuf .ph-cal-celleditor .cellhtml {
    padding-left: 7px;
}
.ph-cal-celleditor.date .cellhtml {
    max-width: 114px;
}
.ph-cal-celleditor.varchar .cellhtml {
    white-space: nowrap; 
}
.ph-cal-td-editable:not(.cellhighlight-nostyle),.ph-cal-td-output {
white-space: nowrap;    min-width: 20px;
}
.ph-cal-td-editable.celltype-text,.ph-cal-td-editable.celltype-varchar {
white-space: normal
}
.best-comp-selected{text-decoration:underline}
.calc-cell-bestcompare.best-comp-hl{color:#999}
.calc-cell-bestcompare:hover{cursor:pointer;color:#356;}
.calc-cell-bestcompare.best-comp-hl:hover{color:#999}
.calc-cell-bestcompare:active{color:#666}
.cellhtml-btn{clear:both;z-index:200000}
.cellhtml-btn div {font-size: 11px}
.cellhtml-btn-cancel,.cellhtml-btn-inline-cancel {
    float: left;
    padding: 5px 10px;
    margin: 4px 0;
    color: #666;
    width: 40px;
    text-align: center;cursor:pointer;
}
.cellhtml-btn-cancel:hover,.cellhtml-btn-inline-cancel:hover {
	color:var(--ph-main-color);
}
.cellhtml-btn-cancel:active,.cellhtml-btn-inline-cancel:active {
	color:#3399ff;
}
.ph-textright,.cellhighlight-default .ph-cal-cellvalue,.ph-cal-td-output .ph-cal-cellvalue{text-align:right}
.cell-label-left .ph-cal-cellvalue{text-align:left}
.cell-label-center .ph-cal-cellvalue{text-align:center !important}
.calc-lb-ea .blue-row td{background: rgba(66, 179, 244,.2)}
.calc-lb-ea .gray-row td{background: rgba(120, 120, 120,.2) !important;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.calc-lb-ea .blue-row td:first-child{background: rgba(66, 179, 244,.3)}
.calc-lb-ea .gray-row td:first-child{background: rgba(120, 120, 120,.3) !important}
.calc-remarks .celltype-text .ph-cal-cellvalue{    margin: 0 -8px 0 0;
    max-height: 100px;
    overflow: auto;    color: #900}
	#calc_ocell_selling_prices .ph-cal-cellvalue, #calc_ocell_indicative_value .ph-cal-cellvalue{color: #900}
.ph-textcolor-default-dark{color:var(--ph-color-3) !important}
.cell-hybrid.is-calculated .ph-textcolor-default-dark{color:rgba(0, 0, 0,.3) !important}
.pure-table.calc-bottom thead * {text-align:center}
.pure-table.calc-bottom .ph-cal-td-output,.pure-table.calc-remarks .ph-cal-td-output {
    border-color: #cce6ff !important;
}
.pure-table.calc-remarks .ph-cal-td-editable,.pure-table.calc-bottom .ph-cal-td-editable {
    border-color: #e6ee99 !important;
}
.pure-table.calc-bottom thead tr:not(:last-child) td.cellhighlight-default {
        border: 1px solid #f3f3f3 !important;
        border-bottom: 1px solid #eee !important;
}
.pure-table.calc-bottom thead tr:not(:last-child) td:not(.cellhighlight-default) {
        border-bottom: 1px solid #f3f3f3 !important;
}
.pure-table.calc-bottom thead tr:last-child td.cellhighlight-default {
        border-top: 1px solid #f3f3f3 !important;
        border-right: 1px solid #f3f3f3 !important;
        border-left: 1px solid #f3f3f3 !important;
        border-bottom: 1px solid #ccc !important;
}
.cellhtml-input {text-align:left !important;cursor:auto}
.cellclear{background-color: rgba(255,255,255,.7) !important;
border-bottom-color:rgba(200,200,200,.3) !important;
	border-right: 1px solid rgba(200,200,200,.3) !important;
}
.cellclear:last-child{border-right: none !important;}
.calc-user{background: rgba(0,0,0,0.07);padding:5px 10px;margin:0 0 0 20px;	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
	-o-border-radius:  3px;
    border-radius: 3px;}
.calc-jbrefid-input{position: absolute;right:10px;top:10px;}
.tpl-jbrefid-input input,.calc-jbrefid-input input{border:1px solid #bbb;border-right:none;height:15px;
	-webkit-border-radius:  2px 0 0 2px;
	-moz-border-radius:  2px 0 0 2px;
	-o-border-radius:  2px 0 0 2px;
    border-radius: 2px 0 0 2px;
	padding:2px 5px;margin:0 0 0 5px !important;float:left;box-shadow:inset 0 0px 3px 0px rgba(0,0,0,.2);}

.tpl-jbrefid-input{float:left;margin-top:-5px}
.tpl-jbrefid-input input{min-width:100px;width:100px;padding:2px 5px !important;margin:0 !important;}	
.tpl-jbrefid-input div, .calc-jbrefid-input div {float:left;padding:5px 0;}
.tpl-jbrefid-input div.tpl-jbrefid-input-load, .calc-jbrefid-input div.calc-jbrefid-input-load {height:11px;text-shadow:0 1px 0 rgba(255,255,255,.5);font-weight:bold;background:#ddd;
	-webkit-border-radius:  0 2px 2px 0;
	-moz-border-radius:  0 2px 2px 0;
	-o-border-radius:  0 2px 2px 0;
    border-radius: 0 2px 2px 0;
	box-shadow:inset 0 0px 3px 0px rgba(0,0,0,.5);padding:5px 10px;}
.tpl-jbrefid-input div.tpl-jbrefid-input-load:hover, .calc-jbrefid-input div.calc-jbrefid-input-load:hover {background:#e3e3e3;cursor:pointer;color:var(--ph-main-color);}
.tpl-jbrefid-input div.tpl-jbrefid-input-load:active, .calc-jbrefid-input div.calc-jbrefid-input-load:active {background:#ddd}

.tpl-placeholder-name{float:left;margin-top:-5px;min-height:15px;line-height:15px;background:#fff;color:#08d;margin-right:7px;border:1px solid #ddd;padding:2px 5px;box-shadow:inset 0 0px 2px 0px rgba(0,0,0,.1);border-radius: 2px;}
.tpl-placeholder-name:hover{cursor:pointer}
.tpl-placeholder-name:active{box-shadow:none}
.ph-jobbookdialog .tpl-placeholder-name,
.ph_content_jobbook.view .tpl-placeholder-name{display:none}
.tpl-list{display:table;width:100%}
.tpl-name-text{margin-right:20px}
.tpl-name-text.doc-created,#ph_content > div:not(.tpl_manager) .doc-created .tpl-list-templatename{color:#08d}
.tpl-list-templatename{font-weight:bold}
.tpl-list-templatedesc{float:left}

.tpl-tplbox-header{padding:2px 7px 10px 7px;margin:0 4px 6px 4px;border-bottom:1px solid #eee;font-weight: bold;font-size:14px;color:#333;text-shadow:0 1px 0 rgba(255,255,255.5);}
#container-copy{position:fixed;opacity:0}
#copier{position:absolute;opacity:0}
.calc-save-box {padding:10px}
input.input-gray{background:rgba(0,0,0,0.01);color:#666;text-shadow:0 1px 0 rgba(255,255,255,0.75)}
.pure-table td{/*:not(:first-child):not(.not-first)*/
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.03);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.03);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.03);border:0px solid transparent !important;
}
.pure-table th{border:0px solid transparent !important;border-right:1px solid rgba(0,0,0,0.05) !important;}
.pure-table th:last-child{border:none !important;}
.grid-jblist-container a.btn{padding:2px 4px !important;font-size: 11px;min-width: 16px;}
.grid-jblist-container a.btn:hover{background:rgba(0,0,0,0.075);box-shadow: inset 0 0 2px 0 #ccc}
.grid-jblist-container a.btn:active{background:rgba(0,0,0,0.05);box-shadow:inset 0 0px 2px 0 #ddd}
.ss-btn{font-size:11px !important;line-height:16px;font-weight:bold;font-family:arial;display:block}
.grid-jblist-container i.ss-btn{font-size:10px !important}
.jblist-headerinfo b,.calclist-headerinfo b {
    font-weight: bold;
}.jblist-filterby,.calc-header-div {
    padding: 0 5px 0 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
}.jblist-filterby b,.calc-header-div b{color:#333
}
.jblist-filterby i,.calc-header-div i {
    font-style: italic;
}
.jblist-filterby{
    padding: 5px 12px;
}
.jobbookren_add .search-input textarea:focus,
.jobbook_add .search-input textarea:focus,
.jobbookren_add .search-input input:focus,
.jobbook_add .search-input input:focus,.si-sugg-el input:focus,.si-drop-el input:focus {
  border-color:#bbb;
}
.jblist-header-uname{font-size:12px;color: #666;margin-right:15px;float: right}
.table-sa{}.table-sa th {padding: 5px 12px;
    line-height: 12px;  min-width: 100px;
    text-align: center !important;vertical-align: middle !important;
}.table-sa th:first-child {
	text-align:left !important
}.table-sa td:not(:first-child){min-width: 100px;
}.table-sa th:nth-child(2),.table-sa td:nth-child(3){min-width: 205px;
}.calclist-container .table-sa th:nth-child(2),.calclist-container .table-sa td:nth-child(3){min-width: 130px;padding-left:11px;
}.table-sa tbody {
    max-height: 275px !important;
}.table-sa tbody tr:not(.grid-trloading) td {
    padding: 5px 12px !important;
}/*
@media screen and (min-width:768px){
.sweet-alert{width:auto;min-width:478px}
}*/
.sweet-alert.sw-small{width:436px;margin-left:-218px;}
@media all and (max-width:640px){.sweet-alert.sw-small{width:436px;margin-left:-218px;left:50%;top:30%;margin-top:-200px;overflow:hidden;z-index:99999;margin-right:auto}}
@media all and (max-width:440px){.sweet-alert.sw-small{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}
.sweet-alert h2{font-size:13px}
.table-sa .go-btn{padding:0}
.table-sa .go-btn .go-btn-text{float:left !important;padding-left: 0 !important;}
.jblist-container.box .grid-container, .calclist-container.box .grid-container {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.calclist-container input{display:block;width:250px;float:left;margin:3px;font-size:12px;height:24px;}
.calclist-container input#calc_title{margin-left:6px}
.calclist-container input#calc_desc{width:292px}
.calclist-container table td{vertical-align: top !important;}
.ph-calc-save-div,.ph-calc-save-div-list{padding:2px 5px;margin-top:-2px}
.tpllist-search-btn,.tpllist-search-btn-clear,
.calclist-search-btn,.calclist-search-btn-clear{padding:3px 7px ;margin-top:4px;float:right;border-radius:4px;margin-right:3px}
.tpllist-search-btn:hover,.tpllist-search-btn-clear:hover,
.calclist-search-btn:hover,.calclist-search-btn-clear:hover{background: rgba(0,0,0,0.05);cursor:pointer;color:var(--ph-main-color)}
.tpllist-search-btn:active,.tpllist-search-btn-clear:active,
.calclist-search-btn:active,.calclist-search-btn-clear:active{background: rgba(0,0,0,0.03)}
.stat-jblist-row .st-color{float:left;padding:7px;    border: 1px solid rgba(0,0,0,0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
    border-radius: 50%;     margin-right: 10px;}
.relative,.th-focus {
    position: relative; 
	}
.absolute {position: absolute;}
.th-focus > i.fa-caret-down {
    position: absolute;
    font-size: 18px;    left: 15%;
    top: -7px;
    line-height: 18px;
}
.th-focus > i.fa-caret-down:before {
    color: #ddd;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.th-focusdis > i.fa-caret-down{display:none}
	
.stat-jblist-row .st-color:hover{ border-color:rgba(0,0,0,0.25);}
.stat-jblist-row.st-1 .st-color{background-color:#ccf2ff;}
.stat-jblist-row.st-5 .st-color{background-color:#ffcccc;}
.stat-jblist-row.st-3 .st-color{background-color:#d1d1e0;}
.stat-jblist-row.st-4 .st-color{background-color:#eaeaae;}
.stat-jblist-row.st-2 .st-color{background-color:#b3e6b3;}
.stat-jblist-row.st-6 .st-color{background-color:#a3cedc;}
.stat-jblist-row.st-7 .st-color{background-color:#7ab8cd;}
.nowrap,.stat-column-opt{white-space: nowrap}
.header-status{line-height: 12px; padding: 6px 12px;margin: 7px; font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;   text-shadow:0 1px 0 rgba(255,255,255,0.50);border:1px solid rgba(0,0,0,0.10);float: right}

.calc-sa-container{position: relative;text-align:left;margin:auto;}
.calc-sa-container input,.calc-sa-container textarea{display:block !important;border:1px solid #ddd;padding:5px 7px;margin:5px 0 10px 0;	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;border-radius: 3px}
.calc-sa-container textarea{font-size:14px}
.calc-sa-container textarea.calc-desc{margin-bottom:0;width:253px}
.calc-sa-container input.calc-title{width:253px;font-size:14px}
.calc-sa-container label{text-align:left;font-size:12px;text-shadow:0 1px 0 #fff;}
.calc-sa-container span{color:#999}

.template-radio-btn{padding:10px 0 0 5px}
.template-radio-btn span{float:left;padding:6px 20px 0 10px}
/* skin-light*/
ul.main-navigation {
	max-width:1690px;
    margin: 0 auto;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15) !important;
    list-style-type: none;
    padding: 0;
    height: 34px;
    margin-bottom: -1px;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #c6c6c6;
    border-top: none;
}
ul.main-navigation.skin-light {
    /* overflow: hidden; */
    background-color: #333;
    border-color:#c6c6c6;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #e6e6e6)) !important;
    background: -ms-linear-gradient(bottom, #dddddd, #e6e6e6) !important;
    background: -moz-linear-gradient(center bottom, #dddddd 0, #e6e6e6 100%) !important;
    background: -o-linear-gradient(#e6e6e6, #dddddd) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#dddddd', GradientType=0) !important;
}
@media (max-width: 1700px) {
ul.main-navigation  {
	border-left:none;
	border-right:none;
}
ul.main-navigation,.main-navigation .active,.main-navigation .active:active,
ul.main-navigation .cog-menu{
	border-radius:0;
}
}
.main-navigation.skin-light li a,.skin-light li.user-name-top,.skin-light li.sprtr-top,.main-navigation.skin-light li span {color:#333;text-shadow: 0 1px 0 rgba(255,255,255,0.2);}

.main-navigation.skin-light li a.active span{color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.skin-light li.user-name-top img {border:2px solid rgba(0,0,0,.3);
    box-shadow: 0 0 10px 0 rgba(255,255,255,.5);margin-top:0 !important;
}

.skinselect{padding:5px;margin:-5px 0;text-shadow:0 0 3px #999;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
    border-radius: 2px;color:#333;text-align: center;}
.skinselect-light{color:#eee;}
.skinselect-default{color:#999;}

.skin-light .skinselect-default:hover{background: rgba(0,0,0,.05);cursor:pointer;}
.skin-default .skinselect-light:hover{background: rgba(0,0,0,.1) !important;cursor:pointer;}
ul:not(.skin-light) .skinselect-light:hover{background: rgba(255,255,255,.08);cursor:pointer;}
ul:not(.skin-dark) .skinselect-dark:hover{background: rgba(0,0,0,.1);cursor:pointer;}
ul.skin-dark .skinselect-default:hover{background: rgba(255,255,255,.08);cursor:pointer;}
.skinselect.skin-loading{color:var(--ph-main-color)!important;text-shadow:none!important}
.skinselect.skin-loading:hover{background:none !important}
ul.skin-dark .skinselect.skin-loading.skinselect-lightul,.skin-dark .skinselect.skin-loading.skinselect-default{color:#fff!important}
.skin-loading:hover{cursor:default!important;background:transparent !important;}

.main-navigation.skin-light a.active_demo {border-right:1px solid #d3d3d3}
.main-navigation.skin-light a.active_demo:hover span{color:#333}
.main-navigation.skin-light a.active_demo:hover:not(.prevent-default) span{color:var(--ph-main-color)}

.dropdown-content{border:1px solid #aaa !important;border-top:1px solid #999 !important}
.skin-dark .dropdown-content{border:none !important}
.skin-light .dropdown-content{border: 1px solid #c5c5c5 !important;}
.skin-light .dropdown-content > a:last-child{border-bottom:none !important}
.skin-light .dropdown-content,.dropdown-content-in {
    background-color: #eee;
    box-shadow: 0px 2px 8px 0px rgba(0,0,0,.15);
	border-top:1px solid #999;
}.skin-light .dropdown-content-in {
	border-top:1px solid #bbb;
}.skin-light .dropdown-content-in a:last-child {
	border-bottom:1px solid #aaa !important;
}
.skin-default .ph-disabled{color:#999 !important;text-shadow:none!important}
.skin-light .ph-skin-name{font-weight:normal !important;font-size:12px !important;color:#999}
ul:not(.skin-light) .ph-skin-name{font-weight:normal !important;font-size:12px !important;color:#aaa}
.skin-default .ph-skin-name{color:#777!important;}
.skin-light .dropdown-content-in {top:-1px}
.skin-light .dropdown-content a {
	border-bottom:1px solid #ddd;
	text-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
}
.skin-light .dropdown-content a.sub {
    background: #eee;
	border-bottom:1px solid #ddd;
}
.skin-light .dropdown-content a:not(.dis):hover {background-color: #f3f3f3 !important;color:var(--ph-main-color)}
.skin-light .dropdown-content a:last-child,.dropdown-in:last-child a{border-bottom:1px solid #aaa}

.skin-light .dropdown-content a.sub:hover {
    background: #f3f3f3 !important;
}
.skin-light .dropdown-content a.dis:hover {
    background: #eee !important;
}
.skin-light .dropdown-in:hover a .ph-nav-caret:before{color:var(--ph-main-color);font-weight:bold}

.skin-light .dropdown-content-in{border:1px solid #ccc}
.skin-light .dropdown-content-in>a:last-child{border-bottom:none !important}
.xmain-navigation:not(.skin-light) .dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
.xmain-navigation:not(.skin-light) .dropdown:hover {
    background-color: #2c2c2c;
}

#ph_header .main-navigation:not(.skin-light) .ph-nav-caret{float: right;margin-left:8px;color:#777;text-shadow:none;margin-top:2px;font-size:12px}
#ph_header .main-navigation.skin-light .ph-nav-caret{float: right;color:#777;
    font-size: 10px;}
.main-navigation:not(.skin-dark) .dropdown:hover i.ph-nav-caret{
   font-weight:bold;
}

.skin-light .cog-menu{color:#333;border-left: 1px solid #d3d3d3}
.skin-light .cog-menu i{text-shadow: 0 1px 0 rgba(255,255,255,.3)}
#ph_header .main-navigation.skin-light  .ph-nav-caret{color:#777}

.skin-light #ph_note_button {
    color: #333;text-shadow: 0 1px 0 rgba(255,255,255,.3);border-left: 1px solid #d3d3d3;
}
.skin-light #ph_note_button:hover {background: #e6e6e6;color:var(--ph-main-color)}
.skin-light #ph_note_button.ph-disabled {    color: #aaa !important;text-shadow: 0 1px 0 rgba(255,255,255,.4) !important;}
.main-navigation.skin-light li a:hover:not(.active):not(.prevent-default),
.main-navigation.skin-light li a.prevent-default:hover{
	background-color:#e6e6e6;
}
/*_ skin-light*/


/*skin-dark*/
ul.main-navigation.skin-dark {
    box-shadow:0 0 2px rgba(0, 0, 0, 0.75) !important;
	
border-bottom:none;

background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #2f2f2f), color-stop(1, #393939)) !important;
background:-ms-linear-gradient(bottom, #2f2f2f, #393939) !important;
background:-moz-linear-gradient(center bottom, #2f2f2f 0, #393939 100%) !important;
background:-o-linear-gradient(#393939, #2f2f2f) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#393939', endColorstr='#2f2f2f', GradientType=0) !important;
}
.main-navigation.skin-dark li a,.skin-dark li.user-name-top,.skin-dark li.sprtr-top,.main-navigation.skin-dark li span {color: white;text-shadow:none}
.skin-dark li.user-name-top {}
.skin-dark li.user-name-top img {
    box-shadow: 0px 0px 1px rgba(0,0,0,0.70);
}
.main-navigation.skin-dark li a:hover:not(.active):not(.prevent-default) {
    background-color: #111 !important;
}
.main-navigation.skin-dark li a.prevent-default:hover{
	background-color:#2c2c2c !important;
}
.main-navigation.skin-dark .active{border-right: 3px solid rgba(0,0,0,.05);}

.main-navigation.skin-dark a.active_demo {border-right:1px solid #222 !important}
.main-navigation.skin-dark a.active_demo:hover span{color:#fff !important}
.skin-dark .dropdown-content-in {top:0 !important}

.skin-dark .dropdown-content{border-top:none !important;}
.skin-dark .dropdown-content a{
	border-bottom:1px solid #484848;text-shadow: 0 1px 0 rgba(0,0,0,0.40) !important;
}
.skin-dark .dropdown-content a.sub {
    background: #666 !important;
	border-bottom:1px solid #555 !important;
}
.skin-dark .ph-grid-dropdown .dropdown-content a:hover {background-color: #c6c6c6 !important}
.skin-dark .dropdown-content a:not(.dis):hover {background-color: #222 !important;color:#fff}
.skin-dark #ph_note_button {
    color: #fff;text-shadow: 0 1px 0 #111 !important;border-left: 1px solid #222 !important;
}
.skin-dark #ph_note_button:hover {background: rgba(0,0,0,0.2);color:#fff}
.skin-dark #ph_note_button.ph-disabled {    color: #000 !important;text-shadow: 0 1px 0 #444 !important;}
/*_ skin-dark*/ 
.ph-menu-gn{padding: 0 !important;
    display: inline !important;
    color: #666 !important;
    font-weight: normal;
    margin-left: 5px;}
	.skin-dark .ph-menu-gn{color: #ccc !important;}
	.skin-light .ph-menu-gn{color: #7c7c7c !important;}

.box-clear .grid-container .pure-table thead tr th{border:none !important}
.box-clear .grid-container .pure-table tr td,
.box-clear .grid-container .pure-table tr:not(:first-child)
{border-bottom:none;border-top:1px solid #e3e3e3;box-shadow:none;}
.box-clear .grid-container .pure-table tfoot tr td{background:transparent !important;}
.box-clear .grid-container .pure-table tbody tr:not(.grid-trloading) td:first-child{border-right:1px solid #ddd !important;min-width:25px}
.box-clear .grid-container .pure-table tbody tr.tpl-selected td:first-child{background:rgba(0,0,0,.05) !important;}
.box-clear .grid-container .pure-table tbody tr.grid-trloading td{padding:0 !important}

.tpl-list td:nth-child(2):hover{cursor:pointer}
.tpl-list:not(.tpl-selected)  td:nth-child(2):hover .tpl-list-arrow{color:#bbb}
.tpl-list:not(.tpl-selected)  td:nth-child(2):active .tpl-list-arrow{color:#ccc}
.tpl-list-arrow{color:#eee;right:10px;top:5px}
tr.tpl-selected .tpl-list-arrow{color:var(--ph-main-color)}

.tab-content{min-height:100px;border-bottom:1px solid #ddd;background:#fff;box-shadow:-1px 0px 1px 0px #eee}
.template-previewvalue-container .jb-borrowersub,.ph_content_templates .jb-borrowersub{background: #f9fafb;border-bottom: 1px solid #f6f6f6;margin: 0 0 10px 0;padding:10px 0 0 0 ;border-top: 1px solid #f6f6f6;}
.template-previewvalue-container .area-input-container input{width:122px}
.tabs-inner .tab-links a {background:transparent}
.tabs-inner .tab-links a:hover {background:transparent;color:var(--ph-main-color)}
.tabs-inner .tab-links li a{border:none;border-bottom:2px solid transparent;}
.tabs-inner .tab-content {border:none;padding:10px 10px 5px 10px;border-top:1px solid #eee}
.tabs-inner .tab-links .active a{color:var(--ph-main-color);border-bottom-color:var(--ph-main-color);}.word-export{margin-bottom:-5px;margin-top:-5px;padding:7px 10px 0 10px;border-radius:3px}
.doc-datetext{font-weight:normal;font-size:12px;margin:0 0 0 20px;display:block;float:left;}.doc-datetext b,.tpl-list-td-btn-span-u b{font-weight:bold}
.tabs-inner .tab-links a {text-transform: none}

.grid-container-templates{margin-bottom:20px !important;}
.grid-container-templates .grid-trloading span{display:block;padding:20px !important;}
.tpl-list-td-btns{border-top:1px dashed #eee;width:100%;display:block;float:right;margin-top:5px;padding-top:5px}
.tpl-list-td-btn-span{text-shadow:0 1px 0 rgba(255,255,255.5);border:1px solid #ddd;background: #f9f9f9;padding:3px 7px;margin:0px 0px 2px 0;display:block;float:right}
.tpl-list-td-btn-publish,.tpl-list-td-btn-update{margin-right:5px;}
.tpl-list-td-btn-span:hover{cursor:pointer;box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.1);color:var(--ph-main-color)}
.tpl-list-td-btn-span:active{box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);}
.tpl-list-td-btn-span-u{color:#666;font-size:11px}
#ph_content > div:not(.tpl_manager) tr.doc-created td:first-child i{color:#08d}
.tpl-title-viewbtns{margin:-10px 0 -10px -1px;padding:0;float:right}
.tpl-title-viewbtns a{background: #fcfcfc;text-shadow:0 1px 0 rgba(255,255,255,.3);border:1px solid #ccc;font-size:11px;margin:0;padding:6px 10px 4px 10px;float:left;line-height:16px}
.tpl-title-viewbtns a:hover{background: #fff;color:#666;box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.08);cursor:pointer}
.tpl-title-viewbtns a:active{background: #fdfdfd;box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.05);}
.tpl-title-viewbtns:first-child a,a.tpl-title-viewbtns-btn.delete{border-radius: 0 3px 3px 0}
.tpl-title-viewbtns:last-child a{border-radius: 3px 0 0 3px}
.tpl-title-viewbtns a.vr-save-btn,.tpl-title-viewbtns a.delete-report{border-radius: 3px 3px 3px 3px}
.vr-save-btn-top{padding:6px  10px !important;margin-top:-1px !important;font-size:13px !important;font-weight:bold !important}
.tpl-title-viewbtns-btn.input-del,.dashholder{color:#aaa !important;}

.tpl-view-container.notloaded .text-input__loading{margin-top:40px}
.tpl-notpl-msg,.tpl-noplaceholders-msg{display:none;padding:20px 30px;margin:38px 0 0 20px;background:#f7f8f9;border:1px solid #eee}
.tpl-noplaceholders-msg{background:#fff;border:1px solid #f0f0f0;margin:10px 0 0 15px;width: 160px;text-align: center;}
.tpl-view-container.no-template .tpl-notpl-msg,.tabs-inner.noplaceholders .tpl-noplaceholders-msg{display:block}
.tpl-view-container.notloaded .tpl-tplbox-header,
.tpl-view-container.notloaded .docForm,
.tpl-view-container.no-template .tpl-tplbox-header,
.tpl-view-container.no-template .docForm{display:none}
.tpl-view-container:not(.notloaded) .text-input__loading{display:none}
.tpl-tplbox-header-nav{margin-top:-9px;padding-bottom:5px}
.tpl-tplbox-header-spanname{padding:9px 0 5px 0;line-height:14px;}
.noplaceholders .tab-content-template{border-top:none}
.tab-content-template .list-area .search-label > label:after {content:'';}
.tab-content-template .search-label {padding-top:9px}
.vr-save-btn-highlight{color:#999 !important;cursor:default !important;}
.form-wrapper-vrsave .vr-save-btn-highlight.vr-save-btn{color:#ccc !important;}
.tpl-dl{color:#666;font-size:11px;cursor:pointer}
.tpl-dl:hover{color:#333;}
.tpl-dl:active{color:#666;}
.bar-copied-msg{color:#08d;display:table;width:100%;border-bottom:1px dashed #eee;padding:0 5px 7px 5px;margin:3px 0 5px 0px;font-weight: bold}
.box-clear table tr.tpl-selected{box-shadow: 0px 1px 8px 0 #ddd !important;position: relative;background: #f7f8f9;}
.grid-templates-container tr:not(.doc-created) td {padding-top:10px !important;padding-bottom:10px !important;}
.grid-templates-container tr:not(.doc-created) td .tpl-list-arrow{top:10px;}
.form-wrapper-vrsave{float:left !important;margin-left:10px}
#vr-buttons-top{margin:-6px 0 0 20px;float:left}
.tpl-placeholder-exist.tpl-placeholder-name{padding-right:20px;position:relative}
.tpl-placeholder-exist.tpl-placeholder-name:before{content:"\f00c";
 font-family: fontawesome;
    position: absolute;
	font-size:10px;
	line-height:12px;
	right: 6px;
    top: 4px;    color: #36c455;}
.jb-viewvalue-text{white-space:pre-wrap;display: block;float: left;}
.tpl-placeholder-exist.jb-viewvalue-text{border-bottom:1px solid #08d;background: #f5f5f5;line-height: 12px;margin-top: -5px;padding:2px 3px;border-radius: 2px 2px 0 0;}

.vr-evidence-list-container-placeholder{margin-left:5px}
.vr-evidence-list-container-placeholder > div{padding:7px 0}
.vr-evidence-list-container-placeholder > div span.tpl-placeholder-name{font-weight: bold}
.tpl-view-container.user-noedit .vr-save-btn,.tpl-view-container.user-noedit .vr-savebtn,.tpl-view-container.user-noedit .vr-evidence-list-container .add-list-btn{display:none}
.tpl-view-container.user-noedit .vr-evidence-list-container .list-button{visibility:hidden} 
.vr-header-tmp{background:#f9f9f9 !important;border-top-color:#f0f0f0 !important}

.evidence-btn-move{padding:10px 10px;color:#ccc !important;border-radius:3px;float:right !important}
.evidence-btn-move.move-up{margin-top:15px}
.evidence-btn-move:hover{color:#666 !important;cursor:pointer;background: #e9e9e9;}
.evidence-btn-move:active{color:#999 !important;background: #eee;}
#floatbox_list .evidence-btn-move{display:none}/*
.list-click:first-child .evidence-btn-move.move-up{color:#eee !important;cursor:default}
.list-click:nth-last-child(3) .evidence-btn-move.move-down{color:#eee !important;cursor:default}*/.option-htmlcontainerx  {border-bottom:1px dashed #ddd;margin-bottom:10px}
.option-htmlcontainer .option-html .search-input-list .search-input{border-bottom:1px dashed #ddd;padding-bottom:10px}.option-htmlcontainer .search-input{width:420px;padding-left:5px;margin-left:-5px;}.option-htmlcontainer .search-label{padding-top:12px;}
.option-htmlcontainer > div:first-child .search-input{border-top:1px dashed #ddd;padding-top:5px}
.option-htmlcontainer .search-label label:not(.op-label){display:none}
.esearch-ul-radio li:first-child:last-child label{padding-left:20px}
.esearch-ul-radio li:first-child:last-child .check{margin-left:-15px}.inputForm .esearch-ul-radio li:last-child label{padding-right:0}
.vr-image-placeholder{width:130px;border:7px solid #ddd}.btn-xu{border: 1px solid #ccc;background: #fff;color:#666;border-radius:3px;
    box-shadow: 0 0px 2px 0px #ccc;}.btn-xu:hover{background:#fff;border: 1px solid #999;color:var(--ph-main-color); box-shadow: 0 1px 2px 1px #ccc;}.btn-xu:active{background:#fff;color:var(--ph-main-color); box-shadow: 0 0 2px 0 #ccc;}
	
/* show/hide jb/jbr sections */
.jb-sections-show{float:right;
    padding: 5px;
    margin: -4px 30px -8px 0;
    cursor: pointer;
    border-radius: 3px;
	font-size:14px}
.jb-sections-show:hover{cursor:pointer;background: rgba(0, 0, 0, 0.1);}
.jb-sections-show:active{background: rgba(0, 0, 0, 0.05);}

.app-content .jbsections-cbox-container {
    border-radius: 5px;
}
.jbsections .jb-sections-submit .mx-box {
margin:0 auto;width:306px;margin-top:-2px;
}
.jbsections-cbox-container {
	background: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 900;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
    top:0;
    left:0
}.jbsections-cbox-wrapper {
    background: #fff;
    width: 330px;
    margin: 25px auto 0 auto;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}
.jb-sections-submit {
    display: block;
    width: 324px;
    margin: 10px auto 3px auto;
    padding: 10px;
}
.jb-sections-close{background: rgba(0, 0, 0, 0.05);
    padding: 5px 7px;
    border-radius: 3px;
    position: absolute;
    right: calc(50% - 162px);
    top: 45px;
    color: #bbb;}
.jb-sections-close:hover{background:rgba(0, 0, 0, 0.1);
    color: #666;
	cursor:pointer
}
.jb-sections-close:active{background:rgba(0, 0, 0, 0.05);
}
.jb-sections-close,
.jb-sections-title {
    margin: 5px auto;text-align:center
}
.jb-sections-title {  
    width: 314px;
    padding: 5px;
    background: #fff;
    border-bottom: 2px solid var(--ph-main-color);
	text-align:left;
    color: #333;
}
.jbsections-checkbox .ph-checkbox-check{
	margin:7px
}
.jbsections-checkbox {
    width: 310px !important;
    background: #fff;
    padding: 7px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    margin: 0 auto 0 auto;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    line-height: 14px;
}
.jbsections-checkbox label{ 
    margin-left: 40px;
    margin: -6px -6px -10px 20px;
    display: flow-root;
    color: #333;
    padding: 7px;
}
.jbsections-checkbox label:hover{
	cursor:pointer;
	color:#000
}
.jbsc-hide .jbsections-cbox-wrapper{background:transparent;box-shadow:none}
.jbsc-hide .jb-sections-title,.jbsc-hide .c-btn-default{display:none}