@charset "utf-8";

html, body {
	font-family: 'Roboto', 'NotoSans', sans-serif;
	font-weight: 400;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
body {
	position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
}
div {
	display: block;
}
header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 65px;
/*	background-color: #202020; */
    background: linear-gradient(180deg, rgba(95,95,115,1) 0%, rgba(39,39,39,1) 49%, rgba(0,0,0,1) 50%, rgba(33,33,33,1) 91%, rgba(34,34,34,1) 100%);
/*    box-shadow: 0 0 7px #fff inset;*/
    margin: 0 auto;
}
nav {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100vw;
	height: 100%;
}
nav .brand-logo {
	height: 22px;
}
nav a.btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
}
nav a.icon-setting {
	position: absolute;
	top: 0;
	right: 0;
}
nav.sub-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
}
nav a.btn-text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	color: #fff;	
	text-decoration:none;
}

input {
	border-radius: 5px;
}
a {
	text-decoration: none;
}
.icon-setting {
/*
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='32' viewBox='0 0 36 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.6717 8.69434C23.6717 11.6624 22.1774 14.2844 19.9075 15.8564C20.1833 15.9522 20.456 16.056 20.7254 16.1677L19.7045 18.2975C18.2495 17.7113 16.6617 17.3887 15 17.3887C8.02075 17.3887 2.3434 23.0809 2.3434 30.0783H0C0 26.0603 1.56226 22.2863 4.39245 19.4431C6.0283 17.803 7.96981 16.5885 10.0925 15.8564C7.82264 14.29 6.3283 11.6624 6.3283 8.69434C6.3283 3.89883 10.217 0 15 0C19.783 0 23.6717 3.89883 23.6717 8.69434ZM15 15.0392C11.5132 15.0392 8.6717 12.1902 8.6717 8.69434C8.6717 5.19844 11.5132 2.34951 15 2.34951C18.4868 2.34951 21.3283 5.19844 21.3283 8.69434C21.3283 12.1902 18.4868 15.0392 15 15.0392Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.9928 16.1156C28.554 14.6281 26.446 14.6281 26.0072 16.1156L25.9009 16.4769C25.8354 16.6996 25.7208 16.9048 25.5656 17.0774C25.4104 17.2501 25.2185 17.3858 25.0041 17.4746C24.7896 17.5635 24.558 17.6032 24.3261 17.5909C24.0943 17.5785 23.8682 17.5145 23.6644 17.4034L23.335 17.2227C21.9718 16.4811 20.4811 17.9718 21.2238 19.3339L21.4034 19.6644C21.8773 20.5356 21.4278 21.6204 20.4769 21.9009L20.1156 22.0072C18.6281 22.446 18.6281 24.554 20.1156 24.9928L20.4769 25.0991C20.6996 25.1646 20.9048 25.2792 21.0774 25.4344C21.2501 25.5896 21.3858 25.7815 21.4746 25.9959C21.5635 26.2104 21.6032 26.442 21.5909 26.6739C21.5785 26.9057 21.5145 27.1318 21.4034 27.3356L21.2227 27.665C20.4811 29.0282 21.9718 30.5189 23.3339 29.7762L23.6644 29.5966C23.8682 29.4855 24.0943 29.4215 24.3261 29.4091C24.558 29.3968 24.7896 29.4365 25.0041 29.5254C25.2185 29.6142 25.4104 29.7499 25.5656 29.9226C25.7208 30.0952 25.8354 30.3004 25.9009 30.5231L26.0072 30.8844C26.446 32.3719 28.554 32.3719 28.9928 30.8844L29.0991 30.5231C29.1646 30.3004 29.2792 30.0952 29.4344 29.9226C29.5896 29.7499 29.7815 29.6142 29.9959 29.5254C30.2104 29.4365 30.442 29.3968 30.6739 29.4091C30.9057 29.4215 31.1318 29.4855 31.3356 29.5966L31.665 29.7773C33.0282 30.5189 34.5189 29.0282 33.7762 27.6661L33.5966 27.3356C33.4855 27.1318 33.4215 26.9057 33.4091 26.6739C33.3968 26.442 33.4365 26.2104 33.5254 25.9959C33.6142 25.7815 33.7499 25.5896 33.9226 25.4344C34.0952 25.2792 34.3004 25.1646 34.5231 25.0991L34.8844 24.9928C36.3719 24.554 36.3719 22.446 34.8844 22.0072L34.5231 21.9009C34.3004 21.8354 34.0952 21.7208 33.9226 21.5656C33.7499 21.4104 33.6142 21.2185 33.5254 21.0041C33.4365 20.7896 33.3968 20.558 33.4091 20.3261C33.4215 20.0943 33.4855 19.8682 33.5966 19.6644L33.7772 19.335C34.5189 17.9718 33.0282 16.4811 31.6661 17.2238L31.3356 17.4034C31.1318 17.5145 30.9057 17.5785 30.6739 17.5909C30.442 17.6032 30.2104 17.5635 29.9959 17.4746C29.7815 17.3858 29.5896 17.2501 29.4344 17.0774C29.2792 16.9048 29.1646 16.6996 29.0991 16.4769L28.9928 16.1156ZM27.5 26.6131C28.3257 26.6131 29.1175 26.2851 29.7013 25.7013C30.2851 25.1175 30.6131 24.3257 30.6131 23.5C30.6131 22.6743 30.2851 21.8825 29.7013 21.2987C29.1175 20.7149 28.3257 20.3869 27.5 20.3869C26.6746 20.3869 25.8831 20.7148 25.2994 21.2984C24.7158 21.882 24.3879 22.6736 24.3879 23.4989C24.3879 24.3243 24.7158 25.1159 25.2994 25.6995C25.8831 26.2831 26.6746 26.611 27.5 26.611V26.6131Z' fill='white'/%3E%3C/svg%3E%0A");
*/
    background-image: url('/img/set3.png?v=100');
}


.contents {	
	padding-left: 20px;
	padding-right: 20px;	
	padding-bottom: 10px;
    width: 100vw;
}

header + .contents {
	padding-top: 65px;
	padding-bottom: 10px;
}


.wearing-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 22px;
	/* width: 330px; */
	height: 50px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	background-color: #CDE6F8;
	border-radius: 25px;
}
.wearing-wrap::before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 7px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 19px;
	background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2181 12.2819C15.1821 11.2458 13.9525 10.4823 12.6081 10.0162C14.0457 9.02321 14.9921 7.36698 14.9921 5.49208C14.9921 2.46283 12.5292 0 9.5 0C6.47075 0 4.00792 2.46283 4.00792 5.49208C4.00792 7.36698 4.95434 9.02679 6.39189 10.0162C5.04755 10.4787 3.81792 11.2458 2.78189 12.2819C0.989434 14.0779 0 16.4619 0 19H1.48415C1.48415 14.5798 5.07981 10.9842 9.5 10.9842C13.9202 10.9842 17.5158 14.5798 17.5158 19H19C19 16.4619 18.0106 14.0779 16.2181 12.2819ZM9.5 9.5C7.2917 9.5 5.49208 7.70038 5.49208 5.49208C5.49208 3.28377 7.2917 1.48415 9.5 1.48415C11.7083 1.48415 13.5079 3.28377 13.5079 5.49208C13.5079 7.70038 11.7083 9.5 9.5 9.5Z' fill='white'/%3E%3C/svg%3E%0A");

}
.period-setting-wrap {
	width: 100vw;
	margin-top: 22px;
    /*
	margin-right: -20px;
	margin-left: -20px;
	*/
}
.subtitle-wrap {
	padding-left: 0;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
    margin-left:5px;
}
.period-setting {
	display: flex;
	align-items: center;
	padding: 0 5px;

}
.input-group-wrap {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 80px);

}
.input-group-calendar input.input-calendar:first-child {
	margin-right: 5px;
}
.input-group-calendar input.input-calendar:last-child {
	margin-left: 5px;
}
.input-group-calendar {
	display: inline-block;
	
}
input.input-calendar {
	display: flex;
	margin: 0;
	width: 110px;
	height: 30px;
	padding: 0;
	font-family: 'Roboto';
	font-size: 16px;
	font-weight: 500;
}

.btn-default {
	display: inline-flex;
    align-items: center;
	justify-content: center;
	padding: 5px 20px;
	color: #000;  
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    border: 2px solid #7788ff;
    border-radius: 25px;
    text-align: -webkit-center;
    text-align: center;
	white-space: nowrap;
}

.btn-default.btn-100 {
	width: 100%;
	height: 50px;
	padding: 0;
	border-radius: 25px;
}

div + .btn-default {
	margin-top: 20px;
}
div.input-group-wrap + .btn-default {
	margin-top: 0;
}
.list-wrap {
	width: 100vw;
    /*
	margin-left: -20px;
	margin-right: -20px;
	*/
    max-width: 100%;
}
.list-article-wrap {
	padding: 0 15px;
	min-height: 100px;
	font-size: 16px;
	font-weight: 500;
	color: #626262;
	background-color: #F8F8F8;
	border-top: 1px solid #C5C5C5;
}
.list-article-wrap:nth-child(even) {
    background-color: #FAFEFF;
}
.list-article-wrap:last-child {
	border-bottom: 1px solid #C5C5C5;
}
.date-time-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;	
	height: 40px;	
}
.time-wrap {
	margin-left: 7px;
}
.date-time-wrap b {
	font-size: 18px;
	font-weight: 500;
}
.state-wrap {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 50px;
}
.big-state, .small-state, .big-small-state, .wait-state {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	padding-right: 30px;
	width: calc(100px - 30px);
	height: 30px;
	font-size: 16px;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid #C4C4C4;
	border-radius: 15px;
    z-index : 0;
}
.big-state::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 7.5px);
	left: 9px;
	z-index: 1;
	width: 15px;
	height: 15px;
	background-color: #FFA008;
	border-radius: 7.5px;
}
.small-state::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 7.5px);
	left: 9px;
	z-index: 1;
	width: 15px;
	height: 15px;
	background-color: #FFC837;
	border-radius: 7.5px;
}
.wait-state::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 7.5px);
	left: 9px;
	z-index: 1;
	width: 15px;
	height: 15px;
	background-color: #9999AA;
	border-radius: 7.5px;
}
.big-small-state {
	padding-right: 15px;
	width: calc(100px - 15px);
}
.big-small-state::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 7.5px);
	left: 9px;
	z-index: 1;
	width: 15px;
	height: 15px;
	background-color: #007BFF;
	border-radius: 7.5px;	
}

.action-wrap {
	width: 105px;
	text-align: right;
}

.pagination-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.pagination {
	display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination a {
	text-decoration: none;
	padding: 10px 15px;
    font-size: 20px;
}
.page-link {
	position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination .icon-preview, .pagination .icon-next {
	padding: 0;
    width: 43px;
	height: 45px;
}
.icon-preview {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8529 0.275426C12.9402 0.362512 13.0095 0.465966 13.0568 0.579863C13.104 0.69376 13.1284 0.815862 13.1284 0.939176C13.1284 1.06249 13.104 1.18459 13.0568 1.29849C13.0095 1.41239 12.9402 1.51584 12.8529 1.60293L2.2648 12.1892L12.8529 22.7754C13.029 22.9515 13.1279 23.1902 13.1279 23.4392C13.1279 23.6881 13.029 23.9269 12.8529 24.1029C12.6769 24.279 12.4381 24.3779 12.1892 24.3779C11.9402 24.3779 11.7015 24.279 11.5254 24.1029L0.275425 12.8529C0.188119 12.7658 0.118851 12.6624 0.0715891 12.5485C0.024327 12.4346 0 12.3125 0 12.1892C0 12.0659 0.024327 11.9438 0.0715891 11.8299C0.118851 11.716 0.188119 11.6125 0.275425 11.5254L11.5254 0.275426C11.6125 0.18812 11.716 0.118852 11.8299 0.0715899C11.9438 0.0243279 12.0659 0 12.1892 0C12.3125 0 12.4346 0.0243279 12.5485 0.0715899C12.6624 0.118852 12.7658 0.18812 12.8529 0.275426V0.275426Z' fill='%23007bff'/%3E%3C/svg%3E%0A");
}
.icon-preview:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8529 0.275426C12.9402 0.362512 13.0095 0.465966 13.0568 0.579863C13.104 0.69376 13.1284 0.815862 13.1284 0.939176C13.1284 1.06249 13.104 1.18459 13.0568 1.29849C13.0095 1.41239 12.9402 1.51584 12.8529 1.60293L2.2648 12.1892L12.8529 22.7754C13.029 22.9515 13.1279 23.1902 13.1279 23.4392C13.1279 23.6881 13.029 23.9269 12.8529 24.1029C12.6769 24.279 12.4381 24.3779 12.1892 24.3779C11.9402 24.3779 11.7015 24.279 11.5254 24.1029L0.275425 12.8529C0.188119 12.7658 0.118851 12.6624 0.0715891 12.5485C0.024327 12.4346 0 12.3125 0 12.1892C0 12.0659 0.024327 11.9438 0.0715891 11.8299C0.118851 11.716 0.188119 11.6125 0.275425 11.5254L11.5254 0.275426C11.6125 0.18812 11.716 0.118852 11.8299 0.0715899C11.9438 0.0243279 12.0659 0 12.1892 0C12.3125 0 12.4346 0.0243279 12.5485 0.0715899C12.6624 0.118852 12.7658 0.18812 12.8529 0.275426V0.275426Z' fill='%230056b3'/%3E%3C/svg%3E%0A");
}
.disabled .icon-preview {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8529 0.275426C12.9402 0.362512 13.0095 0.465966 13.0568 0.579863C13.104 0.69376 13.1284 0.815862 13.1284 0.939176C13.1284 1.06249 13.104 1.18459 13.0568 1.29849C13.0095 1.41239 12.9402 1.51584 12.8529 1.60293L2.2648 12.1892L12.8529 22.7754C13.029 22.9515 13.1279 23.1902 13.1279 23.4392C13.1279 23.6881 13.029 23.9269 12.8529 24.1029C12.6769 24.279 12.4381 24.3779 12.1892 24.3779C11.9402 24.3779 11.7015 24.279 11.5254 24.1029L0.275425 12.8529C0.188119 12.7658 0.118851 12.6624 0.0715891 12.5485C0.024327 12.4346 0 12.3125 0 12.1892C0 12.0659 0.024327 11.9438 0.0715891 11.8299C0.118851 11.716 0.188119 11.6125 0.275425 11.5254L11.5254 0.275426C11.6125 0.18812 11.716 0.118852 11.8299 0.0715899C11.9438 0.0243279 12.0659 0 12.1892 0C12.3125 0 12.4346 0.0243279 12.5485 0.0715899C12.6624 0.118852 12.7658 0.18812 12.8529 0.275426V0.275426Z' fill='%236c757d'/%3E%3C/svg%3E%0A");
}
.icon-next {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.275425 0.275426C0.362511 0.18812 0.465965 0.118852 0.579862 0.0715899C0.693759 0.0243279 0.815862 0 0.939176 0C1.06249 0 1.18459 0.0243279 1.29849 0.0715899C1.41239 0.118852 1.51584 0.18812 1.60293 0.275426L12.8529 11.5254C12.9402 11.6125 13.0095 11.716 13.0568 11.8299C13.104 11.9438 13.1284 12.0659 13.1284 12.1892C13.1284 12.3125 13.104 12.4346 13.0568 12.5485C13.0095 12.6624 12.9402 12.7658 12.8529 12.8529L1.60293 24.1029C1.42689 24.279 1.18813 24.3779 0.939176 24.3779C0.690221 24.3779 0.451463 24.279 0.275425 24.1029C0.0993879 23.9269 0.000490844 23.6881 0.000490844 23.4392C0.000490844 23.1902 0.0993879 22.9515 0.275425 22.7754L10.8636 12.1892L0.275425 1.60293C0.188119 1.51584 0.118851 1.41239 0.0715891 1.29849C0.024327 1.18459 0 1.06249 0 0.939176C0 0.815862 0.024327 0.69376 0.0715891 0.579863C0.118851 0.465966 0.188119 0.362512 0.275425 0.275426V0.275426Z' fill='%23007bff'/%3E%3C/svg%3E%0A");
}
.icon-next:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.275425 0.275426C0.362511 0.18812 0.465965 0.118852 0.579862 0.0715899C0.693759 0.0243279 0.815862 0 0.939176 0C1.06249 0 1.18459 0.0243279 1.29849 0.0715899C1.41239 0.118852 1.51584 0.18812 1.60293 0.275426L12.8529 11.5254C12.9402 11.6125 13.0095 11.716 13.0568 11.8299C13.104 11.9438 13.1284 12.0659 13.1284 12.1892C13.1284 12.3125 13.104 12.4346 13.0568 12.5485C13.0095 12.6624 12.9402 12.7658 12.8529 12.8529L1.60293 24.1029C1.42689 24.279 1.18813 24.3779 0.939176 24.3779C0.690221 24.3779 0.451463 24.279 0.275425 24.1029C0.0993879 23.9269 0.000490844 23.6881 0.000490844 23.4392C0.000490844 23.1902 0.0993879 22.9515 0.275425 22.7754L10.8636 12.1892L0.275425 1.60293C0.188119 1.51584 0.118851 1.41239 0.0715891 1.29849C0.024327 1.18459 0 1.06249 0 0.939176C0 0.815862 0.024327 0.69376 0.0715891 0.579863C0.118851 0.465966 0.188119 0.362512 0.275425 0.275426V0.275426Z' fill='%230056b3'/%3E%3C/svg%3E%0A");
}
.disabled .icon-next {
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='25' viewBox='0 0 14 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.275425 0.275426C0.362511 0.18812 0.465965 0.118852 0.579862 0.0715899C0.693759 0.0243279 0.815862 0 0.939176 0C1.06249 0 1.18459 0.0243279 1.29849 0.0715899C1.41239 0.118852 1.51584 0.18812 1.60293 0.275426L12.8529 11.5254C12.9402 11.6125 13.0095 11.716 13.0568 11.8299C13.104 11.9438 13.1284 12.0659 13.1284 12.1892C13.1284 12.3125 13.104 12.4346 13.0568 12.5485C13.0095 12.6624 12.9402 12.7658 12.8529 12.8529L1.60293 24.1029C1.42689 24.279 1.18813 24.3779 0.939176 24.3779C0.690221 24.3779 0.451463 24.279 0.275425 24.1029C0.0993879 23.9269 0.000490844 23.6881 0.000490844 23.4392C0.000490844 23.1902 0.0993879 22.9515 0.275425 22.7754L10.8636 12.1892L0.275425 1.60293C0.188119 1.51584 0.118851 1.41239 0.0715891 1.29849C0.024327 1.18459 0 1.06249 0 0.939176C0 0.815862 0.024327 0.69376 0.0715891 0.579863C0.118851 0.465966 0.188119 0.362512 0.275425 0.275426V0.275426Z' fill='%236c757d'/%3E%3C/svg%3E%0A");
}
.page-item.active .page-link {
	color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.title-wrap {
	font-size: 18px;
	font-weight: bold;
}
nav a.btn-icon.icon-close {
	background-size: 30px;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.71109 8.7111C8.79818 8.62379 8.90163 8.55452 9.01553 8.50726C9.12943 8.46 9.25153 8.43567 9.37484 8.43567C9.49816 8.43567 9.62026 8.46 9.73416 8.50726C9.84805 8.55452 9.95151 8.62379 10.0386 8.7111L14.9998 13.6742L19.9611 8.7111C20.0483 8.62393 20.1517 8.55479 20.2656 8.50762C20.3795 8.46044 20.5016 8.43616 20.6248 8.43616C20.7481 8.43616 20.8702 8.46044 20.9841 8.50762C21.098 8.55479 21.2014 8.62393 21.2886 8.7111C21.3758 8.79826 21.4449 8.90174 21.4921 9.01563C21.5393 9.12952 21.5635 9.25158 21.5635 9.37485C21.5635 9.49812 21.5393 9.62018 21.4921 9.73407C21.4449 9.84795 21.3758 9.95143 21.2886 10.0386L16.3255 14.9998L21.2886 19.9611C21.3758 20.0483 21.4449 20.1517 21.4921 20.2656C21.5393 20.3795 21.5635 20.5016 21.5635 20.6249C21.5635 20.7481 21.5393 20.8702 21.4921 20.9841C21.4449 21.098 21.3758 21.2014 21.2886 21.2886C21.2014 21.3758 21.098 21.4449 20.9841 21.4921C20.8702 21.5393 20.7481 21.5635 20.6248 21.5635C20.5016 21.5635 20.3795 21.5393 20.2656 21.4921C20.1517 21.4449 20.0483 21.3758 19.9611 21.2886L14.9998 16.3255L10.0386 21.2886C9.95143 21.3758 9.84795 21.4449 9.73406 21.4921C9.62018 21.5393 9.49811 21.5635 9.37484 21.5635C9.25157 21.5635 9.12951 21.5393 9.01563 21.4921C8.90174 21.4449 8.79826 21.3758 8.71109 21.2886C8.62393 21.2014 8.55479 21.098 8.50761 20.9841C8.46044 20.8702 8.43616 20.7481 8.43616 20.6249C8.43616 20.5016 8.46044 20.3795 8.50761 20.2656C8.55479 20.1517 8.62393 20.0483 8.71109 19.9611L13.6742 14.9998L8.71109 10.0386C8.62379 9.95151 8.55452 9.84806 8.50726 9.73416C8.46 9.62027 8.43567 9.49816 8.43567 9.37485C8.43567 9.25154 8.46 9.12943 8.50726 9.01554C8.55452 8.90164 8.62379 8.79818 8.71109 8.7111Z' fill='white'/%3E%3C/svg%3E");	
}

.user-info-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 20px 0;
	padding: 20px 0;
}
.user-info {
	display: flex;
	align-items: center;
	width: 100%;
	height: 44px;
	font-size: 18px;
	font-weight: 600;
	background-color: #ffffff;
	border-radius: 7px;
    border: 1px solid #bba;
}
.user-info + .user-info {
	margin-top: 15px;
}
.user-info .info-column {
	/*display: inline-flex;*/
	/*align-items: center;*/
	/*justify-content: flex-start;*/
	width: calc(35% - 30px);
	padding-left: 15px;
    margin-right: 25px;
	font-size: 16px;
	font-weight: 500;
	white-space: nowrap;
    text-align: left;
}
.wearing-user-wrap {
	padding: 30px 0 10px 0;
	border: 1px solid;
	border-color: #000;
	border-left: none;
	border-right: none;
}
.wearing-user-wrap > .wearing-wrap {
	margin-top: 0;	
}
.subtitle-wrap-left {
	text-align: left;
	width: 100%;
	padding-left: 10px;
}
.input-default {	
	padding: 0 10px;
	height: 33px;
	font-size: 16px;
	background-color: #FAFAFE;
	border: 1px solid #DADADA;	
    background-clip: padding-box;    
}
.input-default::placeholder {
	color: #929292;
	font-size: 16px;
	font-weight: 500;
}
.input-group-row {
	display: flex;
	justify-content: center;	
	flex-wrap: nowrap;
	width: calc(100vw - 40px);
	margin-top: 10px;
}
.input-group-row .input-default + .input-default {
	margin-left: 15px;
}
.input-group-row .input-default:first-child {
	width: calc(40% - 50px);
}
.input-group-row .input-default:last-child {
	width: 60%;
}
.curaco-ci {
	margin-top: 40px;
}
.bg-color {
	background-color: #F1F9FF;
}
.titile-big {
	margin-top: 35px;
	font-size: 30px;
	font-weight: 600;
}
.input-color {
	padding: 0 10px;
	width: calc(100% - 20px);
	height: 50px;
	font-size: 18px;
	background-color: #fff;
	border: 2px solid #2380ff;
    background-clip: padding-box;    
}
.input-color::placeholder {
	color: #929292;
	font-size: 16px;
	font-weight: 600;
}
.input-color + .input-color {
	margin-top: 15px;
}
.btn-login {
	font-size: 20px;
	font-weight: 900;
	background-color: #CDE6F8;
	border-color: #54BCEB;
}
.notice-text {
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 1.3;
	text-align: left;
	margin-left:5px;
}
.wear-run, .wear-stop {
	position: relative;
}
.wear-run::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	/* background-color: #007bff; */
	-webkit-animation: color-change-2x2 2s linear infinite alternate both;
	        animation: color-change-2x2 2s linear infinite alternate both;
	border: 2px solid #3a72af;
	border-radius: 11px;
	-webkit-box-shadow: 0px 0px 10px 2px #007BFF; 
	box-shadow: 0px 0px 10px 2px #007BFF;
}
.wear-stop::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    -webkit-animation: color-change-2x 3s linear infinite alternate both;
    animation: color-change-2x 3s linear infinite alternate both;
    border: 1px solid #6388a2;
    border-radius: 11px;
    -webkit-box-shadow: 0px 0px 10px 2px #007BFF;
    box-shadow: 0px 0px 10px 2px #007BFF;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-9 17:29:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation color-change-2x
 * ----------------------------------------
 */
 @-webkit-keyframes color-change-2x {
	0% {
	  background: #00ffff;
	  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,255,255,1.0); 
	}
	100% {
	  background: #007BFF;
	  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,123,255,1.0); 
	}
  }
  @keyframes color-change-2x {
	0% {
	  background: #00ffff;
	  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,255,255,1.0); 
	}
	100% {
	  background: #007BFF;
	  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,123,255,1.0); 
	}
}

/* ----------------------------------------------
 * Generated by Animista on 2021-2-9 17:29:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation color-change-2x
 * ----------------------------------------
 */
 @-webkit-keyframes color-change-2x2 {
	0% {
	  background: red;
	  box-shadow: 0px 0px 10px 2px red; 
	}
	100% {
	  background: #6388a2;
	  box-shadow: none; 
	}
  }
  @keyframes color-change-2x2 {
	0% {
	  background: red;
	  box-shadow: 0px 0px 10px 2px red; 
	}
	100% {
	  background: #6388a2;
	  box-shadow: none; 
	}
  }
.state-infor-wrap {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 20px;
	width: 100vw;
	height: 50px;
	margin-right: -20px;
	margin-left: -20px;
	font-size: 18px;
	font-weight: 600;
	border-top: 1px solid #929292;
    background-color: #EFFAFF;
}
.state-infor-wrap span {
	display: inline-block;
}
.mode-wrap {
	display: flex;
	align-items: center;
	height: 35px;
	font-weight: 600;
	border-bottom: 1px solid #929292;
}
.error-wrap {
	display: flex;
	align-items: center;
	height: 30px;
	/*border-top: 1px solid #929292; */
    border: 2px solid #ff757d;
    padding: 5px 5px 5px 10px;
    border-radius: 11px;
	margin-top: 3px;
}
.error-wrap2 {
    display: flex;
    align-items: center;
    height: 40px;
    /*border-top: 1px solid #929292; */
    border: 2px solid #fdafab;
    padding: 5px 5px 5px 10px;
    border-radius: 11px;
    margin: 30px 0;
    font-size:18px;
    font-weight: 600;
}

.mode-wrap b, .error-wrap b {
	color: #000;
	font-weight: 600;
}
.date-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
	margin: 5px 0;
	font-family: 'S-coreDream';
	font-size: 16px;
	font-weight: 600;
	
}
.date-wrap2 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	margin: 20px 0;
	font-family: 'S-coreDream';
	font-size: 18px;
	font-weight: 600;

}

.mode-state-wrap {
    margin: 20px 5px;
	padding: 5px 0;
	border-top: 1px solid #929292;
	border-bottom: 1px solid #929292;
}
.mode-state-wrap .mode-title {
	font-family: 'S-coreDream';
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.mode-content {
	margin-left: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #4575ff;
    text-shadow: 1px 1px 1px #CACACA;
}
.mode-content2 {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #92cacb;
}

.state-info-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 30px;
}
.state-info {
	display: flex;
	flex-direction: column;	
	width: 37%;
	color: #fff;
	padding: 15px;
	background-color: #007bff;
	border-radius: 10px;
}
.state-info.state-small {
	background-color: #ffc107;
}

.state-info2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 150px;
    height: 150px;
    color: #fff;
    padding: 0;
    background-color: #2380ff;
    border-radius: 15px;
    border: 2px solid #557788;
    /*box-shadow: 0 0 15px #57a;*/
    /*box-shadow: 5px 5px 5px -2px #95a5a5;*/
    background-image: linear-gradient(to bottom, #529dff 0%, #529dff 50%, #529dff 91%, #1370ff 100%);
}
.state-info2.state-small {
    background-color: #5599aa;
    /*box-shadow: -5px 5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse10 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 90%, #529dff 91%, #529dff 95%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse20{
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #529dff 81%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse30 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 70%, #529dff 71%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse40 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #529dff 61%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse50 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #529dff 51%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse60 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #529dff 41%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse70 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 30%, #529dff 31%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}



.state-info2.state-refuse1 {
    background-color: #1370ff;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #529dff 81%, #529dff 90%, #1370ff 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse2 {
    background-color: #fbf1d6;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, #fdcb3e 26%, #fdcb3e 91%, #ae7b0e 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse3 {
    background-color: #ff8647;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 15%, #ff8647 16%, #ff8647 90%, #bf5617 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-refuse4 {
    background-color: #fd928d;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 8%, #fd5033 9%, #fd5033 90%, #ad3003 100%);
    /*box-shadow: 5px -5px 5px -2px #95a5a5;*/
}
.state-info2.state-error {
    background-color: #5599aa;
    /*box-shadow: -5px -5px 5px -2px #95a5a5;*/
}

.state-title {
	font-family: 'S-coreDream';
	font-size: 24px;
	font-weight: 600;
    text-shadow: 1px 1px 1px #556;
    margin-bottom: 10px;
}
.state-title2 {
    color: #004d65;
    font-family: 'S-coreDream';
    font-size: 24px;
    font-weight: 600;
    text-shadow: 1px 1px 1px #aaa;
    margin-bottom: 10px;
}
.state-number {
	font-family: 'Roboto';
	font-size: 60px;
	font-weight: 600;
    text-shadow: 1px 1px 2px #667;
    margin-left: 20px;
}
.state-number2 {
    color: #004d65;
    font-family: 'Roboto';
    font-size: 60px;
    font-weight: 600;
    text-shadow: 1px 1px 2px #aaa;
    margin-left: 20px;
}
.state-unit {
	font-size: 0.3em;
	font-weight: 100;
}
.etc-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	background-color: #e1e1e1;
	border-radius: 25px;
	margin-bottom: 20px;
}
.used-time {
	display: flex;
	align-items: center;
	justify-content: space-around;	
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #007bff;
	border-radius: 11px;
}
.used-time-number {
	display: flex;
	align-items: center;
	justify-content: space-around;	
	font-family: 'Roboto';
	font-size: 20px;	
	font-weight: 600;
}

/* table */

table.table {
    display: block;
    width: 100vw;
    margin-top: 25px;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 14px;
    font-weight: 400;

}

@media (max-width: 768px) {
    table.table {
        display: table;
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        font-weight: 400;
    }
    table thead {
        display: table-header-group;
    }
}
.table tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media (max-width: 768px) {
    .table tbody {
        display: table-row-group ;
    }
}
.table td, .table th {
    vertical-align: middle;
}
.table tbody tr {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
}
@media (max-width: 768px) {
    .table tbody tr {
        display: table-row;
        padding: 0;

    }
}
.table tr th, .table tr td {
    padding: 0;
    border: none;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .table tr {
        text-align: center;
    }
    .table tr th, .table tr td {
        padding: .75rem;
    }
    .table tr th {
        padding: .75rem;
    }
}
.table thead.thead-dark tr {
    color: #fff;
    background-color: #343a40;
    border: none;
}
.table thead.thead-dark tr th {
    font-weight: 600;
    color: inherit;
    background-color: transparent;
    border: none;
    border-color: #454d55;
}
@media (max-width: 992px) {
    .table thead.thead-dark tr th {
        font-weight: 500;
    }
}
.table thead.thead-dark tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.table thead.thead-dark tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
tbody tr:nth-of-type(even) {
    background-color: rgba(0,0,0,.03);
}
.table tbody tr th {
    float: left;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 4px 5px;
    font-size: 16px;
    font-weight: 500;
    white-space: normal;
    word-break: break-all;
}
@media (max-width: 768px) {
    .table tbody tr th {
        display: table-cell;
        float: none;
        width: 70px;
        height: auto;
        padding: .75rem;
        font-size: 14px;
        font-weight: 400;
        vertical-align: middle;
        white-space: nowrap;
    }
}
.table tbody tr td {
    display: inline-flex;
    align-items: center;
    height: 20px;
}
@media (max-width: 768px) {
    .table tbody tr td {
        display: table-cell;
    }
}
.table tbody tr td.table-title-td {
    float: left;
    display: flex;
    align-items: center;
    width: calc(100% - 50px);
    height: 26px;
    font-size: 18px;
    font-weight: 500;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .table tbody tr td, .table tbody tr td.table-title-td {
        display: table-cell;
        vertical-align: middle;
    }
    .table tbody tr td.table-title-td {
        float: none;
        width: 250px;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
    }
    .table tbody tr td.table-title-td.table-title-short {
        width: 300px;
    }

}
@media (max-width: 992px) {
    .table tbody tr td.table-title-td, .table tbody tr td.table-title-td.table-title-short {
        width: 400px;
    }
}

.table tbody tr td.table-title-td a {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 50px);
}
.table tbody tr td.table-td {
    margin-right: 10px;
    font-weight: 500;
}
@media (max-width: 768px) {
    .table tbody tr td.table-td {
        margin-right: 0;
        font-weight: 400;
    }
    .table tbody tr td.table-title-td a.short-title-wrap {
        width: 220px;
    }
}
@media(max-width: 992px) {
    .table tbody tr td.table-title-td a.short-title-wrap {
        width: calc(100% - 50px);
    }
}
.table tbody tr td.table-td::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
}
@media (max-width: 768px) {
    .table tbody tr td.table-td::before {
        display: none;
    }
}
.table tbody tr td.table-td.data-state {
    font-weight: 600;
    height: 30px;
}
.table tbody tr td.table-td.data-state::before {
    width: 0;
}

.tab-content .table tbody tr:first-child {
    border-top: 1px solid #dee2e6;
}
@media (max-width: 992px) {
    .tab-content .table tbody tr:first-child {
        border-top: none;
    }
}
.table tbody tr td.table-title-td.table-detail-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    line-height: 1.5;
}
.table tbody tr td.table-title-td.table-detail-wrap span.pencil-detail {
    font-size: 14px;
}

.table tbody tr td.table-amount-td {
    align-items: center;
    margin-right: 10px;
}
.table tbody tr td.table-amount-td b {
    font-size: 20px;
}
.table tbody tr td.table-state-td {
    float: right;
    font-weight: 500;
    margin-right: 15px;
}
@media (max-width: 992px) {
    .table tbody tr td.table-amount-td {
        text-align: right;
        margin-right: 0;
    }
    .table tbody tr td.table-state-td {
        float: none;
        font-weight: 400;
        margin-right: 0;
    }
}


.btn-grad {
    background-image: linear-gradient(to right, #84bbf2 0%, #6497f1  51%, #4575ff  100%);
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: #fff;
    box-shadow: 0 0 3px #79a;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height:50px;
    width:100%;
    border: 1px solid #eaefff;
    text-shadow: 1px 1px 1px #335;
}

.btn-grad:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-grad2 {
    background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);
}

.btn-reset {
    background-image: linear-gradient(to right, #FF8008 0%, #FFC837  51%, #FF8008  100%);
    margin: 20px 0 0 0;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 0 5px #a79;
    border-radius: 30px;
}

.btn-logout {
    background-image: linear-gradient(to right, #283048 0%, #859398  51%, #283048  100%);
    margin: 10px 0 10px 10px;
    font-size: 14px;
    font-weight: 500;
    height:20px;
    padding: 5px 10px;
    width: 80px;
    box-shadow: 0 0 1px #eee;
    border: 2px solid #aaa;
    border-radius: 20px;
    color:#fff;
    text-shadow: none;
}

.gradient-btn {
    color: #fff;
    display: inline-block;
    height: 54px;
    line-height: 54px;
    width: 100%;
    margin: 20px 0;
    border-radius: 50px;
    /*box-shadow: 5px 5px 2px -2px #a5a5a5;*/
    font-size: 20px;
    font-weight: 700;
    border : 1px solid #59a;
	text-shadow: 1px 1px 1px #335;
}

.btn-1 {
    background-image: linear-gradient(to right top, #fdbe25, #fec928, #ffd42b, #ffdf31, #ffea37);
}
.btn-2 {
    background-image: linear-gradient(to right top, #fad4af, #fad4af, #fab823, #fad4af, #fad4af);
}
.btn-3 {
    background-image: linear-gradient(to right top, #eb4f12, #e74717, #e23f1b, #de361e, #d92d21);
}
.btn-4 {
    background-image: linear-gradient(to right top, #ed433f, #df3a37, #d2302f, #c42627, #b71b1f);
}
.btn-5 {
    background-image: linear-gradient(to right top, #b71c24, #c41c3c, #cf2154, #d72c6d, #db3a86);
}
.btn-6 {
    background-image: linear-gradient(to top, #d83f91, #d0409b, #c743a5, #bb47af, #ae4bb8);
}
.btn-7 {
    background-image: linear-gradient(to top, #a94bb9, #9b46b7, #8d42b5, #7d3eb2, #6d3ab0);
}
.btn-8 {
    background-image: linear-gradient(to top, #5540cd, #493fc7, #3c3ec0, #2e3dba, #1e3bb3);
}
.btn-9 {
    background-image: linear-gradient(to top, #1c3eb4, #154cbd, #1059c6, #1266ce, #1b73d5);
}
.btn-10 {
    background-image: linear-gradient(to top, #4292ff, #388cff, #2e86ff, #2380ff, #177aff);
    /*border : 1px solid #2272aa;*/
}
.btn-11 {
    background: linear-gradient(to right, #11998e, #38ef7d);
}
.btn-12 {
    background: linear-gradient(to right, #aaffa9, #11ffbd);
}
.btn-13 {
    background: linear-gradient(to right, #348f50, #56b4d3);
}
.btn-14 {
    background: linear-gradient(to right, #403b4a, #bbbbb4);
}
.btn-15 {
    /*background-image: linear-gradient(to right top, #4684ad, #4684ad,  #306c9e, #4684ad, #4684ad);*/
	background: #529dff;
}
.btn-16 {
    /*background-image: linear-gradient(to right top, #5f94c3, #5f94c3,  #407cae, #5f94c3, #5f94c3);*/
    background: #2380ff;
}