@font-face {
  font-family: HelveticaNeueCyr;
  src: url(../ptsans/HelveticaNeueCyr-Roman.otf);
}

/* MASTER CSS */
body {
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 400;
	color: #64646e;
	font-family: "HelveticaNeueCyr", sans-serif;
	-webkit-overflow-scrolling: touch;
	font-style: normal;
	word-break: break-word;
	background: #edf2f6;
}

h1 {font-size: 180%; color: #000;}
h2 {font-size: 110%; color: #000;}
h3 {font-size: 180%; color: #000;}
h4 {color: #000;}
h5 {color: #000;}
h6 {color: #000;}

a {text-decoration: none !important; color: #124789;}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pointer {cursor: pointer;}

.text-shadow {
	text-shadow: 1px 1px #000;
}

.font-size-14 {font-size: 14px;}
.font-size-16 {font-size: 16px;}
.font-size-18 {font-size: 18px;}

.font-size-1rem {font-size: 1rem;}

/* CUSTOM CSS */

.fixed-width-30 {width: 30px;}

.navbar ul li a {color:#124789;}
.navbar ul li a:hover {color:#124789;}
.navbar img {max-height: 34px;}

.border-top-theme-blue {
	border-top: 4px solid #007bff;
}

.dropdown-item {
	padding: 0.4rem 1.5rem;
}

label {color: #cfcfcf;}

.btn-primary {
    background: -moz-linear-gradient(194deg, #007bff 0%, #124789 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #124789), color-stop(100%, #007bff));
    background: -webkit-linear-gradient(194deg, #007bff 0%, #124789 100%);
    background: -o-linear-gradient(194deg, #007bff 0%, #124789 100%);
    background: -ms-linear-gradient(194deg, #007bff 0%, #124789 100%);
    background: linear-gradient(256deg, #007bff 0%, #124789 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124789', endColorstr='#007bff',GradientType=1 );
    border-color: #124789;
}

.btn-light {
	border: 3px solid red;
    color: #212529;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}

.btn-light:hover {

	background-color: #fff !important;
}

.btn-light.focus, .btn-light:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}

.pagination {
	padding-left: 0;
	margin: 20px 0;
	
}

.pagination > li > a {
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.4;
    color: #124789;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination-active a {
	background-color: #124789 !important;
	color: #fff !important;
}

/* ----- ICONS FOR INPUTS ----- */
.input-icons {
	position: relative;
}

.input-icons input {
	padding-left: 50px;
	border-radius: .25rem !important;
}

.input-icons > .input-group-prepend {
	position: absolute;
	left: 0px;
	z-index: 10;
	padding: 5px;
}

.input-icons > .input-group-prepend > .input-group-text {
	background: transparent;
	border: none;
}

.profile-image-overcover {
	position: absolute;
	width: 80px;
	height: 80px;
	bottom: -20px;
	left: 10px;
	border: 2px solid #fff;
	overflow: hidden;
}

.button-change-cover {
	position: absolute;
	right: 10px;
	bottom: 0;
}

.spinner {
	  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
}

.dropdown-list .dropdown-item {
     white-space: normal;
     padding-top: .5rem;
     padding-bottom: .5rem;
     border-left: 1px solid #e3e6f0;
     border-right: 1px solid #e3e6f0;
     border-bottom: 1px solid #e3e6f0;
     line-height: 1.3rem;
}
 .dropdown-list {
     padding: 0;
     border: none;
     overflow: hidden;
     width: 20rem!important;
}
 .dropdown-list .dropdown-header {
     background-color: #1d2f38;
     border: 1px solid #1d2f38;
     color: #fff;
     font-weight: 800;
     font-size: 14px;
     padding: .8rem 1rem;
}
 .dropdown-list .icon-circle {
     height: 2.5rem;
     width: 2.5rem;
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.hover-atention {
	border-top: 3px solid transparent;
}

.hover-atention:hover {
	border-top: 3px solid #124789;
	-webkit-box-shadow: 0px 1px 34px 4px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 1px 34px 4px rgba(0,0,0,0.14);
	box-shadow: 0px 1px 34px 4px rgba(0,0,0,0.14);
}

/* ----- END ICONS FOR INPUTS ----- */

.sticky-top {
	position: sticky; 
	position: -webkit-sticky;
	top: 10px;
}

footer {
	background: #64646e;
	color: #fff;
}

footer a, footer a:hover {
	color: #fff;
}

.gradient-overlay:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(rgba(30, 56, 67, 0) 0, rgba(30, 56, 67, 0.7));
	background-image: -webkit-linear-gradient(rgba(30, 56, 67, 0) 0, rgba(30, 56, 67, 0.7));
	border-radius: 0 0 3px 3px;
}

.card-gradient-overlay {
	height: 300px;
	border: 0;
	color: #fff;
	overflow: none;
	background-size: cover;
}

.gold {color: #ffaa2d; font-size: 18px !important;}
.diamond {color: #66c1ff; font-size: 18px !important;}