/*
    #7dc900  濃い緑 (ヘッダー等)
    #d7ebcb  2色グラデ 濃い緑
    #ecf5e7  2色グラデ 薄い緑

    #7dc900  緑ボタン
    #6db000  緑ボタン押下
    #ff9645  オレンジボタン
    #e6873e  オレンジボタン押下
*/



::-webkit-scrollbar {
  all:unset;
  width: 8px;
  height: 8px;
  background: #eee;
}
 
::-webkit-scrollbar-track {
  all:unset;
  border-radius: 12px;
  background: #eee;
}
 
::-webkit-scrollbar-thumb {
  all:unset;
  border-radius: 12px;
  background: #c1bfbf;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #b0aeae;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    position:relative;
    padding-left: 15px;
    padding-right: 15px;
}
.fill{
    height:100%;
}
/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea,
.input-group {
    max-width: 280px;
}
@media (max-width: 770px) {
    .input-group.sp-min {
        max-width: 180px;
    }
}
textarea.cke_source {
    max-width: none;
}


/* Carousel */
.carousel-caption {
    z-index: 10 !important;
}

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

@media (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}


ol.breadcrumb{
    position:fixed;
    top:50px;
    left:0;
    right:0;
}



@media (max-width: 770px) {
    .twocolumn {
        width:100%;
    }
}



@media (min-width: 770px) {
    .twocolumn {
        width:90%;
    }
}

#attendModal .modal-body {
    max-height: calc(100vh - 130px);
}


.pa-mouseover {
    
}
.pa-mouseover:hover {
    background-color:#ecf5e7;
}
.pa-mouseover-color {
    background-color:#ecf5e7;
}




/* pa-btn-color8 グレー hoverで青くならない ワークログAPI連携で使用*/
.pa-btn-color8 {
  color: #7a7a7a;
  background-color: #f4f2f1;
  border-color: #f4f2f1;
}
.pa-btn-color8:hover,
.pa-btn-color8:focus,
.pa-btn-color8:active,
.pa-btn-color8.active,
.open .dropdown-toggle.pa-btn-color8 {
  color: #7a7a7a;
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}
.pa-btn-color8:active,
.pa-btn-color8.active,
.open .dropdown-toggle.pa-btn-color8 {
  background-image: none;
}
.pa-btn-color8.disabled,
.pa-btn-color8[disabled],
fieldset[disabled] .pa-btn-color8,
.pa-btn-color8.disabled:hover,
.pa-btn-color8[disabled]:hover,
fieldset[disabled] .pa-btn-color8:hover,
.pa-btn-color8.disabled:focus,
.pa-btn-color8[disabled]:focus,
fieldset[disabled] .pa-btn-color8:focus,
.pa-btn-color8.disabled:active,

.pa-btn-color8[disabled]:active,
fieldset[disabled] .pa-btn-color8:active,
.pa-btn-color8.disabled.active,
.pa-btn-color8[disabled].active,
fieldset[disabled] .pa-btn-color8.active {
   color: #7a7a7a;
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}

/* pa-btn-color9 グレー hoverで青*/
.pa-btn-color9 {
  color: #7a7a7a;
  background-color: #ffffff;
  /*border-color: #7a7a7a;*/
}
.pa-btn-color9:hover,
.pa-btn-color9:focus,
.pa-btn-color9:active,
.pa-btn-color9.active,
.open .dropdown-toggle.pa-btn-color9 {
  color: #ffffff;
  background-color: #2ea7e0;
  /*border-color: #d6d6d6;*/
}
.pa-btn-color9:active,
.pa-btn-color9.active,
.open .dropdown-toggle.pa-btn-color9 {
  background-image: none;
}
.pa-btn-color9.disabled,
.pa-btn-color9[disabled],
fieldset[disabled] .pa-btn-color9,
.pa-btn-color9.disabled:hover,
.pa-btn-color9[disabled]:hover,
fieldset[disabled] .pa-btn-color9:hover,
.pa-btn-color9.disabled:focus,
.pa-btn-color9[disabled]:focus,
fieldset[disabled] .pa-btn-color9:focus,
.pa-btn-color9.disabled:active,
.pa-btn-color9[disabled]:active,
fieldset[disabled] .pa-btn-color9:active,
.pa-btn-color9.disabled.active,
.pa-btn-color9[disabled].active,
fieldset[disabled] .pa-btn-color9.active {
   color: #7a7a7a;
  background-color: #d6d6d6;
  /*border-color: #d6d6d6;*/
}


a.dropdown-toggle{
    text-decoration:none;
}

.alert-danger {
    margin-top:5px;
}



ul.navbar-right > li > a.dropdown-toggle{
    padding:5px;
}


.icon-size
{
    width:100px;
    height:100px;
}
.profile-thumbnail {
    width: 100%;
    height: 100px;
    overflow: hidden;
    margin-bottom:10px;
}
button.pa-button-remove-image {
    vertical-align:bottom;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}


/*aタグクリック時の点線を消す*/
a:focus, *:focus { outline:none; }

.pa-string {
    padding-left:10pt !important;
}

input[type=number], .pa-number {
    text-align:right;
    padding-right:10pt !important;
    font-family:Arial, Helvetica, sans-serif;
    word-break:keep-all;
    white-space:nowrap;
}
@media all and (-ms-high-contrast: none) {
    input[type=number] {
        padding-left: 0px\9;
        padding-right: 0px\9;
    }
}
span.pa-number, a.pa-number, th.pa-number, td.pa-number, label.pa-number {
    font-size:120%;
}
span.pa-number-lg, a.pa-number-lg, th.pa-number-lg, td.pa-number-lg, label.pa-number-lg {
    font-size:130%;
}
label.form-control-label {
    display: block;
}


/*ヘッダ固定用*/
table.fix-tbl-head {
    table-layout: fixed;
}

td.pa-cell-label > .label {
    display:block;
    float:left;
    margin:1px;
}

table tbody tr td i.handle{
    cursor:move;
}

div.pa-tbl-container {
    overflow: auto;
    height:100%;
    height:calc(100% - 5em);
}
div.pa-footer {
    height: 65px;
    overflow:hidden;
    text-align:center;
}
.pagination {
    margin:10px 0px 10px 0px;
}

.pagination > li > a{
    border-radius: 3px;
    color: #717171;
    margin-left:2px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    background-color: #2ea7e0;
    border-color: #2ea7e0;
}

/*font-awesome*/
.fa.inactive {
    color: #dcdcdc;
}
.fa.fa-6x {
    font-size: 6em;
}
.fa.fa-7x {
    font-size: 7em;
}


/* 土曜、日曜、祝日 の背景色 */
.pa-sunday {
    color:indianred;
}
.pa-holiday {
    color:indianred;
}
.pa-saturday {
   color:cornflowerblue;
}

/* 土曜、日曜、祝日 のtr背景色 */

.tr-pa-holiday {
    background-color: #f3f3f3;
}

.tr-pa-holiday:hover td {
    background-color: #e3e3e3;
}

/* 検索ボックス用 */
div.search-box {
    max-width: 400px;
    margin: 0 5px 0 5px;
}
div.search-box > .input-group-btn > .btn-group:not(:first-child) > .btn,
div.date-box > .input-group-btn > .btn-group:not(:first-child) > .btn {
    border-radius: 0px;
}
div.search-box > .input-group-btn > .btn-group:first-child > .btn,
div.date-box > .input-group-btn > .btn-group:first-child > .btn {
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

div.date-box{
    max-width:400px;
    margin-right:5px;
}


/* 共通のUserDataSnapshot */

.user-data-snapshot-header {
    height: 3em;
}
.user-data-snapshot-header > .input-group > select {
    width: 8em;
    padding-right: 0px;
}

.user-data-snapshot-container {
    width: 100%;
    overflow: auto;
    position: relative;
}

.user-data-snapshot-footer {
    height: 45px !important;
}


/*jcropの変なraddio*/
.jcrop-keymgr {
    opacity: 0;
}


.table-striped > tbody > tr:nth-child(odd) > td > table {
    background-color: #f9f9f9;
}

.bootstrap-switch {
    border-radius:15px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on{
    border-bottom-left-radius:15px !important;
    border-top-left-radius:15px !important;
}
.bootstrap-switch .bootstrap-switch-handle-off
{    border-bottom-right-radius:15px !important;
    border-top-right-radius:15px !important;
}



/*入力チェックのアイコン*/
.pa-check-sign{
    font-size:12pt;
    color:#44d55c;
    margin-left:5px;
}

/*mind,enqueteの日付部分*/
.date_span{
    font-size:.9em;
    color:grey;
    display:block;
}

i.fa-bars{
    color:grey;
    font-size:80%;
}
/*individual profile*/
.cp-container .cp-swatch {
    width:90px;
}

/*dropFile*/
.drop-file-upload {
    transition: box-shadow .2s;
}
.drop-file-upload-empty {
    border: 2px dashed #bbb;
    border-radius:4px;
    padding:10px;
    text-align:center;
    color:#bbb;
}
    .drop-file-upload-empty-text {
        margin: auto;
    }
.drop-file-upload-hover {
    background-color:#e8f0fe;
    border:2px solid #4285f4;
    opacity:0.7;
}
.drop-file-upload-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.pa-date-filter-dialog {
    background-color:white;
    border:1px solid silver;
    border-radius:4px;
    padding:1em;
    box-shadow:0 3px 6px rgba(0,0,0,0.2);
}
.pa-date-filter-dialog h4 {
    margin: 0px 0px 10px;
    padding: 10px;
    border-left:5px solid #EB6A94;
}

/* グループ条件ダイアログ */
.modal-dialog.user_tree-filter_dialog {
    width: 90%;
}


input.valid-ok, td.valid-ok {
    background: #f0fff0;
}
input.valid-err, td.valid-err {
    background: #fff0f5;
}
.fa-pink {
    color: #FF99CC;
}

body > .bootstrap-datetimepicker-widget.dropdown-menu {
    display: none;
}