a {
    color:#1fb5ac;
}

a:hover {
    color:#1fb5ac;
    text-decoration:underline;
}

a.logo {
    margin:15px 0 0 25px;
}

.brand {
    background: #f1f2f7;
}
@media (max-width: 479px){
    .notify-row{
        margin-top: 16px;
        float:left !important;
    }
    .chartJS{
        overflow: auto;
    }
}
/* login */
.login-body {
    background: #f1f2f7;
}
.login-body .container .login-wrapper .row {
    position: relative;
}
.login-body .container .login-wrapper .logo_row .logo img{
  width: 100%;
  height: auto;
}
.login-body .container .login-wrapper .row .loginOne .btn-primary{
    background-color: #EC6D74;
    border-color: #EC6D74;
}
.login-body .container .login-wrapper .row .loginOne .btn-primary:hover,
.login-body .container .login-wrapper .row .loginOne .btn-primary:focus,
.login-body .container .login-wrapper .row .loginOne .btn-primary:active,
.login-body .container .login-wrapper .row .loginOne .btn-primary.active,
.login-body .container .login-wrapper .row .loginOne .open .dropdown-toggle.btn-primary {
  background-color: #DE666D;
  border-color: #DE666D;
}
.login-body .container .login-wrapper .row .loginOne .panel {
    margin-bottom: 40px;
}
.login-body .container .login-wrapper .row .registration{
    right: 15px;
}
@media print, screen and (min-width: 768px){
    .login-body .container .login-wrapper {
      height: 100vh;
      padding-bottom: 0;
  }
  .login-body .container .login-wrapper .row {
      height: 50vh;
  }
    .login-body .container .login-wrapper .logo_row .logo{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 150px;
        height: 228px;
    }
}
@media (max-width: 767px) {
    .login-body {
        margin-top: 40px !important;
    }
    .login-body .container .login-wrapper .logo_row .logo{
        width: 20%;
        margin: 0 auto 40px;
    }
}
#filter{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000;
    filter:alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
    z-index:9000;
}

* html #filter {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    z-index: 2;
}

::selection {
    background:#1FB5AD;
    color:#7c7c7d;
}
::-moz-selection {
    background:#1FB5AD;
    color:#7c7c7d;
}
.form-control {
    color: #7c7c7d;
}
h1 {
    font-size:24px;
    margin-top:5px;
    margin-bottom:10px;
}

.notification-time {
    color: #666;
}

.notification-info p {
    color: #666;
}

.panel-heading {
    color: #444;
}

.msg-time-chat .msg-in .text .first {
    width: 180px;
}

/* wizard */
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{
    text-align: center;
}
.wizard > .content {
    text-align: center;
}
/*#wizard-p-9 .form-group:after,
#wizard-p-19 .form-group:after,
#wizard-p-29 .form-group:after,
#wizard-p-39 .form-group:after,
#wizard-p-49 .form-group{
    padding-bottom: 150px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#wizard-p-9 .form-group{
  background-image: url(../org/wizard/image_01.png);
  background-size: 113px 133px;
}
#wizard-p-19 .form-group{
  background-image: url(../org/wizard/image_02.png);
  background-size: 183px 120px;
  background-position: left top;
}
#wizard-p-29 .form-group{
  background-image: url(../org/wizard/image_03.png);
  background-size: 100px 131px;
}
#wizard-p-39 .form-group{
  background-image: url(../org/wizard/image_04.png);
  background-size: 200px 135px;
}
#wizard-p-49 .form-group{
  background-image: url(../org/wizard/image_05.png);
  background-size: 114px 133px;
}*/
.wizard .content .radio-wrapper{
    padding-top: 15px;
}
@media print, screen and (min-width: 768px){
    .radio-wrapper .radio-inline label{
        overflow:hidden;
        line-height: 1.3333333;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        padding: 10px 16px;
        font-size: 16px;
        background-color: #95b75d;
        border-color: #95b75d;
        color: #fff;
    }
    .radio-wrapper .radio-inline input{
        display: none !important;
    }
    .radio-wrapper .radio-inline input[type=radio]:checked + label{
        background-color: #EC6D74;
        border-color: #EC6D74;
        color: #fff;
    }
}
@media (max-width: 767px) {
    .wizard > .steps{
        display: none!important;
    }
    .wizard .content .form-group h4 .label{
        display: block;
        white-space: normal;
    }

    .wizard .radio-wrapper .radio-inline label{
        overflow: hidden;
        line-height: 1.3333333;
        border-radius: 6px;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        padding: 10px 16px;
        font-size: 16px;
        background-color: #95b75d;
        border-color: #95b75d;
        color: #fff;
    }
    div.radio-block {
        display: block;
        width: 100%;
        text-align: center;
        margin: 6px 0 !important;
    }
    .radio-wrapper .radio-inline input {
        display: none !important;
    }
    .radio-wrapper .radio-inline input[type=radio]:checked + label {
        background-color: #EC6D74;
        border-color: #EC6D74;
        color: #fff;

    }
    /*
    .wizard > .content
    {
        overflow: auto !important;
    }
    */
    /*
    .wizard > .content::-webkit-scrollbar
    {
        display: none;
    }
    */


    /*.wizard > .actions > ul{
        padding-top: 150px;
    }*/
    .supplement{
      padding-top: 15px;
    }
    .user-policy{
      overflow-y: scroll;
      overflow-x: hidden;
      height:250px;
      padding: 15px;
      margin-bottom: 20px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
      box-shadow: 0 1px 1px rgba(0,0,0,.05);
    }
}
    /*---------------------------------------*/
    /**/
    /*       ヨクシーの追加CSS*/
    /**/
    /*---------------------------------------*/

    /*---------------------------------*/
    /*            共通部分              */
    /*---------------------------------*/

    html,.login-body {background-color: #f1f7f8;}

    /*全体のフォント*/
    body {
        font-family: 'Sawarabi Gothic', sans-serif;
        font-size: 16px;
    }
    /*リンク*/
    a {
        color: #429eed;
    }
    /*モーダルのヘッダー*/
    .modal-header {
        background-color: #429eed;
        color: white;
    }

    /*---------------------------------*/
    /*          ヘッダー部分             */
    /*---------------------------------*/

    .header {
        background-image: -moz-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
        background-image: -webkit-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
        background-image: -ms-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
    }
    /*ヘッダーロゴ*/
    .brand {
        background: rgba(255,255,255,0);
    }
    @media (max-width: 767px){
        .brand {
            background-image: -moz-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
            background-image: -webkit-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
            background-image: -ms-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
        }
    }

    /*ユーザー名の表示ボタン*/
    .top-nav ul.top-menu>li>a {
        padding: 5px 10px;
    }
    /*メールアイコン*/
    ul.top-menu > li > a {
        background: none;
    }
    #header_inbox_bar .fa {
        color: white;
    }
    ul.top-menu>li>a:hover, ul.top-menu>li>a:focus {
        background-color: #51b9f8;
    }
    /*サイドメニュー トグルボタン*/
    .sidebar-toggle-box {
        background-color: #ffffff;
    }

    /*---------------------------------*/
    /*          メインカラム             */
    /*---------------------------------*/
    .panel {
        padding: 0.5em;
        border-radius: 3px;
    }
    .wrapper {
        padding: 15px 40px;
        background-color: #f1f7f8;
    }
    /*大見出し（「現在実施中のストレスチェック」など）*/
    .panel-heading {
        padding: 0.4em 0.8em 0.8em;
        color: #494949;
        background: #fff;
    }
    /*小見出し（「ようこそ従業員さん」など）*/
    .alert-success {
        background: #ffffff;
    }
    /*コンテンツヘッダー「ようこそ〇〇さん」の部分を非表示に*/
    .content-header {
        display: none;
    }
    /*吹き出しのアイコン*/
    .alert-success .alert-icon {background-color: #58d8a3;}
    /*バッジ*/
    .label-info {background-color: #58d8a3;}


    /*---------------------------------*/
    /*            ボタン                */
    /*---------------------------------*/

    .btn {
        padding: 0.5em ;
    }
    .btn-success,.btn-primary,.btn-default {
        min-height: 2em;
        font-weight: bold;
        font-size: 1.2em;
        width: 48%;
        margin: 0em auto;
    }
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
        width: 50%;
    }
    .btn-success,.btn-primary {
        background-color: rgb(219, 77, 92);
        border-color: rgb(219, 77, 92);
    }
    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus,.btn-success.active, .open .dropdown-toggle.btn-success,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus,.btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-color: rgb(219, 77, 92);
        border-color: rgb(219, 77, 92);
    }


    /*---------------------------------*/
    /*            サイドメニュー         */
    /*---------------------------------*/

    #sidebar {
        background-color: #fff;
    }
    .leftside-navigation {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 3px 9px 0px rgba(0, 35, 136, 0.03);
    }
    ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
        background-color: #eee;
        color: #555;
    }
    ul.sidebar-menu li ul.sub li a {
        color: #717171;
    }
    ul.sidebar-menu li ul.sub li {
        background-color: #ececec;
    }
    ul.sidebar-menu li a {
        color: #717171;
        font-size: 14px;
    }
    ul.sidebar-menu li a i { color: #429eed;}
    ul.sidebar-menu li a.active i { color: #51b9f8;}
    ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #51b9f8;}

    ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
        background-color: #429eed;
        color: white;
    }


    /*---------------------------------*/
    /*            ログイン画面           */
    /*---------------------------------*/

    /*ログイン画面のボタン*/
    .login-body .container .login-wrapper .row .loginOne .btn-primary {
        background-color: rgb(219, 77, 92);
        border-color: rgb(219, 77, 92);
    }


    /*----------------------------------*/
    /*   ストレスチェック実施画面           */
    /*----------------------------------*/

    /*回答済み番号ボタン*/
    .panel .wizard > .steps .number { font-size: 0.8em; }
    .panel .wizard > .steps > ul > li { width: 5%;}
    .panel .wizard > .steps > ul > li:nth-last-child(1) { width: 15%;}

    /*回答ボタン*/
    .panel .wizard > .content > .body label,#wizard h3 {/*ボタンの文字を選択状態にしないように*/
        user-select: none; 
        -moz-user-select: none; 
        -webkit-user-select: none;
        -ms-user-select: none;
    }
    @media print, screen and (min-width: 768px){
        .radio-wrapper .radio-inline label {
            min-width:10em;
        }
        .login-body .container .login-wrapper .logo_row .logo {
            width: 240px;
        }
    }
    @media (max-width: 767px){
        .login-body .container .login-wrapper .logo_row .logo {
            width: 60%;
            max-width: 240px;
        }
    }

.new-icon {
    background-image: url('assets/org/list_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 0.5em;
}

/*----------------------------------*/
/*   システム用仮追加css           */
/*----------------------------------*/

.result-question{
    overflow:hidden;
    line-height: 1.3333333;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 16px;
    background-color: #95b75d;
    border-color: #95b75d;
    color: #fff;
    display: inline-block;
}


.sheet-wrapper {
    position: relative;
    width: 100%;
}
.sheet-choice {
    overflow:hidden;
    line-height: 1.3333333;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 10px 16px;
    margin-right: 5px;
    font-size: 16px;
    background-color: #95b75d;
    border-color: #95b75d;
    color: #fff;
    display: inline-block;
}

div.sheet-weight {
    overflow:hidden;
    line-height: 1.3333333;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    padding: 3px 6px;
    font-size: 14px;
    margin: 1px;
    background-color: #cfffff;
    border-color: #cfffff;
    color: #000;
    display: inline-block;
    margin-right: 90%;
}

div.result-type {
    overflow: hidden;
    line-height: 1.3333333;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    padding: 10px 16px;
    font-size: 24px;
    background-color: #95b75d;
    border-color: #95b75d;
    color: #fff;
    display: block;
    margin-bottom: 1em;
}

.radio-wrapper{
    user-select: none;
}




/*---------------------------------------*/
/**/
/*       ヨクシーの追加CSS*/
/**/
/*---------------------------------------*/

/*---------------------------------*/
/*            共通部分              */
/*---------------------------------*/

html,.login-body {background-color: #f1f7f8;}
 
/*全体のフォント*/
body {
    font-family: 'Sawarabi Gothic', sans-serif;
    font-size: 16px;
}
/*リンク*/
a {
    color: #429eed;
}
/*モーダルのヘッダー*/
.modal-header {
    background-color: #429eed;
    color: white;
}

/*---------------------------------*/
/*          ヘッダー部分             */
/*---------------------------------*/

.header {
    background-image: -moz-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
    background-image: -webkit-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
    background-image: -ms-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
}
/*ヘッダーロゴ*/
.brand {
    background: rgba(255,255,255,0);
}
@media (max-width: 767px){
    .brand {
        background-image: -moz-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
        background-image: -webkit-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
        background-image: -ms-linear-gradient( -3deg, rgb(34,157,237) 0%, rgb(8,185,251) 100%);
    }
}

/*ユーザー名の表示ボタン*/
.top-nav ul.top-menu>li>a {
    padding: 5px 10px;
}
/*メールアイコン*/
ul.top-menu > li > a {
    background: none;
}
#header_inbox_bar .fa {
    color: white;
}
ul.top-menu>li>a:hover, ul.top-menu>li>a:focus {
    background-color: #51b9f8;
}
/*サイドメニュー トグルボタン*/
.sidebar-toggle-box {
    background-color: #ffffff;
}

/*---------------------------------*/
/*          メインカラム             */
/*---------------------------------*/
.panel {
    padding: 0.5em;
    border-radius: 3px;
}
.wrapper {
    padding: 15px 40px;
    background-color: #f1f7f8;
}
/*大見出し（「現在実施中のストレスチェック」など）*/
.panel-heading {
    padding: 0.4em 0.8em 0.8em;
    color: #494949;
    background: #fff;
}
/*小見出し（「ようこそ従業員さん」など）*/
.alert-success {
    background: #ffffff;
}
/*コンテンツヘッダー「ようこそ〇〇さん」の部分を非表示に*/
.content-header {
    display: none;
}
/*吹き出しのアイコン*/
.alert-success .alert-icon {background-color: #58d8a3;}
/*バッジ*/
.label-info {background-color: #58d8a3;}


/*---------------------------------*/
/*            ボタン                */
/*---------------------------------*/

.btn {
    padding: 0.5em ;
}
.btn-success,.btn-primary,.btn-default {
    min-height: 2em;
    font-weight: bold;
    font-size: 1.2em;
    width: 48%;
    margin: 0em auto;
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 50%;
}
.btn-success,.btn-primary {
    background-color: rgb(219, 77, 92);
    border-color: rgb(219, 77, 92);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus,.btn-success.active, .open .dropdown-toggle.btn-success,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus,.btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: rgb(219, 77, 92);
    border-color: rgb(219, 77, 92);
}


/*---------------------------------*/
/*            サイドメニュー         */
/*---------------------------------*/

#sidebar {
    background-color: #fff;
}
.leftside-navigation {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 9px 0px rgba(0, 35, 136, 0.03);
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background-color: #eee;
    color: #555;
}
ul.sidebar-menu li ul.sub li a {
    color: #717171;
}
ul.sidebar-menu li ul.sub li {
    background-color: #ececec;
}
ul.sidebar-menu li a {
    color: #717171;
    font-size: 14px;
}
ul.sidebar-menu li a i { color: #429eed;}
ul.sidebar-menu li a.active i { color: #51b9f8;}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #51b9f8;}

ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
    background-color: #429eed;
    color: white;
}


/*---------------------------------*/
/*            ログイン画面           */
/*---------------------------------*/

/*ログイン画面のボタン*/
.login-body .container .login-wrapper .row .loginOne .btn-primary {
    background-color: rgb(219, 77, 92);
    border-color: rgb(219, 77, 92);
}


/*----------------------------------*/
/*   ストレスチェック実施画面           */
/*----------------------------------*/

/*回答済み番号ボタン*/
.panel .wizard > .steps .number { font-size: 0.8em; }
.panel .wizard > .steps > ul > li { width: 5%;}
.panel .wizard > .steps > ul > li:nth-last-child(1) { width: 15%;}

/*回答ボタン*/
.panel .wizard > .content > .body label,#wizard h3 {/*ボタンの文字を選択状態にしないように*/
    user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none;
    -ms-user-select: none;
}
@media print, screen and (min-width: 768px){
    .radio-wrapper .radio-inline label {
        min-width:10em;
    }
    .login-body .container .login-wrapper .logo_row .logo {
        width: 240px;
    }
}
@media (max-width: 767px){
    .login-body .container .login-wrapper .logo_row .logo {
        width: 60%;
        max-width: 240px;
    }
}