/*CSS for acdb*/

/*if a class name start with fm- , it id for file manager only*/
*{
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif, MS UI Gothic; 
font-size:1rem;
margin:0; 
padding:0; 
color: #3D3E6E;
}
/*
body {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
*/

select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CFD0D1;
padding:0.2em;
}

a, .CCSBinfotable a{ 
cursor:pointer; 
color:#154EF4;
text-decoration:none;
}

a:hover{
color: #AE215C;
}

body{
background:#F8F7FF url(bg-content.gif) repeat scroll left top;
}

img {
border:1px solid #EED0DA;
}

table {
color:inherit;
font-family:inherit;
font-size:inherit;
border:1px solid #565AB9;
border-collapse:collapse;
border-spacing:0;
margin:0 auto;
}

table th {
background-color:#565AB9;
color:#FFFFFF;
font-weight:normal;
padding:0.2em 0.3em;
text-align:left;
text-transform:capitalize;
vertical-align:middle;
}

table th a{
color:#FFF;
}

table td {
vertical-align:middle;
border-bottom:1px dotted #D3D7E2;
padding:0.2em 0.3em;
}

ol,ul{
list-style-type:none;
}

form textarea{
width:100%;
height:20em;
}

input[type="submit"], button{
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #CCCCCC;
}

input[type="submit"]:hover, button:hover{
	background-color: #F5F7FF;
	color: #AE215C;
}

input[type="text"], input[type="password"], input.text, textarea {
background:#FAFAFA none repeat scroll 0 0;
border:1px solid #CFD0D1;
padding:0.2em;
box-sizing: border-box;
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
border:1px solid #DC9ABF;
}

table tr.even{
background-color:#E5E0E5;
}

.paragraph p{
padding: 0.5em 0em;
}

.sortable th{
cursor:pointer;
}

.sortable th:hover{
background-color:#353A8F;
}

.attnrec-rules li{
padding-left:1em;
}
.attnrec-rules ul{
padding:1em;
}

.ac_header{
background:transparent url(bg.png)  repeat-x scroll center top;
height:150px;
}

.ac_banner { 
background:transparent url(bnr.png)  no-repeat scroll left top;
height:150px;
}

.footer *{
color:#85809F;
font-size:10px;
}

.align-left, .CCSBscorelist{
text-align:left;
}
.footer table,.CCSBeditgen_comments {
border:0px; 
text-align:left;
width:100%;
}

.caution {
background:#DFF1FF none repeat scroll 0 0;
border:1px solid #B0DAFB;
}

.cautiontitle{
color:red;
text-decoration: blink;
}

.caution h3{
color:#6470C3;
font-weight: bold;
display:block;
}

.msg.error{
background:#FFEAFC none repeat scroll 0 0;
border:1px solid #FFCBF8;
color:#AC0D72;
padding:0.7em;
}

.msg.success {
background:#FAF0FF none repeat scroll 0 0;
border:1px solid #DFC8EC;
color:#4D2F5F;
padding:0.7em;
}

.form input.inputtext {
border:1px solid #EED0DA;
color:#1E2495;
height:2em;
padding:0.3em 0.3em 0;
}

.account-info {
background:#F8F7FF url(bg-content.gif) repeat scroll left top;
border-bottom:1px dotted #D3D7E2;
top:0px;
width:100%;
padding:0px;
position:fixed;
z-index:10;
text-align:left;
}

.account-info #logout {
right:0px;
position: absolute;
}

.layout-nav *{ /*font specfication*/
font-size:13px;
}

.layout-nav a:link, .layout-nav a:visited{/*font specfication*/
display:block;
}

.layout-nav a:active, .layout-nav a:hover {/*font specfication*/
background:transparent url(stripe-pink.gif) repeat scroll left top;
color:#484B9A;
display:block;
}

.layout-nav {
padding-left:12px;
padding-top:10px;
position:absolute;
}


.availservice ul, .layout-nav ul{
background:#FFFFFF none repeat scroll 0 0;
border-color:#F3E7FF #DEC9F2 #DEC9F2 #F3E7FF;
border-style:solid;
border-width:1px;
line-height:1.5;
margin-bottom:1em;
}

#menu-private {
background-color:#7C87D8;
border-color:#6470C3 #434FA2 #434FA2 #6470C3;
}

#menu-private li {
border-bottom-color:#6470C3;
}

#menu-private a{
color:#FFFFFF;
}

#menu-private a:hover, #menu-private a:active {
background:transparent url(stripe-dkblue.gif) repeat scroll left top;
color:#FFD2FE;
}
.layout-nav ul ,.layout-nav p{
width:138px;
}
.availservice ul li, .layout-nav ul li{
border-bottom:1px solid #FFECF5;
}

.layout-content div.layout-content-header ,.layout-content div.layout-content-main ,
.layout-content div.footer{
margin-left:162px;
margin-right:12px;
}

.layout-content-header {
background-color:#F8F7FF;
border-top:1px solid #F8F7FF;
}

.layout-content-main{
background:#FFFFFF none repeat scroll 0 0;
border-color:#F3E7FF #DEC9F2 #DEC9F2 #F3E7FF;
border-style:solid;
border-width:1px;
}
.layout-content-main div{
margin-bottom: 0.5em;
}

.layout-content-header h1 {
color:#494A9C;
font-family:Arial Unicode MS,MS UI Gothic,Century Gothic,Lucida Grande,sans-serif;
font-size:1.8rem;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:small-caps;
font-weight:bold;
letter-spacing:0.1em;
line-height:normal;
margin:0 0 0.3em 0.5em;
text-align:left;
}

.layout-content-main h4 {
color:#7762ED;
border-bottom: 1px solid #D3D7E2;
font-family:"Century Gothic","Lucida Grande",sans-serif;
font-size:1.4rem;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:left;
}

.table_pass,.table_warn,.table_error{
width:500px;
}

.table_pass_note,.table_error_note,.table_warn_note{
border: 0px;
font-weight:bold;
}

.table_pass{
border:1px solid #366657;
background-color:#ECF5EB;
}

.table_pass_note{
color: #70996B;
}

.table_warn{
border:1px solid #FC0;
background-color:#FFA;
}

.table_warn_note{
color: #AFAF00;
}

.table_error{
border:1px solid #D00;
background-color:#FFE5E5;
}

.table_error_note{
color: #F00;
}


.user-info table, .sendmail table, .modpassword table, .leaveappl,.CCSBinfotable{
text-align:left;
border:0px;
}

.user-info table th, .sendmail table, .modpassword table th, .CCSBinfotable th{
background-color:transparent;
border-top:1px solid #EBE1EF;
color:#8E83A9;
padding:0.2em;
vertical-align:middle;
}
.user-info table td, .sendmail table, .modpassword table td, .CCSBinfotable td{
border-bottom:0 none;
border-top:1px solid #EBE1EF;
padding:0.2em;
}
.user-info input[type="text"], .sendmail input[type="text"],#CCSBtags_relationinput input[type="text"]{
width:40em;
}
.hide {
display:none;
}
.floatclear{
clear:both;
}

.tab_chrcss_menu{
border: 1px solid  #AAAAAA;
background-color:#F8F7FF;
position: fixed;
display: none;
z-index:11;
}

/* Hide the browser's default radio button */
.radiotd input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Labels for checked inputs */
.radiotd input[type="radio"]:checked + label {
  color: white;
  background-color: #AE215C;
}

.radiotd:hover {
border:1px solid #DC9ABF;
color:#AE215C;
}

/*The following is designed for file manager*/

.login-history-table tr:hover, #filelist tr.rowhover, #sidebar h2, #filelist th, #filelist tfoot td, 
#filelist .hover, #filelist tr.rowhover .details span.hide {
color:#FFF;
background:#7C87D8;
}

#filelist .details span.show, #filelist .details span.hide {
	cursor:pointer;
}

#filelist .hover, #filelist .filedetails ul li {
cursor:pointer;
}

#filelist .filedetails ul {
float:left;
width:60px;
}

#sidebar {
border:1px solid #565AB9;
float:left;
font-size:10px;
width:250px;
}

#status {
margin-left:280px;
text-align:center;
}

#filelist{
float:left;
text-align:left;
}

#filelist a, .imminventory_collectionitemtable label{
display:block;
}

#filelist tr.dir a, dd a, dl#searchlist dt.dir{
font-weight:bold;
}

.fm-footer,.CCSBeditgen_namelistform{
clear:both;
}

.error{
color:red;
}

.seperator {
border-top:1px solid #565AB9
}

dl#searchlist dd, dl#searchlist dd  *{
color:#666666;
font-size:10px;
}

#changecss1{
background: url("screen.svg");
background-repeat:no-repeat;
padding-left:0.1em;
padding-right:0.1em;
}

#changecss2{
background: url("mobile.svg");
background-repeat:no-repeat;
padding-left:0.6em;
padding-right:0.1em;
}

#changepasswordlogo {
background: url("change-password.svg");
background-repeat:no-repeat;
padding-left:0.8em;
padding-right:0.5em;
}

#logoutlogo {
background: url("sign-out-alt-solid.svg");
background-repeat:no-repeat;
padding-left:0.7em;
padding-right:0.5em;
}

#homeicon {
background: url("Home_Icon.svg");
background-repeat:no-repeat;
padding-left:1em;
padding-right:0.2em;
}

/*The following is designed for CCSB*/
#CCSBsearch{
position: absolute;
top:110px;
right:0px;
}
.CCSBblock{
overflow: scroll;
}
.CCSBinfocomments{
padding-top:0.5em;
padding-bottom:0.5em;
}

.CCSBinfoedit *,.CCSBinfolinks *{
font-size:12px;
}

.CCSBinfoedit ul,.CCSBinfolinks ul{
text-align: center; 
}

.CCSBinfoedit  ul li,.CCSBinfolinks ul li, .account-info ul li{
display: inline; 
padding: 0 0.7em;
}

/*.CCSBinfotable input[type="text"] textarea */
.CCSBinfotable input[type="text"],#CCSBsearch input[type="text"], #AMname, #AMfile{
width:25em;
}

.CCSBeditgen_namelist table{
display:inline;
}
.CCSBeditgen_inputfields {
width:40em;
}

.CCSBeditgen_namelist, .CCSBeditgen_inputfields, .CCSBimage{
float:left;
}
.CCSBimage{
margin-right:1em;
}
.animeDB_commentInput table{
width:100%;
}

.CCSBcustomtagcloud{
text-align: center; 
font-weight: bold;
}

.CCSBcustomtagcloud a{
size:1.2em;
padding: 1 3em;
}
.CCSBakatitle {
color:#555;
font-size:12px;
}
.CCSBblock_3{
clear:both;
}
.CCSBauto_complete{
z-index:10;
background-color:#FFF;
}

.CCSBauto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}
.CCSBauto_complete ul li,.ministorage_photoinfo {
    margin:0;
    padding:3px;
}
.CCSBauto_complete ul li.selected {
    background-color: #ffb;
}
.CCSBauto_complete ul strong.highlight {
    color: #800; 
    margin:0;
    padding:0;
}
#CCSBeditgen_inputcomments table, #CCSBeditgen_inputcomments2 table{
    width: 100%;
}

#AMtime, .timestamp{
	white-space:nowrap;
}

.ministorage input[type="text"], .ministorage input[type="password"],
.imminventory input[type="text"], .imminventory input[type="password"],
.imminventory_nameInput, .imminventory_blobtable input[type="text"],
.imminventory_potable input[type="text"]
{
/*style="width: 100%;"*/
	width:100%;
}

.imminventory_qtyInput {
	width:4em;
}

.imminventory_modelInput {
	width: calc(100% - 7em);
}

.imminventory_movementtable td, .imminventory_itemtable td, .imminventory_dotable td, 
.imminventory_stocktable td, .admin_userlist td, .imminventory_blobtable td,
.imminventory_blobtable td{
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #565AB9;
}

.imminventory_poitemtable, .imminventory_blobtable .blobthdesc{
	min-width:75%
}

.imminventory_potable .poref{
	min-width:85%
}

.imminventory_uatindicator{
	 color: red;
}

.imminventory_blobtable input[type="date"]{
	min-width: max-content;
}