/**
	shared css
*/
@charset "utf-8";
/**
	Tag
*/
* {font-family:'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
body{background:#C3DBFF;}
h2{padding:10px 0 10px 10px;background:white;font-size:120%;font-weight:normal;color:#69b832;border-radius:2px;margin-top:10px;}
h2::before{content:" ";border-left: solid 5px #69b832;margin-right:12px;border-radius:3px;}
h5{margin-bottom:20px;color:#BE7070;}
h5::before{margin-right:10px;font-family:'Glyphicons Halflings';color:#7A9CD8;}

/**
	class
*/
.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;}
.pl10{padding-left:10px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.container{width:1400px;min-width:1400px;margin:auto;color:#444;margin-top:5px;}
.footer{padding:7px 0;text-align:center;margin:10px auto auto auto;color:white;background:#aaa;font-size:90%;border-radius:1px;}
.container-fluid .footer{max-width:1370px;}
.contents{margin-top:5px;background:white;padding:12px;border:solid 1px #e7e7e7;font-size:95%;border-radius:2px;min-height:430px;}
.contents-min{margin-top:5px;background:white;padding:12px;border:solid 1px #e7e7e7;font-size:95%;border-radius:2px;}
.contents-min h5{font-size:120%;}
h5.menu::before{content:"\e012";}
h5.info::before{content:"\e042";}
h5.stats::before{content:"\e185";}
h5.warning-sign::before{content:"\e107";}

.error-message{color:#900;display:inline-block;margin:5px 0;}
.bg-cache-operation{background:#eee;padding:10px;margin-bottom:15px;border-radius:3px;}
.bg-cache-operation > .form-group{margin-bottom:0;}

#gnav{margin-top:5px;margin-bottom:10px;}
#gnav .container-fluid{padding-left:5px;}
.table{margin-top:10px;}
.table th, .table td{word-break:break-all;}
.table > tbody > tr:nth-of-type(2n+1){background:#efefef;color:#333;}
.table > tbody > tr > th{text-align:center;font-weight:normal;background:#888;color:white;}
table.table-no-margin{margin:0;}
table.table-small {font-size:90%;}
.nav-tabs > li{font-size:90%;}
.nav-tabs > li >a{background:#333;color:white;}
.nav-tabs > li >a:hover{background:#fff;color:#333;}
.tab-content{font-size:90%;padding:30px 10px 10px 10px;background:white;min-height:350px;}
.iframe-body{background:#D1E3FF;}
.iframe-body .iframe-footer {
	margin-top:15px;
	padding-top:15px;
	border-top:solid 1px #e5e5e5;
}
.modal-content{background:#D1E3FF;/*min-height:580px;*/}
.modal-content .inner-content{background:white;padding:20px 10px 10px 10px;min-height:390px;}
.modal-form-inner{padding:20px 10px;background:white;min-height:390px;}
#modal-error{border:solid 1px silver;height:70px;overflow-y:scroll;color:#900;text-align:left;padding:5px;background:#f1f1f1;}
#modal-error .inline{display:block;}
#modal-error .formErrorContent{background:#f1f1f1;color:#c00;padding:0;}
#error-message .formErrorContent{background:#C3DBFF;color:#c00;padding:0;font-size: 14px;}

.modal-delete{
 color:#8a6d3b !important;
 background-color:#fcf8e3 !important;
 border-color:#faebcc !important;
}


.passwordChange .formErrorContent{background:#fff !important;color:#900 !important;}

.form-group>label.col-sm-2:first-child{font-size:90%;}

#CDNextLogo {margin-left: 8px; margin-top: 3px;}

.scrolling-area{
	overflow-y:auto;
	overflow-x:hidden;
}

/**
	host/index
*/
.btn-origin{background:skyblue;color:white;}
.btn-fqdn{background:Mediumblue;color:white;}
.btn-vdirectory{background:orange;color:white;}
.btn-ssl{background:darkviolet;color:white;}

.btn-origin:hover{background:deepskyblue;color:white;}
.btn-fqdn:hover{background:mediumblue;color:white;}
.btn-vdirectory:hover{background:darkorange;color:white;}
.btn-ssl:hover{background:purple;color:white;}

.reload-flash{
  animation: flash 1.2s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}

/**
	login
*/
.contentsLogin{margin:100px auto auto auto;width:500px;padding:50px;}
.contentsLogin .btn-info{background:#666;border-color:#999;}
.contentsLogin .form-horizontal{margin:auto;width:350px;}
.contentsLogin a.askPassword{display:block;text-align:center;margin-top:30px;color:#666;text-decoration:underline;}
.contentsLogin a.askPassword:hover{color:dodgerblue;}

/**
	login
*/
.table-traffic{

}
.table-traffic .values{
	vertical-align:middle !important;font-size:100%;line-height:200%;
}
.table-traffic td div.paramKey{
	float:left;width:80px;text-align:right;padding-right:10px;
}
.table-traffic td div.paramVal{
	vertical-align:middle !important;font-size:100%;line-height:200%;
	float:left;width:120px;text-align:right;
}
.table-traffic td div.paramDetail{
	margin-top:10px;
	float:right;width:70px;text-align:center;
}

/**
	host/index.modal
*/
.iframe-body .edit-queries{
	width:82.1%;
	height:200px;
	overflow-y:scroll;
}
.iframe-body .edit-cookies{
	width:82.1%;
	height:110px;
	overflow-y:scroll;
}
.iframe-body .edit-accesscontrol{
	width:82.1%;
	height:200px;
	overflow-y:scroll;
}

/**
	host/master/origin
*/
.body-origin{background:skyblue;}
.iframe-body .edit-origin-servers{
	width:82.1%;
	height:200px;
	overflow-y:scroll;
}

/**
	host/master/origin
*/
.ssl-status-valid{color:#3c763d}
.ssl-status-warning{color:#ffa500; font-weight: bold; }
.ssl-status-invalid{color:#a94442; font-weight: bold; }

/** 
  geocorrect 
*/
.iframe-body .edit-geocorrect{
	width:82.1%;
	height:260px;
	overflow-y:scroll;
}

/**
	stats
*/
.btn-group > .tooltip + .btn, .btn-group > .popover + .btn {margin-left: -1px;}
.stats .bg-stats-operation {background: #eee;padding: 10px;margin-bottom: 15px;border-radius: 3px;color: #555;}
.stats #msgCountDownNone {min-height:45px;}
.stats #msgCountDownEnable {width: 100%;text-align: right;font-size: 120%;display: none;}
.stats #msgCountDownEnable #countDown {color: salmon;font-size: 200%;font-weight: bold;}
.stats #msgCountDownDisable {padding-top: 15px;min-height: 45px;display: none;font-size: 120%;}
.stats #msgCountDownStop {padding-top: 15px;min-height: 45px;display: none;font-size: 120%;}
.stats #graphArea{display:none;}
.stats .graphContainer{width:1180px;margin:auto;}
.stats .graphContainer h4{text-align:center;color:#31708f;}
.stats .graphContainer .graph{width:1180px;height:380px;}

/**
	report
*/
.report .graph{width:780px;float:left;}
.report .graph .term{font-size:300%;margin-top:15px;color:#999;text-align:center;}
.report .graph .term > span{display:inline-block;margin:0 30px;}
.report #graph1, .report #graph2{width:780px; height:300px;margin-top:20px;}
.report .record{width:400px;float:right;}

/**
	top
*/
.top-summary .thumbnail{margin-bottom:10px;}
.top-summary .thumbnail .row{font-size:110%;margin-bottom:5px;}
.top-summary h4{font-size:150%;margin-bottom:15px;}
.top-summary h5.calendar::before{content:"\e109";}

/**
	password
*/
.btn-password-default {
  color: #333;
  background-color: oldlace;
  border-color: #ccc;
}

/**
	error
*/
#errors .modal-content{
	min-width: 350px;
}

#ajaxerrors .modal-content{
	min-width: 350px;
}

.ajaxmodal-body{position: relative;padding: 15px;}

#error-user_maangement_message .formErrorContent{background:white;color:#c00;padding:6px 12px 0px 12px;font-size: 14px;}

#error-agree_maangement_message .formErrorContent{background:white;color:#c00;padding:6px 12px 0px 12px;font-size: 14px;}

/**
	menu
*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

/**
	jsTree
*/
#sub_tree .jstree-disabled {
  color: #778899;
}
#sub_tree .jstree-anchor {
  color: #778899;
}
/**
 * 	popover
 */
.popover {
  max-width:640px;
  background-color: #f5f5dc;
}
.popover-title {
  background-color: #f0e68c;
}
.popover.top .arrow {
  border-top-color: #f5f5dc;
}
.popover.top .arrow:after {
  border-top-color: #f5f5dc;
}
.popover-content {
	font-size:12px;
}

/**
 *  stats
 */
.stats-inner-addon { 
    position: relative; 
}
.stats-inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.stats-right-addon .glyphicon { right: 0px;}
.stats-right-addon input { padding-right: 30px; }