@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


body {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	line-height: 1.154;
	font-size: 15px;
	font-weight: 400;
}

th {
	font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	line-height: 1.154;
	font-size: 16px;
	font-weight: 400;
}
.nav-item {
	font-size: 17px !important;
}

.nav-link {
    display: block !important;
    padding: 5px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

table {
	border: 2px solid #dee2e6;
}

td {
	max-width: 100px;
	white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.form-check {
	padding-top: 2px !important;
	padding-left: 0px !important;
}
.form-control {
	font-size: 15px !important;
}


.modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
}
label {
	cursor: pointer;
}

input[type="checkbox"]{
	position: absolute;
	right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}

#preloader { 
top: 10vh;
left: 46vw;
position:absolute;
height: 40px; 
width: 40px; 
border: 5px solid rgb(190, 209, 232); 
border-top: 5px solid rgb(81, 129, 184); 
border-radius: 50%; 
animation: rotate 0.5s infinite linear; 
} 

@keyframes rotate { 
0% { 
transform: rotate(0deg); 
} 
100% { 
transform: rotate(360deg); 
} 
}
#keyboard {
	border-radius: 3px;
	border: 1px solid #e5ebf1;
	padding:3px;
	margin:3px;
}

.add_but_css:hover {
	color: #3f9afc;
	cursor: pointer;
}

.add_but_css {
	color: #007bff;
	cursor: pointer;
}




.keyboard .col {
    margin: 3px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 12.5px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    line-height: 15px;
    outline: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background: #4bb34b;
    color: #fff;
    border-radius: 4px;
	padding: 7px 16px 8px;
}

.btn_Primary {
	background-color: #5181B8 !important;
	background: #5181B8 !important;
	color: #fff;
}

.btn_Default {
	background: #e5ebf1 !important;
    color: #55677d !important;
}

.btn_Positive {
	background: #4bb34b !important;
    color: #fff !important;
}

.btn_Negative {
	background: #e64646 !important;
    color: #fff !important;
}

/* ховеры */
.btn_Primary:hover {
	background: #6099db !important;
}

.btn_Default:hover  {
	background: #f2f4f7 !important;

}

.btn_Positive:hover  {
	background: #58ce58 !important;

}

.btn_Negative:hover  {
	background: #ef5d5d !important;

}
/* ховеры */