*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

body {font-family:arial;font-size:12px;color:#333;padding:0px;margin:0px;}
label{cursor:pointer;}
input {font-family:verdana;font-size:11px;font-weight:normal;color:black;box-sizing:border-box;}
input[type=text], input[type=password] {-webkit-appearance:none;padding:2px 3px;border:1px solid silver;border-radius:3px;box-sizing: border-box;}
input.chk {font-family:verdana;font-size:10px;font-weight:normal;border:0px solid silver;margin:0px;padding:0px;}

input[type=checkbox].chk{cursor:pointer;}

input[type=checkbox] + span {color:#999;}
input[type=checkbox]:hover + span {color:#d00;}
input[type=checkbox]:checked + span {color:#000;}

input[type=file]::file-selector-button {
  font-family:verdana;font-size:11px;font-weight:bold;color:#600;padding:0.25em 0.5em;cursor:pointer;
  background-image: linear-gradient(to bottom, #fff, #ccc);border: 1px solid #999;border-radius: 3px;box-shadow: 1px 1px 1px 0 rgba(100,100,100,.5);

  transition: color .2s ease-in-out;
}
input[type=file]::file-selector-button:hover {color:#900;box-shadow: 1px 1px 2px 0 rgba(100,100,100,.5);}

select, select.sel {font-family:verdana;font-size:11px;font-weight:normal;background-color:#fff;border:1px solid silver;border-radius:3px;margin:0px;padding:2px;}
textarea {font-family:courier new;font-size:12px;font-weight:normal;color:black;border:1px solid silver;border-radius:2px;margin:2px;padding:2px 3px;box-sizing: border-box;}

input[type=image]:disabled{cursor: not-allowed; pointer-events: all !important;}

input[type=number]{border:1px solid silver;border-radius:3px;box-sizing: border-box;}
input[type=number]::-webkit-inner-spin-button {opacity: 1;}
input[type=number]:focus{outline:0;}

#main{width:100%;max-width:1900px;margin:0 auto;}
#content {margin:10px;width:100%;}
#menu {position:absolute;top:70px;left:20px;margin:0px;background:#eeeeee;border-right:1px dashed #990000;width:200px;height:300px;}
#panel {width:80%;padding:10px;text-align:left;border:1px solid #009900;display:none;}
.phead {font-family:verdana;font-size:12px;font-weight:bold;line-height:20px;color:#FFFFCC;background-color:#ce4a16;text-align:center;padding:0px;margin:0px;width:100%;min-height:28px;}
.mbutton {font-family:verdana;font-size:11px;font-weight:bold;color:#600;padding:0.25em 0.5em;cursor:pointer;}
.mbutton, .mbutton:focus{outline:0;}

.mbutton {background-image: linear-gradient(to bottom, #fff, #ccc);border: 1px solid #999;border-radius: 3px;box-shadow: 1px 1px 1px 0 rgba(100,100,100,.5);}
.mbutton:hover{color:#900;box-shadow: 1px 1px 2px 0 rgba(100,100,100,.5);}
.mbutton:disabled{color:#999; cursor: not-allowed; pointer-events: all !important;}
.mbutton.inactive{color:#999;}

a:link, a:active, a:visited {color:#00D;padding:1px 2px;}
a:hover {color:#D00;box-shadow:none;}

div.menu_top {font-family:verdana;font-size:11px;color:#660000;background-color:#ddd;text-align:left;margin:0px;width:100%;padding:2px 0px;border-bottom:1px solid #999;}
a.menu_top {font-family:verdana;font-size:11px;font-weight:bold;text-decoration:none;color:#600;padding:1px 2px;}
a.menu_top:hover {color:#D00;background-color:#FFE;}

td.menu_top {font-family:verdana;font-size:11px;font-weight:bold;color:#660000;}

.footer {font-family:verdana;font-size:10px;text-align:center;color:#ce4a16;margin:0px;border-top:1px solid #ddd;width:100%;}
.err {font-family: verdana,tahoma,arial ;color :#FF0000;font-size:11px;font-weight:normal;}

.mdname {font-family:Tahoma,Verdana,Segoe,sans-serif; color: #B32200; text-transform: uppercase; font-size : 11px; letter-spacing: 0.075em; font-weight: bold;}
.mdnamefixed {font-family: tahoma,arial ;color: #B32200; text-transform: uppercase; letter-spacing: 1px; font-size : 11px; font-weight: bold;position:fixed; top:0; left:0; width:100%; height:24px; margin:0px; padding:0; background-color: rgba(255, 255, 255, 0.95); box-shadow:0 2px 3px 0 rgba(0,0,0,0.3); z-index:99;}
.text {font-family:verdana,tahoma,arial;color:#333333;font-size:11px;font-weight:normal; }
.text.inactive {color: #999;}

a.menu {display:inline-block;font-family: verdana; font-size : 11px; font-weight: bold; color: #333; text-decoration: none; line-height: 16px;}
a.menu.inactive {color: #999;}
a.menu:hover {color:#A00; text-decoration: underline; font-weight: bold;background-color:#FFFFCC;}
a.menu:active {color: #800; text-decoration: none;font-weight: bold;}

td, th {box-sizing: border-box !important;}

th a {margin:0;display:inline;}

td.one, th.one {font-family:verdana,arial;font-size:11px;font-weight:bold;line-height: 16px;color:#B32200;background-color:#EEECE8;}

tr.row_white {font-family:verdana; font-weight:normal; color:#333333; font-size:11px; background-color:#FFFFFF;}
tr.row_yellow {font-family:verdana; font-weight:normal; color:#660000; font-size:11px; background-color:#FFFFDD;}
tr.row_st_yellow {font-family:verdana; font-weight:normal; color:#660000; font-size:11px; background-color:#FFFF99;}
tr.row_blue {font-family:verdana; font-weight:normal; color:#0000FF; font-size:11px; background-color:#DDEEFF;}
tr.row_green {font-family:verdana; font-weight:normal; color:#004400; font-size:11px; background-color:#DDFFDD;}
tr.row_root {font-family:verdana; font-weight:normal; color:#660000; font-size:11px; background-color:#FFDDDD;}
tr.row_gray {font-family:verdana; font-weight:normal; color:#444; font-size:11px; background-color:#ccc;}
tr.row_violet {font-family:verdana; font-weight:normal; color:#000000; font-size:11px; background-color:#AAAAFF;}
tr.row_dbw {font-family:verdana; font-weight:normal; color:#FFFFFF; font-size:11px; background-color:#000099;}
tr.row_dgw {font-family:verdana; font-weight:normal; color:#FFFFFF; font-size:11px; background-color:#009900;}
tr.row_drw {font-family:verdana; font-weight:normal; color:#FFFFFF; font-size:11px; background-color:#990000;}

tr.row_inactive {font-family:verdana; font-weight:normal; color:#999; font-size:11px; background-color:#EEE;}

tr.row_white a {color:#333333;}
tr.row_yellow a {color:#660000;}
tr.row_st_yellow a {color:#660000;}
tr.row_blue a {color:#0000FF;}
tr.row_green a {color:#006600;}
tr.row_root a {color:#660000;}
tr.row_gray a {color:#444;}
tr.row_violet a {color:#000000;}
tr.row_dbw a {color:#FFFFFF;}
tr.row_dgw a {color:#FFFFFF;}
tr.row_drw a {color:#FFFFFF;}

tr.row_inactive a {color:#999;}

tr.row_white a:hover {color:#333333;box-shadow:none;}
tr.row_yellow a:hover {color:#660000;box-shadow:none;}
tr.row_inactive a:hover {color:#999;box-shadow:none;}
tr.row_green a:hover {color:#006600;box-shadow:none;}

.e_message {font-size:11px; font-family:tahoma,verdana ;font-weight:bold; color:#FF6060;}
.s_message {font-size:11px; font-family:tahoma,verdana ;font-weight:bold; color:#027B74;}

.MyWinStyle {position: absolute; display: none; z-index:99; }

a.button {font-family:verdana;font-size:11px;font-weight:bold;text-decoration:none;padding:3px 6px;background-image: linear-gradient(to bottom, #fff, #ccc);border: 1px solid #999;border-radius: 3px;box-shadow: 1px 1px 1px 0 rgba(100,100,100,.5);}
a.button:hover {color:#900;box-shadow: 1px 1px 2px 0 rgba(100,100,100,.5);}

.tdl {text-align:left;}
.tdc {text-align:center;}
.tdr {text-align:right;}

.tdbr {border-right:1px solid #ccc;}

table.filter {border-collapse: separate; border-spacing: 0px;border:1px solid #aaa; border-radius:0.5em; -webkit-border-radius:0.5em;box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);}
table.filter:hover {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);}
table.filter td {padding:2px 5px; vertical-align:middle; border-bottom:1px solid #ccc;}
table.filter tr:last-child > td {border-bottom:0;}
table.filter td input, table.filter td select {vertical-align:middle;}

table.inv-items {border-collapse: separate; border-spacing: 0px;border:0;}
table.inv-items td {padding:2px 5px; vertical-align:middle;}
table.inv-items tr:first-child > td {font-weight:bold;border-bottom:2px solid #00adef;}

#modal, #modal .underlay{top:0;left:0;right:0;bottom:0;width:100%;height:100%;box-sizing: border-box;position: fixed;z-index:997}
#modal .underlay{background-color:rgba(255,255,255,0.75);cursor:context-menu;-webkit-animation:fadein .5s;animation:fadein .5s;z-index:998}
#modal .modal{width:900px;max-width:95%;height:500px;max-height:95%;background-color:#FFF;z-index:999;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:2px solid #999;border-radius:6px;-webkit-animation:popin .3s;animation:popin .3s;box-shadow:2px 2px 10px 0 rgba(0,0,0,0.75)}
#modal .modal-close{z-index:1001;float:right;text-align:right;line-height:1em;padding:3px 6px;margin:3px;}
#modal .modal-close p{font-family:arial;font-size:1.75em;font-weight:400;color:#999;margin:0;padding:0;cursor:pointer;display:inline-block}
#modal .modal-close p:hover{color:#d00;}
#modal .modal-body {margin:10px 5px;}
#modal .modal-button-div{z-index:1001;position:absolute;right:10px;bottom:5px;text-align:center;}
#modal iframe {width:99%;height:460px;border:1px solid #FEFEFE;border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;}

@media only screen and (max-width:480px){#modal .modal{height:400px;min-height:400px;} .modal-body {margin:5px 0 5px 0;} #modal iframe {min-height:350px;}}

@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}
@keyframes fadein{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

div.container {width:100%;}

.fixed{
  top:0px;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  background-color:#60574b;
  border-bottom:0px solid #60574b;
  box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);
  box-sizing: border-box;
  z-index:2;
}

.dot-fff{height:10px;width:10px;background-color:#fff;border-radius:50%;display:inline-block;}
.dot-eee{height:10px;width:10px;background-color:#eee;border-radius:50%;display:inline-block;}
.dot-bbb{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;}
.dot-f00{height:10px;width:10px;background-color:#f00;border-radius:50%;display:inline-block;}
.dot-0b0{height:10px;width:10px;background-color:#0b0;border-radius:50%;display:inline-block;}
.dot-ff0{height:10px;width:10px;background-color:#ff0;border-radius:50%;display:inline-block;}


.dot-fb6{height:10px;width:10px;background-color:#fb6;border-radius:50%;display:inline-block;}
.dot-6bf{height:10px;width:10px;background-color:#6bf;border-radius:50%;display:inline-block;}
.dot-96f{height:10px;width:10px;background-color:#96f;border-radius:50%;display:inline-block;}

/* Clearable text inputs */
.clearable{
  background: #fff url(../images/ix.gif) no-repeat right -10px center;
  color:#000;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px !important;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; color:#06f; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */

.c06f {color:#06f;}

input:focus, select:focus, textarea:focus {outline:0;border-color:#69d;}

.arrow-steps {
	position: relative;
	margin:0 auto;
	width:940px;
	z-index: -1;
}

.arrow-steps .step {
	font-size: 10px;
	text-align: center;
	color: #fff;
	cursor: default;
	margin: 0 3px;
	padding: 2px 10px 2px 30px;
	min-width: 180px;
	height:36px;
	float: left;
	position: relative;
	background-color: #bcf;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; 
	transition: background-color 0.2s ease;
	box-sizing: border-box;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 17px solid #bcf;
	z-index: 2;
	transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;
	z-index: 0;
}

.arrow-steps .step:first-child:before {
	border: none;
}

.arrow-steps .step:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


.arrow-steps .step:last-child:after {
	border: none;
}

.arrow-steps .step:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.arrow-steps .step span.pv-step-title {
	font-size:13px;
	position: relative;
	display:block;
}

.arrow-steps .step.max-ok {
	color:#69f;
}

.arrow-steps .step.max-ok span.pv-step-title:after {
	content: " ";
	position: absolute;
	top: 3px;
	right:0;
	width:10px;
	height:10px;
	background-color:#0b0;
	border-radius:50%;
	z-index: 2;
}

.arrow-steps .step.current {
	color: #fff;
	background-color: #23468c;
}

.arrow-steps .step.current:after {
	border-left: 17px solid #23468c;
}

.arrow-steps .step.current.max-ok span.pv-step-title:after {
	background-color:#9d9;
}

ul.hr-folder {padding:0;margin:5px;}
ul.hr-folder li{font-size:1.0em; font-weight:normal; line-height:1.25em; background-image: url("https://admin.lsalternative.com/tm/images/smarrow.gif");background-repeat: no-repeat;background-position: left center;padding:2px 15px;border-radius:2px;}

a.folder-link {font-family:verdana;font-size:11px;text-decoration:none;padding:2px 4px;border-radius:2px;display: inline-block;width:100%;}
a.folder-link:hover {background-color:#ddffdd;color:#040;box-shadow:none;}

a.folder-link.active {background-color:#ffffdd;}

.textarea-like {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border:1px solid silver;
    border-radius:2px;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    font-family: courier new;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 400px;
    background-color:#fff;
    color:#222;
    box-sizing: border-box;
}

.input-like {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px;
}

.jconfirm .jconfirm-holder {width:660px;max-width:100%;margin:0 auto;}

label.radio {color: #333333;}
label.radio:hover {color:#060;}

input[type="radio"].cradio:checked+label{color:#B32200;}

 /* mini cat input */
.mci {font-weight:normal;color:#966;text-align:right;width:24px;}
.mcib {font-weight:bold;color:#900;}

.center{text-align:center !important;}

.hover-table-column{cursor:pointer;}
.hover-table-column:hover{background-color:#DDFFDD;}
.highlighted-td{background-color:#DDFFDD;}