@charset "UTF-8";

/* signin
---------------------------------*/
#signin{background:#EEE;}
.form-signin{padding:0px 10px 10px;}
.form-signin .panel-default > .panel-heading {
  background: #FFF;
}
.form-signin input[type="text"] {
  padding:10px 10px;
  margin-bottom: 10px;
  height:auto;
}
.form-signin .vertical-offset-100 {
  padding-top: 100px;
}
.form-signin .logo-box {
  text-align: center;
}
.form-signin .panel {
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.form-signin .adminlogin-keep-box{
    margin: 5px 0 5px 0px;
    padding: 5px 10px 5px 32px;
}

@media (max-width: 767px) {
  .form-signin .vertical-offset-100 {
    padding-top: 50px;
  }
}

@media (max-width:767px){
.form-signin{
	.vertical-offset-100{padding-top: 50px;}
}
}

/* dashboad
---------------------------------*/
.dashboad_box {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding:0;
overflow: visible;
background: #fafafa;

display: table;
width:100%;
min-height:130px;
position:relative;
color:#FFF;
}
.dashboad_box:hover{
color:#FFF;
text-decoration:none;
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.dashboad_box.dashboad_box01 {
    background: #EC675A;
}
.dashboad_box.dashboad_box01 .dashboad_icon,
.dashboad_box.dashboad_box01 .dashboad_text{
    background: #E94C3D;
}
.dashboad_box.dashboad_box02 {
    background: #3DC6AA;
}
.dashboad_box.dashboad_box02 .dashboad_icon,
.dashboad_box.dashboad_box02 .dashboad_text{
    background: #1BBC9B;
}
.dashboad_box.dashboad_box03 {
    background: #F4CD33;
}
.dashboad_box.dashboad_box03 .dashboad_icon,
.dashboad_box.dashboad_box03 .dashboad_text{
    background: #F2C40F;
}

.dashboad_icon{
	margin:10px;
	padding:10px;
	font-size:50px;
	color:#fff;
	width:80px;
	height:80px;
	display: table-cell;
	vertical-align: middle;
}



.dashboad_title{
    display: table-cell;
    font-size: 20px;
    vertical-align:bottom;
}
.dashboad_title .small{font-size: 12px;}

.dashboad_text{
	display: table-cell;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
	margin:10px;
	padding:10px;
	color: #fff;
}
.dashboad_fig{
	font-size: 40px;
	display: table-cell;
	vertical-align: middle;
	overflow:hidden;
}
.dashboad_box .dashboad_fig:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
}
.dashboad_box.dashboad_box01 .dashboad_fig:before {
    border-color:#fff #fff #B92215 #B92215; /* A bit more verbose to work with .rounded too */
    background:#B92215; /* For Opera when also applying a border-radius */
}
.dashboad_box.dashboad_box02 .dashboad_fig:before {
    border-color:#fff #fff #117964 #117964; /* A bit more verbose to work with .rounded too */
    background:#117964; /* For Opera when also applying a border-radius */
}
.dashboad_box.dashboad_box03 .dashboad_fig:before {
    border-color:#fff #fff #A5860A #A5860A; /* A bit more verbose to work with .rounded too */
    background:#A5860A; /* For Opera when also applying a border-radius */
}




@media (max-width: 767px) {
.navbar.navbar-default .navbar-right .dropdown-menu{    left: auto;    right: 0;}
.dashboad_box{margin-bottom:10px;}
.dashboad_icon{width: 20%;padding:10px 1.5% 10px;}
.dashboad_text{width: 45%;padding:10px 1.5% 10px;}
.dashboad_fig{width: 31%;padding:10px 1.5% 10px;}
}
@media (min-width: 768px) {
.dashboad_box{margin-bottom:10px;}
.dashboad_icon{width: 20%;padding:10px 1.5% 10px;}
.dashboad_text{width: 45%;padding:10px 1.5% 10px;}
.dashboad_fig{width: 31%;padding:10px 1.5% 10px;}
}
@media (min-width: 1200px) {
.dashboad_box{margin-bottom:10px;}
.dashboad_icon{width: 20%;padding:30px 1.5% 30px;}
.dashboad_text{width: 45%;padding:30px 1.5% 30px;}
.dashboad_fig{width: 31%;padding:30px 1.5% 30px;}
}



/* custom */

/* dropzone custom */
.dz-remove:hover{color:#1487E4;}
.dropzone.dz-clickable .dz-remove{    cursor: pointer;}

/* flat-ui custom */
/* disabled */
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: auto;
}
/* ラジオボタンに線が入る問題を解決 */
.radio input[type="radio"].custom-radio:indeterminate + .icons:before {
    content: "";
}

/* kv-sortable custom */
.sortable {
    min-height: 30px;
}

/* file-input custom */
.file-preview-frame{
    display: block;
    height: auto;
    float: none;
}
.file-preview-frame img {
    max-width: 100%;
    max-height: 400px;
}