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

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



::-webkit-scrollbar {
    all: unset;
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    all: unset;
    border-radius: 12px;
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    all: unset;
    border-radius: 12px;
    background: #dcdcdc;
}

::-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: 16px;
    padding-right: 16px;
}
.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%;
    }
}



.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;
}

div.profile-image-rotate {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 30px;
}

.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;
}
.pa-datetime {
    white-space: initial;
}
@media all and (-ms-high-contrast: none) {
    input[type=number] {
        padding-left: 0px\9;
        padding-right: 0px\9;
    }
}
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;
}

/*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;
}

thead .pa-sunday {
    color: #d93a26;
}

thead .pa-holiday {
    color: #d93a26;
}

thead .pa-saturday {
    color: #277fd8;
}

/* 土曜、日曜、祝日 の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, .modal-dialog.organization_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;
}

.fileLibraryList div.videoImage i {
    position: absolute;
    top: 25px;
    left: calc(50% - 17px);
    font-size: 40px;
    color: #FFFFFF;
}

.fileLibraryList div.audioImage {
    text-align: center;
}

.fileLibraryList div.audioImage i {
    padding-top: 20px;
    font-size: 80px;
    color: #A0A0A0;
}

.fileLibraryList div.waitImage {
    text-align: center;
}

.fileLibraryList div.waitImage i {
    padding-top: 20px;
    font-size: 60px;
    color: #A0A0A0;
}

.fileLibraryList div.waitImage div {
    padding-top: 10px;
    font-size: 15px;
}

.talent-publish-contents {
    cursor: pointer;
}

.tp-large-size-menu-buttons {
    width: 90px;
    text-align: right;
}

.tp-large-size-menu-buttons button {
    margin-top: .2em;
    margin-right: .21em;
}

.tp-large-size-menu-buttons button:nth-of-type(1)
, .tp-large-size-menu-buttons button:nth-of-type(2) {
    margin-top: 0;
}

.frame-pdf {
    width: 100%;
    height: calc(100vh - 265px);
    border: 0;
}

.not-entered.unselected-file {
    color: #ff0000;
}

.not-max-width {
    max-width: none;
}

.tp-setting-row {
    margin-bottom: 1em
}

.max-width-none {
    max-width: none;
}

.hover-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.hover-scroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.hover-scroll:hover::-webkit-scrollbar-track {
    background: #f5f5f5;
}
.hover-scroll:hover::-webkit-scrollbar-thumb {
    background: #dcdcdc;
}

.context-menu-item.context-menu-disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

select > span.hidden-option {
    display: none;
}