@charset "utf-8";

/*------------------------------------------------------------
    固有定義
-------------------------------------------------------------*/

.align-center { text-align: center; }
.align-right  { text-align: right; }
.align-left   { text-align: left; }
.valign-top   { vertical-align: top; }
.valign-middle   { vertical-align: middle; }
.valign-bottom   { vertical-align: bottom; }

.width80 { width: 80%;}
.width85 { width: 85%;}
.width90 { width: 90%;}
.width95 { width: 95%;}

.m0   { margin: 0px !important; }
.m0-t { margin-top: 0px !important; }
.m0-r { margin-right: 0px !important; }
.m0-b { margin-bottom: 0px !important; }
.m0-l { margin-left: 0px !important; }

.m2   { margin: 2px !important; }
.m2-t { margin-top: 2px !important; }
.m2-r { margin-right: 2px !important; }
.m2-b { margin-bottom: 2px !important; }
.m2-l { margin-left: 2px !important; }

.m3   { margin: 3px !important; }
.m3-t { margin-top: 3px !important; }
.m3-r { margin-right: 3px !important; }
.m3-b { margin-bottom: 3px !important; }
.m3-l { margin-left: 3px !important; }

.m5   { margin: 5px !important; }
.m5-t { margin-top: 5px !important; }
.m5-r { margin-right: 5px !important; }
.m5-b { margin-bottom: 5px !important; }
.m5-l { margin-left: 5px !important; }

.m4   { margin: 4px !important; }
.m4-t { margin-top: px !important; }
.m4-r { margin-right: 4px !important; }
.m4-b { margin-bottom: 4px !important; }
.m4-l { margin-left: 4px !important; }

.m7   { margin: 7px !important; }
.m7-t { margin-top: 7px !important; }
.m7-r { margin-right: 7px !important; }
.m7-b { margin-bottom: 7px !important; }
.m7-l { margin-left: 7px !important; }

.m8   { margin: 8px !important; }
.m8-t { margin-top: 8px !important; }
.m8-r { margin-right: 8px !important; }
.m8-b { margin-bottom: 8px !important; }
.m8-l { margin-left: 8px !important; }

.m10   { margin: 10px !important; }
.m10-t { margin-top: 10px !important; }
.m10-r { margin-right: 10px !important; }
.m10-b { margin-bottom: 10px !important; }
.m10-l { margin-left: 10px !important; }

.m15   { margin: 15px !important; }
.m15-t { margin-top: 15px !important; }
.m15-r { margin-right: 15px !important; }
.m15-b { margin-bottom: 15px !important; }
.m15-l { margin-left: 15px !important; }

.m20   { margin: 20px !important; }
.m20-t { margin-top: 20px !important; }
.m20-r { margin-right: 20px !important; }
.m20-b { margin-bottom: 20px !important; }
.m20-l { margin-left: 20px !important; }

.m25   { margin: 25px !important; }
.m25-t { margin-top: 25px !important; }
.m25-r { margin-right: 25px !important; }
.m25-b { margin-bottom: 25px !important; }
.m25-l { margin-left: 25px !important; }

.m30   { margin: 30px !important; }
.m30-t { margin-top: 30px !important; }
.m30-r { margin-right: 30px !important; }
.m30-b { margin-bottom: 30px !important; }
.m30-l { margin-left: 30px !important; }

.m40   { margin: 40px !important; }
.m40-t { margin-top: 40px !important; }
.m40-r { margin-right: 40px !important; }
.m40-b { margin-bottom: 40px !important; }
.m40-l { margin-left: 40px !important; }

.m50   { margin: 50px !important; }
.m50-t { margin-top: 50px !important; }
.m50-r { margin-right: 50px !important; }
.m50-b { margin-bottom: 50px !important; }
.m50-l { margin-left: 50px !important; }

.p0    { padding: 0px !important; }
.p0-t  { padding-top: 0px !important; }
.p0-r  { padding-right: 0px !important; }
.p0-b  { padding-bottom: 0px !important; }
.p0-l  { padding-left: 0px !important; }

.p2   { padding: 2px !important; }
.p2-t { padding-top: 2px !important; }
.p2-r { padding-right: 2px !important; }
.p2-b { padding-bottom: 2px !important; }
.p2-l { padding-left: 2px !important; }

.p3   { padding: 3px !important; }
.p3-t { padding-top: 3px !important; }
.p3-r { padding-right: 3px !important; }
.p3-b { padding-bottom: 3px !important; }
.p3-l { padding-left: 3px !important; }

.p4   { padding: 4px !important; }
.p4-t { padding-top: 4px !important; }
.p4-r { padding-right: 4px !important; }
.p4-b { padding-bottom: 4px !important; }
.p4-l { padding-left: 4px !important; }

.p5   { padding: 5px !important; }
.p5-t { padding-top: 5px !important; }
.p5-r { padding-right: 5px !important; }
.p5-b { padding-bottom: 5px !important; }
.p5-l { padding-left: 5px !important; }

.p7   { padding: 7px !important; }
.p7-t { padding-top: 7px !important; }
.p7-r { padding-right: 7px !important; }
.p7-b { padding-bottom: 7px !important; }
.p7-l { padding-left: 7px !important; }

.p8   { padding: 8px !important; }
.p8-t { padding-top: 8px !important; }
.p8-r { padding-right: 8px !important; }
.p8-b { padding-bottom: 8px !important; }
.p8-l { padding-left: 8px !important; }

.p10   { padding: 10px !important; }
.p10-t { padding-top: 10px !important; }
.p10-r { padding-right: 10px !important; }
.p10-b { padding-bottom: 10px !important; }
.p10-l { padding-left: 10px !important; }

.p15   { padding: 15px !important; }
.p15-t { padding-top: 15px !important; }
.p15-r { padding-right: 15px !important; }
.p15-b { padding-bottom: 15px !important; }
.p15-l { padding-left: 15px !important; }

.p20   { padding: 20px !important; }
.p20-t { padding-top: 20px !important; }
.p20-r { padding-right: 20px !important; }
.p20-b { padding-bottom: 20px !important; }
.p20-l { padding-left: 20px !important; }

.p25   { padding: 25px !important; }
.p25-t { padding-top: 25px !important; }
.p25-r { padding-right: 25px !important; }
.p25-b { padding-bottom: 25px !important; }
.p25-l { padding-left: 25px !important; }

.p30   { padding: 30px !important; }
.p30-t { padding-top: 30px !important; }
.p30-r { padding-right: 30px !important; }
.p30-b { padding-bottom: 30px !important; }
.p30-l { padding-left: 30px !important; }

.p40   { padding: 40px !important; }
.p40-t { padding-top: 40px !important; }
.p40-r { padding-right: 40px !important; }
.p40-b { padding-bottom: 40px !important; }
.p40-l { padding-left: 40px !important; }

.p50   { padding: 50px !important; }
.p50-t { padding-top: 50px !important; }
.p50-r { padding-right: 50px !important; }
.p50-b { padding-bottom: 50px !important; }
.p50-l { padding-left: 50px !important; }

.big  { font-size: 1.2em !important; }
.small{ font-size: 0.8em !important; }

.bold   { font-weight: bold !important; }
.normal { font-weight: normal !important; }

/* color */
.c-text-submit  { color: #428bca !important; }
.c-text-primary { color: #428bca !important; }
.c-text-success { color: #5cb85c !important; }
.c-text-info    { color: #5bc0de !important; }
.c-text-danger  { color: #d9534f !important; }
.c-text-warning { color: #f0ad4e !important; }
.light-red { color: #ff6666 !important; }
.red    { color: #ff0000 !important; }
.crimzon{ color: #ce413d !important; }
.pink   { color: #cc6699 !important; }
.blue   { color: #0000dd !important; }
.aqua   { color: #167FA6 !important; }
.green  { color: #008000 !important; }
.navy   { color: #1F26A9 !important; }
.yellow { color: #ffff00 !important; }
.orange { color: #f59c1a !important; }
.purple { color: #660099 !important; }
.olive  { color: #808000 !important; }
.lime   { color: #00ff00 !important; }
.gray   { color: #ccc !important; }
.dark-gray { color: #666 !important; }
.black  { color: #000 !important; }
.white  { color: #fff !important; }

.bg-white { background-color: #ffffff !important; }
.bg-yellow { background-color: #ffff00 !important; }

.underline { text-decoration: underline !important; }

.border-soli-b { border-bottom: 1px dashed #ccc !important; }
.border-dash-b { border-bottom: 1px dashed #ccc !important; }

.attention-box {
    background-color: #ffebeb !important;
    border-color: #ff0000 !important;
}

.attention-orange {
    padding: 3px 10px;
    background-color: #f59c1a;
    color: #fff;
    font-weight: bold;
}
table .attention-orange {
    padding: 3px 5px;
    background-color: #f59c1a;
    color: #fff;
    font-weight: bold;
    font-size: 0.82em;
}

.attention-red {
    padding: 3px 10px;
    background-color: #ff5b57;
    color: #fff;
    font-weight: bold;
}
table .attention-red {
    padding: 3px 5px;
    background-color: #ff5b57;
    color: #fff;
    font-weight: bold;
    font-size: 0.82em;
}

.attention-blue {
    padding: 3px 10px;
    background-color: #49b6d6;
    color: #fff;
    font-weight: bold;
}
table .attention-blue {
    padding: 3px 5px;
    background-color: #49b6d6;
    color: #fff;
    font-weight: bold;
    font-size: 0.82em;
}

input.checkbox-big {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.float-left{
	float: left;
	margin: 0 30px 20px 0 !important;
}

.float-right{
	float: right;
	margin: 0 0 20px 30px  !important;
}

/*------------------------------------------------------------
    ACL関連
-------------------------------------------------------------*/
#plugin_acl table tr th {
    background-color: #3f3834 !important;
    color: #fff !important;
}
#plugin_acl tr.color2 {
    background-color: #edf9fd !important;
}
#plugin_acl tr.color1:hover {
    background-color: #ffa2a2 !important;
}
#plugin_acl tr.color2:hover {
    background-color: #ffa2a2 !important;
}
