#paylas{padding:0.01em 12px;margin-top:16px;margin-bottom:16px}
#paylas a{-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;color: #ffffff;font-size: 20px;background: #3498db;padding: 10px 20px 10px 20px;text-decoration: none;}
#paylas a:hover {background: #bebebe!important;text-decoration: none;}
/*margin*/
.m{margin:16px!important}.mt{margin-top:16px!important}.mb{margin-bottom:16px!important}
.ml{margin-left:16px!important}.mr{margin-right:16px!important}
.nm{margin:0px!important}.nmt{margin-top:0px!important}.nmb{margin-bottom:0px!important}
.nml{margin-left:0px!important}.nmr{margin-right:0px!important}
/*padding*/
.p{padding:16px!important}.pt{padding-top:16px!important}.pb{padding-bottom:16px!important}
.pl{padding-left:16px!important}.pr{padding-right:16px!important}
.np{padding:0px!important}.npt{padding-top:0px!important}.npb{padding-bottom:0px!important}
.npl{padding-left:0px!important}.npr{padding-right:0px!important}
a {transition: 0.2s;text-decoration: none;}
a:hover,a:active,a:focus {color:blue;outline: none;}
.form-control{display: block;width:100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-group{margin-bottom:1rem}
.s-card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #e5e6e7;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;}
.s-card .title{font-size:1.4rem;}
.list-group input[type="checkbox"] {display: none;}
.list-group input[type="checkbox"] + .list-group-item {cursor: pointer;}
.list-group input[type="checkbox"] + .list-group-item:before {content: "\2713";color: transparent;font-weight: bold;margin-right: 1em;}
.list-group .collapse input[type="checkbox"] + .list-group-item:before {content: "\2713";color: transparent;font-weight: bold;margin-left: 1em;}
.list-group input[type="checkbox"]:checked + .list-group-item {background-color: #0275D8;color: #FFF;}
.list-group input[type="checkbox"]:checked + .list-group-item:before {color: inherit;}
.list-group input[type="radio"] {display: none;}
.list-group input[type="radio"] + .list-group-item {cursor: pointer;}
.list-group input[type="radio"] + .list-group-item:before {content: "\2022";color: transparent;font-weight: bold;margin-right: 1em;}
.list-group input[type="radio"]:checked + .list-group-item {background-color: #0275D8;color: #FFF;}
.list-group input[type="radio"]:checked + .list-group-item:before {color: inherit;}
.list-group {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;border-radius: .25rem;user-select: none;}
.list-group input[type="checkbox"] + .list-group-item {cursor: pointer;}
.list-group-item {position: relative;display: block;padding: .75rem 0rem;margin: 0.4rem 0rem;background-color: #fff;border: 1px solid rgba(0,0,0,.125);}
.list-group-item:before {margin-left: 1em;}
#ara  {
        display: flex;
		background: #000;
		padding:1px;
		border-radius: 4px;
		max-width:480px;
		margin:auto;
		margin-bottom:36px;
 
    }
#ara input {
        height: 44px;
        border: 1px solid #ddd;
        border-radius: 4px 0 0 4px;
        font-size: 16px;
        font-weight: 500;
        box-sizing: border-box;
		padding: 0 15px;
		flex: 1;
		outline: 0;width:100%;
    }
#ara  button {
        height: 44px;
        padding: 0 30px;
        background: #c6c7c8;
        color: #fff;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border: none;
    }
	
#ara .ara::after {
  content: "";
  clear: both;
  display: table;
}