@font-face {
    font-family: 'Transforma Sans';
    src: url('/app/assets/fonts/subset-TransformaSans-Bold.eot');
    src: url('/app/assets/fonts/subset-TransformaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/app/assets/fonts/subset-TransformaSans-Bold.woff2') format('woff2'),
        url('/app/assets/fonts/subset-TransformaSans-Bold.woff') format('woff'),
        url('/app/assets/fonts/subset-TransformaSans-Bold.ttf') format('truetype'),
        url('/app/assets/fonts/subset-TransformaSans-Bold.svg#TransformaSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Transforma Sans';
    src: url('/app/assets/fonts/subset-TransformaSans-Medium.eot');
    src: url('/app/assets/fonts/subset-TransformaSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/app/assets/fonts/subset-TransformaSans-Medium.woff2') format('woff2'),
        url('/app/assets/fonts/subset-TransformaSans-Medium.woff') format('woff'),
        url('/app/assets/fonts/subset-TransformaSans-Medium.ttf') format('truetype'),
        url('/app/assets/fonts/subset-TransformaSans-Medium.svg#TransformaSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Transforma Sans';
    src: url('/app/assets/fonts/subset-TransformaSans-Light.eot');
    src: url('/app/assets/fonts/subset-TransformaSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/app/assets/fonts/subset-TransformaSans-Light.woff2') format('woff2'),
        url('/app/assets/fonts/subset-TransformaSans-Light.woff') format('woff'),
        url('/app/assets/fonts/subset-TransformaSans-Light.ttf') format('truetype'),
        url('/app/assets/fonts/subset-TransformaSans-Light.svg#TransformaSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

html {
	height: 100%;
	min-height: 100%;
}

body {
	padding-top: 20px;
    font-family: "Transforma Sans", sans-serif;
    font-size: 12px;
    background: #bebebe;
	min-height: 100%;
	position: relative;
}

label	{
	cursor: pointer;
}

#fz {
	display: none;
}

h1,h2	{
	font-family: "Transforma Sans", sans-serif;
	color: #e30611;
}

nav {
	margin: 20px 0;
}

nav a {
	margin-right: 20px;
}

a {
	color: #333333;
}

ul {
	padding: 0 0 0 15px;
	color: #9f9c9c;
	font-weight: bold;
}

ul li {
	margin-bottom: 10px;
}

ul li.offer_status {
	color: #333;
	opacity: 1!important;
}
ul li.os {
	/*opacity: .7;*/
}
ul li.offer_status_cancel {
	color: #e30611;
	opacity: 1!important;
}
ul li.offer_status_ready {
	color: #3aa53a;
	opacity: 1!important;
}

ul li small {
	font-weight: normal;
}

.bottom	{
	position: fixed;
    bottom: 0px;
    height: 65px;
    width: 100%;
    border-top: 2px solid #ccc;
    padding-top: 15px;
	background: #fff;
}

.bottom a {
	text-align: center;
	margin: 0 20px 0 ;
}

h1 {
	font-size: 1.625rem;
}

h2 {
	font-size: 1.5rem;
}

.bottom span {
	position: relative;
    bottom: -45px;
	display: block;
}

.logo {
	width: 250px;
	display: block;
	margin: 20px auto;
}

.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover,
.uk-input:focus, .uk-select:focus, .uk-textarea:focus,
.uk-checkbox:focus, .ul-radio:focus {
	color: #333333;
	border-color: #333333;
}

.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
	background-color: #333333!important;
}

::selection {
	/*background-color: #e30611;*/
	background-color: #333333;
}

.uk-button-secondary {
	background-color: #e30611;
}

.uk-button-secondary:hover {
	background-color: #e30611;
	opacity: .8;
}

.uk-container-small {
	padding-bottom: 100px;
}

.pfont {
	color: #333;
	padding: 5px 0 15px 0;
	font-weight: bold;
	display: block;
}

.mgb5 {
	margin-bottom: 5px;
}

.policy {
	font-size: 14px;
}

.color-1 {
	color: #e30611;
}

.profile_link {
	background: #fff;
	padding: 10px 20px;
}

.profile_link hr {
	
}

.profile_link a {
	display: block;
}

.vac_hover:hover a {
	/*text-decoration: underline;*/
}

.status_main {
	padding: 3px 10px;
	background: #ccc;
	color: #fff;
	display: inline-block;
	margin-left: 10px;
}

.ready {
	background: #3aa53a;
}

.cancel {
	background: #e30611;
}

.sms_refresh {
	font-size: 10px;
	color: #eee;
	margin-bottom: 15px;
}

.imgprofile {
	border-radius: 50%;
	width: 35px;
	position: absolute;
	top: -10px;
    margin-left: 5px;
}

.pr {
	position: relative;
}

.msg {
	margin: auto;
	text-align: center;
}