@charset "UTF-8";

.form-control:placeholder-shown {
    color: #dddddd; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.form-control::-webkit-input-placeholder {
    color: #dddddd; }

/* Firefox 18- */
.form-control:-moz-placeholder {
    color: #dddddd; opacity: 1; }

/* Firefox 19+ */
.form-control::-moz-placeholder {
    color: #dddddd; opacity: 1; }

/* IE 10+ */
.form-control:-ms-input-placeholder {
    color: #dddddd; }




a {
	cursor: pointer;
}

div#loading {
	display: none;

	width    : 100%;
	height   : 100%;
	z-index  : 10000;
	position : fixed;
	top      : 0;
	left     : 0;

	background-color      : #FFFFFF;
	filter                : alpha(opacity=70);
	-moz-opacity          : 0.7;
	opacity               : 0.7;
	background-image      : url(/clevas/img/loading.gif);
	background-position   : center center;
	background-repeat     : no-repeat;
	background-attachment : fixed;
}

.datatableCheck
{
	height:25px;
	width:80px;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight: bolder;
}

/* LDAPのconditionテーブル */
/*.condition-table tr:nth-child(odd) {*/
/*    background: #aaa;*/
/*}*/

/* リスト画面の行の色のサンプル */
div.status {
    min-width: 60px;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 2px 0px;
    margin: 4px;
    font-size: 11px;
    text-align: center;
}

span.legend {
    display: flex;
    flex-flow: row;
}

div.status.not-active,
div.status.private,
.table > tbody > tr.lightorange > td,
.table > tbody > tr.lightorange > th,
.table > tbody > tr > td.lightorange,
.table > tbody > tr > th.lightorange,
.table > tfoot > tr.lightorange > td,
.table > tfoot > tr.lightorange > th,
.table > tfoot > tr > td.lightorange,
.table > tfoot > tr > th.lightorange,
.table > thead > tr.lightorange > td,
.table > thead > tr.lightorange > th,
.table > thead > tr > td.lightorange,
.table > thead > tr > th.lightorange {
    background-color: #ffb68b;
}

div.status.no-category,/*コンテンツ カテゴリーなし*/
div.status.notice,/*コンテンツ カテゴリーなし*/
div.status.category-expired,/*カテゴリー公開終了*/
.table > tbody > tr.lightpink > td,
.table > tbody > tr.lightpink > th,
.table > tbody > tr > td.lightpink,
.table > tbody > tr > th.lightpink,
.table > tfoot > tr.lightpink > td,
.table > tfoot > tr.lightpink > th,
.table > tfoot > tr > td.lightpink,
.table > tfoot > tr > th.lightpink,
.table > thead > tr.lightpink > td,
.table > thead > tr.lightpink > th,
.table > thead > tr > td.lightpink,
.table > thead > tr > th.lightpink {
  background-color: #ffb6c1;
}

div.status.waiting,/*コンテンツ 登録待ち*/
.table > tbody > tr.lightgray > td,
.table > tbody > tr.lightgray > th,
.table > tbody > tr > td.lightgray,
.table > tbody > tr > th.lightgray,
.table > tfoot > tr.lightgray > td,
.table > tfoot > tr.lightgray > th,
.table > tfoot > tr > td.lightgray,
.table > tfoot > tr > th.lightgray,
.table > thead > tr.lightgray > td,
.table > thead > tr.lightgray > th,
.table > thead > tr > td.lightgray,
.table > thead > tr > th.lightgray {
  background-color: #d3d3d3;
}
.table > tbody > tr.rosepink > td,
.table > tbody > tr.rosepink > th,
.table > tbody > tr > td.rosepink,
.table > tbody > tr > th.rosepink,
.table > tfoot > tr.rosepink > td,
.table > tfoot > tr.rosepink > th,
.table > tfoot > tr > td.rosepink,
.table > tfoot > tr > th.rosepink,
.table > thead > tr.rosepink > td,
.table > thead > tr.rosepink > th,
.table > thead > tr > td.rosepink,
.table > thead > tr > th.rosepink {
  background-color: #efa6bf;
}

.menu2option {
  color:lightgray!important;
}


table.treetable thead tr th {
  background-color: #9cdaf1;
}


.input-duration {
	/* 再生時間入力のtextboxを識別するためのclass 必要に応じてスタイルを追加しても良いが、classは削除しないこと */
}

.body {
    /*padding-top: 0px;*/
    /*padding-bottom: 60px;*/
    /*overflow-x: hidden;*/
    height: 100% !important;
}

.body-content {
    margin-top:50px;
    margin-bottom:60px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    height: 100%;
    min-width: 768px;
}

.menu-bar {
    margin-left: 0px;
    padding-left: 0px;
    background-color: transparent;
    height: 100%
}

.body-breadCrumbs {
    display: block;
    padding-top: 20px;
    padding-left: 8px;
}

.navbar-avator {
	padding-right: 32px;
	padding-top: 4px;
	list-style: none;
}

.navbar-brand {
	color: white!important;
	font-weight: bolder;
}

.navbar-collapse.collapse.in {
  display: block!important;
}

.icon-bar {
	background-color: white!important;
}

.btn-noborder {
	border: none;
}

.btn-noborder.hover {
	background-color: transparent;
}

.main-contents {
	padding-left:0;
	margin-left:0;
}

a > span.glyphicon {
	margin-right:6px;
	margin-left:6px;
}

.navbar-fixed-top {
	height:40px!important;
}


/* 768以下 xs ナビバーにメニューを隠す */
@media(max-width:767px)
{
    .body-content {
        margin-bottom: 60px;
    }

    .body-partial {
        margin-left:0px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-title-box {
		padding: 10px 20px 10px 20px;
		margin: -20px -30px 10px -20px;
	}


}

/* 769～991 sm */
@media(min-width:768px) and (max-width:991px)
{
    .body-content {
    }

    .body-partial {
        margin-left:260px;
        /*background-color: green;*/
    }
}

/* 992～ 1199 md */
@media(min-width:992px) and (max-width:1199px)
{
    .body-content {
    }

    .body-partial {
        margin-left:260px;
        /*background-color: red;*/
    }

}

/* 1200px～ */
@media(min-width:1200px)
{
    .body-content {
    }

    .body-partial {
        margin-left:260px;
        /*background-color: yellow;*/
    }

}


.footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #3bafda;
  color: lightgray;
  text-align:center;
  display: inline-block;
  /*margin-bottom: 0px;*/
  z-index: 10000;
}

.footer > .container {
  padding-top: 15px;
  padding-bottom: 15px;
}



.popover .popover-title {
    background: none;
    border-bottom: medium none !important;
    margin: 0 !important;
    padding: 10px 14px 0 !important;
    font-weight:normal;
}

#managerMenu
{
	width: 245px;
}

#contentManager .list-group-item
,#contentEditManager .list-group-item
,#questionnaireManager .list-group-item
,#systemManager .list-group-item
,#dataAnalyze .list-group-item
,#scheduleManager .list-group-item
,#deviceManager .list-group-item
,#operationManagement .list-group-item
,#systemMonitoring .list-group-item
,#zoomCooperationManager .list-group-item
,#contentMailManager .list-group-item
{
	border-bottom: 1px;
}

#contentManager .list-group-item:first-child
,#contentEditManager .list-group-item:first-child
,#questionnaireManager .list-group-item:first-child
,#systemManager .list-group-item:first-child
,#dataAnalyze .list-group-item:first-child
,#scheduleManager .list-group-item:first-child
,#deviceManager .list-group-item:first-child
,#operationManagement .list-group-item:first-child
,#systemMonitoring .list-group-item:first-child
,#zoomCooperationManager .list-group-item:first-child
,#contentMailManager .list-group-item:first-child
{
	border-bottom: 0;
}

#contentEditManager .list-group-item
,#questionnaireManager .list-group-item
,#categoryAccess .list-group-item
,#schedule .list-group-item
,#systemMonitoring .list-group-item
,#zoomCooperationManager .list-group-item
,#contentMailManager .list-group-item
{
	padding: 12px 36px !important;
}

.datepicker  {
/*	-webkit-border-radius: 0px;
	border-radius: 0px;*/
	overflow-y:hidden;
}

.datepicker .table-condensed {
	width: 100%;
	height: 100%;
}

.datepicker-years .picker-switch {
	cursor: default !important;
	background: inherit !important;
}

.blinking{
    animation-name: blink; /* アニメーションの名前を設定 */
    animation-duration: 1.2s; /* アニメーションの秒数を設定 */
    animation-iteration-count: infinite; /* 繰り返しを設定（１回だけなら不要） */
}
    
@keyframes blink{ /*上記で設定したアニメーションの動作を指定 */
    0% {opacity:1;} /* 1.2s中の動作開始時間を%で指示 */
    50% {opacity:0;} /* 同上 */
}

/*background-color: #d3d3d3;*/


.sub-table {
    width: 100%;
}

.sub-table tr{
    border: solid 2px #0000;
}

.sub-table .info{
    width: 30%;
}

.avatar000{background-image: url(../img/content/images/avatar/avatar000.png);}
.avatar001{background-image: url(../img/content/images/avatar/avatar001.png);}
.avatar002{background-image: url(../img/content/images/avatar/avatar002.png);}
.avatar003{background-image: url(../img/content/images/avatar/avatar003.png);}
.avatar004{background-image: url(../img/content/images/avatar/avatar004.png);}
.avatar005{background-image: url(../img/content/images/avatar/avatar005.png);}
.avatar006{background-image: url(../img/content/images/avatar/avatar006.png);}
.avatar007{background-image: url(../img/content/images/avatar/avatar007.png);}
.avatar008{background-image: url(../img/content/images/avatar/avatar008.png);}
.avatar009{background-image: url(../img/content/images/avatar/avatar009.png);}
.avatar010{background-image: url(../img/content/images/avatar/avatar010.png);}
.avatar011{background-image: url(../img/content/images/avatar/avatar011.png);}
.avatar012{background-image: url(../img/content/images/avatar/avatar012.png);}
.avatar013{background-image: url(../img/content/images/avatar/avatar013.png);}
.avatar014{background-image: url(../img/content/images/avatar/avatar014.png);}
.avatar015{background-image: url(../img/content/images/avatar/avatar015.png);}
.avatar016{background-image: url(../img/content/images/avatar/avatar016.png);}
.avatar017{background-image: url(../img/content/images/avatar/avatar017.png);}
.avatar018{background-image: url(../img/content/images/avatar/avatar018.png);}
.avatar019{background-image: url(../img/content/images/avatar/avatar019.png);}
.avatar020{background-image: url(../img/content/images/avatar/avatar020.png);}
.avatar021{background-image: url(../img/content/images/avatar/avatar021.png);}
.avatar022{background-image: url(../img/content/images/avatar/avatar022.png);}
.avatar023{background-image: url(../img/content/images/avatar/avatar023.png);}
.avatar024{background-image: url(../img/content/images/avatar/avatar024.png);}
.avatar025{background-image: url(../img/content/images/avatar/avatar025.png);}

#configRegistForm .question{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: cover;
	margin: 2px;
    background-image: url(../img/content/images/common/question.png);
    cursor: pointer;
}

#configRegistForm .avatar {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: cover;
	margin: 2px;
}

#configRegistForm .tooltips {
    display: none;
    position: absolute;
    bottom: 3.0em;
    left: 0.3em;
    z-index: 9999;
    padding: 0.3em 0.5em;
    color: #FFFFFF;
    background: #c72439;
    border-radius: 0.5em;
    font-size: 10px;
}
#configRegistForm .tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: 33px;
  border-bottom:8px solid transparent;
  border-left:8px solid #c72439;
}

.user-select {
    list-style: none;
    padding-inline-start: 0px;
}
.user-select li {
    padding-bottom: 8px;
}
.user-select select.form-control {
    width: 100%;
}

#searchNotifyUser {
    margin-right: 10px;
    margin-left: 10px;
}

.noLdapFilter {
    color: lightblue;
}


.admin-play {
    margin-left:10px;
    margin-bottom:3px;
}


/* .tab-content {
    border: 1px solid #000;
}

.tab-menu ul {
    list-style: none;
}

.tab-menu li a{
    color: #000;
	background-color: #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top: 1px solid #FFF;
    
}
.tab-menu li:last-child a{
	border-right: none;
} */

.tab-menu ul{
    list-style: none;
	display: flex;
	overflow: hidden;
	height: 30px;
	border-bottom-style: solid;
	border-bottom-width: 4px;
}
.tab-menu li{
	line-height: 1.1em;
}
.tab-menu li a{
	display: table-cell;
	width: 120px;
	height: 30px;
	vertical-align:middle;
	padding: 0;
	text-align: center;
	background-repeat:  no-repeat;
	background-size: auto 30px;
    background-position: center 0;
    
    border-left: 1px solid #999;
    border-top: 1px solid #999;
	border-right: none;

    background-color: rgb(217, 237, 247);
    /*color: rgb(122, 122, 122);*/
    color: #fff;
}

.tab-menu li:last-child a{
    border-right: 1px solid #999;
}
.tab-menu li.active a{
	/*color: rgb(102, 102, 102);*/
    color: #fff;
    background-color: rgb(156, 218, 241);
}

.server-system-graph-box {
    margin-bottom: 6px;
    margin-left: 6px;
    padding-left: 2px;
}

.server-system-graph {
    border: 1px solid rgb(230,230,230); 
}

.graph-title-area {
    display: flex;
}
.graph-title {
    color: rgb(32,32,32);
    font-size: 14px;
    font-weight: bold;
}
.graph-sub-title {
    color: rgb(120,120,120);
    font-size: 12px;
    padding-left: 10px;
    padding-top: 2px;
}
.graph-server-type {
    color: rgb(220,120,120);
    font-size: 12px;
    padding-right: 10px;
    padding-top: 2px;
}
.graph-client-type {
    color: rgb(20,80,255);
    font-size: 12px;
    padding-right: 10px;
    padding-top: 2px;
}

.server-info-table {
    width: 60%;
}

.inner-table {
    width: 100%;
}
.inner-table tr {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.inner-table tr td {
    padding: 3px 3px;
}
.inner-table tr td:last-child {
    border-left: 1px dashed lightgray;
    border-right: 1px dashed lightgray;
}

.inner-table tr th {
    border-left: 1px dashed lightgray;
}

.inner-table tr td {
    border-left: 1px dashed lightgray;
}

.time-slider-area {
    position: relative;
    height: 36px;
}

.time-slider-panel {
    display: flex;
}

.time-slider-display {
    width: 147px;
    padding-right: 0px !important;
}
.time-slider-display-min {
    width: 139px;
    padding-right: 0px !important;
    font-size: small;
}

.time-slider {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: calc(100% - 152px);
    margin-left: 10px;
    border-bottom: 2px solid gray;
}

.time-slider-short-tick,
.time-slider-middle-tick,
.time-slider-long-tick
 {
    border-left: 2px solid gray;
    width: 0px;
}

.time-slider-short-tick {
    height: 10px;
}

.time-slider-middle-tick {
    height: 13px;
}

.time-slider-long-tick {
    height: 16px;
}

.time-slider-knob {
    position: absolute;
    top: 0;
    left: 123px;
}

.time-slider-knob-triangle{
    border-right: 8px solid transparent;
    border-bottom: 10px solid #b2ce54;
    border-left: 8px solid transparent; 

    width: 16px;
    height: 20px;
}

.time-slider-knob-box{
    width: 16px;
    height: 16px;
    background: #b2ce54;
}

.category-expander {
    width: 8px;
    height: 8px;
}

.tree-expand {
    display:table-row !important;
}
.tree-collapse {
    display:none !important;
}

span.expanded,
span.collapsed,
span.empty {
    margin: 0 8px;
    padding:0 0 0 16px;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    background-position: left;
}
span.expanded,
span.collapsed {
    cursor: pointer;
}
span.empty {
    background-image: url(../img/content/images/common/empty.png);
}
span.expanded {
    background-image: url(../img/content/images/common/expand.png);
}
span.collapsed {
    background-image: url(../img/content/images/common/collapse.png);
}
/* LDAP同期設定*/
.info-header {
    background-color: #9cdaf1;
}
table.ldap-table {
    width: 100%;
}

table.ldap-table th,
table.ldap-table td {
    font-size: 12px;
}
table.ldap-table tr td input[type=text] {
    margin: 2px 2px;
}

table.ldap-table>tbody>tr>td,
table.ldap-table>tbody>tr>th{
    border-bottom: 1px solid darkgrey;
    padding-left: 6px;
    padding-right: 6px;
}
table.ldap-sync-table.even,
table.ldap-sync-table.even table {
    background: #e7f5ff;
}

table.ldap-sync-table>tbody>tr>td,
table.ldap-sync-table>tbody>tr>th {
    border-bottom: 1px solid darkgrey;
    padding-left: 6px;
    padding-right: 6px;
}

table.ldap-sync-table>tbody>tr>th {
    border-left: 1px solid darkgrey;
}

.help {
    background-image: url(../img/content/images/common/question.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    margin: 8px 8px;
}
span.help-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.attribute-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.sorting_disabled {
    padding-right: 0px !important;
}

.cat-btn-cell {
    text-align: center;
}
.cat-btn {
    margin-top: 3px;
}

.text-red {
    color:red;
}

.text-bold {
    font-weight:bold;
}

.btn-layout,
.btn-import,
.btn-test
{
	color: #ffffff !important;
	background-color: #ffb68b !important;
	border: 1px solid #ffb68b !important;
}

.btn-layout:hover,
.btn-layout:focus,
.btn-layout:active,
.btn-layout.focus,
.btn-layout.active,
.btn-import:hover,
.btn-import:focus,
.btn-import:active,
.btn-import.focus,
.btn-import.active,
.btn-test:hover,
.btn-test:focus,
.btn-test:active,
.btn-test.focus,
.btn-test.active,
.open > .dropdown-toggle.btn-layout,
.open > .dropdown-toggle.btn-import,
.open > .dropdown-toggle.btn-test
{
  background-color: #fea57a !important;
  border: 1px solid #fea57a !important;
}

.btn-qrcode
{
	color: #ffffff !important;
	background-color: #9f00ff !important;
	border: 1px solid #9f00ff !important;
}

.btn-qrcode:hover,
.btn-qrcode:focus,
.btn-qrcode:active,
.btn-qrcode.focus,
.btn-qrcode.active,
.open > .dropdown-toggle.btn-qrcode {
  background-color: #9e00fe !important;
  border: 1px solid #9e00fe !important;
}

.btn-update
{
	color: #ffffff !important;
	background-color: #017bd3 !important;
	border: 1px solid #017bd3 !important;
  }

.btn-update:hover,
.btn-update:focus,
.btn-update:active,
.btn-update.active,
.btn-update.focus,
.open > .dropdown-toggle.btn-update {
	background-color: #006ac2 !important;
	border: 1px solid #006ac2 !important;
}

.btn-send-mail
{
    color: #ffffff !important;
    background-color: #ff8888 !important;
    border: 1px solid #ff8888 !important;
}

.btn-send-mail:hover,
.btn-send-mail:focus,
.btn-send-mail:active,
.btn-send-mail.active,
.btn-send-mail.focus,
.open > .dropdown-toggle.btn-send-mail {
    background-color: #ff7777 !important;
    border: 1px solid #ff7777 !important;
}

.alert0, .error0 {
    background-color: #FFF;
}

.alert1 {
    background-color: #FFA;
}

.alert2 {
    background-color: #FF5;
}

.alert3 {
    background-color: #FF0;
}

.error1 {
    background-color: #FAA;
}

.error2 {
    background-color: #F55;
}

.error3 {
    background-color: #F00;
}

td.right {
    text-align: right;
}

.category_select_area,
.group_select_area{
    background-image: url(../img/admin/not_selected.png);
    background-repeat:no-repeat;
    background-size:200px 70px;
    background-position: center;
}

.caption-button-margin-top {
    margin-top: 3px;
}

ul.search-conditions {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
ul.search-conditions li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 2px;
}

ul.search-conditions .header {
    background: rgb(156, 218, 241);
}

#contentMailRegisterForm pre {
    display: block;
    padding: 4px;
    margin: 0 0 4px;
    font-size: 1em;
    line-height: 1;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: transparent;
    border: 0px solid #ccc;
    border-radius: 4px;
}

#contentMailRegisterForm .table-radio-col {
    text-align: center;
}

.wide-text {
    width: 600px;
}