/*Cards */
.card{
   margin-bottom: 30px; 
   box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
   border: none;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(236, 236, 253);
    font-weight: 600;
	font-size: 14px;
	color: #59597d;
}

.card-title {
	margin-bottom: .75rem;
	font-weight: 600;
	font-size: 16px;
	color:#1a262b;
}
.card-action{
	float: right
}
.card-action a i{
	color:#1a262b;
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.card-deck {
    margin-bottom: 30px;
}
.card-deck .card {
     margin-right: 15px;
     margin-left: 15px;
}

.card-group {
	box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
	margin-bottom: 30px;
}
.card-group .card {
	box-shadow: none;
}

.card.card-primary {
	border-bottom:3px solid #008cff !important;
	
}
.card.card-success{
	border-bottom:3px solid #15ca20 !important;
}

.card.card-danger{
	border-bottom:3px solid #fd3550 !important;
}
.card.card-warning{
	border-bottom:3px solid #ff9700 !important;
}
.card.card-info{
	border-bottom:3px solid #0dceec !important;
}
.card.card-light{
	border-bottom:3px solid #e9eaea !important;
}
.card.card-secondary{
	border-bottom:3px solid #75808a !important;
}
.card.card-dark{
	border-bottom:3px solid #223035 !important;
}
.card .card-body{
	background:#FFF;
}
/* List Groups */
.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); 
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}
.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}
.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}
.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}
.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}
.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}
.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}
.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

.list-group-item.active-success {
    z-index: 2;
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
}

.list-group-item.active-danger {
    z-index: 2;
    color: #fff;
    background-color: #fd3550;
    border-color: #fd3550;
}

.list-group-item.active-warning {
    z-index: 2;
    color: #fff;
    background-color: #ff9700;
    border-color: #ff9700;
}

.list-group-item.active-info {
    z-index: 2;
    color: #fff;
    background-color: #0dceec;
    border-color: #0dceec;
}

.list-group-item.active-dark {
    z-index: 2;
    color: #fff;
    background-color: #223035;
    border-color: #223035;
}
.list-group-item.active-secondary {
    z-index: 2;
    color: #fff;
    background-color: #75808a;
    border-color: #75808a;
}

.list-group-primary .list-group-item{
	background-color: #008cff;
    color: #fff;
    border: 1px solid #39a3fb;
    box-shadow: inset 0 -1px 0px #0574d1;
}
.list-group-success .list-group-item{
	background-color: #15ca20;
	color: #fff;
	border: 1px solid #16da22;
    box-shadow: inset 0 -1px 0px #0fae18;
}
.list-group-danger .list-group-item{
	background-color: #fd3550;
    color: #fff;
    border: 1px solid #ff6579;
    box-shadow: inset 0 -1px 0px #de2039;
}
.list-group-warning .list-group-item{
	background-color: #ff9700;
    color: #fff;
    border: 1px solid #ffae3b;
    box-shadow: inset 0 -1px 0px #e28907;
}
.list-group-info .list-group-item{
	background-color: #0dceec;
    color: #fff;
    border: 1px solid #0fdfff;
    box-shadow: inset 0 -1px 0px #08afc9;
}
.list-group-dark .list-group-item{
	background-color: #223035;
	color: #fff;
	border: 1px solid #2d424c;
    box-shadow: inset 0 -1px 0px #0f1518;
}
.list-group-secondary .list-group-item{
	background-color: #75808a;
    color: #fff;
    border: 1px solid #8b939a;
    box-shadow: inset 0 -1px 0px #525b62;
}
/* CheckBoxes & Radios */
.demo-checkbox label, .demo-radio-button label {
    min-width: 200px;
    margin-bottom: 20px;
}
.demo-swtich .demo-switch-title, .demo-swtich .switch {
    width: 150px;
    margin-bottom: 10px;
    display: inline-block;
}

.cekdost [type=checkbox]:checked.chk-col-primary+label:before {
    border-right: 2px solid #008cff;
    border-bottom: 2px solid #008cff;
}

.cekdost [type=checkbox]:checked.chk-col-success+label:before {
    border-right: 2px solid #15ca20;
    border-bottom: 2px solid #15ca20;
}

.cekdost [type=checkbox]:checked.chk-col-info+label:before {
    border-right: 2px solid #0dceec;
    border-bottom: 2px solid #0dceec;
}

.cekdost [type=checkbox]:checked.chk-col-warning+label:before {
    border-right: 2px solid #ff9700;
    border-bottom: 2px solid #ff9700;
}

.cekdost [type=checkbox]:checked.chk-col-danger+label:before {
    border-right: 2px solid #fd3550;
    border-bottom: 2px solid #fd3550;
}

.cekdost [type=checkbox]:checked.chk-col-dark+label:before {
    border-right: 2px solid #223035;
    border-bottom: 2px solid #223035;
}

.cekdost [type=checkbox]:checked.chk-col-secondary+label:before {
    border-right: 2px solid #75808a;
    border-bottom: 2px solid #75808a;
}

.cekdost [type=checkbox].filled-in:checked+label:before {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
}

.cekdost [type=checkbox].filled-in:checked.chk-col-primary+label:after {
    border: 2px solid #008cff;
    background-color: #008cff;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-success+label:after {
    border: 2px solid #15ca20;
    background-color: #15ca20;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-info+label:after {
    border: 2px solid #0dceec;
    background-color: #0dceec;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-warning+label:after {
    border: 2px solid #ff9700;
    background-color: #ff9700;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-danger+label:after {
    border: 2px solid #fd3550;
    background-color: #fd3550;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-dark+label:after {
    border: 2px solid #223035;
    background-color: #223035;
}
.cekdost [type=checkbox].filled-in:checked.chk-col-secondary+label:after {
    border: 2px solid #75808a;
    background-color: #75808a;
}

.radiodost [type=radio].radio-col-primary:checked+label:after {
    background-color: #008cff;
    border-color: #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].radio-col-success:checked+label:after {
    background-color: #15ca20;
    border-color: #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].radio-col-info:checked+label:after {
    background-color: #0dceec;
    border-color: #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].radio-col-warning:checked+label:after {
    background-color: #ff9700;
    border-color: #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

.radiodost [type=radio].radio-col-danger:checked+label:after {
    background-color: #fd3550;
    border-color: #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].radio-col-dark:checked+label:after {
    background-color: #223035;
    border-color: #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].radio-col-secondary:checked+label:after {
    background-color: #75808a;
    border-color: #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

.radiodost [type=radio].with-gap.radio-col-primary:checked+label:before {
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-primary:checked+label:after {
    background-color: #008cff;
    border: 2px solid #008cff;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

.radiodost [type=radio].with-gap.radio-col-success:checked+label:before {
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-success:checked+label:after {
    background-color: #15ca20;
    border: 2px solid #15ca20;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-info:checked+label:before {
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-info:checked+label:after {
    background-color: #0dceec;
    border: 2px solid #0dceec;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-warning:checked+label:before {
    border: 2px solid #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-warning:checked+label:after {
    background-color: #ff9700;
    border: 2px solid #ff9700;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-danger:checked+label:before {
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-danger:checked+label:after {
    background-color: #fd3550;
    border: 2px solid #fd3550;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-dark:checked+label:before {
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-dark:checked+label:after {
    background-color: #223035;
    border: 2px solid #223035;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-secondary:checked+label:before {
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap.radio-col-secondary:checked+label:after {
    background-color: #75808a;
    border: 2px solid #75808a;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}


.cekdost [type=checkbox]:checked, .cekdost [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.cekdost [type=checkbox]+label {
    font-weight: 400;
    position: relative;
    padding-left: 35px !important;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
.cekdost [type=checkbox]+label:before, .cekdost [type=checkbox]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.cekdost [type=checkbox]:not(.filled-in)+label:after {
    border: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.cekdost [type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}
.cekdost [type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1);
}
.cekdost [type=checkbox]:checked+label:before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #45aef1;
    border-bottom: 2px solid #45aef1;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
.cekdost [type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    border-bottom: 2px solid rgba(0, 0, 0, .26);
}
.cekdost [type=checkbox]:indeterminate+label:before {
    top: -11px;
    left: -12px;
    width: 10px;
    height: 22px;
    border-top: none;
    border-left: none;
    border-right: 2px solid #26a69a;
    border-bottom: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
.cekdost [type=checkbox]:indeterminate:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .26);
    background-color: transparent;
}
.cekdost [type=checkbox].filled-in+label:after {
    border-radius: 2px;
}
.cekdost [type=checkbox].filled-in+label:after, .cekdost [type=checkbox].filled-in+label:before {
    content: '';
    left: 0;
    position: absolute;
    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
    z-index: 1;
}
.cekdost [type=checkbox].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
.cekdost [type=checkbox].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0;
    z-index: 0;
}
.cekdost [type=checkbox].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    -webkit-transform: rotateZ(37deg);
    -ms-transform: rotate(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%}
.cekdost [type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #45aef1;
    background-color: #45aef1;
    z-index: 0;
}
.cekdost [type=checkbox].filled-in.tabbed:focus+label:after {
    border-radius: 2px;
    border-color: #5a5a5a;
    background-color: rgba(0, 0, 0, .1);
}
.cekdost [type=checkbox].filled-in.tabbed:checked:focus+label:after {
    border-radius: 2px;
    background-color: #45aef1;
    border-color: #45aef1;
}
.cekdost [type=checkbox].filled-in:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent;
}
.cekdost [type=checkbox].filled-in:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #BDBDBD;
}
.cekdost [type=checkbox].filled-in:disabled:checked+label:before {
    background-color: transparent;
}
.cekdost [type=checkbox].filled-in:disabled:checked+label:after {
    background-color: #BDBDBD;
    border-color: #BDBDBD;
}
.radiodost [type=radio]:checked, .radiodost [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.radiodost [type=radio]:checked+label, .radiodost [type=radio]:not(:checked)+label {
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radiodost [type=radio]+label:after, .radiodost [type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.radiodost [type=radio].with-gap:checked+label:after, .radiodost [type=radio].with-gap:checked+label:before, .radiodost [type=radio]:checked+label:after, .radiodost [type=radio]:checked+label:before, .radiodost [type=radio]:not(:checked)+label:after, .radiodost [type=radio]:not(:checked)+label:before {
    border-radius: 50%}
.radiodost [type=radio]:not(:checked)+label:after, .radiodost [type=radio]:not(:checked)+label:before {
    border: 2px solid #5a5a5a;
}
.radiodost [type=radio]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.radiodost [type=radio]:checked+label:before {
    border: 2px solid transparent;
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap:checked+label:after, .radiodost [type=radio].with-gap:checked+label:before, .radiodost [type=radio]:checked+label:after {
    border: 2px solid #389af0;
}
.radiodost [type=radio].with-gap:checked+label:after, .radiodost [type=radio]:checked+label:after {
    background-color: #389af0;
    z-index: 0;
}
.radiodost [type=radio]:checked+label:after {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}
.radiodost [type=radio].with-gap:checked+label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}
.radiodost [type=radio].tabbed:focus+label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap:disabled:checked+label:before {
    border: 2px solid rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio].with-gap:disabled:checked+label:after {
    border: none;
    background-color: rgba(0, 0, 0, .26);
}
.radiodost [type=radio]:disabled:checked+label:before, .radiodost [type=radio]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .26);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}
.radiodost [type=radio]:disabled+label {
    color: rgba(0, 0, 0, .26);
}
.radiodost [type=radio]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, .26);
}
.radiodost [type=radio]:disabled:checked+label:after {
    background-color: rgba(0, 0, 0, .26);
    border-color: #BDBDBD;
}
input[type="color"] {
    height: 42px;
}

.input-group-addon .cekdost [type=checkbox]:checked,
.input-group-addon .cekdost [type=checkbox]:not(:checked),
.input-group-addon .radiodost [type=radio]:checked,
.input-group-addon .radiodost [type=radio]:not(:checked) {
    position: initial;
    opacity: 1;
  margin-top: 4px;
}
/*  Modal  */
	 .modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}@media screen and (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-dialog-centered::before{display:block;height:calc(100vh - (.5rem * 2));content:""}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-dialog-centered::before{height:calc(100vh - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}

.pad2{padding:2px;}.pad3{padding:3px;}.pad4{padding:4px;}.pad5{padding:5px;}.pad10{padding:10px;}.pad20{padding:5px;}.pad20{padding:5px;}
.mar2{margin:2px;}.mar3{margin:3px;}.mar4{margin:4px;}.mar5{margin:5px;}.mar10{margin:10px;}.mar20{margin:5px;}.mar20{margin:5px;}

.file_table{border-collapse:collapse;border-spacing:0;width:100%;margin:2px;}
.file_table td,.file_table th{padding:4px 7px;text-align:left;vertical-align:top;border:1px solid #ddd;background:#fff}
.file_table td.gray,.file_table th{background-color:#eee}
.file_table td.gray span{color:#222}
.file_table tr:hover td{background-color:#f5f5f5}
.file_table tr:hover td.gray{background-color:#eee}
.file_table{width:100%;max-width:100%;margin-bottom:1rem}
.file_table td,.file_table th{padding:.55rem;vertical-align:top;border-top:1px solid #ddd}
.file_table thead th{vertical-align:bottom;border-bottom:2px solid #eceeef}
.file_table tbody+tbody{border-top:2px solid #eceeef}
.file_table .file_table{background-color:#fff}
.file_table{font:13px/16px Tahoma,Arial,sans-serif;}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #373857; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid rgba(230, 231, 239, 0.85); }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid rgba(230, 231, 239, 0.85); }
  .table tbody + tbody {
    border-top: 2px solid rgba(230, 231, 239, 0.85); }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid rgba(230, 231, 239, 0.85); }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid rgba(230, 231, 239, 0.85); }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  color: #373857;
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cfd0fe; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a7a7fe; }

.table-hover .table-primary:hover {
  background-color: #b6b8fd; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #b6b8fd; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d3d8dc; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #aeb6be; }

.table-hover .table-secondary:hover {
  background-color: #c5cbd1; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c5cbd1; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fcfcfd; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f9fafc; }

.table-hover .table-light:hover {
  background-color: #ededf3; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ededf3; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c7c9cb; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #969a9f; }

.table-hover .table-dark:hover {
  background-color: #babcbf; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #babcbf; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #363d47;
  border-color: #47505d; }

.table .thead-light th {
  color: #454f5b;
  background-color: #e9ecf1;
  border-color: rgba(230, 231, 239, 0.85); }

.table-dark {
  color: #fff;
  background-color: #363d47; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #47505d; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.table th,
.table td {
  padding: 8px 10px;
  line-height: 1.5; }

.table thead th,
.table tbody th {
  font-weight: 500; }

.table thead th {
  border-bottom-width: 0; }

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f9f9fb; }

.table-hover tbody tr:hover {
  background-color: #eff1f5; }

.table-sm th,
.table-sm td {
  padding: 5px 10px; }

.thead-primary,
.thead-secondary,
.thead-success,
.thead-danger,
.thead-warning,
.thead-info,
.thead-light,
.thead-dark {
  color: #fff; }
  .thead-primary th,
  .thead-secondary th,
  .thead-success th,
  .thead-danger th,
  .thead-warning th,
  .thead-info th,
  .thead-light th,
  .thead-dark th {
    border-top-width: 0; }
  .thead-primary + tbody tr:first-child th, .thead-primary + tbody tr:first-child td,
  .thead-secondary + tbody tr:first-child th,
  .thead-secondary + tbody tr:first-child td,
  .thead-success + tbody tr:first-child th,
  .thead-success + tbody tr:first-child td,
  .thead-danger + tbody tr:first-child th,
  .thead-danger + tbody tr:first-child td,
  .thead-warning + tbody tr:first-child th,
  .thead-warning + tbody tr:first-child td,
  .thead-info + tbody tr:first-child th,
  .thead-info + tbody tr:first-child td,
  .thead-light + tbody tr:first-child th,
  .thead-light + tbody tr:first-child td,
  .thead-dark + tbody tr:first-child th,
  .thead-dark + tbody tr:first-child td {
    border-top-width: 0; }

.thead-primary {
  background-color: #5556fd; }

.thead-secondary {
  background-color: #637382; }

.thead-success {
  background-color: #28a745; }

.thead-danger {
  background-color: #dc3545; }

.thead-warning {
  background-color: #ffc107; }

.thead-info {
  background-color: #17a2b8; }

.thead-dark {
  background-color: #363d47; }

.thead-light {
  background-color: rgba(230, 231, 239, 0.85);
  color: #454f5b; }

.table-primary thead,
.table-secondary thead,
.table-success thead,
.table-danger thead,
.table-warning thead,
.table-info thead,
.table-light thead,
.table-dark thead {
  color: #fff; }
  .table-primary thead th,
  .table-secondary thead th,
  .table-success thead th,
  .table-danger thead th,
  .table-warning thead th,
  .table-info thead th,
  .table-light thead th,
  .table-dark thead th {
    border-top-width: 0; }

.table-primary tbody tr th, .table-primary tbody tr td,
.table-secondary tbody tr th,
.table-secondary tbody tr td,
.table-success tbody tr th,
.table-success tbody tr td,
.table-danger tbody tr th,
.table-danger tbody tr td,
.table-warning tbody tr th,
.table-warning tbody tr td,
.table-info tbody tr th,
.table-info tbody tr td,
.table-light tbody tr th,
.table-light tbody tr td,
.table-dark tbody tr th,
.table-dark tbody tr td {
  border-top-color: rgba(255, 255, 255, 0.45); }

.table-primary tbody tr:first-child th, .table-primary tbody tr:first-child td,
.table-secondary tbody tr:first-child th,
.table-secondary tbody tr:first-child td,
.table-success tbody tr:first-child th,
.table-success tbody tr:first-child td,
.table-danger tbody tr:first-child th,
.table-danger tbody tr:first-child td,
.table-warning tbody tr:first-child th,
.table-warning tbody tr:first-child td,
.table-info tbody tr:first-child th,
.table-info tbody tr:first-child td,
.table-light tbody tr:first-child th,
.table-light tbody tr:first-child td,
.table-dark tbody tr:first-child th,
.table-dark tbody tr:first-child td {
  border-top-width: 0; }

.table-primary thead {
  background-color: #5556fd; }

.table-primary tbody tr {
  background-color: white; }

.table-primary.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f7f7f7; }

.table-primary.table-hover tbody tr:hover {
  background-color: #f0f0f0; }

.table-secondary thead {
  background-color: #637382; }

.table-secondary tbody tr {
  background-color: #e9ecf1; }

.table-secondary.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #e0e4eb; }

.table-secondary.table-hover tbody tr:hover {
  background-color: #d6dce5; }

.table-success thead {
  background-color: #28a745; }

.table-success tbody tr {
  background-color: #f1fcf3; }

.table-success.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #e5f9e9; }

.table-success.table-hover tbody tr:hover {
  background-color: #d8f6df; }

.table-danger thead {
  background-color: #dc3545; }

.table-danger tbody tr {
  background-color: #fef9f9; }

.table-danger.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #fceced; }

.table-danger.table-hover tbody tr:hover {
  background-color: #f9dfe1; }

.table-warning thead {
  background-color: #ffc107; }

.table-warning tbody tr {
  background-color: #fffbf8; }

.table-warning.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #fff3e8; }

.table-warning.table-hover tbody tr:hover {
  background-color: #ffead9; }

.table-info thead {
  background-color: #17a2b8; }

.table-info tbody tr {
  background-color: #ebfafd; }

.table-info.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #ddf7fb; }

.table-info.table-hover tbody tr:hover {
  background-color: #d0f3f9; }

.table-light thead {
  background-color: #e9ecf1; }

.table-light tbody tr {
  background-color: white; }

.table-light.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f5f7f9; }

.table-light.table-hover tbody tr:hover {
  background-color: #eceff3; }

.table-dark thead {
  background-color: #363d47; }

.table-dark tbody tr {
  background-color: #e9ecf1; }

.table-dark.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #e0e4eb; }

.table-dark.table-hover tbody tr:hover {
  background-color: #d6dce5; }

.table-light thead {
  color: #373857; }

.table-dark tbody {
  color: #373857; }

.table-dark.table-hover tr:hover th, .table-dark.table-hover tr:hover td {
  color: #373857; }

a.btn-xss,button.btn-xss {
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
}

a.btn-primary {
  color: #fff;
  background-color: #3D84C1;
  border-color: #5556fd; }
  a.btn-primary:hover {
    color: #fff;
    background-color: #3172AA;
    border-color: #2324fc; }
  a.btn-primary:focus, a.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 111, 253, 0.5); }
  a.btn-primary.disabled, a.btn-primary:disabled {
    color: #fff;
    background-color: #5556fd;
    border-color: #5556fd; }
  a.btn-primary:not(:disabled):not(.disabled):active, a.btn-primary:not(:disabled):not(.disabled).active,
  .show > a.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2324fc;
    border-color: #1617fc; }
    a.btn-primary:not(:disabled):not(.disabled):active:focus, a.btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(111, 111, 253, 0.5); }

a.btn-secondary, .ui-datepicker-buttonpane button {
  color: #fff;
  background-color: #637382;
  border-color: #637382; }
  a.btn-secondary:hover, .ui-datepicker-buttonpane button:hover {
    color: #fff;
    background-color: #52606c;
    border-color: #4d5965; }
  a.btn-secondary:focus, .ui-datepicker-buttonpane button:focus, a.btn-secondary.focus, .ui-datepicker-buttonpane button.focus {
    box-shadow: 0 0 0 0.2rem rgba(122, 136, 149, 0.5); }
  a.btn-secondary.disabled, .ui-datepicker-buttonpane button.disabled, a.btn-secondary:disabled, .ui-datepicker-buttonpane button:disabled {
    color: #fff;
    background-color: #637382;
    border-color: #637382; }
  a.btn-secondary:not(:disabled):not(.disabled):active, .ui-datepicker-buttonpane button:not(:disabled):not(.disabled):active, a.btn-secondary:not(:disabled):not(.disabled).active, .ui-datepicker-buttonpane button:not(:disabled):not(.disabled).active,
  .show > a.btn-secondary.dropdown-toggle,
  .ui-datepicker-buttonpane .show > button.dropdown-toggle {
    color: #fff;
    background-color: #4d5965;
    border-color: #47535e; }
    a.btn-secondary:not(:disabled):not(.disabled):active:focus, .ui-datepicker-buttonpane button:not(:disabled):not(.disabled):active:focus, a.btn-secondary:not(:disabled):not(.disabled).active:focus, .ui-datepicker-buttonpane button:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-secondary.dropdown-toggle:focus,
    .ui-datepicker-buttonpane .show > button.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(122, 136, 149, 0.5); }

a.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  a.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  a.btn-success:focus, a.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
  a.btn-success.disabled, a.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  a.btn-success:not(:disabled):not(.disabled):active, a.btn-success:not(:disabled):not(.disabled).active,
  .show > a.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    a.btn-success:not(:disabled):not(.disabled):active:focus, a.btn-success:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

a.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  a.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  a.btn-info:focus, a.btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  a.btn-info.disabled, a.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  a.btn-info:not(:disabled):not(.disabled):active, a.btn-info:not(:disabled):not(.disabled).active,
  .show > a.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    a.btn-info:not(:disabled):not(.disabled):active:focus, a.btn-info:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

a.btn-warning {
  color: #FFF;
  background-color: #EFA741;
  border-color: #ffc107; }
  a.btn-warning:hover {
    color: #212b35;
    background-color: #e0a800;
    border-color: #d39e00; }
  a.btn-warning:focus, a.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(222, 171, 14, 0.5); }
  a.btn-warning.disabled, a.btn-warning:disabled {
    color: #212b35;
    background-color: #ffc107;
    border-color: #ffc107; }
  a.btn-warning:not(:disabled):not(.disabled):active, a.btn-warning:not(:disabled):not(.disabled).active,
  .show > a.btn-warning.dropdown-toggle {
    color: #212b35;
    background-color: #d39e00;
    border-color: #c69500; }
    a.btn-warning:not(:disabled):not(.disabled):active:focus, a.btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 171, 14, 0.5); }

a.btn-danger {
  color: #fff;
  background-color: #CE433F;
  border-color: #dc3545; }
  a.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  a.btn-danger:focus, a.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  a.btn-danger.disabled, a.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  a.btn-danger:not(:disabled):not(.disabled):active, a.btn-danger:not(:disabled):not(.disabled).active,
  .show > a.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    a.btn-danger:not(:disabled):not(.disabled):active:focus, a.btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

a.btn-light {
  color: #212b35;
  background-color: #f3f6f9;
  border-color: #f3f6f9; }
  a.btn-light:hover {
    color: #212b35;
    background-color: #dae3ec;
    border-color: #d1dde8; }
  a.btn-light:focus, a.btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 216, 220, 0.5); }
  a.btn-light.disabled, a.btn-light:disabled {
    color: #212b35;
    background-color: #f3f6f9;
    border-color: #f3f6f9; }
  a.btn-light:not(:disabled):not(.disabled):active, a.btn-light:not(:disabled):not(.disabled).active,
  .show > a.btn-light.dropdown-toggle {
    color: #212b35;
    background-color: #d1dde8;
    border-color: #c9d6e4; }
    a.btn-light:not(:disabled):not(.disabled):active:focus, a.btn-light:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(212, 216, 220, 0.5); }

a.btn-dark {
  color: #fff;
  background-color: #363d47;
  border-color: #363d47; }
  a.btn-dark:hover {
    color: #fff;
    background-color: #252a31;
    border-color: #20242a; }
  a.btn-dark:focus, a.btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(84, 90, 99, 0.5); }
  a.btn-dark.disabled, a.btn-dark:disabled {
    color: #fff;
    background-color: #363d47;
    border-color: #363d47; }
  a.btn-dark:not(:disabled):not(.disabled):active, a.btn-dark:not(:disabled):not(.disabled).active,
  .show > a.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #20242a;
    border-color: #1a1e23; }
    a.btn-dark:not(:disabled):not(.disabled):active:focus, a.btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > a.btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(84, 90, 99, 0.5); }

.duzkutu{border-color:#ddd;}
.okkutu{border-color:#090;}
.hatakutu{border-color:#F00;}
.mg-r-5{margin-right:5px;}
.mg-l-5{margin-right:5px;}
.mg-t-5{margin-right:5px;}
.mg-b-5{margin-right:5px;}
.mg-r-10{margin-right:10px;}
.mg-l-10{margin-right:10px;}
.mg-t-10{margin-right:10px;}
.mg-b-10{margin-right:10px;}
.mg-r-20{margin-right:20px;}
.mg-l-20{margin-right:20px;}
.mg-t-20{margin-right:20px;}
.mg-b-20{margin-right:20px;}

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid rgba(230, 231, 239, 0.85);
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid rgba(230, 231, 239, 0.85);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

	
.modal-content {
  border-width: 0; }
  .modal-content .close {
    font-weight: 300;
    font-size: 24px;
    line-height: 0.87; }
    .modal-content .close svg {
      width: 20px;
      height: 20px;
      stroke-width: 2.5px; }

.modal-header {
  align-items: center; }
  .modal-header .close {
    padding: 0;
    margin: 0; }

.modal-backdrop {
  background-color: rgba(17, 23, 28, 0.7); }
  .modal-backdrop.show {
    opacity: 1; }

.modal-title {
  font-size: 18px;
  color: #06072d;
  line-height: 1.2; }

.modal-body {
  color: #373857; }

.modal.animated .modal-dialog {
  transform: translate(0, 0); }

.modal.effect-scale .modal-dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s; }

.modal.effect-scale.show .modal-dialog {
  transform: scale(1);
  opacity: 1; }

.modal.effect-slide-in-right .modal-dialog {
  transform: translateX(20%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.modal.effect-slide-in-right.show .modal-dialog {
  transform: translateX(0);
  opacity: 1; }

.modal.effect-slide-in-bottom .modal-dialog {
  transform: translateY(20%);
  opacity: 0;
  transition: all 0.3s; }

.modal.effect-slide-in-bottom.show .modal-dialog {
  transform: translateY(0);
  opacity: 1; }

.modal.effect-newspaper .modal-dialog {
  transform: scale(0) rotate(720deg);
  opacity: 0; }

.modal.effect-newspaper.show ~ .modal-backdrop,
.modal.effect-newspaper .modal-dialog {
  transition: all 0.5s; }

.modal.effect-newspaper.show .modal-dialog {
  transform: scale(1) rotate(0deg);
  opacity: 1; }

.modal.effect-fall {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px; }
  .modal.effect-fall .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0; }
  .modal.effect-fall.show .modal-dialog {
    transition: all 0.3s ease-in;
    transform: translateZ(0px) rotateX(0deg);
    opacity: 1; }

.modal.effect-flip-horizontal {
  perspective: 1300px; }
  .modal.effect-flip-horizontal .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateY(-70deg);
    transition: all 0.3s;
    opacity: 0; }
  .modal.effect-flip-horizontal.show .modal-dialog {
    transform: rotateY(0deg);
    opacity: 1; }

.modal.effect-flip-vertical {
  perspective: 1300px; }
  .modal.effect-flip-vertical .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-70deg);
    transition: all 0.3s;
    opacity: 0; }
  .modal.effect-flip-vertical.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1; }

.modal.effect-super-scaled .modal-dialog {
  transform: scale(2);
  opacity: 0;
  transition: all 0.3s; }

.modal.effect-super-scaled.show .modal-dialog {
  transform: scale(1);
  opacity: 1; }

.modal.effect-sign {
  perspective: 1300px; }
  .modal.effect-sign .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: rotateX(-60deg);
    transform-origin: 50% 0;
    opacity: 0;
    transition: all 0.3s; }
  .modal.effect-sign.show .modal-dialog {
    transform: rotateX(0deg);
    opacity: 1; }

.modal.effect-rotate-bottom {
  perspective: 1300px; }
  .modal.effect-rotate-bottom .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s ease-out; }
  .modal.effect-rotate-bottom.show .modal-dialog {
    transform: translateY(0%) rotateX(0deg);
    opacity: 1; }

.modal.effect-rotate-left {
  perspective: 1300px; }
  .modal.effect-rotate-left .modal-dialog {
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform-origin: 0 100%;
    opacity: 0;
    transition: all 0.3s; }
  .modal.effect-rotate-left.show .modal-dialog {
    transform: translateZ(0px) translateX(0%) rotateY(0deg);
    opacity: 1; }

.modal.effect-just-me .modal-dialog {
  transform: scale(0.8);
  opacity: 0;
  transition: all 0.3s; }

.modal.effect-just-me .modal-content {
  background-color: transparent; }

.modal.effect-just-me .close {
  text-shadow: none;
  color: #fff; }

.modal.effect-just-me .modal-header {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  padding-left: 0;
  padding-right: 0; }
  .modal.effect-just-me .modal-header h6 {
    color: #fff;
    font-weight: 500; }

.modal.effect-just-me .modal-body {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 0;
  padding-right: 0; }
  .modal.effect-just-me .modal-body h6 {
    color: #fff; }

.modal.effect-just-me .modal-footer {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  border-top-color: rgba(255, 255, 255, 0.1); }

.modal.effect-just-me.show ~ .modal-backdrop {
  opacity: .96; }

.modal.effect-just-me.show .modal-dialog {
  transform: scale(1);
  opacity: 1; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #e9ecf1;
  border-radius: 0; }

.progress-bar {
  display: flex;
  font-size:16px;
  width:100%;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #5556fd;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }
.ht-20{height:24px;}
.mg-t-10{margin-top:10px;}
.wd-150{width:200px;}
.mg-10{margin:10px;}
.gizle{display:none;}