body.greybody {background-color:#f7f0f0}
.margin-top {margin-top:15px}
.margin-top-lg {margin-top:30px}
.margin-bottom {margin-bottom:15px}
.margin-bottom-sm {margin-bottom:5px}
.margin-bottom-lg {margin-bottom:30px}
.margin-left {margin-left:15px}
.margin-right {margin-right:15px}

.no-wrap {white-space:nowrap}
.bold {font-weight:bold}

.red {color:#f00}

.s20 {font-size:20px}
.error {color:#f00;margin-top:8px}
.breadcrumb {background-color:transparent}

.hidden {display:none}

.badge.active {background-color:#337ab7}

@media screen and (max-width:767px) {
    .col-xs-text-center {text-align: center;}
    .col-xs-text-center img {display: block;margin-left: auto;margin-right: auto;}
}
a.no-decoration:hover, a.no-decoration:active,a.no-decoration:focus {text-decoration:none}


@media screen and (max-width:450px) {
    .col-xxs-12 {width: 100%;}
    .col-xxs-6 {width: 50%;}
    .hidden-xxs {display:none}
}

.main-menu {background-color:#fff;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.075);padding-right:30px;transition:left .5s}
@media screen and (min-width:1200px) {
    .main-menu {width:300px}
    .main-contents {width:calc(100% - 300px)}
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .main-menu {width:230px}
    .main-contents {width:calc(100% - 230px)}
}
@media screen and (max-width:767px) {
    .open-menu-icon {position:absolute;top:15px;left:5px;z-index:1001;cursor:pointer}
    .close-menu-icon {cursor:pointer}
    .main-menu {width:230px;position:absolute;left:-200px;z-index:1000}
    .main-contents {width:calc(100% - 30px);margin-left:30px}
}

.main-contents h1 {display:block;width:calc(100%+30px);height:80px;text-align:left;color:#fff;background-color:#4c7ff0;background-image:url('/images/logo_trnsp.jpg');background-repeat:no-repeat;background-position:right center;margin:0px -15px 0px -15px;padding:25px 30px;font-size:20px}
.main-contents-white {background-color:#fff;padding:15px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.075)}
.main-contents-grey {background-color:#b1b1b1;padding:15px;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.075)}
.main-contents-white .list-group:last-child {margin-bottom:5px}

.submenu{margin-bottom:0px}
.submenu .list-group-item {border-radius:0px;padding-left:38px}
.submenu .list-group-item:last-child {border-bottom:0px}
.list-group-item .glyphicon {margin-right:7px}

.show-details {cursor:pointer}

.login-body {background:url('/images/backg_login.png') top repeat-x #808a97}
.login-h1 {text-align:center;padding-top:30px;padding-bottom:40px;margin:0px;color:#808a97}
#usernameInfo {display:none;color:#712e69;margin:0px 0px 20px 0px}
#passwordInfo {display:none;color:#712e69;margin:0px 0px 20px 0px}
.login-logo {float:left;margin-top:10px}
#intranet-form
{
    background-color: #dcdddf;
	padding: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px #fff solid
}


/*--------------------*/

#intranet-form h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    margin: 0 0 30px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Verdana, Helvetica;
    position: relative;
}

#intranet-form h1:after, #intranet-form h1:before
{
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 15px;
    width: 120px;   
}

#intranet-form h1:after
{ 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

#intranet-form h1:before
{
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}

/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/

#inputs input
{
    background: #f1f1f1;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    width:100%
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #c81571;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}

/*--------------------*/
#actions
{
    margin: 25px 0 0 0;
}

#login
{		
    border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;
	background-color: #666;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 35px;
	padding: 0;
	width: 120px;
	cursor: pointer;
	font: bold 15px Arial, Helvetica;
	color: #fff;
    background-color: #2e5189;color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4276c2), to(#2e5189));
    background-image: -webkit-linear-gradient(top, #4276c2, #2e5189);
    background-image: -moz-linear-gradient(top, #4276c2, #2e5189);
    background-image: -ms-linear-gradient(top, #4276c2, #2e5189);
    background-image: -o-linear-gradient(top, #4276c2, #2e5189);
    background-image: linear-gradient(top, #4276c2, #2e5189);
}

#login:hover,#login:focus
{		
    background-color: #2e5189;color:#fefefe;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7092c3), to(#47618a));
    background-image: -webkit-linear-gradient(top, #7092c3, #47618a);
    background-image: -moz-linear-gradient(top, #7092c3, #47618a);
    background-image: -ms-linear-gradient(top, #7092c3, #47618a);
    background-image: -o-linear-gradient(top, #7092c3, #47618a);
    background-image: linear-gradient(top, #7092c3, #47618a);
}	

#login:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#login::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

input,textarea,select
{
    padding:5px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}
input:focus,textarea:focus
{
    background-color: #eee;
    border-color: #aaa;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    -ms-box-shadow: 0 0 0 1px #ccc inset;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px #ccc inset;
}


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(/various/uitotop/img/ui.totop.png) no-repeat left top;
}
#toTopHover {
	background:url(/various/uitotop/img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}

.ps-change-val-div {position:absolute;margin-left:-8px;margin-top:-20px;background-color:#ccc;padding:8px 10px 16px;z-index:100}
.ps-change-val {transition:all .5s;min-width:30px;min-height: 12px;padding-right:10px}
.ps-change-val:before {content:"\00a0"}
.ps-change-val:hover {cursor:pointer;color:#c81571}
.ps-change-val:active {cursor:default;background-color:#fff;color:#000}
table .ps-change-val:hover {cursor:pointer;color:#000;background:#c81571}
.ps-change-val.editing {color:#000;background:#fff}
.ps-change-val:hover.editing {color:#000;background:#fff}
.ps-change-val.checked {border-left: 1px solid #fff;background: #ddf6dd;background: -webkit-linear-gradient(left,rgba(221,246,221,0),rgba(221,246,221,1));background: -o-linear-gradient(left,rgba(221,246,221,0),rgba(221,246,221,1));background: -moz-linear-gradient(left,rgba(221,246,221,0),rgba(221,246,221,1));background: linear-gradient(to left,rgba(221,246,221,0),rgba(221,246,221,1));}
.ps-change-val-textbox {width:180px;height:34px}
table .ps-change-val-textbox {width:70px;height:34px}
table .big .ps-change-val-textbox {width:700px;height:34px}
.ps-change-button,.ps-change-button2 {margin-left:8px}

.deleteclientdet {cursor:pointer}