.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;
						  transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:80px 10px auto 10px;}
.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


#TootModal .form-control:hover {
	border-color: lightsteelblue;
}

.input-group-text {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 
	font-size: .85rem;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .2rem .375rem .75rem;
    margin-bottom: 0;
	margin-right: 0;
	margin-top: .2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem/* 0 0 .25rem; */
}



.input-group-prepend {
    margin-right: -1px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
	padding-left: .2rem;

}

@media (min-width:768px){
	.modal-dialog{
		width:500px;
		margin:100px auto;
		}
		
	.modal-content{
		width: 500px;
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
		box-shadow:0 5px 15px rgba(0,0,0,.5);
	}
	.modal-sm{
		width:300px;
		margin:80px auto;
		}
}

@media (min-width:992px){
	.modal-lg{
		width:600px; 
		margin:100px auto;
		left: 10%;
		}
}

#TootModal .modal-header .close {
    float: right;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 1rem;
    margin: 0rem -1rem -1rem auto;
	line-height: 1;
	color: #000;
    background-color: transparent;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
	border: 0;
	outline: white;
    -webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
}

#TootModal .modal-header .close:hover,
#TootModal .modal-header .close:focus {
  color: #000;
  text-decoration: none;
  opacity: 1;
  cursor: pointer;
  border-color: transparent;
}

#TootModal .modal-title, 
#TootModal .modal-body label, 
#TootModal .modal-footer button,
#TootModal .form-control  {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 
	letter-spacing: normal;
	display: inline-block;
}

#TootModal .modal-title, 
#TootModal .modal-body label {
	color: #282c37;
}
#TootModal .modal-body label {
	font-size: .95em;
}
.form-control:focus{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 
	border-color:#66afe9;outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);	
}
	
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control::-ms-expand{background-color:transparent;border:0}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
	background-color:#eee;
	opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
textarea.form-control{height:auto}

#TootModal .form-control {
	font-weight: 400;
	font-size: .9rem;
	border-radius: 0rem .25rem .25rem 0;
}


#TootModal .modal-title {
    margin: 1rem 0em;
    line-height: 1.5;
	font-weight: 500;
	text-transform: none;
	font-size: 1.1rem;
	color: #282c37;
}

#TootModal .modal-footer button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #eee;
    padding: .2rem .75rem;
	margin: .25rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#TootModal .modal-footer button:active {
    position: relative;
    top: 2px;
    box-shadow: none;
    color: darken($white, 10%);
}


#TootModal .modal-body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #282c37;
    text-align: left;
    background-color: #fff;
	display: inline-block;
	padding: 1em;
	position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
	width: 100%;
}



#TootModal .modal-header {
    padding: 0em 1em;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}

#TootModal .modal-footer {
	padding: .5rem 1em;
}


.btn-primary{
	color:#fff;background-color:#2b90d9;border-color:#2e6da4;outline: none;}
.btn-primary.focus,.btn-primary:focus{
	color:#fff; background-color:#2b90d9; border-color:#122b40}
.btn-primary:hover{
	color:#fff; background-color:#286090; border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
	color:#fff; background-color:#286090; background-image:none; border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
	color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{
	background-color:#2b90d9;border-color:#2e6da4; outline: none;}
.btn-primary .badge{
	color:#2b90d9;background-color:#fff}


.btn-secondary {
	color: #fff; background-color: #282c37; border-color: #2e2e2e; box-shadow: none; outline:none;}
.btn-secondary.focus,.btn-secondary:focus{
	color:#fff; background-color:#282c37; border-color:#555}
.btn-secondary:hover{
	color:#fff; background-color:#555; border-color:#555}
.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
	color:#fff; background-color:#555; background-image:none; border-color:#555}
.btn-secondary.active.focus,.btn-secondary.active:focus,.btn-secondary.active:hover,.btn-secondary:active.focus,.btn-secondary:active:focus,.btn-secondary:active:hover,.open>.dropdown-toggle.btn-secondary.focus,.open>.dropdown-toggle.btn-secondary:focus,.open>.dropdown-toggle.btn-primary:hover{
	color:#fff;background-color:#555;border-color:#555}
.btn-secondary.disabled.focus,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary[disabled].focus,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover,fieldset[disabled] .btn-secondary.focus,fieldset[disabled] .btn-secondary:focus,fieldset[disabled] .btn-secondary:hover{
	background-color:#282c37;border-color:#2e2e2e; outline: none;}
.btn-secondary .badge{
	color:#282c37;background-color:#fff}

.form-check {
    position: relative;
    display: block;
    padding-top: 1rem;
}


.form-check-input {
    height: .8rem;
	width: .8rem;
	margin-right: .3rem;
	margin-bottom: 0;
	margin-top: 0;
}