body {
    background-color: #eaf0f4;
}

body#loginPage {}

body#logoutPage {}

hr {
    display: none;
}

.mdb-btn {
    color: white !important;
    padding: 10px !important;
    background: rgba(20,113,218,255) !important;
    border-radius: 0px !important;
}

.popup {
    display: none;
    position: absolute;
    width: 600px;
    height: auto;
    left: 50%; top: 50%;
    margin: -155px 0 0 -300px;
    border-radius: 5px;
    background-color: #ffffff;
    z-index:10;
}

h4 {
    border-left: 5px solid #333366;
    padding-left: 3px;
    display: block;
    margin-bottom: 10px;
}



h4 span {
    background-color: #F3F3F9;
    color: #333366;
    display: inline-block;
    font-weight: bold;
    line-height: 2.5em;
    padding: 0 1%;
    width: 98%;
}

.sort-item {
    color: #000;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: 1px solid #000;
    text-indent: 13px;
    margin: 5px 0;
    padding: 5px;
}

#loginPage #header,
#logoutPage #header {
    height: 50px;
    border-bottom: #000 25px solid;
    margin-bottom: 40px;
}

#loginPage #container,
#logoutPage #container {
    border-top: #000 1px solid;
}

#site-title img {
    margin: 0;
    margin-top: 25px;
    margin-left: 100px;
}

#loginPage #site-title img {
    margin: 0;
    margin-top: 25px;
    margin-left: 100px;
}

#header {
    background-color:#FFFFFF;
    border-bottom-color:#FFFFFF;
    border-bottom-style:solid;
    border-bottom-width:5px;*/
    margin:0 auto;
}

#headUniLogo img {
    margin: 10px 5px 10px 30px;
}

#header h2{
    padding-top: 10px;
    padding-left: 20px;
    display: block;
    height: 30px;
    width: 200px;
}

#headerInner {
    width: 90%;
    margin: 0 auto;
}

#headerInner img {
    max-height: 60px;
}


#footerNavi{
    background: #01a0c7;
}

/*各ページ CSS */

.pagerBox {
    margin: 3px 0;
    float: right;
}
.pagerBox ol li {
    display: inline;
    margin: 0 3px;
    color: #FF0000;
}

.pagerBox ol li span.pointer {


}

.pagerBox ol li a {
    color: #3CA8C4;
}


#menuBlock p , #globalMenuArea, #containerInner {

}

#containerInner {
    padding-top: 20px;
    padding-bottom: 30px;
}

#loginPage #containerInner {
}

#logoutPage #containerInner {
}

.caption {
    margin: 10px 5px 10px 10px;
    line-height: 1.7em;
}

.btn-td {
    display: block; 
    margin: auto; 
    width: 86px;
}

.from-button-box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;/*[2015.08.29][Design][DuyDD1]Add*/
    padding-bottom: 5px;/*[2015.08.29][Design][DuyDD1]Add*/
}

.from-button-box .clear {
    float: left;
}

.from-button-box .submit {
    /*float: right;[2015.08.31][Design][TanTM2]Del*/
    /*[2015.08.31][Design][TanTM2]Add Start*/
    float: left;
    margin-left: 46%;
    /*[2015.08.31][Design][TanTM2]Add End*/
}
.from-button-box .center {
    margin: 0 auto;
}

.btn {
    text-decoration: none;
    text-align: center;
    display: block;

    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color:#111;
    width: 98px;
    padding: 5px 0;
    margin: 10px 2px;
}

.btn-action {
    text-decoration: none;
    text-align: center;

    background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color:#111;
    padding: 6px 12px;
    border-radius: 6px;
}

.btn-action:hover {
    border-top-color: #dbd8db;
    background: #dbd8db;
    color: #080808;
}

.flag-notice {
    color: red;
}

/*[2015/11/18][No110][BacLC] Add Start*/
.btn-action:disabled {
    border-top-color: #dbd8db;
    background: #dbd8db;
    color: #080808;
}
/*[2015/11/18][No110][BacLC] Add End*/

h1 {
    font-size: 140%;
    font-weight: bold;
    padding: 2px;
    margin: 10px 0 0;
    background-color: #333366;
    color: #FFF;
}

h1 span {
    border-left: 5px solid #FFFFFF;
    text-indent: 5px;
    padding: 5px;
    display: block;
}

.clearfix {
    display: block;
}

.clearfix:after {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* ここから Mac IE5 を除外 \*/
* html .clearfix {
    height: 1%;
}
/* ここまで Mac IE5 を除外 */


.pdf-file {
    background-image: url("../images/icon_pdf.gif");
    background-position: 0 center;
    background-repeat: no-repeat;
    text-indent: 20px;
    line-height: 20px;
}

/*メニュー　*/
.menuArea {
    background-color:#FFFFFF;
}

#menuBlock {
    padding: 7px 0 3px 0;
    background-color:#F1F1F1;
    margin: 0 auto;
    font-size: 95%;
    color: #000;
}

#menuBlock a{
    color: #000;
}

#menuBlock .infoBox {
    padding: 0 3px;
    float: left;
    width: 45%;
    text-align: left;
}

#menuBlock .infoBox span {
    font-weight: bold;
}

#menuBlock .infoBox span.new {
    background-image: url("../images/new.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}

#menuBlock .linkBox {
    padding: 0 3px;
    /*width: 45%;[2015.08.28][Design][TanTM2]Del*/
    width: 50%;/*[2015.08.28][Design][TanTM2]Add*/
    float: right;
    text-align: right;
}

#menuBlock p {
    display: inline;
    padding: 0 5px;
}

#edit-user-info-block th {
    text-align: center;
}
#edit-user-info-block span {
    display: block;
    float: right;
}

#globalMenuArea {
    background-color: #01a0c7;
    text-align: center;
}

#globalMenuArea ul {
    display: inline-block;
    margin: 0 auto;
}

#globalMenuArea li {
    display: inline;
    float: left;
    height: 30px;/*[2015.08.28][Design][TanTM2]Add*/
}

#globalMenuArea li a {
    display: block;
    padding: 3px 10px 5px;
    margin: 0 5px;
    color: #FFFFFF;
}

#globalMenuArea li a.active {
    border-bottom-color:#2C3E50;
    border-bottom-style:solid;
    border-bottom-width:5px;
    color:#FFFFFF;
}

.function-block{
    /*border:dotted 1px #666666;*/
    background-color: #EEEEEE;
    padding: 14px;
}

.function-block .dataInfoBox {
    background-color: #666666;
    margin: 11px 0 0;
    padding: 3px 3px;
}

.function-block .dataInfoBox .dataName{
    float: left;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 3px solid #FFFFFF;
    padding: 0 0 0 5px;
}


.function-block .dataItem .data-pubcheck-box {
    margin: 5px 0;
    padding: 3px 5px;
    background-color: #F3F3F9;
}

.function-block .dataItem .data-table input,
.function-block .dataItem .data-table textArea,
.function-block .dataItem .data-table select {
    width: 90%;
    padding: 2px;
}

.function-block .dataItem .textCount-box {
    text-align: right;
    padding:  0px 2px 2px;
    width: 90%;
}

.function-block h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

.function-block .file {
    color: #333;
    width: 175px;
    margin-left: auto;
}

.function-block .file a {
    text-decoration: underline;
    color: #000000;
}


.function-block .home {
    display: block;
    float: right;
    margin: -30px 0 30px;
}

* html  .function-block .home {
    line-height: 1em;
    margin: 0 0 10px;
}

.function-block .description {
    font-size:11px;
    color: #666666;
    margin-bottom:20px;
    border-bottom:solid 1px #999999;
    padding-bottom:10px;
}

.function-block .inputBox {
    padding: 10px 0;
}


.function-block .inputBox label {
    display: block;
    font-weight:bold;
    padding: 0 10px 0 5px;
    vertical-align: bottom;
}

.function-block .inputBox .ex{
    color:#333;
    display:block;
    font-size:90%;
    font-weight:normal;
    clear: both;
    text-align: right;
    margin: 3px 5px 0;
}

.function-block .inputBox input, .function-block .inputBox textarea, .function-block .inputBox select{
    font-size:12px;
    padding:4px;
    margin-top: 0.6em;
    width: 100%;
}

.function-block .buttonBlock {
    margin: 30px auto 2px;
    text-align: center;
    border-top:solid 1px #999999;
}

.function-block .captionBox {
    padding: 7px 10px 0;
    background-color: #FFF;
}
.function-block ol {
    list-style-type: decimal;
    background-color: #FFF;
    padding: 4px 0 4px 30px;
}

.function-block li {
    padding: 2px;
}

.function-block .download {
    float: right;
    margin: 0 20px 0 0;
}

.function-block .captionBox span {
    padding-left: 4px;
    border-left: 3px solid #FF0000;
    font-weight: bold;
}


.function-block{
    /*border:dotted 1px #C5E3E8;*/
    background-color: #F9F9F9;
    padding: 14px;
    margin:  5px 5px 0px;
}


.function-block h2 span {
    color: #FFF;
    font-weight: bold;
    background-color: #777;
    line-height: 3em;
    padding: 0 2%;
    width: 96%;
    display: inline-block;
}

/*修道 */

.headLogo {
    margin: 25px 0 0;
}

/* ログイン画面 login.html */
.login-box {
    width: 410px;
    padding: 5px;
    background-color: #EEE;
    border: #CCC solid 1px;
    margin: 40px auto;
    float: left;
}

.login-box .login-label {
    padding: 5px 10px 7px;
    color: #333333;
    font-weight: bold
}

.login-box table.login-table{
    margin: 0.2em auto 1em;
    width: 400px;
    border-collapse: separate;
    border-spacing: 5px;
    font-size: 100%;
    border: none;
    background: none;
}

.login-box table th {
    width: 100px;
    background-color: #CCC;
    text-align: center;
    padding: 0;
    border: none;
}

.login-box table td {
    padding: 0;
    border: none;
    height: 1.5em;
}

.login-box .text-label {
    padding: 5px;
    font-size: 14px;
}

.login-box .text-input {
    width: 280px;
    padding: 5px;
    font-size: 14px;
}

.login-box input.login-button {
    display: block;
    width : 100px;
    height: 2.5em;
    margin: 0 auto;
}

.error-box ul.feedbackPanel{
    width: 330px;
    margin: 0.2em 0 1em;
    padding: 8px;
    border: #FF1493 double 3px;
    background-color: #FFB6C1;
    border-radius: 10px;
}


/*ホーム画面 index.htmlCSS*/
.contentArea {
    width: 950px;
    margin: 0 auto;
}

.first-area{

}


#home-container .first-area .user-select-box {

}

#home-container .first-area .update-log {
    margin: 5px 0;
}

#home-container .first-area .update-log table{
    width: 100%;
}

#contentsWrapInner {
    width: 100%;
    margin: 0 auto;
}

.link-box  {
    margin: 0px;
    background-color: #FFF;
}

.link-box .link {
    background-image: url("../images/icon_external.gif");
    background-position: left center;
    background-repeat: no-repeat;
}
.second-area .link-box {
    margin: 20px 0 0;
    background-color: #F0F0F0;
    padding-bottom: 10px;
}

.second-area .link-box a {
    display: block;
}


.link-box .link.point {
    padding: 5px 12px 5px 20px;
}

.second-area .info-box {
    margin: 20px 0 0;
    background-color: #F0F0F0;
}

.second-area .info-box div {
    padding: 10px 10px 15px;
    background-color: #F0F0F0;
}

.second-area .info-box dl {
    display: block;
    padding: 20px 5px;

}

.second-area .info-box dl dt {
    margin: 8px 0 0 0;
    border-left:  2px solid #575757;
    text-indent:  3px;
}

.second-area .info-box dl dd {
    padding:  3px 5px 5px;
}

.menu-box {
    background-color: #F0F0F0;
    float: left;
    width: 100%;
}

a.link {
    padding: 5px 12px 5px 20px;
/*    for webupdate*/
    /*background-image: url("../images/icon_external.gif");*/ 
    background-repeat:no-repeat;
    background-position: left center;
    line-height: 3em;
}

.second-area .menu-box a.link  {
    display: block;
    background: url("../images/point.gif") no-repeat 15px center;
    padding-left: 40px;
    margin: 0;
}

.second-area {
    float: left;
    width: 13%;
    padding-top: 1px;
    background-color: white;
}

.second-area h3 {
    display: block;
    padding: 3px 5px;
    background-color: #000;
    border: none;
    color: #FFF;
}

.second-area .informasion {
}

.second-area .informasion dl {
    display: block;
    margin: 5px;
}

.second-area .informasion dl dt{
    margin: 8px 0 0 0;
    border-left:  2px solid #000;
    text-indent:  3px;
}

.second-area .informasion dl dd{
    padding:  3px 5px 5px;
}

.second-area .link-box {
    margin: 20px 0 0 0;
}

.second-area .link-box a {
    margin: 8px 0 3px 5px;
    display: block;
}

.second-area h4 {
    background-color: #FFF;
    /*border: 1px solid #CCC;*/
    border-bottom: 1px solid #CCC;
    border-left: unset;
/*    border-bottom: 5px solid #575757;*/
    padding: 10px;
    margin-bottom: 0px;
    font-size: 120%;
    font-weight: bold;
}

#footer {
    width: 100%;
    margin: 0;
}

#csvdatadownload-container .first-box,
#formdownload-container .first-box {
    float: left;
    width: 230px;
    margin: 0 10px;
}

#csvdatadownload-container .first-area select,
#formdownload-container .first-area select {
    width: 230px;
    margin: 0;
}

#csvdatadownload-container .first-area input,
#formdownload-container .first-area input {
    width: 100px;
    display: block;
    float: right;
}

#csvdatadownload-container .first-area form,
#formdownload-container .first-area form {
    margin: 0 0 10px;
}

#csvdatadownload-container .first-area .form-view-box,
#formdownload-container .first-area .form-view-box {
    width: 570px;
    height: 300px;
    overflow: auto;
    border: 1px solid #CCC;
    background-color: #EEE;
}

#csvdatadownload-container .first-area .form-img {
    width: 500px;
    display: block;
    margin: 10px auto;
}


#firstContainer {
    float: right;
    width: 680px;
}

#secondContainer {
    float: left;
    width: 170px;
}

#secondContainer form {
    margin-top: 20px;
}

#secondContainer button {
    display: block;
    width: 170px;
    margin:  5px 0;
}

/* WEB編集画面 */
.edit {
    white-space: nowrap;
}

.center {
    text-align: center;
}

.tableContainer {
    margin: 0 0 20px;
    width: 100%;
    overflow: auto;
}

.tableContainer table {
    width: 100%;
}

.dataEditHaderLine {
    background-color: #C5E3E8;
    margin: 0 0 5px;
    padding:5px;
}

.function-block{
    margin: 10px auto;

}

.function-block .review_box{
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 10px;
    border: 1px solid #BDC3C7;
    height: 300px;
    width: 600px;
    overflow: scroll;
}

.function-block.main {
    float: right;
    width: 57%;/*[2015.09.01][Design][TanTM2]Add*/
     /*width: 82%; anhht new design*/
}

/* anhht*/
/*.function-block.mainSetting {
    width: 100%;
}*/
/*[2015.09.01][Design][TanTM2]Add Start*/
.function-block.mainSetting {
    float: right;
    width: 76%;
}
/*[2015.09.01][Design][TanTM2]Add End*/

.function-block{
    padding-top: 10px;
}

.function-block.info{
    margin: 10px auto;
    width: 400px;
}

.dataInfoBox {
    background-color: #EEE;
    margin: 11px 0 0;
    padding: 3px 3px;
}

.dataInfoBox .dataName{
    float: left;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 3px solid #FFFFFF;
    padding: 0 0 0 5px;
}
.dataInfoBox .dataType{
    float: right;
    color: #FFFFFF;
}

.function-block h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

.breadcrumb #role-name {
    border: 2px solid rgba(23, 43, 77, 0.8);
    padding: 5px;border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.function-block .file {
    color: #333;
    width: 175px;
    margin-left: auto;
}

/*.function-block .step-box .clearfix h3{*/
/*    border-left: 5px solid #333366!important;*/
/*    display: block!important;*/
/*    margin-bottom: 10px!important;*/
/*    !*background-color: #F3F3F9;*!*/
/*    line-height: 2.5em;*/
/*    padding: 0 1%;*/
/*    width: 98%;*/
/*    font-size: 13px;*/
/*}*/

.step-box-title {
    border-left: 5px solid #333366!important;
    display: block!important;
    margin-bottom: 10px!important;
    line-height: 2.5em;
    padding: 0 1%;
    width: 98%;
    font-size: 14px !important;
}

.function-block-title {
    padding: 0px !important;
    margin: -10px 0px 20px 0px;
    font-size: 14px;
}

.function-block .file a {
    text-decoration: underline;
    color: #000000;
}


.function-block .home {
    display: block;
    float: right;
    margin: -30px 0 30px;
}

* html  .function-block .home {
    line-height: 1em;
    margin: 0 0 10px;
}

.function-block .description {
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #999999;
    padding-bottom:10px;
}

.function-block .inputBox {
    padding: 10px 0;
}


.function-block .inputBox label {
    display: block;
    font-weight:bold;
    padding: 0 10px 0 5px;
    vertical-align: bottom;
}

.function-block .inputBox .ex{
    color:#333;
    display:block;
    font-size:90%;
    font-weight:normal;
    clear: both;
    text-align: right;
    margin: 3px 2px -5px 2px;
}

.function-block .inputBox input,  .function-block .inputBox textarea, .function-block .inputBox select{
    font-size:12px;
    padding:4px;
    margin-top: 0.6em;
    width: 100%;
}


.function-block .buttonBlock {
    margin: 30px auto 2px;
    text-align: center;
    border-top:solid 1px #999999;
}

#editPage .function-block{
    width:652px;
}

#editPage .function-block .inputBox {
    border-bottom: 1px #999999 dotted;
}

#editPage .function-block .inputBox input, .function-block .inputBox textarea{
    width: 642px;
}

#dataSheetPage .function-block .inputBox {
    margin: 0 0 10px 0;
}

#dataSheetPage .function-block .inputBox label{
    width: 230px;
    float: left;
    margin: 24px 0 2px;
}

#dataSheetPage .function-block .inputBox .small{
    width:760px;
    clear: both;
}

#dataSheetPage .function-block .inputBox input, .function-block .inputBox textarea{
    padding: 4px 4px 4px 2px;
    margin-top: 0.6em;
    width: 100%;
    float: left;
}

#dataSheetPage .function-block .captionBox {
    padding: 7px 10px 0;
    background-color: #FFF;
}

#dataSheetPage .function-block .captionBox span {
    padding-left: 4px;
    border-left: 3px solid #FF0000;
    font-weight: bold;
}

#dataSheetPage .function-block ol {
    list-style-type: decimal;
    background-color: #FFF;
    padding: 4px 0 4px 30px;
}

#dataSheetPage .function-block li {
    padding: 2px;
}

.download {
    float: right;
    margin: 0 20px 0 0;
}
#secondContainer {
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
}

#editPage .group {
    display: block;
    padding: 5px 5px 5px 10px;
    color: #000000;
    background-color: #CCCCCC;
    border-bottom: 1px #000000 dotted;
}

#editPage .item {
    display: block;
    padding: 5px 5px 5px 20px;
    color: #000000;
    border-bottom: 1px #000000 dotted;
}

#editPage .edit {
    border-left: 3px solid #000;
}

.dataInfoBox input {
    vertical-align: middle;
}

.dataInfoBox label{
    padding: 0 7px 0 3px;
}

#userdata-container form label {
    padding: 0 5px 0 0;
}
#userdata-container .inputBox {
    float:left;
    width: 500px;

}

#userdata-container .search-button {
    float:right;
}

#sub-menu-box {
    border-bottom: 1px dotted #37679A;
}

/*/////////////////////////////

table 

/////////////////////////////*/

.table {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.table th,
.table td {
    padding: 3px;
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}


.table th {
    background: #f8f8f8;
}

.table .ex {
    display: block;
    color: #FF1493;
    padding: 5px 3px 0 25px;
}

#fixed-div {
    position: fixed;
}

/*/////////////////////////////

input 

/////////////////////////////*/

.button {
    width: auto;
    height: 30px;
    display: block;
    margin-top: 20px;
}

.button.center {
    margin-left : auto;
    margin-right : auto;
    margin-bottom: 10px;
    min-width: 100px;
    display: block;
}

.button-inline-block {
    width: 100px;
    height: 30px;
    display: inline-block;
    margin-top: 20px;
    padding-bottom: 20px;
}

.data-pubsearch label{
    font-size: 17px;
    margin-bottom: 30px;
    font-weight: bold;
    margin-top: 30px;
}

.pubsearch-checkbox input{
    position:fixed;
    left:360px;
}

.data-pubsearch .pubsearch-checkbox label{
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: normal;
}


.select {

}

.text {
    /*width: 50%;[2015.08.31][Design][TanTM2]Del*/
    width: 75%;/*[2015.08.31][Design][TanTM2]Del*/
}


/*/////////////////////////////

function-block 

/////////////////////////////*/

.function-block h3 {
    /*padding: 5px;*/
    margin-bottom: 20px;
    /*background-color: #EEE;*/
    /*border-bottom: #000 solid 5px;*/
}

.function-block h3 {
    display: block;
    /*padding: 7px 5px 0px 10px;*/
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.table-info-user tr {
    text-align: left !important;
}


.function-block .step-box {
    background-color: #FFF;
    /*padding: 20px; Baclc no43 Delete*/
    padding: 0px; /*Baclc No43 Add*/
    margin-bottom: 30px;
}

.function-block .step-box label {
    padding: 0 5px 0 10px;
}

.function-block p {
    padding: 10px 0 0 10px;
}

.function-block label .error {
    color: #F00;
    padding-left: 1em;
}

.function-block input.required {
    background-color: #FFE2E2;
}

.function-block select.required {
    background-color: #FFE2E2;
}

.function-block textarea.required {
    background-color: #FFE2E2;
}

/*
.function-block input.disabled {
    background-color: #FFF;
    color: #000;
}

.function-block select.disabled {
    background-color: #FFF;
    color: #000;
}

.function-block textarea.disabled {
    background-color: #FFF;
    color: #000;
}
*/

.function-block input.error {
    background-color: #FF99D1;
}

.function-block .button-style{
    margin-top: 10px;
    border: 1px solid #CACACA;
    text-decoration: none;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    border-radius: 0px;
    font: 12px Arial;
}
.function-block .richTextChooseTemplate{
    float: right;
}
.function-block .file-upload-box span.title {
    margin: 7px 10px 0 0;
    width: 70px;
    display: block;
    float: left;
}

.function-block .file-upload-box a {
    display: block;
    float: right;
    margin: 7px 0 0 0;
}

/*.function-block .file-upload-box image{
    float: right;
    height: 150px;
}*/

.function-block .html-template .title {
    margin-left: 50px;
    margin-bottom: 20px;
}

.function-block .file-upload-box input {
    padding:  2px;
    margin-bottom: 10px;
    width: 200px;
}

.function-block .file-upload-box input.file-checkbox{
    width: 50px;
}

.function-block .file-upload-box div.createdate-block{
    margin-top: 10px;
    margin-bottom: 5px;
}

.function-block .file-upload-box div.thumbnail-block{
    float: right;
    padding-right: 35px;
    padding-bottom: 20px;
}

.function-block .file-upload-box div.thumbnails{
    width: "120";
}

.function-block .file-upload-box button {
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
}

.function-block .file-upload-box .button {
    height: auto;
}

.account-list-block .pagerBox {
    padding: 0 0 0 40px;
}

.account-list-block .pagerBox ol {
    padding: 0;
}

.account-list-block .pagerBox ol {
    padding: 0 0 0 40px;
}


#newuser-container .function-block div{
    margin: 0 0 10px 0;
}

#container {
    min-width: 950px;
}


.inputset {
    display: inline;
}

div.link-box {
}

.informasion div {
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.form-img {
    text-align: center;
    padding: 10px;
    height: 500px;
}

.link {
    line-height: 1.5em;
    padding-left: 10px;
    margin: 5px 5px 5px 10px;
}

.achievement-menu-box {

    display: block;
    background-color: #FFF;
    margin-bottom: 21px;
    /*border: 1px solid #F0F0F0;*/
}
/*#F0F0F0;*/
.level_1 {
    /*background: url("../images/point.gif") no-repeat 5px center #FFF;*/
    background: url("../images/point2.gif") no-repeat 5px center #FFF; /*for webupdate*/
    border-color: #FFFFFF #EEEEEE #DDDDDD;
    border-style: solid;
    border-width: 2px 1px 1px 0px;
    font-size: 100%;/* 110 update fow webupdate*/
    vertical-align: middle;
    margin: 0;
    padding: 5px 0 5px;
    cursor: pointer;
}

.menu_level_1 {
    background: url("../images/point.gif") no-repeat 5px center #F0F0F0;
    border-color: #FFFFFF #EEEEEE #DDDDDD;
    border-style: solid;
    border-width: 2px 1px 1px;
    font-size: 110%;
    vertical-align: middle;
    margin: 0;
    padding: 7px 0 7px;
    cursor: pointer;
}

.menu_level_1, .menu_level_2, .menu_level_3, .menu_level_4 {
    background: none !important;
    padding: 6px 0;
    /*border-top: 1px solid #DDD*/
}

.menu_level_1 input[type=checkbox] {
    margin-left: 5px;
}


.level_1 span {
    margin-left: 15px;
    display: inline-block
}


.level_2 {
    background: url("../images/point2.gif") no-repeat 10px center white;
    font-size: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 6px 0;
    cursor: pointer;
    border-top: 1px solid #DDD
}

.menu_level_2 {
    background: url("../images/point2.gif") no-repeat 10px center #FAFAFA;
    font-size: 110%;
    vertical-align: middle;
    margin: 0;
    padding: 6px 0;
    cursor: pointer;
    border-bottom: 1px solid #DDD
}

.menu_level_2, .menu_level_3 {
    padding-left: 1em;
}

.level_2 a span,
.level_2 span em span {
    margin-left: 40px;
    display: inline-block
}

.level_3 {
    background: url("../images/point3.gif") no-repeat 15px center;
    font-size: 100%;
    vertical-align: middle;
    padding: 6px 0 6px 35px;
    cursor: pointer;
    border-bottom: 1px dotted #F0F0F0;
}

.menu_level_3 {
    background: url("../images/point3.gif") no-repeat 15px center;
    font-size: 110%;
    vertical-align: middle;
    padding: 6px 0 6px 16px;
    cursor: pointer;
    border-bottom: 1px solid #e9e9e9;
}

.menu_level_4 {
    padding-left: 2em;
    border-bottom: 1px dotted #F0F0F0;
}

.achievement-menu-box a {
    background: none;
}

.achievement-menu-box input[type=checkbox] {
    vertical-align: middle;
}

.function-block .dataInfoBox .dataName {
    border-left: 3px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 5px;
}


/*#achevements-search-modal*/
#d_clip_button.hover { background-color:#eee; }

.preview {
    text-align: right;
}

#rr-preview {
    background-color: #FFF;
    margin:20px;
}

#rr-preview .data-list{
}

#rr-preview h2 {

}

#rr-preview .data {
    margin: 20px;
}

#rr-preview .table.no_01 {
    width:500px;
}

/*更新履歴*/
.summary {
    background-color: #DCDCDC;

}

tr.identify-item td {
    background-color: #FFFF66;
}

tr.update-item td {
    background-color: #FF9999;
}

.identify-item-color{
    background-color: #FFFF66;
}

.update-item-color {
    background-color: #FF9999;
}

.main-achievement-box {
    padding: 3px;
    background-color: #DFDFDF;
}

#lay-main .function-block {
    background-color: white; 
    border-radius: 5px;
}
#headlineArea {
    border-bottom: 1px dashed #313740;
    margin-bottom: 15px;
    /*padding-top:10px;[2015.08.29][Design][DuyDD1]Add*/
}

#headlineArea h1 {
    background: none;
    color: #000;
}

#headlineArea h1 span {
    border: none;
}

#headlineArea .manual {
    float: right;
}

#headlineArea .caption {
    /*color: #fbfbfb;*/
}

.contents {
    max-width: 100%;
    margin: 0 auto;
    height: 600px;
    padding-top:10px;/*[2015.08.29][Design][DuyDD1]Add*/
}

.list {
    float: right;
    width: 84%;
}


.list .header {
    background-color: #a0b2c0;
    padding: 5px 7px;
    color: #FFF;
    font-weight: bold;
    font-size: 120%;
}
.list .header input {
    margin-left: 10px;
}


.list .submit {
    border-top: 1px #c2cfd9 dashed;
    background-color: #f9fafb;
    text-align: center;
    padding: 10px;
}

.list .header .commit {
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: linear-gradient(top, #fbfbfb, #e1e1e1);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    border: 1px solid #d4d4d4;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    font-weight: 300;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #666666;
    text-shadow: 0 1px 1px white;
    margin: 0;
    text-decoration: none;
    text-align: center;
    background-color: #1da1cb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #1da1cb;
    color: white;
    text-shadow: none;
    border: none;
}

.list .header .cancel {
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
    background-color: #eeeeee;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
    background: linear-gradient(top, #fbfbfb, #e1e1e1);
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    border: 1px solid #d4d4d4;
    height: 32px;
    line-height: 32px;
    padding: 0px 10px;
    font-weight: 300;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #666666;
    text-shadow: 0 1px 1px white;
    margin: 0;
    text-decoration: none;
    text-align: center;
    background-color: #1da1cb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #e54028;
    color: white;
    text-shadow: none;
    border: none;
}

.list .header .search {
    display: block;
    width:100px;
    margin: 0 0 0 auto;
    font-size: 90%;
    color: #666;
    background-color:#FFF;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}

.li {
    background-color: #FFF;
    display: block;
    height: 100%;
    overflow: auto;

}


#ronbun-db-mainte-page .li {
    height: 650px;
}

.item-count-box {
    padding: 3px 10px;
}

.item-sort-box {
    text-align: right;
    font-size: 12px;
}

.li li {
    display: block;
    padding: 10px 5px;
    background-color: #F1F1F1;
    border-bottom: 1px solid #AAA;
}

.li li .group span {
    font-size: 85%;
    margin-left: 20px;
    padding: 2px 10px 1px;
    background-color: #f8d133;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.li li .group span.g02 {
    background-color: #3498db;
    color: #FFF;
}

.li li .group span.g03 {
    background-color: #e54028;
    color: #FFF;
}

.li li.odd {
    background-color: #FFF;
}

.li li.t1 {
    background-color: #FF99D1;
}

.li li.t2 {
    background-color: #f8d133;
}

.li li .edit {
    float:left;
    width: 50px;
    margin-left:10px;
}

.li li .doi {
    margin-left: 35px;
    clear: both;
}

.li li .ritu {
    display: inline;
    font-size: 85%;
    color: #FFF;
    margin-left: 35px;
    padding: 2px 10px 1px;
    background-color:#f8d133;
    border-radius: 10px; /* CSS3草案 */
    -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
    -moz-border-radius: 10px; /* Firefox用 */
}

.li .user-info {
    padding: 10px 5px;
    background-color: #000;
    color: #FFF;
}

.li .user-info a {
    color: #FFF;
}


.li li .checkbox {
    padding: 2px;
    float: left;
    width: 20px;
}

.li li .label {
    /* float: left; */
    /*[2015.08.21][Baclc] Start Add*/
    /* width: 67%; */
    /*[2015.08.21][Baclc] End Add*/
}

.li li .menu {
    width: 280px;
    float: right;
}

.li li .label span {
    font-size: 85%;
    color: #000;
    margin-left: 5px;
    padding: 2px 15px 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.li li .label span.g01 {
    background-color: #f8d133;
}

.li li .label span.g02 {
    background-color: #7AC6EB;
}

.li li .label span.g03 {
    background-color: #FF5E5E;
}

.li li .label span.g04 {
    background-color: #CACACA;
}

.li li.already {
    color: #AAA;
    background-color: #EFEFEF;
}

.li li.already .label span.g01{
    background-color: #AAA;
    color: #FFF;

}

.li li.already .label span.g02{
    background-color: #AAA;
    color: #FFF;

}

.li li .display {
    padding: 5px 0;
}

.li li b{
    font-size: 110%;
    padding: 5px 0;
}


.li li .author {
    clear: both;
    margin-left: 40px;
}


.view {
    width: 450px;
    height: 100%;
    float: left;
    background-color: #FFF;
}

.view .header {
    background-color: #313740;
}

.view .title {
    font-weight: bold;
    font-size: 115%;
    padding: 11px 17px;
    color: #FFF;
}

.view .content {
    margin: 10px auto;
    padding: 10px;
    overflow: auto;

}

.view .content.off {
    height: 500px;
}

.view .content.on {
    height: 245px;
}

.view .content.sub.on {
    border-top: 1px #000 double;
    height: 245px;
}

.view .content.sub.off {
    display: none;
}

.clear-fix:after {
    content: "";
    display: block;
    clear: both;
}

.box-right {
    float: right;
    width : 48%;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top:10px;/*[2015.08.29][Design][DuyDD1]Add*/
}

.box-right .info .header {
    background-color:  #313740;
    padding: 10px;
    color: #FFF;
}

.box-right .info .content {
    background-color: #FFF;
    padding: 10px;
}

.view .label {
    font-size: 110%;
    display: block;
    margin: 5px 0px;
    font-weight: bold;
}

.view .value {
    font-size: 100%;
    display: block;
    margin: 3px 0px 20px 0px;
    color: #313740;
}

.filter {
    width: 14%;
    float: left;
    background-color:  #F1F1F1;
    height: 100%;
}

.filter .header {
    background-color: #c2cfd9;
    padding: 10px 7px;
    color: #FFF;
    /*height: 22px;[2015.08.28][Design][TanTM2]Del*/
    height: 40px;/*[2015.08.28][Design][TanTM2]Add*/
    font-size: 120%;
    font-weight: bold;
}

.filter .input {
    padding: 10px

}

.filter .input.s {
    border-top: 1px #c2cfd9 dashed;

}

.filter input {
    margin: 5px;
}

.filter .input .header {
    background: none;
    padding: 3px 0px;
    color: #000;
    height: auto;
    font-size: 100%;
}


.filter label {
    background-color: #E6E6E6;
    display: block;
    width: 90%;
    padding: 3px 5px 0px;
    margin-top: 5px;
}
/*[2016/02/22][No23][DuongDH3] Add Start*/
.crawle-sites label {
    background-color: #F1F1F1;
    display: inline;
    width: 90%;
    padding: 3px 5px 0px;
    margin-top: 5px;
}
/*[2016/02/22][No23][DuongDH3] Add End*/

.filter .submit {
    text-align: center;
}

.filter .submit a {
    display: inline-block;
    text-align: center;
    width:50px;
    font-size: 90%;
    color: #666;
    background-color:#E6E6E6;
    text-decoration: none;
    padding: 3px 5px;
    border-radius: 3px; /* CSS3草案 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
    border: 1px solid #c2cfd9;
}

.ruiji {
    margin-left: 20px;
    margin-top: 2px;
    padding-top: 2px;
    color: #333;
    font-size: 90%;
    border-top: 1px #333 dashed;
}

/*[2016/01/15][No16][DatDT4] Modify Start*/
.ruiji-first {
    border-top: 2px #333 solid;
}
/*[2016/01/15][No16][DatDT4] Modify End*/

.ruiji b {
    font-weight: normal;
    font-size: 105%;
}

.ruiji .r {
    background-color: #EFEFEF;
    padding: 3px 3px 0px;
    margin-top: 2px;
    font-size: 95%;
}

.ruiji .group .g01 {
    margin-left: 0px;
}

.subtitle {
    font-size:190%;
}


.info2 .header {
    background-color:  #313740;
    padding: 10px;
    color: #FFF;
}

.info2 .content {
    background-color: #FFF;
    padding: 10px;
}

.home-info-container {
    display: flex;
}

.home-info {
    width : 32%;
    margin-right: 1%;
    padding-top:10px;
}

.home-info .header {
    background-color:  #313740;
    padding: 10px;
    color: #FFF;
}

.home-info .content {
    background-color: #FFF;
    padding: 10px;
}

.user-select-label {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
    font-size:95%;
    background-color: #666;
    color: #FFF;
}

.user-list {
    display: block;
    margin: 10px 10px 5px 20px;
}
.li li .group {
    margin-top: 5px;
}

.operation-box {
    margin: 5px 20px;
    text-align: right;
}

.operation-box [type='button'] {
    line-height: 20px;
    padding: 0px 5px;
    border-radius: 3px;
    border: none;
}

.operation-box .commit:enabled {
    color: black;
    background-color: #1da1cb;
}

.operation-box .cancel:enabled {
    color: black;
    background-color: #e54028;
}

.li li.committed {
    background-color: #CCC;
    color: #666;
}


.function-block .step-box .day-choice-box span span label {
    padding-left: 5px;
}

.sortable { list-style-type: none; margin: 0; padding: 0; width: 95%; }
.sortable li { margin: 0.3em; padding: 0.3em; x-padding-left: 1.5em; font-size: 1.1em; background-color: #fff; }
.sortable li .ui-icon { position: absolute; }
.sortable li .item { margin-left: 1.3em; cursor: n-resize; }


/*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    /*padding: .4em 1em;*/
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    position: absolute;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0; /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu-item a {
    text-decoration: none;
    display: block;
}
.ui-menu-item a:empty {
    height: 1.5em;
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25); /* support: IE8 */
    opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    /* Support: IE7 */
    overflow-x: hidden;
    padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}
.ui-selectmenu-open {
    display: block;
}
.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20); /* support: IE8 */
    border-radius: 5px;
}

/* 業績集画面 */
#cmbGyousekiTemplate
{
    margin-left : 10px;
}
#btnGyousekiOutput
{
    margin-top  : 5px;
    margin-left : 10px;
    width       : 50px;
}

.row_content_right_title {
    font-weight: bold;

}

.row_content td {
    padding: 5px 0 5px;
}

.detail_record {
    /*text-align: -webkit-center;[2015.08.28][Design][TanTM2]Del*/
    text-align: center;/*[2015.08.28][Design][TanTM2]Add*/
    vertical-align: top;
}

.tbl_record tr td {
    padding: 5px 0px 5px;
    table-layout:fixed;
    word-break:break-all;
    word-wrap:break-word;
}

.tbl_record tr.row_head td {
    padding: 5px 0 10px !important;
}

.tbl_record {

    margin-bottom: 10px;
}

.record_last {
    padding-bottom: 20px !important;
    border-bottom: 1px gray solid;
}


.f-nav2{ z-index: 9999; position: fixed; width: 57%; display: block}  this make our menu fixed top
                                                                      .nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */

.nav { height: 42px;}
.nav ul { list-style: none; }
.nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
.nav ul li:first-child{ padding-left: 0;}
.nav ul li a { }
.nav ul li a:hover{ text-decoration: underline;}

/*#sidebar {
    position: fixed;
    //top: 90px;
    //margin: 0 0 0 110px;
}*/

.menu-info-right {
    width: 15%;
    float: right;
    padding-top: 10px;
    /*padding-left: 10px;[2015.09.01][Design][TanTM2]Del*/
    padding-left: 10px;/*[2015.09.01][Design][TanTM2]Del*/
}

/*.menu_right_udpate {
    width: 100%;
    padding: 5px
}
.menu_right_udpate h4 {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-bottom: 5px solid #575757;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 120%;
    font-weight: bold;
}*/

.menu-info-right h4 {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-bottom: 5px solid #575757;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 120%;
    font-weight: bold;
}

.globalForm button {
    display: block;
    width: 100px;
    margin: 5px auto;
}

#headerArea .utilityBlock {
    text-align: right;
}

#headerArea .utilityBlock ul {
    margin: 0 0 0 auto;
    padding: 0;
    width: 130px;
}

#headerArea .utilityBlock ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

#headerArea .utilityBlock ul li a {
    display: block;
    float: left;
    margin: 0 2px 50px;
    width: 60px;
    text-align: center;
    line-height: 1.5em;
    background-color: #FFF;
    color: #000;
}

#headerArea .logo {
    height: 80px;
    width: 145px;
    display: block;
    text-align: center;
    color: #FFF;
}

#resultPage .pagerBlock {
    margin: 3px 0;
    text-align: center;
}
#resultPage .pagerBlock ol li {
    display: inline;
    margin: 0 3px;
    color: #FF0000;
}

#resultPage .pagerBlock ol li span.pointer {
    display: none;
}

#resultPage .pagerBlock ol li a {
    color: #006600;
}

/* 大学別ヘッダーのデザインを定義します */
#headerArea {
    border-bottom: 5px solid #333366;
    border-top: 2px solid #333366;
}
#headerArea .utilityBlock ul li a {
    display: block;
    float: left;
    margin: 0 2px 50px;
    width: 60px;
    text-align: center;
    line-height: 1.5em;
    background-color: #333366;
    color: #FFF;
}

#bodyArea {
}

/*  大学別フッターのデザインを定義します  */
#footerArea{

}
#footerArea .naviBlock {
    background-color: #333366;
}

/*  大学別トップページのデザインを定義します  */
body#DefaultPage #contentArea .item{
    border-top:3px solid #333366;
}

/*  大学別検索結果ページのデザインを定義します  */
body#resultPage #contentArea .table {
    border-bottom:1px solid #BBB;
    border-left:1px solid #BBB;
}
body#resultPage #contentArea .table th{
    background-color: #333366;
    border-right:1px solid #BBB;
    border-top:1px solid #BBB;
}
body#resultPage #contentArea .table td{
    border-right:1px solid #BBB;
    border-top:1px solid #BBB;
}

body#resultPage #contentArea .table tr.foundItem {
    background-color:#A3BAE1;
    color:#444444;
}

#DefaultPage #contentArea .flist2 {
    border-top: 2px solid #333366;
    float: left;
    height: 3em;
    margin: 10px 8px;
    width: 293px;
}

/* 背景色デザイン */
body {
    background-color: #E8E8E8;
}
#headerArea {
    background-color: #FFFFFF;
}
#globalArea {
    background-color: #FFFFFF;
    width:600px;
    padding: 10px;
    border: 1px solid #333366;
}
#profiles {
    background-color: #FFFFFF;
    padding: 10px;
    border: 1px solid #333366;
}

h1 a img {
    height: 70px;
}

.title-checkbox {
    text-align: right;
}

/*[2015.08.07][No.47][TanTM2] Add Start*/
.notification {
    background-color:#D9EDF7;
    border-radius:5px;
    font-size:12px;
    border-color:#BCE8F1;
}

.bg_menu {
    background: none repeat scroll 0 0 #444;
    height: 50px;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.popup_box, .EBPpopup_box {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 10px;
    box-shadow: 0 0 5px gray;
    display: none;
    height: auto;
    overflow: hidden;
    position: fixed;
    width: 30%;
    z-index: 200;
    /* margin: 50px auto auto; */
    min-height: 100px;
    left: 35%;
    top: 25%;
}

.main_popup,.popup_box, .EBPmain_popup,.EBPpopup_box {
    width:500px;
}

.main_popup, .EBPmain_popup {
    margin: auto
}

._right {
    float: right;
}

._close {
    float: right;
    padding: 5px;
    font-size: 15px;
    color: #CCC;
    display: block;
    /* margin-top: 0px; */
}

.content_popup {
    float: left;
    width: 100%
    /* margin-top: 30px; */
}

.content_popup p {
    line-height: normal;
    padding-left: 30px;
    padding-right: 30px;/*[2015.08.29][Design][DuyDD1]Add*/
}
.btn_ok, .EBPbtn_ok {
    padding: 5px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.ajax_content_popup input[type="checkbox"]{
    margin-left: 31px;
}
/*[2015.08.07][No.47][TanTM2] Add End*/
/*[2015.11.17][No.107][TanTM2] Add Start*/
span.exLink:hover{
    float: left;
    cursor: pointer;
    text-decoration: underline;
}
.table .exLink {
    display: block;
    padding: 5px 3px 0 25px;
    word-break: break-word;
}
/*[2015.11.17][No.107][TanTM2] Add End*/

/*[2015.08.31][ProgressIndicator][DatDT4] Add Start*/
.loading
{
    display: none;
    position: fixed;
    z-index: 999;
}
/*[2015.08.31][ProgressIndicator][DatDT4] Add End*/

#float-buttons {
    background-color: #FFF;
}
.import-button {
    margin: 0px 5px 0px 0px;
}

#float-buttons .box {
    margin: 5px 5px 0px 0px;
}
/*[2016/01/06][MultiLanguage][DuongDH3] Add Start*/
.languageLink {
    display: block;
    float: right;
    width: 66px;
    text-align: center;
    line-height: 1.5em;
    background-color: #333366;
    color: #FFF;
    text-decoration: none;
}
.languageLink:hover{
    text-decoration:underline;
}
/*[2016/01/06][MultiLanguage][DuongDH3] Add End*/

/*tandd
20170104
for radiobuttonlist in settingpublictoppage
*/
.radiolist{
    display: block;
    width: 100%;
}
.radiolist label{
    float: left;
}
.radiolist input{
    float: left;
}
.radiolist br{
    display: none;
}
/****/

/*
//tandd
//20170206
//for kanrendukeru
*/
.kanrendukeru{

}
.kanrendukeru_item{

}
.sanshou {
    text-align: right;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 200px;
}
.sanshou_head{

}
.sanshou_item{

}
div.wicket-aa {
    font-family: Verdana,"Lucida Grande","Lucida Sans Unicode",Tahoma;
    font-size: 12px;
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}
div.wicket-aa ul {
    list-style:none; padding: 2px; margin:0;
}
div.wicket-aa ul li.selected {
    background-color: #FFFF00; padding: 2px; margin:0;
    font-weight: bold;
}
.textAutoLabel{
    font-weight: bold;
}
.textAuto{
    width: 60%;
}
.textAutoA{
    text-decoration: none;
    margin-left:-30px;
    padding-left: -30px;
    color: black;
}

/*
//tandd
//20170608
//問い合わせ
*/
.toiawase{
    overflow: hidden;
    color: white;
}
.toiawase input{
    width:100%;
}
/****/

/*
//tandd
//20170718
*/
.monitering_system_info {
    /*    float: left;
        width : 100%;
        margin: 0 0 10px 0;*/
}
.monitering_system_info .header {
    /*    background-color:  #313740;
        padding: 10px;
        color: #FFF;*/
}
.monitering_system_info .content {
    background-color: #FFF;
    /*padding: 10px;*/
}
.monitering_system_table{
    width: 100%;
}

.monitering_system_table tr{
    vertical-align: top;
}

.monitoring-title {
    display:block;
    margin: 5px auto;
    background-color: #040215b8;
    padding: 5px;
    font-size: 120%;
    color: #fff;
    font-weight:bold;
}

.monitoring-title-2 {
    display:block;
    margin: 5px auto;
    background-color: #37999e;
    padding: 5px;
    font-size: 110%;
    color: #fff;
    font-weight:bold;
}

.table-td-custom{
    /*padding-top: 10px;*/
}

.storage-warning {
    color: red;
    font-weight: bold;
}

.monitor-description-on, .monitor-description-off {
    display: inline-block;
    margin: 0 10px;
}

.monitor-description-on {
    width: 100%;
}
.monitor-description-on table {
    width: 100%;
}

.monitor-log {
    float: right;
    display: inline-block;
    /* margin-right: 10px; */
    font: bold 11px Arial;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    border: solid 1px #666;
    border-radius: 3px;
    color: #000;
    background-color: #F3F3F9;
}

.monitor-log:hover {
    background-color:antiquewhite;
    /*color:blue;*/
}

.monitor-detail{
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    border: solid 1px #666;
    border-radius: 3px;
    color: #000;
    background-color: #F3F3F9;
    float: right;
}

.monitor-detail:hover {
    background: #ccc;
}

.monitering_system_info p {
    padding: 0px !important;
}

.monitor-left {
    margin: 5px 0 5px 10px;
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
}

.monitor-right {
    margin: 5px 0 5px 10px;
    border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
}

#ga-actn {
    display:none;
}

#linechart_material, #linechart_material_disk {
    width: 100%;
    height: 200px;
}

.monitor-description-off {
    display: block;
}

.update-detail-btn {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    padding: 2px 6px 2px 6px;
    border: solid 1px #666;
    border-radius: 2px;
    color: #000;
    background-color: #F3F3F9;
}

.update-detail-btn:hover {
    background-color:antiquewhite;
}

#monitor-sub-form1-child {
    display: none;
    padding: 5px;
}

.monitor-description-small {
    width: 32%;
    float: left;
    margin-left: 10px;
}

.monitor-small {
    display: block;
    background: #F3F3F9;
    border-left: 4px solid #99909e;
    color: #333366;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
}

.update-detail-col {
    min-width: 60px;
    text-align:center;
    /*display: none;*/
}

/****/
.update-log-detail-title {
    font-size: 14pt;
    font-weight: bold;
}

.update-log-detail-row {
    position:relative;
    margin-top: 10px;
}

#update-log-detail-table{
    margin-top: 10px;
}

#update-log-detail-table th{
    /*     padding: 5px 0; */
}

#update-log-detail-table td{
    padding: 5px;
}

#update-log-container {
    padding: 5px;
    background-color: white;
}

.button-container {
    min-width: 400px;
}

.button-container #log-close {
    margin: 10px auto;
}

#monitor-sub-form-overview h4 span,
#monitor-sub-form-storage h4 span,
#monitor-sub-form-access h4 span,
#monitor-sub-form-schedules h4 span,
#monitor-sub-form-library h4 span {
    cursor: pointer;
}

.monitor-sub-form {
    margin-bottom: 10px;
}

.access-trace table {
    width: 100%;
}

#chart-area {
    /*visibility: hidden;*/
}

.inner-content {
    float: left;
    width: 49%;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-right: 5px;
}

.graph-caption {
    margin: 10px 0 0 5px;
    font-size: 120%;
    font-weight: bold;
    border-radius: 1px;
    padding: 2px;
}

.mt-10 {
    margin-top: 10px;
}

.no-border {
    border: none !important;
}

.monitor-sub-form-overview-child,
.monitor-sub-form-storage-child {
    transition: all 5s linear;
}

#dashboard-monitor-area #monitor-lv-2 {
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 99.6% 50%;
}

#dashboard-monitor-area .bottom {
    background-image: url("../images/chevron.png");
    padding-right: 20px;
}

#dashboard-monitor-area .bottom:hover {
    background-image: url("../images/minus.png");
    padding-right: 20px;
}

#dashboard-monitor-area .left {
    background-image: url("../images/chevron-l.png");
    padding-right: 20px;
}

#dashboard-monitor-area .left:hover {
    background-image: url("../images/plus.png");
    padding-right: 20px;
}

#dashboard-monitor-area .top {
    background-image: url("../images/chevron-t.png");
    padding-right: 20px;
}

#dashboard-monitor-area .minus {
    background-image: url("../images/minus.png");
    padding-right: 20px;
}

#dashboard-monitor-area .plus {
    background-image: url("../images/plus.png");
    padding-right: 20px;
}

.graph-area {
    margin: 10px;
}

.graph-area .inner-content {
    padding: 0.1%;
}

.FormField {
    border: solid 1px #666;
    border-radius: 2px;
    padding: 3px;
    vertical-align: top;
}

.filter-form {
    /*display: none;*/
}

.filter-action {
    /*display: none;*/
}

.data-type {
    display: none;
}

#filter-btn {
    display: none;
}

.log-download-form {
    display: none;
}

.count-download-form {
    /*display: none;*/
}

.search-footer-enabled {
/*    display: none; */
}


.table-box {
    background-color: #FFF;
}

.table-box .table-header {
    background-color: #EEE;

}

.table-box tr td {
    border-top: 1px solid #CCCCCC;
    padding: 10px 3px;
}

.type_none {
    background-color: #CCCCCC;
}

.type_none {
    background-color: #FFF;
}

.type_main .select-box{
    background-color: #ffcdd2;
    border-top-color: #ffcdd2;
    border-bottom-color: #ffcdd2;
}

.type_main {
    background-color: #FFF;
}

.type_sub .select-box{
    background-color: #ffebee;
    border-top-color: #ffebee;
    border-bottom-color: #ffebee;
}

.type_sub {
    background-color: #FFF;
}


.type_sub .center-content {
    margin-left: 20px;
    border-top: solid 1px #ccc;
}

.ui-droppable-hover .table-box {
    background-color: #fdf5ce;
}

.ui-droppable-hover {
    background-color: #f6a828;
}

.ui-droppable-hover {
    background-color: #ffe45c;
}

.ui-droppable-hover {
    background-color: #ffe45c;
}

.ui-draggable {
    cursor: grab;
}

.ui-draggable:active {
    cursor: grabbing;
}

.ui-draggable-dragging {
    opacity: 0.8;
    z-index: 999;
}

.ui-draggable-dragging {
    background-color: #fbfbfb;
}

.ui-draggable-dragging {
    background-color: #7AC6EB;
}

.ui-draggable-dragging {
    background-color: #D9EDF7;
}

.ui-draggable-dragging {
    background-color: #D9EDF7;
}

.group-achivements.contents {
    max-width: 2000px;
}

.group-achivements .main-box {
    height: 800px;
    overflow-y: auto;

}

.group-achivements .menu-box{
    float: left;
    width: 350px;
    background-color: #FFF;
}
.group-achivements .menu-box table {
    width: 300px;
    margin: 25px;
}

.group-achivements .menu-box td.header {
    font-size: 150%;
    color: #333;
    font-weight: bold;
    height: 30px;
    vertical-align: bottom;
}

.clear-fix::after {
    content: "";
    display: block;
    clear: both;
}

.cp_ipselect {
    overflow: hidden;
    width: 90%;
    margin: 1em auto;
    text-align: center;
}
.cp_ipselect select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
    position: relative;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
    position: absolute;
    top: 0.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
    position: absolute;
    top: 0;
    right: 2.5em;
    bottom: 0;
    width: 1px;
    content: '';
    border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
}

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
.btn-primary {
    display: block;
    margin: 0 auto 15px;
}

.cp_ipcheck {
    margin: 0 10px 0 0;
    text-align: left;
}

.cp_ipcheck input {
    display: none;
}

.cp_ipcheck label {
    position: relative;
    display: block;
    /*padding: 15px 0;*/
    padding-right: 35px;
    cursor: pointer;
}

.cp_ipcheck input[type='checkbox'] {
    position: absolute;
    visibility: hidden !important;
}

.cp_ipcheck input[type='checkbox'] + label:before,

.cp_ipcheck input[type='checkbox'] + label:after {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -7.5px;
    content: '';
}

.cp_ipcheck input[type='checkbox'] + label:before {
    right: 0;
    width: 30px;
    height: 15px;
    border: 1px solid #e4e3e1;
    border-radius: 15px;
    background: #ffffff;
}

.cp_ipcheck input[type='checkbox'] + label:after {
    right: 15px;
    width: 15px;
    height: 15px;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    border-radius: 50%;
    background: #bdbdbd;
}

.cp_ipcheck input[type='checkbox']:checked + label:after {
    right: 0;
    background: #da3c41;
}

.btn-p:hover,
a.btn-p:hover,
button.btn-p:hover,
button.btn-p2:hover {
    opacity: 0.8;
}

.btn-p ,
a.btn-p ,
button.btn-p  {
    width:70px;
    font-size:12px;
    text-align:center;
    padding:6px 0;
    border:none;
    border-radius: 3px;

}

button.btn-p2  {
    font-size:12px;
    text-align:center;
    padding:6px 3px;
    border:none;
    border-radius: 3px;
    color: #333;
    background-color: #EEE;
    border: #999 1px solid;
}

.btn-p.natural,
a.btn-p.natural ,
button.btn-p.natural {
    color: #333;
    background-color: #EEE;
    border: #999 1px solid;
}

.btn-p.positive,
a.btn-p.positive ,
button.btn-p.positive {
    color:#FFFFFF;
    background-color: #007bff;
}

.btn-p.negative,
a.btn-p.negative ,
button.btn-p.negative,
.btn-p2.negative,
a.btn-p2.negative ,
button.btn-p2.negative {
    color: #BE3921;
    background-color: #FFF;
    border: #BE3921 1px solid;
}

.btn-p.center,
a.btn-p.center ,
button.btn-p.center {
    display: block;
    margin: 0 auto;
}

.form-03 {
    display:block;
    float:left;
    margin: 0 0 10px 0;
}

.group-achivements .pagerBox {
    margin: 8px 0;
}

.group-edit-page .text {
    width: 100%; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 16px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}


#wrap .content-box {
    -webkit-flex: 1;
    flex: 1;
    background-color: #FFF;
}

#wrap .main-box,
#wrap .content-box,
#wrap .menu-box {
    padding: 1% 0.5%;
    border-radius: 5px
}

#wrap .menu-box {
    float:none;
    width: auto;
    background-color: #FFF;
}
#wrap .main-box .tableContainer {
    height: 800px;
}
#wrap .content-box {
    height: 860px;
    overflow: auto;
    background-color: #FFF;
}

#wrap .content-box h6 {
    background-color: #eee;
    padding: 3px 5px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

#wrap .content-box p {
    padding: 0px 5px;
    margin: 0 0 10px 0;
}

@media ( min-width : 600px ){
    #wrap {
        display: -webkit-flex;
        display: flex;
        min-width: 650px;
    }
    #wrap .main-box {
        margin: 0 10px;
        -webkit-flex: 1;
        flex: 1;
        background-color: #FFF;
    }
    #wrap .content-box {
        -webkit-flex: 1;
        flex: 1;
        background-color: #FFF;
    }
}


.ui-droppable {
    clear: both;
    padding: 10px 0 20px 0;
    border-top: 1.5px solid #999;
    min-height:60px;
}

.left-content {
    float: left;
    width: 20px;
}

.center-content {
    text-align: left;
    float: left;
    width: 780px;
    /*padding: 0 3px;*/
}

.center-content span.type {
    display: inline-block;
    padding: 0 10px 0 0;
    margin-bottom: 5px;
}

.center-content span.user {
    border: none;
    display: inline-block;
    padding: 0 10px 0 0;
    margin-bottom: 5px;
}

.center-content span.id {
    display: inline-block;
    padding: 0 10px 0 0;
    margin-bottom: 5px;
}


.center-content p.title {
}

.center-content a {
    color: #000;
    text-decoration: none;
}

.center-content a .view{
    float:none;
    width: auto;
}


element.style {
}
.btn-p.positive, a.btn-p.positive, button.btn-p.positive {
    color: #FFFFFF;
    background-color: #007bff;
}
.btn-p2.positive, a.btn-p2.positive, button.btn-p2.positive {
    color: #FFFFFF;
    background-color: #007bff;
}
.center-content a {
    color: #000;
    text-decoration: none;
}

.menu-table .btn-p-f {
    color: #007bff;
    text-decoration: underline;
}

.menu-table .btn-p-f {
    background-image: url("../images/icon_external.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 20px 5px 5px;
}

.center-content a .title {
    font-size: 110%;
    font-weight: bold;
    display: block;
}
.center-content a .date, .author {
    display: block;
}

.center-content a.btn-p {
    width: 70px;
    padding: 0 5px;
    font-size: 100%;;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: none;
    display: inline-block;
}

.center-content a.btn-p.negative {
    background: none;
    border: none;
}

.center-content a.btn-p2.negative {
    background: none;
    border: none;
}

.center-content a.btn-p.positive {
    background: none;
    color: #007bff;
}

.center-content a.btn-p2.positive {
    background: none;
    color: #007bff;
}

.right-content {
}

.right-content {
    float: right;
}

.width95 {
    width: 95%;
}

.hidden {
    display: none;
}

button.mdb-regist-btn {
    width: 100px;
    height: 32px;
    cursor: pointer;
}

.left-control {
    float: left;
}

.right-control {
    float: right;
}

.select-input {
    width: 80%;
}

.blue-bg {
    background: blue;
}

.selected-row {
    background: #a0dea1;
}

.viewing-row {
    background: #FFFF66;
}

.row-inner {
    clear: both;
    /*padding: 10px 0 20px 0;*/
    /*border-top: 1.5px solid #999;*/
    min-height:60px;
    min-width: 800px;
}

.row-entity:hover {
    background: #a0dec8;
}

.menu-title {
    font-weight: bold;
    cursor: pointer;
}

.menu-header,
.representative-box {
    cursor: pointer;
}

.menu-header {
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 99.6% 50%;
    margin-bottom: 20px;
}

.representative-box {
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 50% 1%;
}

.representative-box:hover {
    background-color: yellow !important;
}

.real-box {
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 99.6% 5%;
}

#wrap .bottom {
    background-image: url("../images/chevron.png");
}

#wrap .bottom:hover {
    background-image: url("../images/minus.png");
}

#wrap .left {
    background-image: url("../images/chevron-l.png");
}

#wrap .left:hover {
    background-image: url("../images/minus.png");
}

#wrap .right {
    background-image: url("../images/chevron-r.png");
}

#wrap .right:hover {
    background-image: url("../images/plus.png");
}

#wrap .top {
    background-image: url("../images/chevron-t.png");
}

#wrap .minus {
    background-image: url("../images/minus.png");
}

#wrap .plus {
    background-image: url("../images/plus.png");
}

.bold {
    font-weight: bold;
}

.size2 {
    font-size: 120%;
}

.separater {
    display: inline-block;
    width: 10px;
}

.group-edit-modal {
    height: 568px;
    overflow: scroll;
}

.group-edit-modal .update-btn-container {
    width: 100%;
    background: #f8f8f8;
    position: absolute;
    bottom: 0;
    padding: 10px 0;
}

.update-btn-container .btn-primary{
    margin: 0 auto;
}

.h-calculation-td{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#h-calculation-td-content{
    max-width: 100px;
}

#h-calculation-td-data-test{
    max-width: 210px;
}

#h-calculation-td-data-field {
    max-width: 150px;
}

.h-calculation-td-formula {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    white-space: pre-line;
    -webkit-box-orient: vertical;
}

#test-result-ng{
    color:red;
}


.workflowContainer .wf_filter {
    font-size: 100%;
}
/*.h-webupdate-workflow .wf_filter {
    font-size: 100%;
}*/


@media screen and (max-width: 1920px) {
    .h-webupdate-workflow .wf_filter {
        font-size: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

.login-container {
    display: flex;
    flex-direction: row;
}

.login-container .login-notice-container{
    width: 70%;
    display: flex;
    flex-direction: column;
    margin: 40px 0px 0px 20px;
}

.login-container .login-notice-container .info2{
    margin-bottom: 20px;
}

.navbar {
  overflow: hidden;
  display: inline;
}

.navbar a {
  float: left;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: underline;;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown { 
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #27ae60;
  min-width: 160px;
  z-index: 1;
}

.dropdown-content li {
  float: none !important;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block !important;
  text-align: left;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.menuIcon {
  width: 20px;
  height: 5px;
  background-color: #FFFFFF;
  margin: 3px 0;
}

.shortMenu {
    display: none;
}

@media screen and (max-width: 1366px) {
    .normalMenu {
        display: none !important;
    }
    .shortMenu {
        display: inline !important;
    }
}

#login-modal-window {
    margin: 3%;
}

#login-modal-content {
    margin-bottom: 5%;
}

.data-checker {
    display: none;
}

#filter-area div {
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 99.6% 50%;
}

#filter-area .bottom {
    background-image: url("../images/chevron.png");
    padding-right: 20px;
}

#filter-area .bottom:hover {
    background-image: url("../images/minus.png");
    padding-right: 20px;
}

#filter-area .left {
    background-image: url("../images/chevron-l.png");
    padding-right: 20px;
}

#filter-area .left:hover {
    background-image: url("../images/plus.png");
    padding-right: 20px;
}

#filter-area .top {
    background-image: url("../images/chevron-t.png");
    padding-right: 20px;
}

#filter-area .minus {
    background-image: url("../images/minus.png");
    padding-right: 20px;
}

#filter-area .plus {
    background-image: url("../images/plus.png");
    padding-right: 20px;
}

.block-footer_button_margin {
    margin: 5px 10px;
}

#modal-window .select {
    max-width: 600px;
}

.cms-logo-image {
    height: auto;
    width: 310px
}

span.pink-color {
    color: #ff4f4f;
}

span.red-color {
	color: #F00;
}

.table input, .table textarea, .table select {
	max-width: 100%
}

.master-advance-from-schedule {
    display: none;
}

/*ダッシュボードのフィードボックスの表示しない場合*/
.panel-body-wrap {
    width: 100%;
}

.view-content-container-class > li{
  display: flex;
  flex-direction: column;
}