html {
    height: 100%;
}

body {
  max-height: none;
  min-height: 980px;
  margin: 0;
}

.loginform
 &--flex
   +display-flex
   > *
    +align-self(center)

td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
}


.associated-tablebody {

  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;

}

.inputform-mailaddress{
	width: 550px;
}

.footer-pipeline{
   padding-right: 5px;
   padding-left: 5px;
   display: inline;
}

.content {
  min-height: 980px;
  	max-height:none;
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  flex: 1;
}

.content-footer{
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  flex: 1;

}

.main-width{
	height: 100%;

}


.loginpage-body-color{
	background-color: #F4F6F9;
}

.row-eq-height {
	flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

}



.maincontents-height{
	min-height:980px;
	max-height:none;
}

.navitation-height{
	min-height:980px;
	max-height:inherit;

}

.button-color{
  background-color: #3665CF;
}

.alertmessage-color{
  color: #ff0000;
}

.header-back-color{
	background-color: #3665CF;
}

.header-logoutlink-back-color{
	background-color: #EAEFF5;
}

.navigation-back-color{

	background-color: #17355D;
	color: #ffffff;

}


.header-padding{
	position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px;
}

.header-height{;
	max-height: 60px;
}

.header-logo-padding{
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px;
   }

.header-logo-size{
   width: 100px;
   max-height: 50px;
}

.header-icon-panel-border{
	border:#000000;
	padding-right: 0px;
}

.header-icon{
   width: 40px;
   height: 40px;
}

.header-account{
   color: #FFFFFF;
   display: inline-block;
   height: 50px;
   padding-left:0px;
   padding-right:0px;

}

.header-account-name{
	margin: 0px;
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}


.header-text-div-size{
	height: 50px;
    vertical-align:middle;
	line-height: 50px
}

.header-row-va-middle  {
   vertical-align:middle;
}

.navigation-padding{
	position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.navigation-icon{

    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 35px;
    width: 75px;
    height: 45px;
}



.navigation-inline{
	height: 40px;
    vertical-align:middle;
    display:inline-block;
	line-height: 40px
}


a.navigate:hover{
	background-color: #415876;
}

a.navigate:focus{
	background-color: #0C73A7;
}

.navigate{
	background-color: #17355D;
	border:#000000;
}


a.navigate.active,
a.navigate.active:hover,
a.navigate.active:focus {
  background-color: #0C73A7;
}


.installstatus-margin{
    margin-bottom: 20px;
}

.instalstatus-terminaldetail{
	background-color: #ECF0F7;
	padding-top: 10px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;

}

.instalstatus-terminaldetail-header{
	margin-top: 10px;
	background-color: #ECF0F7;
	border-top-width: 10px;
	padding-top: 10px;
	padding-right: 10px;
}

.instalstatus-hr{
	color: #D3E0F2;
	height: 1px;
	background-color:  #CCCCCC;
	border: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

.instalstatus-trushicon-size{

	height: 20px;
	width: 30px;
	padding-right: 10px;
    vertical-align:middle;
	line-height: 20px
}

.modal-dialog-center {
  padding-top: 15%;
}

.modal-search-dialog-center {
  padding-top: 10%;
}

.modal-header{
	border-color:#FFFFFF;
 	color:#4D78D4;
 	padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-body{
	border-color:#FFFFFF;
	height:140px;
 	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-associate-body{
	border-color:#FFFFFF;
	height:550px;
 	padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

.modal-footer{
	border-color:#FFFFFF;
 	color:#4D78D4;
 	padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}


.modal-fotter-button-ok{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:40px;
	  width:150px;

}

.modal-fotter-button-cancel{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:40px;
	width:150px;
}


.modal-selectedcell{
	border-color: #92D050;
}


button.modal-fotter-button-ok.active,
button.modal-fotter-button-ok:hover,
button.modal-fotter-button-ok:focus {
  color: #3665CF;
}


button.modal-fotter-button-cancel.active,
button.modal-fotter-button-cancel:hover,
button.modal-fotter-button-cancel:focus {
  color: #FFFFFF;
}

.modal-content{
	width:660px;
}

.button-sendmail{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	width:130px;
}

.button-backlogin{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;

}


.button-cancel{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:35px;
	  width:120px;

}

.button-open{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:34px;
	  width:120px;

}


.button-changepassword{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:35px;
	  width:120px;

}

.button-backlist{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:35px;
	  width:120px;

}

.button-next{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:120px;
}

.button-edit{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:120px;
}

.button-transit-licensetoppage{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:230px;
}

.registed-button-ok{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:40px;
	width:180px;
	vertical-align:middle
}

.registed-button-copy{
	border-color: #3665CF;
	color:#3665CF;
	background-color:#FFFFFF;
	height:40px;
	width:180px;
	vertical-align:middle
}

.button-userregist{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:45px;
	width:250px;
}

.button-reset{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:120px;
}


.button-blue{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:120px;
}

.button-search{
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:30px;
	width:100px;
}

.button-white{
	  border-color: #3665CF;
	  color:#3665CF;
	  background-color:#FFFFFF;
	  height:35px;
	  width:120px;
}

button.button-sendmail.active,
button.button-sendmail:hover,
button.button-sendmail:focus {
  color: #FFFFFF;
}

input.button-backlogin.active,
input.button-backlogin:hover,
input.button-backlogin:focus {
  color: #FFFFFF;
}

button.trial-next.active,
button.trial-next:hover,
button.trial-next:focus {
	color:#FFFFFF;
}

button.button-sendmail.active,
button.button-sendmail:hover,
button.button-sendmail:focus {
  color: #FFFFFF;
}

button.registed-button-ok.active,
button.registed-button-ok:hover,
button.registed-button-ok:focus {
  color: #FFFFFF;
}

button.button-changepassword.active,
button.button-changepassword:hover,
button.button-changepassword:focus {
  color: #3665CF;
}

button.button-backlist.active,
button.button-backlist:hover,
button.button-backlist:focus {
  color: #3665CF;
}


.button-cancel.active,
.button-cancel:hover,
.button-cancel:focus {
  color: #3665CF;
}

.button-open.active,
.button-open:hover,
.button-open:focus {
  color: #3665CF;
}

.button-next.active,
.button-next:hover,
.button-next:focus {
  color: #FFFFFF;
}

button.button-edit.active,
button.button-edit:hover,
button.button-edit:focus {
  color: #FFFFFF;
}

button.button-userregist.active,
button.button-userregist:hover,
button.button-userregist:focus {
  color: #FFFFFF;
}

.button-reset.active,
.button-reset:hover,
.button-reset:focus {
  color: #FFFFFF;
}

.button-blue.active,
.button-blue:hover,
.button-blue:focus {
  color: #FFFFFF;
}

.button-search.active,
.button-search:hover,
.button-search:focus {
  color: #FFFFFF;
}



button.button-transit-licensetoppage.active,
button.button-transit-licensetoppage:hover,
button.button-transit-licensetoppage:focus {
  color: #FFFFFF;
}


 .panel-heading {
    cursor: pointer;
}
 .accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
}
 .accordion-toggle a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
}

.licensedetailtitleoperationgsystem{
	font-size:small;
	color:#929394;
	margin-top:0px;
}

.licensedetailtitle{
	font-size:small;
	color:#929394;
	margin-top:15px;
}
.licensedetail{
	font-size:small;
	margin-top:0px

}

h5.installplace{

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */

}


.title{
	color:#3F3F3F;
}

.description{
	color:#7F7F7F;
}

table.license{

	font-size:small;
}

th.license{
	background-color: #8DB1E2;
	white-space: nowrap;
}

a.licenseadd{
	font-size:large;
}

 a.licenseadd:before {
    font-family: 'Glyphicons Halflings';
    content:"\e081";
    color: inherit;
}

a.licensedelete{
	font-size:large;
}

 a.licensedelete:before {
    font-family: 'Glyphicons Halflings';
    content:"\e082";
    color: inherit;
}

.pan{
	padding-top: 20px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}

.breadcrumb > li + li:before{
	content:">";
}

.breadcrumb{
	background-color:#FFFFFF
}

.license-addmargin{
	margin-bottom: 10px;
}

.license-addform{
	padding-top: 20px;
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}

th.licenseconfirm{
	background-color:#F2F2F2;
	white-space: nowrap;
}

table.licenseconfirm{
	border-color:#D8DDE6;
}

th.account{
	background-color:#F2F2F2;
	width:150px;
}

th.password{
	background-color:#F2F2F2;
	width:200px;
}

table.table > tbody > tr > th{
	vertical-align:middle;
}

table.table > tbody > tr > td{
	vertical-align:middle;
}

table.account{
	border-color:#D8DDE6;
}

th.trialaccount{
	background-color:#F2F2F2;
}

table.trialaccount{
	border-color:#D8DDE6;
}

table.trialaccount > tbody > tr {
	height:47px;
}




.errormessage{
	color:red;
	font-weight: bolder;
}

.timeover{
	color:red;
}

.input-username{
	width:120px;
}

.required:after {
    content: " *";
    color:red;
}

.requiredbefore:before {
    content: " *";
    color:red;
}

.inputcaution{
	padding-left: 0px;
	padding-top: 5px;
	vertical-align:middle;
	font-size:small;
}

.passwordback-button{
	padding-top: 10px;
}

.normallicensecontents{
	padding-top: 30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:15px;
	vertical-align:middle
	;
}

.normallicensetabrow{
	padding-top: 20px;
	padding-left: 0px;
	vertical-align:middle
	;
}


.triallicensecontents{
	padding-top: 30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:15px;
	vertical-align:middle
	;
}


.main-contents{
	padding-top: 30px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:15px;
	vertical-align:middle
	;
}

.accountcontents{
	padding-top: 30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:15px;
	vertical-align:middle;
}

.accounteditcontents{
	padding-top: 0px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:15px;
	vertical-align:middle;
}

.trialtabrow{
	padding-top: 20px;
	padding-left: 0px;
	vertical-align:middle
	;
}


.triallicensetab{
	margin-top:5px;
	margin-bottom:5px;
	margin-right:5px;
	padding-top: 10px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	height:40px;
	text-align:center;

	border:#000000;
}

a.tabnormal{
	background-color: #17355D;
}


a.tabactive{
	background-color: #3665CF;
}

div.normallicense{
	padding-top: 10px;
	padding-bottom:5px;
	background-color: #C6D8F0;
	width:400px;
}


form.normallicense{
	padding-left: 13px;
}

button.normallicense-next{
	padding-top: 10px;
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:200px;
	align:center;
	padding-bottom:5px;
}

button.normallicense-next.active,
button.normallicense-next:hover,
button.normallicense-next:focus {
	color:#FFFFFF;
}



a.triallicensetab:hover{
	background-color: #415876;
}

a.triallicensetab:focus{
	background-color: #0C73A7;
}

a.triallicensetab:active,
a.triallicensetab:hover,
a.triallicensetab:focus {
	background-color: #415876;
}

div.trial{
	padding-top: 10px;
	padding-bottom:5px;
	background-color: #C6D8F0;
	width:400px;
}


form.trial{
	padding-left: 13px;
}

button.trial-next{
	padding-top: 10px;
	border-color: #3665CF;
	color:#FFFFFF;
	background-color: #3665CF;
	height:35px;
	width:200px;
	align:center;
	padding-bottom:5px;
}

button.trial-next.active,
button.trial-next:hover,
button.trial-next:focus {
	color:#FFFFFF;
}

.agree{
	margin-top: 10px;
	background-color:#FFFFFF;
	color:#3665CF;
	height:35px;
	width:150px;
	font-size:medium;
	text-align:center;

}

.privacypolicy{
	margin-bottom:10px;
	background-color:#C6D8F0;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
}

.userregistcaution{
	padding-top: 15px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
}

.timelimitaccount{
	background-color:#BFBFBF;
}
.timelimitaccount.active,
.timelimitaccount:hover,
.timelimitaccount:focus{
	background-color:#BFBFBF;
}

.searchform{
	background-color:#C6D8F0;
	padding-top:20px;
	padding-bottom:10px;
}

.accountdelete{
	color:#EF8128;
}

.licensedelete{
	color:#EF8128;
}

 a.accountdelete:before {
    font-family: 'Glyphicons Halflings';
    content:"\e020";
    color: inherit;
}

.loginform{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:25%;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	margin-top: -50px;
	width:380px;
	height:460px;
	margin-right: auto;
    margin-left: auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;

}

.loginformfooter{
	bottom: 0;
	left: 600px;
	top:1020px;
	width:1280px;
	right: 0;
	height: 10px;
	position: absolute;
}

.systemconfig-title{
 	color:#4D78D4;
}