body{
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
*::placeholder{
    color:#ccc !important;
}

.cke_inner{
    border: 1px solid #aaa !important;
}

.form-control, .form-select{
    border:1px solid #aaa;
}

.custom-radio input[type=radio]{
    border:1px solid #aaa;
    display: inline-block;
    margin-right:5px;
}

.custom-radio label{
    margin-right:15px;
    display: inline-block;
    padding-left:5px;
    font-weight: normal;
}

.form-error{
    border-color:#cc1f1a;
    background-color: #fcebea;
}

.mandatory{
    font-weight: bold;
    color:#cc1f1a;
}

.input-alert{
    color:#cc1f1a;
}

footer{
    margin-left:0px !important;
    padding-left:78px;
}

thead, tbody, tfoot, tr, td, th{
    border-width: inherit;
    padding:2px 8px;
}

div.side-nav{
   margin-bottom: 10px;
    text-align: right;
}

div.side-nav a{
    color:#fff;
}

a.btn.btn-primary{
    color:#fff;
    margin-right:5px;
}

a.btn.view:before{
    content:"\f15b";
    font-weight: normal;
    font-family: "FontAwesome"; 
    padding-right:5px;
    color:#fff;
}

a.btn.edit:before{
    content:"\f040";
    font-weight: 900;
    font-family: "FontAwesome";
    padding-right:5px;
    color:#fff;
}

a.btn.delete{
    background-color:#cc1f1a !important;
    border-color:#cc1f1a !important;
}

a.btn.delete:before{
    content:"\f2ed";
    font-weight: 900;
    font-family: "FontAwesome";
    padding-right:5px;
    color:#fff;
}

a.btn.list:before{
    content:"\f03a";
    font-weight: 900;
    font-family: "FontAwesome";
    padding-right:5px;
    color:#fff;
}

a.btn.add:before{
    content:"\f055";
    font-weight: 900;
    font-family: "FontAwesome";
    padding-right:5px;
    color:#fff;
}

a.btn.send:before{
    content:"\f0e0";
    font-weight: normal;
    font-family: "FontAwesome";
    padding-right:5px;
    color:#fff;    
}

span.item_res{
    display: inline-block;
    padding:2px 4px;
    height:24px;
    width:30px;
    text-align: center;
    font-weight: bold;
}

.alert-success{
    background-color:#F3FFFE;
    border-radius: 5px;
    margin:5px;
    color:#333;
    border:1px solid #9EB5B4;
}

span.role{
    padding:2px 4px;
    background-color:#8B8B8B;
    color:#fff;
}

span.role3{
    background-color:#436D89;
}

span.role5{
    background-color:#358037;
}

span.role7{
    background-color:#81622A;
}

span.role9{
    background-color: #843738;
}