@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff') format('woff');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff') format('woff');}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans Extrabold'),local('OpenSans-Extrabold'),url('https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff') format('woff');}@font-face{font-family:'Roboto';src:url('/new/css/fonts/Roboto-Regular.ttf');font-weight:400;font-style:normal;}@font-face{font-family:'Roboto';src:url('/new/css/fonts/Roboto-Bold.ttf');font-weight:700;font-style:normal;}@media screen and ( -webkit-min-device-pixel-ratio:0 ) {font-family: 'Roboto',Arial,sans-serif;
}



body {
	font-family: 'Roboto', Arial, sans-serif;
	-webkit-text-stroke: 1px transparent;
}

/* saf3+, chrome1+ */
@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
    body {
        font-family: 'Roboto', Arial, sans-serif;
    }
}

* {
    vertical-align: middle;
}

span, b, i {
	vertical-align: baseline;
}

html, body {
    width: 100%;
    height: 100%;
    min-width: 1000px;
}

#adaptive_html, #adaptive_html body {
    /*min-width: 359px;*/
    min-width: 320px;
}

body {
    background-color: #ebebeb;
}

a {
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 1em;
    color: #2b3d52;
}

#content a {
    color: #C3130F;
}


hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(210,210,210,0), rgba(210,210,210,0.75), rgba(210,210,210,0)); 
    background-image:    -moz-linear-gradient(left, rgba(210,210,210,0), rgba(210,210,210,0.75), rgba(210,210,210,0)); 
    background-image:     -ms-linear-gradient(left, rgba(210,210,210,0), rgba(210,210,210,0.75), rgba(210,210,210,0)); 
    background-image:      -o-linear-gradient(left, rgba(210,210,210,0), rgba(210,210,210,0.75), rgba(210,210,210,0)); 
}


.hidden {
    visibility: hidden;
}

.display_none {
    display: none;
}

.size14 {
    font-size: 14px !important;
}

.clear {
    display: block;
    width: 0;
    height: 0;
    clear: both;
}

.white_transparent_overlay {
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.3) url(../images/white_transp.png);
}


.center {
    text-align: center;
}

.float_left {
    float: left;
}

#container {
    width: 100%;
    background-color: #fff;
}

#header, #header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#header {
    position: relative;
    min-width: 1000px;
    margin: 0 auto;
    height: 71px;
    padding: 15px 20px 0;
}

#adaptive_html #header {
    min-width: 359px;
}

#header #search, #header #usergreeting, #header #lang_switch {
    float: left;
    position: relative;
}

#header #usergreeting {
    /*line-height: 29px;*/
    vertical-align: middle;
}

#header #usergreeting_user_name {
    display: inline-block;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
}

#header #logo {
    float: left;
}

#logo {
    width: 217px;
    height: 39px;
    background-repeat: no-repeat;
    background-image: url( '/images/logo/failiem_logo_full.svg' );
    cursor: pointer;
    margin-top: 5px;
}

#berga_logo {
    width: 100px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url( '/berga_foto/images/berga_foto_logo.png' );
    float: left;
    background-size: contain;
    margin-left: 30px;
}

#container.filesfm #logo {
    background-image: url( '/images/logo/filesfm_logo_full.svg' );
    height: 34px;
    width: 192px;
}

/* new search */
#header #search.large {
    margin-top: 2px;
}

#header #search.large #search_field, #header #search.large .search_button {
    height: 30px;
    line-height: 30px;
    border: 1px solid #d2d2d2;
}

#header #search.large #search_field {
    float: left;
    border-right: 0px;
    border-radius: 3px 0 0 3px;
    padding: 4px;
    height: 36px;
    width: 150px;
}

    #header #search.large #search_field input {
        border: 0px;
        height: 28px;
        width: 100%;
        margin: 0 !important;
	    padding: 0 !important;
    	min-width: 0;
    }

#header #search.large .search_button {
    float: right;
    border-left: 0px;
    border-radius: 0 3px 3px 0;
    padding: 10px;
    height: 36px;
}
#header #search .search_button .fa {
    color: #d2d2d2;
    font-size: 14px;
}

/*
OLD SEARCH*/
#header #search.small {
    margin-top: 2px;
    position: relative;
}

#header #search.small .search_button {
    display: block;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    position: relative;
    background: #fff;
    width: 35px;
    height: 36px;
}

#header #search.small .input {
    width: 237px;
    height: 28px;
    border: 1px solid #e5e5e5;
    margin: 0px;
    padding: 0 6px 0 6px;
}

#header #search.small #search_field {
	position: absolute;
	z-index: 10010000;
    top: 100%;
    right: 0px;
    border: 1px solid #e5e5e5;
    padding: 8px;
    background-color: #fff;
    border-radius: 3px;
    border-top-right-radius: 0;
    margin-top: -1px;

    display: none;
}

    #header #search.small:hover #search_field {
        display: block;
    }


#header #search.small:hover .search_button {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 10010010;
}
    
#header .header_right {
    float: right;
}


/*** Main menu ***/
#header #menu {
    float: left;
    display: none;
    list-style: none;
    margin-left: 11px;
    /*overflow: hidden;*/
    height: 38px;
}

#header #menu li {
    float: left;
    display: block;
    margin: 0 4px;
    padding: 0px;
    position: relative;
}

#header #menu li a {
    display: block;
    font-size: 1.35em;
    text-decoration: none;
}

#header #menu li a span {
    padding: 4px;
    display: block;
    line-height: 30px;
}

#header #menu .has_new_label ,
#mobile_menu_wrapper .has_new_label {
	padding-right: 20px;
	position: relative;
}
#header #menu .new_label_container ,
#mobile_menu_wrapper .new_label_container {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 3px;
}
#header #menu .new_label_container .new_label ,
#mobile_menu_wrapper .new_label_container .new_label {
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    background: #CA1913;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -72px;
    right: -72px;
    color: #fff;
    line-height: 180px;
    text-align: center;
    font-size: 10px;
}

#header #menu li:hover > a > span {
    background: url( '/images/menu_highlight_gray.png' ) no-repeat scroll bottom center;
}

#header #menu li.active > a > span {
    background: url( '/images/menu_highlight.png' ) no-repeat scroll bottom center;
}

#header #menu li.services:focus,
#header #menu li.header_menu_my_files:focus {
    pointer-events: none;
}

#header #menu li.services > a,
#header #menu li.header_menu_my_files > a {
    border: 1px solid #2b3d52;
    border-radius: 3px;
    position: relative;
    margin-top: 2px;
}

#header #menu li.services > a > span,
#header #menu li.header_menu_my_files > a > span {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 26px;
    background: none !important;
}

    #header #menu li.services:hover > a,
    #header #menu li.header_menu_my_files:hover > a {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-color: #fff;
        background: #fff;
        z-index: 10010010;
    }

#header #menu li ul {
    position: absolute;
    left: 0px;
    top: 100%;
    background: #fff;
    border: 1px solid #2b3d52;
    border-radius: 3px;
    border-top-left-radius: 0px;
    z-index: 10010000;
    display: none;
    min-width: 100%;
    margin-top: -1px;
    padding: 0px;
}

#header #menu li.services:hover ul, #header #menu li.services:focus ul,
#header #menu li.header_menu_my_files:hover ul, #header #menu li.header_menu_my_files:focus ul {
    display: block;
}

#header #menu li ul li {
    float: none;
    margin: 0px;
}

#header #menu li.separator {
    border-top: 1px dashed #2b3d52;
}

#header #menu li ul li a {
    display: block;
    white-space: nowrap;
    padding: 0 16px;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#header #menu li ul li a span {
    display: block;
}

#header #menu li ul li:hover a, #header #menu li ul li.sub_active a {
    background: #e9e9e9;
}

#header #menu li ul li:hover a span {
    background: none;
}

/* Button for links outside visible */
#header #hamburger {
    float: left;
    display: none;
    position: relative;
    margin-left: 20px;
    margin-top: 2px;
    z-index: 21;
}

#header #hamburger .hamburger_icon {
    display: block;
    border: 1px solid #2b3d52;
    border-radius: 3px;
    text-align: center;
    margin-top: 2px;
    padding: 10px;
    position: relative;
    background: #fff;
    position: relative;
    cursor: pointer;
    width: 37px;
    height: 36px;
}

#header #hamburger:hover .hamburger_icon {
    border-bottom-width: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 10010010;
}

#header #hamburger #rest_menu_items {
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    background: #fff;
    border: 1px solid #2b3d52;
    border-radius: 3px;
    border-top-left-radius: 0px;
    font-size: 1.35em;
    line-height: 38px;
    margin-top: -1px;
    z-index: 10010001;
}

#header #hamburger:hover #rest_menu_items {
    display: block;
}

#header #hamburger #rest_menu_items li {
    display: block;
}

#header #hamburger #rest_menu_items li a {
    display: block;
    white-space: nowrap;
    padding: 0 16px;
    text-decoration: none;
    font-size: 16px;
    border: 0;
}

#header #hamburger #rest_menu_items li a:hover {
    background: #e9e9e9;
}

#header #hamburger #rest_menu_items li ul {
    /* display: none; */
}

/* At 700px or lower hamburger menu goes outside the header */
#mobile_menu_wrapper, #mobile_menu_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mobile_menu_wrapper {
    position: absolute;
    width: 100%;
    /*max-height: 100%;*/
    /*padding-top: 71px;*/
    /*overflow-y: scroll;*/
    display: none;
    z-index: 20;
    left: 0px;
    top: 71px;
    /*background: #fff;*/
}

    #mobile_menu_wrapper.active {
        display: block;
    }

#mobile_menu_wrapper #rest_menu_items {
    display: none;
    background: #fff;
}

    #mobile_menu_wrapper.active #rest_menu_items {
        box-shadow: inset 1px 4px 9px -6px;
        display: block;
    }

#mobile_menu_wrapper #rest_menu_items li {
    display: block;
}

#mobile_menu_wrapper #rest_menu_items li a {
    display: block;
    font-size: 1.5em;
    text-decoration: none;
}

#mobile_menu_wrapper #rest_menu_items li a span {
    padding: 0.5em 20px;
    display: block;
}

    #mobile_menu_wrapper #rest_menu_items > li:first-child a span {
        padding-top: 1em;
    }

    #mobile_menu_wrapper #rest_menu_items > li:last-child a span {
        padding-bottom: 1em;
    }

#mobile_menu_wrapper #rest_menu_items li ul {
    display: none;
    padding-left: 20px;
}

    #mobile_menu_wrapper #rest_menu_items li.active ul {
        display: block;
    }

#mobile_menu_wrapper #rest_menu_items li:hover, 
#mobile_menu_wrapper #rest_menu_items li.services.active,
#mobile_menu_wrapper #rest_menu_items li.header_menu_my_files.active {
    background: #e9e9e9;
}

/****************/


/***  button ***/
.standard_button {
    display: inline-block;
	background: none;
    background: #CA1913;
    color: #fff !important;
    text-align: center;
    height: 1em;
    line-height: 1em;
    padding: 0.7em;
    text-decoration: none;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.standard_button:hover {
    background: #DE3933;
}

.blue_button {
    background: #1F4189;
}
.blue_button:hover {
	background-color: #4F6796;
}

.gray_button {
    background: #f3f3f3;
}

.gray_button.no-gradient {
    background: #cdcdcd;
}

.google_red_button {
    background: #DF4A32;
}
.google_red_button:hover {
	background-color: #DE7464;
}

.orange_button {
    background: #FE8E2C;
}
.orange_button:hover {
	background-color: #FCAC65;
}


.standard_button * {
    color: #fff;
    border: 0;
    text-decoration: none;
}

input.standard_button {
    height: 2.5em;
    padding: 0 0.7em 0 0.7em;
    font-size: 1em;
}

.standard_button .fa {
    margin-right: 5px;
}
/***********************/



/*** Signup & Login ***/

#login, #usergreeting {
    margin-top: 2px;
    margin-left: 10px;
    text-align: left;
    float: left;
}

#login * {
    vertical-align: top;
}

#header #login.active #signup {
    position: relative;
    z-index: 10005;
    border-bottom: 1px solid #c7c7c7;
}

.lang_lv #signup {
    width: 123px;
}
.lang_en #signup {
    width: 95px;
}
.lang_de #signup {
    width: 111px;
}
.lang_ru #signup {
    width: 93px;
}
.lang_fi #signup {
    width: 127px;
}
.lang_lv #login_button {
    width: 73px;
}
.lang_en #login_button {
    width: 84px;
}
.lang_de #login_button {
    width: 84px;
}
.lang_ru #login_button {
    width: 85px;
}
.lang_fi #login_button {
    width: 143px;
}

#header #login #login_button {
    z-index: 10005;
    margin: 0 10px;
    padding: 0 13px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    outline: 0 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: none;
	color: #2f3c52 !important;
	border: 1px solid #2f3c52;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    float: left;
}

    #header #login #login_button .fa {
        margin-right: 5px;
    }

#header #login #login_button .fb_ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background: transparent url( '/images/fb_16_grey1.png' ) no-repeat top left;
    float: right;
}

#header #login #login_button .fb_ico.hover {
    background: transparent url( '/images/fb_16_blue1.png' ) no-repeat top left;
}


#header #login #login_fields {
    z-index: 10001;
    display: none;
    position: absolute;
    top: 29px;
    background-color: #fff;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    width: 166px;
    padding: 6px 0 0 0;
    min-height: 50px;
}

#header #login.active #login_fields {
    display: block;
}

#header #login.active #login_fields ul {
    list-style: none;
    margin: 0 0 0 6px;
}

#header #login.active #login_fields ul li {
    float: left;
}

#header #login.active #login_fields ul li img.active {
    display: none;
}

#header #login.active #login_fields ul li.active img.active {
    display: inline;
}

#header #login.active #login_fields ul li img.unactive {
    display: inline;
}

#header #login.active #login_fields ul li.active img.unactive {
    display: none;
}

#header #login.active #login_fields ul li a {
    display: block;
    position: relative;
    z-index: 10002;
}

#header #login.active #login_fields ul li.active a {
    border-bottom: 1px solid #fff;
}

#header #login.active #login_fields ul li a {
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}
#header #login.active #login_fields ul li:first-child a, #header #login.active #login_fields ul li:last-child a {
    border-right: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

#header #login.active #login_fields form {
    display: none;
    position: relative;
    z-index: 10001;
    top: -1px;
    border-top: 1px solid #c7c7c7;
    width: 154px;
    padding: 6px;
}

#header #login.active #login_fields form * {
    vertical-align: middle;
}

#header #login.active #login_fields form input.input {
    width: 142px;
    height: 21px;
    margin-bottom: 6px;
    color: #aeaeae;
    padding: 5px;
}

#header #login.active #login_fields a {
    color: #ad7f7f;
    text-decoration: none;
    font-size: 10px;
}

#header #login.active #login_fields a:hover {
    text-decoration: underline;
}

label {
    color: #aeaeae;
    font-size: 10px;
}

#header #login.active #login_fields input#rememberme {
    margin-left: 0;
}

#header #login #forgot_pass {
    display: none;
    height: 60px;
}

/* Signup */
#header #login #signup, .signup_container > a {
    border: none;
    padding: 0 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    background: #CA1913;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    float: left;
}

    #header #login #signup:hover {
        background: #DE3933;
    }

    #header #login #signup .fa {
        margin-right: 5px;
        color: #fff;
    }

#header #login #signup_fields {
    z-index: 10001;
    display: none;
    position: absolute;
    top: 29px;
    background-color: #fff;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    width: 167px;
    padding: 6px 0 0 0;
    min-height: 50px;
}

#header #login.signup #signup_fields {
    display: block;
}

#header #login.signup #signup_fields UL {
    list-style: none;
    margin: 0 0 0 6px;
}

#header #login.signup #signup_fields UL LI {
    float: left;
}

#header #login.signup #signup_fields UL LI IMG.active {
    display: none;
}
#header #login.signup #signup_fields UL LI.active IMG.active {
    display: inline;
}
#header #login.signup #signup_fields UL LI IMG.unactive {
    display: inline;
}
#header #login.signup #signup_fields UL LI.active IMG.unactive {
    display: none;
}

#header #login.signup #signup_fields UL LI A {
    display: block;
    position: relative;
    z-index: 10002;
}
#header #login.signup #signup_fields UL LI.active A {
    border-bottom: 1px solid #fff;
}


#header #login.signup #signup_fields UL LI A {
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
}
#header #login.signup #signup_fields UL LI:first-child A,#header #login.signup #signup_fields UL LI:last-child A {
    border-right: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

#header #login.signup #signup_fields FORM {
    display: none;
    position: relative;
    z-index: 10001;
    top: -1px;
    /*border-top: 1px solid #c7c7c7;*/
    width: 154px;
    padding: 6px;
}
#header #login.signup #signup_fields FORM * {
    vertical-align: middle;
}
#header #login.signup #signup_fields FORM INPUT.input {
    width: 142px;
    height: 21px;
    margin-bottom: 6px;
    color: #aeaeae;
    padding: 5px;
}
#header #login.signup #signup_fields A {
    color: #ad7f7f;
    text-decoration: none;
    font-size: 10px;
}

#header #login.signup #signup_fields A:hover {
    text-decoration: underline;
}
 label {
    color: #aeaeae;
    font-size: 10px;
}
#header #login.signup #signup_fields INPUT#rememberme {
    margin-left: 0;
}

    /* ## user greeting ## */
    #header #usergreeting {
        text-align: right;
        font-size: 14px;
        padding: 0px;
        display: block;
        color: #2b3d52;
        cursor: pointer;
        background: #fff;
        margin: 0 0 0 20px;
    }
    
    #header #usergreeting #usergreeting_name {
    	display: inline-block;
	    height: 44px;
	    overflow: hidden;
	}

    #header #usergreeting .usergreeting_name_left {
        float: left;
        height: 43px;
        vertical-align: middle;
        display: table;
    }

        #header #usergreeting .usergreeting_name_left p {
            display: table-cell;
            vertical-align: middle;
        }

    #header #usergreeting .usergreeting_name_right {
        float: right;
        width: 43px;
        height: 43px;
        border: 1px solid #cacaca;
        overflow: hidden;
        border-radius: 50%;
        margin-left: 13px;
    }

        #header #usergreeting .usergreeting_name_right a {
            position: relative;
            float: right;
            right: 50%;
        }

        #header #usergreeting .usergreeting_name_right img {
            display: block;
            height: 41px;
            position: relative;
            right:-50%;
        }

        #header #usergreeting .usergreeting_name_right .fa {
            line-height: 41px;
            font-size: 16px;
            position: relative;
            right:-50%;
        }

    #header #usergreeting .dropdown_list {
        right: 0px;
        top: 100%;
        position: absolute;
        margin-top: -1px;
        padding: 15px 0 0;
        background: rgba( 255, 255, 255, 0 );
        /*border-radius: 3px;*/
        display: none;
        z-index: 10010000;
        /*border: 1px solid #2b3d52;*/
        line-height: 1em;
        text-align: left;
    }

        #header #usergreeting:hover .dropdown_list {
            display: block;
        }

        #header #usergreeting .dropdown_list .dropdown_list_inner {
            background: #fff;
            border-radius: 3px;
            border: 1px solid #2b3d52;
            position: relative;
        }

        #header #usergreeting .dropdown_list .dropdown_list_inner:after, #header #usergreeting .dropdown_list .dropdown_list_inner:before {
            bottom: 100%;
            right: 20px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        #header #usergreeting .dropdown_list .dropdown_list_inner:after {
            border-color: rgba( 255, 255, 255, 0 );
            border-bottom-color: #fff;
            border-width: 9px;
            margin-right: -9px;
        }

        #header #usergreeting .dropdown_list .dropdown_list_inner:before {
            border-color: rgba( 43, 61, 82, 0 );
            border-bottom-color: #2b3d52;
            border-width: 10px;
            margin-right: -10px;
        }

    #header #usergreeting .dropdown_list a, .account-side-item {
        display: block;
        padding: 8px 16px;
        font-size: 14px;
        text-decoration: none;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        white-space: nowrap;
    }

        #header #usergreeting .dropdown_list a:hover {
            background: #e9e9e9;
        }

    #usergreeting_org_name {
        font-weight: bold;
    }

    #pro_flag {
        background: #ca1913;
        color: #fff;
        font-size: 90%;
        padding: 3px 6px;
        display: inline-block;
        border-radius: 3px;
        margin-top: 3px;
    }

        .ui-mobile-viewport #pro_flag {
            display: none;
        }
/**********************/

#lang_switch {
    margin-top: 4px;
    margin-left: 7px;
    right: 0;
    text-align: left;
    position: relative;
    font-size: 14px;
    padding: 10px 13px;
    display: block;
    color: #2b3d52;
    cursor: pointer;
    width: 87px;
}

#lang_switch .fa {
    font-size: 12px;
}

#lang_switch .language_list {
    right: 0px;
    top: 90%;
    position: absolute;
    background: #fff;
    border-radius: 3px;
    display: none;
    z-index: 20;
    border: 1px solid #2b3d52;
}
    #lang_switch:hover .language_list {
        display: block;
    }

#lang_switch .language_list a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    white-space: nowrap;
}

    #lang_switch .language_list a:hover {
        background: #e9e9e9;
    }


/***** Footer *****/
#footer_container {
    background: #242e40;
    font-size: 14px;
    padding: 50px 0 60px;
}

#footer_container #footer {
    position: relative;
    width: 90%;
    min-width: 360px;
    max-width: 1200px;
    margin: 0 auto;
    
}

#footer_container #footer .footer_block {
    float: left;
    width: 18%;
    text-align: left;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
}

    #footer_container #footer .footer_block:first-child {
		width: 28%;
        padding-left: 0px;
    }

    #footer_container #footer .footer_block:last-child {
        padding-right: 0px;
    }

    #footer_container #footer .footer_block h4 {
        font-size: 18px;
        font-weight: bold;
    }

    #footer_container #footer .footer_block h4, #footer_container #footer .footer_block p {
        margin: 0 0 15px;
        line-height: 20px;
        color: #fff;
    }

    #footer_container #footer .footer_block ul {
        margin: 0px;
        padding: 0px;
    }

    #footer_container #footer .footer_block ul li {
        display: block;
        list-style: none;
        margin: 10px 0;
    }

    #footer_container #footer .footer_block a {
        color: #fff;
        text-decoration: none;
    }

    #footer_container #footer .footer_block a:hover {
        color: #9dafd0;
    }


#bottom_feed_back {
	position: fixed;
	z-index: 9999;
	background-color: #C3120F;
	bottom: 0px;
	right: 0px;
	border-top: solid white 2px;
	border-left: solid white 2px;
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-top-left-radius: 4px;
	-webkit-box-shadow: rgba(255, 255, 255, 0.247059) 1px 1px 1px inset, rgba(0, 0, 0, 0.498039) 0px 1px 2px;
	box-shadow: rgba(255, 255, 255, 0.247059) 1px 1px 1px inset, rgba(0, 0, 0, 0.498039) 0px 1px 2px;
	height: 24px;
	color: white;
	font-size: 15px;
	text-shadow: 1px 1px grey;
	letter-spacing:1px;
	text-decoration: none;
}
/***/


.dropdown {
    display: inline-block;
    position: relative;
    line-height: 28px;
}
.dropdown a.activator span {
    position: relative;
    display: inline-block;
    /*min-width: 100px*/;
    height: 26px;
    border: 1px solid #dadada;
    background-color: #fff;
    color: #737373;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}
.lang_switch_light .dropdown a.activator span {
    border: 0;
    text-align: center !important;
    border: 1px solid #fff !important;
    font-weight: normal;
}
.dropdown.active a.activator span {
    z-index: 1010;
    height: 35px !important;
    border-bottom: none !important;
    outline: 0 !important;
}
.lang_switch_light .dropdown.active a.activator span {
    outline: 0 !important;
    border: 1px solid #dadada !important;
    border-bottom: none !important;
}

.dropdown.active .dropdown_list {
    z-index: 1009 !important;
    min-width: 100%;
}
.dropdown .dropdown_list {
    display: none;
    position: absolute;
    z-index: 1010;
    top: 34px;
    left: 0;
    background-color: #fff;
    border: 1px solid #dadada;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dropdown.dropdown_right .dropdown_list {
    right: 0 !important;
    left: auto !important;
}
.dropdown.dropdown_right .dropdown_list a span {
    text-align: right;
}
.dropdown .dropdown_list_wide {
    width: 200px;
}
.dropdown .dropdown_list_wide a span {
    width: 180px;
}

.dropdown .dropdown_list a span {
    display: block;
    min-width: 120px;
    min-height: 25px;
    background-color: #fff;
    color: #737373;
    font-size: 12px;
    line-height: 25px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}


#lang_switch .dropdown.active .dropdown_list {
    min-width: 78px;
}

#lang_switch .dropdown .dropdown_list a span {
    min-width: 19px;
}

.dropdown .dropdown_list A:hover span {
    background-color: #e9e9e9;
}

.dropdown.active .dropdown_list {
    display: block;
}

.dropdown .dropdown_list a {
    text-decoration: none;
}

.red_dropdown a.activator span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    background: #CA1913;
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
	cursor: pointer;
}

.red_dropdown a.activator:hover span {
    background: #DE3933;
}

.red_dropdown.active a.activator span {
    position: relative;
    display: inline-block;
    /*min-width: 100px*/;
    border: 1px solid #dadada !important;
    border-bottom: none !important;
    background: none !important;
    filter: none !important;
    background-color: #fff !important;
    color: #737373;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}

.text_dropdown img {
    visibility: hidden;
}

.text_dropdown a.activator span {
    position: relative;
    display: inline-block;
    /*min-width: 100px*/;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    font-weight: normal;

    text-align: center;
    text-decoration: none;
    border: 1px solid #fff !important;
    overflow: hidden;
}

.text_dropdown a.activator span:hover {
    border: 1px solid #eee !important;
}

.text_dropdown a.activator:hover img {
    visibility: visible;
}

.text_dropdown.active a.activator span {
    position: relative;
    display: inline-block;
    /*min-width: 100px;*/
    border: 1px solid #dadada !important;
    border-bottom: none !important;
    background: none !important;
    background-color: #fff !important;
    color: #737373;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
}


.bold {
    font-weight: bold;
}

body * {
    /*border: 1px solid #000;*/
}

body {
    font-size: 12px;
}


#info_tooltip_global
{
    display: none;
    position: absolute;
    text-align: center;
    color: #fff;
    background: #2b3d52;
    z-index: 10009999;
    padding: 5px;
}
 

#info_tooltip_global.bottom:after /* triangle decoration */
{    
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2b3d52;
}

#info_tooltip_global.top:before
{
    width: 0;
    height: 0;
    content: '';
    position: absolute;

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #111;
    left: 50%;
    top: -5px;
    bottom: auto;
    margin-left: -5px;
}

#info_tooltip_global.bottom.left:after
{
    left: 10px;
    margin: 0;
}

#info_tooltip_global.bottom.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

#info_tooltip_global.top.left:before
{
    left: 10px;
    margin: 0;
}

#info_tooltip_global.top.right:before
{
    right: 10px;
    left: auto;
    margin: 0;
}


.ui-loader-fakefix {
    display: none;
}


input#file_upload {
    position: absolute !important;
}

/* monea top */
#monea_top_wrapper {
	height: 28px;
}
@media only screen and (max-width: 460px) {
	#monea_top_wrapper {
		height: 50px;
	}
}
#monea_top {
    padding: 5px;
    background: #ffb300;
    text-align: center;
    font-size: 14px;
    position: relative;
    display: none;
    text-decoration: none;
    font-weight: bold;
}

#monea_top, #monea_top * {
    color: #2b3d52;
}

#monea_top span.view {
    background: #2b3d52;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin-left: 20px;
    padding: 2px 11px;
}
	#monea_top span.view .fa {
		color: #fff;
	}

@keyframes pointRightMoneaIcon {
    0%  { right: 0px; }
    5% { right: -3px; }
    10% { right: 0px ; }
    15% { right: -3px; }
    20% { right: 0px ; }
    25% { right: -3px; }
    30% { right: 0px; }
    100%{ right: 0px; }
}

#monea_top img {
    position: relative;
    margin: -6px 3px 0;
}

#monea_top span.view .fa {
    margin-left: 5px;
    position: relative;
    animation-name: pointRightMoneaIcon;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 2s;
}

#monea_top span.close {
    width: 20px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    z-index: 20;
    cursor: pointer;
    font-size: 24px;
    line-height: 28px;
}

#monea_top em {
    font-style: italic;
}


@media only screen and (max-width: 1200px) {
    /* 1200 =================================================== */
    #header {
        width: auto;
        /*margin: 0 20px;*/
    }

    #header #lang_switch {
        display: none;
    }
}

@media only screen and (max-width: 920px) {
    #monea_top {
        padding-right: 50px;
        line-height: 1.35em;
    }
}


@media only screen and (max-width: 820px) {
  /* 820 layout =================================================== */
    #upload_notes {
        display: none;
	}

        #adaptive_html #header #usergreeting {
            padding-right: 0px;
        }

        #adaptive_html #header #usergreeting_name {
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            display: block;
        }
        
        #adaptive_html #header #login #login_button span {
            display: none !important;
        }

        #adaptive_html #header #login #login_fields {
            border-top: 1px solid #c7c7c7;
            left: -40px;
            top: 36px;
        }

        #adaptive_html #header #login.signup #signup {
            width: 49px;
            height: 24px !important;
            border-bottom: none;
            z-index: 10003;
        }

        #adaptive_html #header #login #signup_fields {
            border-top: 1px solid #c7c7c7;
            left: -40px;
            top: 36px;
        }
    
    #adaptive_html #footer_container {
        padding: 30px 0;
    }
    
    #adaptive_html #footer_container #footer .footer_block {
        float: none;
        margin: 40px 0;
        padding: 0 20px;
        width: 100%;
    }

        #adaptive_html #footer_container #footer .footer_block:first-child {
            margin-top: 0px;
        }

        #adaptive_html #footer_container #footer .footer_block:last-child {
            margin-bottom: 0px;
        }
}


@media only screen and (max-width: 720px) {
    #header #search {
        display: none;
    }

    /* remove hamburger menu hover styles */
    #header #hamburger:hover .hamburger_icon {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    #header #usergreeting .usergreeting_name_left {
        display: none;
    }

    #header #usergreeting .usergreeting_name_right {
        margin: 0px;
    }
}


@media only screen and (max-width: 620px) {
    /* 620 layout =================================================== */
    #adaptive_html .lang_fi #container.filesfm #logo {
        width: 144px;
        background-image: url( '/images/logo/filesfm_logo_text.svg' );
    }
}

@media only screen and (max-width: 590px) {

        /*** reduce login size ***/
        #adaptive_html #header #usergreeting #pro_flag {
            display: none;
        }

        #adaptive_html #header #usergreeting .activator span {
            width: 27px !important;
            overflow: hidden;
        }

        #adaptive_html #header #usergreeting {
            line-height: 15px;
        }

        #adaptive_html #header #login #signup {
            display: none !important;
        }

        #adaptive_html #header #login #signup_fields {
            display: none !important;
        }
        
        #adaptive_html #header #login #login_button {
            margin: 0px;
        }

        #adaptive_html #header #login #login_button span {
            display: none !important;
        }

        #adaptive_html #header #login #login_fields {
            border-top: 1px solid #c7c7c7;
            left: -109px;
        }
}

@media only screen and (max-width: 480px) {
  /* 480 layout =================================================== */
    #adaptive_html #container #header {
        min-width: 330px;
    }
    
    #adaptive_html #container #header #logo {
        height: 39px;
    }
    
    #adaptive_html #container.failiemlv #logo {
        width: 170px;
        background-repeat: no-repeat;
        background-image: url( '/images/logo/failiem_logo_text.svg' );
    }

    #adaptive_html #container.filesfm #logo {
        width: 144px;
        background-image: url( '/images/logo/filesfm_logo_text.svg' );
    }
}


@media only screen and (max-width: 400px) {
    /* 300 layout =================================================== */
    #header #login #login_button .fa {
        display: none;
    }
    #adaptive_html #container #header {
	    padding: 15px 10px 0 10px;
    }
}
@media only screen and (max-width: 355px) {
    /* 355 layout =================================================== */
    #content #upload_row_container, #content #upload_row_container #upload_row, #content #blocks_row, #content #blocks_row .block, #footer_container #footer, #adaptive_html #container #header {
        min-width: 280px !important;
    }

    #adaptive_html #header #search {
        display: none !important;
    }

    #header #usergreeting_user_name {
        display: block;
        max-width: 100%;
    }

    #adaptive_html #header #login {
        width: 59px;
    }

    #adaptive_html #header #login, #adaptive_html #header #usergreeting {
        margin-left: 0px;
        padding-left: 0px;
    }
}

@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */

}
@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
  
}
@media only screen and (min-width: 880px) {
  /* 880 =================================================== */

}
@media only screen and (min-width: 992px) {
  /* 992 =================================================== */

}
@media only screen and (min-width: 1300px) {
  /* 1300 =================================================== */
}

.row_separator {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	height: 1px;
	background: -webkit-linear-gradient(180deg, rgba(43, 61, 82, 0), rgba(43, 61, 82, 0.25), rgba(43, 61, 82, 0));
	background: -o-linear-gradient(90deg, rgba(43, 61, 82, 0), rgba(43, 61, 82, 0.25), rgba(43, 61, 82, 0));
	background: -moz-linear-gradient(90deg, rgba(43, 61, 82, 0), rgba(43, 61, 82, 0.25), rgba(43, 61, 82, 0));
	background: linear-gradient(90deg, rgba(43, 61, 82, 0), rgba(43, 61, 82, 0.25), rgba(43, 61, 82, 0));
}


#android_app_download_all_pages_top {
	text-align: center;
	background-color: #2b3d52;
	padding: 10px 5px;
	border: 1px solid #fff;
	border-top: 0;
	-webkit-border-bottom-left-radius: 34px;
	-webkit-border-bottom-right-radius: 34px;
	-moz-border-bottom-left-radius: 34px;
	-moz-border-bottom-right-radius: 34px;
	border-bottom-left-radius: 34px;
	border-bottom-right-radius: 34px;

    position: absolute;
    left: 0px;
    top: 71px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 5;
}
#android_app_download_all_pages_top a {
	color: white;
	text-decoration: none;
}

/* new alert/confirmation boxes */
.ui-dialog.f_dialog {
    min-width: 550px;
}

@media only screen and (max-width: 700px) {
    .ui-dialog.f_dialog {
        min-width: auto;
        max-width: 100%;
    }
}

.ui-dialog.f_dialog, .ui-dialog.f_dialog .ui-dialog-titlebar {
    padding: 0px;
    border: none;
    border-radius: 0px;
}

    .ui-dialog.f_dialog .ui-dialog-titlebar {
        padding: 20px 30px;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
    }

        .f_dialog.f_dialog_success .ui-dialog-titlebar,
        .f_dialog.f_dialog_edit .ui-dialog-titlebar {
            background: #3c7300;
        }

        .f_dialog.f_dialog_error .ui-dialog-titlebar {
            background: #ca1913;
        }

        .f_dialog.f_dialog_warning .ui-dialog-titlebar {
            background: #ff6f05;
        }

        .ui-dialog.f_dialog .ui-dialog-title {
            position: relative;
            margin: 0px;
            padding: 0 0 0 30px;
            overflow: visible;
        }

            .f_dialog .ui-dialog-title:after {
                position: absolute;
                display: block;
                left: 0px;
                top: -2px;
                width: 22px;
                height: 22px;
                color: #fff;
                font-family: 'FontAwesome';
                font-size: 25px;
            }

                .f_dialog.f_dialog_success .ui-dialog-title:after {
                    content: '\f058';
                }
                
                .f_dialog.f_dialog_edit .ui-dialog-title:after {
                    content: "\f044";
                }

                .f_dialog.f_dialog_error .ui-dialog-title:after {
                    content: '\f057';
                }

                .f_dialog.f_dialog_warning .ui-dialog-title:after {
                    content: '\f06a';
                }

                .ui-dialog.f_dialog .ui-dialog-titlebar-close {
                    background: none;
                    width: 20px;
                    height: 20px;
                    border: none;
                    padding: 0px;
                    right: 30px;
                }

                    .ui-dialog.f_dialog .ui-dialog-titlebar-close .ui-icon {
                        background: url( '/images/cross-white.png' ) no-repeat scroll center center;
                        width: 20px;
                        height: 20px;
                        margin: 0px;
                        position: relative;
                        left: auto;
                        top: auto;
                    }

.ui-dialog.f_dialog .ui-dialog-content {
    color: #2b3d52;
    font-size: 18px;
    padding: 15px 30px;
    text-align: center;
    line-height: 1.4em;
}

.ui-dialog.f_dialog .ui-dialog-buttonpane {
    border: none;
    text-align: center;
    margin: 2em 0;
    padding: 0px;
}

    .ui-dialog.f_dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

    .ui-dialog.f_dialog .ui-dialog-buttonpane .ui-button {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border-width: 1px;
        border-style: solid;
        border-radius: 3px;
        white-space: nowrap;
        background: none;
        margin: 0 5px;
    }

        .ui-dialog.f_dialog.f_dialog_success .ui-dialog-buttonpane .ui-button,
        .ui-dialog.f_dialog.f_dialog_edit .ui-dialog-buttonpane .ui-button {
            background: #3c7300;
            border-color: #3c7300;
        }

        .ui-dialog.f_dialog.f_dialog_error .ui-dialog-buttonpane .ui-button {
            background: #ca1913;
            border-color: #ca1913;
        }

        .ui-dialog.f_dialog.f_dialog_warning .ui-dialog-buttonpane .ui-button {
            background: #ff6f05;
            border-color: #ff6f05;
        }

        .ui-dialog.f_dialog .ui-dialog-buttonpane .ui-button.hollow {
            background: none;
            border-color: #2e3e56;
            color: #2e3e56;
            font-weight: normal;
        }

        .ui-dialog.f_dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
            padding: 0.7em;
            text-align: center;
            min-width: 80px;
        }

.ui-front {
    z-index: 10010000 !important;
}
.ui-front.ui-widget-overlay {
    z-index: 10000000 !important;
}

.suggest_container {
    z-index: 10000;
    bottom: 0px;
    color: white;
    width: 100%;
    height: 60px;
    background-color: #000;
    opacity: 0.65;
    font-size: 20px;
}
.suggest_container-80px {
    height: 80px;
}

.suggest_container div {
    margin: 20px;
    display: inline-block;
    width: 90%;
    color: white;
}

.suggest_container a.suggest_answ {
    display: inline-block;
    text-align: center;
    color: white;
    margin-left: 20px;
    border: solid white 2px;
    border-radius: 4px;
    width: 50px;
    text-decoration: none;
}

.suggest_container a {
    color: white;
}

/* clearfix */
.clearfix:before,
.clearfix:after
{
    content: " ";
    display: table;
    position: relative;
}

.clearfix:after
{
    clear: both;
}

.clearfix
{
    zoom: 1;
}

TABLE.zebra_table {
    width: 100%;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}
TABLE.zebra_table TBODY TR TD {
    padding: 8px;
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    background-color: transparent;
    vertical-align: top;
}
TABLE.zebra_table TBODY TR.odd TD {
   background-color: #FFF;
}


body.ios_app #container,
body.ios_app #content ,
body.ios_app #main_page_top_container {
    height: 100%;
}

#header #menu .header_menu_button {
    border: 1px solid #2b3d52;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 2px;
}
#header #menu li.header_menu_button:hover > a > span {
	background: none;
}
    #header #menu .header_menu_button a span {
        padding: 2px 10px;
    }
    
    
#header #menu #rest_menu_items .header_menu_button {
	border: 0;
	margin-top: 0;
}
    #header #menu #rest_menu_items .header_menu_button a span {
        padding: 4px;
    }