body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif
}
@media screen and (max-width: 600px) {
    .container {
        width: 100%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .container {
        width: 95%;
    }
}

/*bootstrap*/

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}
.breadcrumb > li {
    display: inline-block;
    color: #616161;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb > .active {
    color: #777;
}

.breadcrumb form {
    display: inherit;
}

.breadcrumb input {
    width: auto;
}

.text-muted {
    /*grey darken-1*/
    color: #757575;
}
.text-primary {
    /*blue accent-3*/
    color: #2979ff;
}
a.text-primary:hover {
    /*blue accent-4*/
    color: #2962ff;
}
.text-success {
    /*teal lighten-1*/
    color: #26a69a;
}
a.text-success:hover {
    /*teal*/
    color: #009688 ;
}
.text-info {
    /*light-blue darken-3*/
    color: #0277bd;
}
a.text-info:hover {
    /*light-blue darken-4*/
    color: #01579b;
}
.text-warning {
    /*red lighten-1*/
    color: #ef5350;
}
a.text-warning:hover {
    /*red*/
    color: #f44336 ;
}
.text-danger {
    /*pink lighten-1*/
    color: #ec407a;
}
a.text-danger:hover {
    /*pink*/
    color: #e91e63;
}

.dropdown-content {
    top: 64px;
}


/* original */
.brand-logo img{
    margin-top: 7px;
    max-height: 50px;
    max-width: 150px;
}
@media only screen and (min-width : 440px) {
    .brand-logo img{
        margin-top: 7px;
        max-width: none;
    }
}

h2.header {
    font-size: 2.56rem;
    line-height: 2.916rem;
}
@media only screen and (min-width : 551px) {
    h2.header {
        font-size: 2.92rem;
        line-height: 3.212rem;
    }
}

.recorder-add-btn {
    line-height: 3.916rem;
    padding-top: 1.916rem;
}
    .recorder-add-btn a{
        margin-left: 1rem;
    }

.recorder-btn-group {
    margin: 10px auto;
}

.recorder-error-messages {
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 10px;
}

.text-warning input , .text-warning textarea{
    border-bottom-color: #ef5350;
}

ul.pagination li.active {
    color: #fff;
    background-color: #ffca28;
}

#mobile-side-nav {line-height: 56px;}
    #mobile-side-nav a {
        font-size: 1rem;
        padding: 0px 15px;
    }

#login {
    padding: 30px;
    border-radius: 10px;
    margin-top: 10%;
    margin-bottom: 10%;
}
@media only screen and (max-width : 600px) {
    #login {
        padding: 0;
        margin: 0;
        box-shadow: none;
    }
}

.recorder-dashboard {
    position: relative;
    overflow: hidden;
}

.recorder-dashboard-icon {
    position: absolute;
    right: -20px;
    top: -20px;
}

.recorder-dashboard-title {
    position: relative;
}

.recorder-dashboard-link .card-panel{
    position: relative;
    -webkit-transition: opacity 0.4s, box-shadow 0.4s;
    -moz-transition: opacity 0.4s, box-shadow 0.4s;
    -o-transition: opacity 0.4s, box-shadow 0.4s;
    -ms-transition: opacity 0.4s, box-shadow 0.4s;
    transition: opacity 0.4s, box-shadow 0.4s;
    -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter: "alpha(opacity=(${iefactor}))";
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.recorder-dashboard-link .card-panel:hover {
    -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
    filter: "alpha(opacity=(${iefactor}))";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    will-change: left, top, width, height;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.recorder-dashboard-link a {
    color: #3d3a39;
}
.recorder-dashboard-link a.disabled {
    cursor: default;
    display: none;
}
.recorder-dashboard-link a div.recorder-dashboard {
    display: block;
}
.recorder-dashboard-link a.disabled div.recorder-dashboard {
    background: #f8f8f8;
    box-shadow: none;
    color: #cacaca;
}
@media only screen and (min-width : 993px) {
    .recorder-dashboard-link a.disabled {
        display: inline;
    }

}

.recorder-time div {
    font-size: 6.2rem;
    line-height: 6.2rem;
    font-family: "Roboto";
}
.recorder-time div #sec {
    display: none;
}
.recorder-time p {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
}
.recorder-time #separator {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1.0;
}
.recorder-time #separator.switch {
    opacity: 0;
}
@media only screen and (min-width : 551px) {
    .recorder-time div {
        font-size: 10.2rem;
        line-height: 10.2rem;
    }
    .recorder-time div #sec {
        position: absolute;
        display: inline;
        font-size: 4.2rem;
        line-height: 10.2rem;
        margin-left: 20px;
    }

    .recorder-time p {
        font-size: 2.2rem;
        line-height: 2.2rem;
        margin: 0;
    }
}

.recorder-status-smartphone {
    margin-bottom: 0px;
}
@media only screen and (min-width : 993px) {
    .recorder-status-smartphone {
        display: none;
    }
}

.preloader-wrapper {
    display: none;
}
.preloader-wrapper.loading {
    display: inline-block;
}

.sun {color: #f44336;}
tr.sun, td.sun, th.sun {background-color: #ffebee;}

.sat {color: #2196f3;}
tr.sat, td.sat, th.sat {background-color: #e3f2fd;}

.recorder-status p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.recorder-status-1 {color: #009688;}
.recorder-status-2 {color: #e53935;}
.recorder-status-3 {color: #009688;}
.recorder-status-4 {color: #b1b1b1;}


/*.btn, .btn-floating {background-color: #ea602a;}*/
/*.btn:hover, .btn-floating:hover {background-color: #ea602a;}*/

/*[type="checkbox"]:checked + label:before {*/
    /*border-right: 2px solid #ea602a !important;*/
    /*border-bottom: 2px solid #ea602a !important;*/
/*}*/

/*.recorder-1 {*/
    /*background-color: #ea602a !important; }*/

/*.recorder-1-text {*/
    /*color: #ea602a !important; }*/

/*.recorder-1.darken-1 {*/
    /*background-color: #b95427 !important; }*/

/*.recorder-1-text.text-darken-1 {*/
    /*color: #b95427 !important; }*/



/*.recorder-2 {*/
    /*background-color: #f9bf11 !important; }*/

/*.recorder-2-text {*/
    /*color: #f9bf11 !important; }*/

/*.recorder-2.darken-1 {*/
    /*background-color: #e2aa11 !important; }*/

/*.recorder-2-text.text-darken-1 {*/
    /*color: #e2aa11 !important; }*/

.google {
    width: 250px;
}

.recorder-width-affiliation {min-width: 100px;}
.recorder-width-name {min-width: 100px;}
.recorder-width-number {min-width: 40px;}

@media only screen and (max-width : 992px) {
    table.responsive-table thead tr, table.responsive-table tbody tr {
        padding: 0;
        display: table-cell;
    }
    table.responsive-table thead td, table.responsive-table thead th {
        height: 52px;
        width: 100%;
        padding: 15px 3px 15px 0;
        text-align: center;
    }
    table.responsive-table tbody td, table.responsive-table tbody th {
        height: 52px;
        width: 100%;
        padding: 15px;
    }
    table.responsive-table tbody a i {
        line-height: 1;
    }
}

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
@media only screen and (max-width: 1700px) and (min-width: 993px) {
    .table-wrapper .pinned { position: absolute !important; left: 0; top: 0; background: #fff; width: 120px; overflow: hidden; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
    .table-wrapper .pinned table { border-right: none; border-left: none; width: 100%; }
    .table-wrapper .pinned table th, .table-wrapper .pinned table td { white-space: nowrap; }
    .table-wrapper .pinned td:last-child { border-bottom: 0; }

    div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
    div.table-wrapper div.scrollable { margin-left: 120px; }
    div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
}

table .row .col {
    padding: 0;
}

#AttendanceRevisionStartTime {min-width: 90px;}

.input-field .prefix ~ .select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    left: 0;
    top: 0.3rem;
}