File: /var/www/biblioteka/wp-content/plugins/form-maker/css/topbar.css
.fm-head-notice { display:none; }
/* Top bar start */
.fm-topbar-container {
display: flex;
flex-direction: row;
justify-content: flex-end;
margin: 20px 0 20px 0;
font-family: Roboto;
}
.fm-topbar-container * {
box-sizing: border-box;
}
.fm-topbar-container .fm-topbar {
background-color: #FFFFFF;
border: 1px solid #D0D0D080;
border-radius: 7px;
color: #000000;
padding: 10px;
}
.fm-topbar_cont {
display: flex;
}
.fm-topbar-container .fm-topbar.fm-topbar_support_forum {
background-color: #4786FF;
margin-left: 20px;
}
.fm-topbar-container .fm-topbar.fm-topbar_support_forum:hover
{
background-color: #3077FF;
opacity:1
}
.fm-topbar-content {
display: flex;
justify-content: space-between;
flex: auto;
margin: 0 20px 0 0;
padding: 10px 15px;
height: 60px;
}
.fm-topbar-links {
color: #000000;
display: flex;
flex-direction: column;
justify-content: space-around;
font-size: 18px;
font-weight: 300;
margin: 0 0 0 2px;
height: 60px;
}
.fm-topbar-links-container {
display: flex;
justify-content: space-around;
height: 80%;
}
.fm-topbar-links-item {
display: flex;
flex: 1;
align-self: center;
justify-content: center;
width: 170px;
line-height: 50px;
}
.fm-topbar-links-item * {
width: auto !important;
}
.fm-topbar-links * {
font-size: 18px;
}
.fm-topbar-links a,
.fm-topbar-links a:focus {
align-self: center;
box-shadow: none;
color: #000000;
text-decoration: none;
}
.fm-topbar-links a.fm-topbar_support_forum {
color: #fff;
}
.fm-topbar-links a.fm-topbar_support_forum .help_icon {
margin-right: 10px;
}
.fm-topbar-links a:hover {
opacity: 0.5;
text-decoration: none;
}
.fm-topbar-separator {
background-color: #C2C2C280;
width: 1px;
height: 100%;
}
.fm-topbar-content-title {
color: #0C4D68;
font-size: 16px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
}
.fm-topbar-content-body {
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
.fm-topbar-content-container {
display: flex;
flex-direction: column;
}
.fm-topbar-content-button-container,
.fm-free-message-button-container {
align-self: center;
}
.fm-topbar-upgrade-button,
.fm-topbar-upgrade-button:focus {
background-color: #29B311;
border-radius: 20px;
box-shadow: none;
color: #FFFFFF;
font-size: 14px;
padding: 5px 44px;
text-decoration: none;
text-transform: uppercase;
}
.fm-topbar-upgrade-button:hover {
text-decoration: none;
color: #FFFFFFCC;
}
@media screen and (max-width: 1366px) {
.fm-topbar-links {
font-size: 15px;
}
.fm-topbar-content-title {
font-size: 15px;
}
.fm-topbar-content-body {
font-size: 13px;
}
}
@media screen and (max-width: 1285px) {
.fm-topbar-container {
flex-direction: column;
}
.fm-topbar-links,
.fm-topbar-content {
margin: 0 0 10px 0;
width: 100%;
}
.fm-topbar-content {
flex-direction: column;
height: auto;
}
.fm-topbar-content-container,
.fm-topbar-content-container * {
align-self: center;
padding-bottom: 4px;
}
}
/* Top bar end */
/* Free message start */
.fm-free-option {
opacity: 0.7;
}
.fm-free-message {
background-color: #FFFFFF;
border: 1px solid #D0D0D080;
display: flex;
color: #000000;
font-family: Roboto;
justify-content: space-between;
padding: 8px 20px;
}
.fm-free-message-body {
color: #444444;
font-size: 14px;
font-weight: 500;
line-height: 30px;
}
.ui-widget-content .fm-free-message-upgrade-button,
.ui-widget-content .fm-free-message-upgrade-button:focus {
background-color: #29B311;
border-radius: 20px;
box-shadow: none;
color: #FFFFFF;
font-size: 12px;
padding: 3px 25px;
text-decoration: none;
text-transform: uppercase;
}
.fm-free-message-upgrade-button:hover {
text-decoration: none;
}
.fm-free-message-promo-button,
.fm-free-message-promo-button:focus,
#fm-tabs .fm-free-message-promo-button,
#fm-tabs .fm-free-message-promo-button:focus {
background-color: #0C4D68;
padding: 3px 40px;
color: #FFFFFF;
}
.fm-promo-message {
align-items: center;
display: flex;
flex-direction: column;
padding: 8px 20px;
}
.fm-free-message-huge {
font-size: 30px;
line-height: 39px;
margin: 10px 0 0 0;
}
/* Free message end */
/* Head start */
.fm-head {
margin-top: 15px;
text-align: center;
}
.fm-head .fm-breadcrumbs { }
.fm-head .fm-breadcrumbs li {
display: inline-block;
margin: 0 10px 0 0;
padding-top: 10px;
vertical-align: baseline;
}
.fm-head .fm-breadcrumbs li:last-child {
margin-right:0px;
}
.fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-breadcrumb-item-link {
text-decoration:none;
font-family: Roboto;
font-weight:500;
font-size:18px;
color:#32373c;
}
.fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-breadcrumb-item-link-active {
color: #0073aa;
}
.fm-head .fm-breadcrumbs .fm-breadcrumb-item .fm-upgrade {
position:relative;
top: 0.5px;
display: inline-block;
margin-left: 10px;
padding: 1px 22px;
background-color: #29B311;
text-transform: uppercase;
border-radius: 10px;
font-weight: 700;
font-size: 12px;
color: #fff;
}
/* Head end */
/* Limitations alert start */
.fm-limitation-alert-container {
display: flex;
align-items: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 100050;
}
.fm-limitation-alert-overlay {
background-color: #ffffffcc;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.fm-limitation-alert {
background-color: #FFFFFF;
box-shadow: #0000001a 0 0 10px;
display: flex;
flex-direction: column;
color: #000000;
font-family: Roboto;
justify-content: space-between;
margin: 0 auto;
padding: 30px 20px;
position: relative;
max-width: 430px;
max-height: 311px;
width: 100%;
height: 100%;
text-align: center;
}
.fm-limitation-alert span.fm-ico-delete {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
color: #000000;
font-size: 10px;
opacity: 0.3;
}
.fm-hidden {
display: none;
}
.fm-limitation-alert-header {
color: #32373C;
font-size: 16px;
font-weight: 500;
line-height: 21px;
}
.fm-limitation-alert-body {
margin-top: 20px;
}
.fm-limitation-alert-body ul {
display: inline-block;
list-style: disc;
text-align: left;
}
.fm-limitation-alert-body ul li {
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
/* Limitations alert end */
/* Extensions start */
.fm-add-ons {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
margin-bottom: 10px;
font-family: Roboto;
}
.fm-add-ons .fm-add-on {
max-width:300px;
max-height: 300px;
width:100%;
height:100%;
margin-right:10px;
margin-bottom:10px;
padding: 20px 20px 15px;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;
background-color: #fff;
border-radius:1px;
text-align: center;
font-family:Roboto;
font-weight: 300;
font-size:16px;
color: rgb(50, 58, 69);
}
.fm-add-ons .fm-add-on:hover {
box-shadow: 1px 1px 6px rgba(52, 52, 52, 0.16);
}
.fm-add-ons .fm-add-on .fm-add-on-img {
width:72px;
height:72px;
margin:0 auto;
}
.fm-add-ons .fm-add-on a {
text-decoration:none;
}
.fm-add-ons .fm-add-on .fm-add-on-name {
margin:15px 0px;
}
.fm-add-ons .fm-add-on .fm-add-on-name,
.fm-add-ons .fm-add-on .fm-add-on-name a {
font-family:Roboto;
font-weight: 400;
font-size:20px;
color: #0C4D68;
}
.fm-add-ons .fm-add-on .fm-add-on-premium-version {
margin: 4px 0;
height: 16px;
line-height:16px;
font-weight:400;
font-size:14px;
color:rgb(41, 179, 17);
}
.fm-add-ons .fm-add-on .fm-add-on-desc {
max-height: 65px;
height:100%;
line-height:20px;
font-size:16px;
}
.fm-add-ons .fm-add-on .fm-add-on-desc-more-wrap {
position: relative;
}
.fm-add-ons .fm-add-on .fm-add-on-desc-more {
position: absolute;
z-index: 1;
left: 0;
bottom: 65px;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s linear;
padding: 10px 10px;
background-color: rgb(50, 55, 60);
border-radius: 6px;
line-height: 20px;
font-weight:400;
font-size: 14px;
color: #fff;
}
.fm-add-ons .fm-add-on .fm-add-on-desc:hover + .fm-add-on-desc-more {
opacity: 1;
visibility: visible;
}
.fm-add-ons .fm-add-on .fm-add-on-buy {
width: 155px;
height: 30px;
display:block;
margin: 10px auto;
padding-top: 7px;
background-color: rgb(12, 77, 104);
border: 0.7px solid rgb(12, 77, 104);
border-radius: 15px;
line-height:16px;
font-family: Roboto;
font-weight: 400;
font-size: 13px;
color: #fff;
}
.fm-add-ons .fm-add-on .fm-add-on-buy:hover {
background-color: rgba(12, 77, 104, 0.8);
}
.fm-add-ons .fm-add-on.fm-add-on-activated .fm-add-on-buy {
text-transform:uppercase;
background-color: #fff;
font-size:13px;
color:rgb(12, 77, 104);
}
.fm-add-ons .fm-add-on .fm-add-on-learn-more {
line-height:16px;
font-family: Roboto;
font-weight: 300;
font-size: 14px;
color: rgb(0,115,170);
}
.fm-add-ons .fm-add-on .fm-add-on-learn-more:hover {
color: rgba(0, 115, 170, 0.8);
}
/* Extensions end */
@media screen and (max-width: 450px) {
.fm-topbar_cont {
display: block;
}
.fm-topbar-container .fm-topbar.fm-topbar_support_forum {
margin-left: 0px;
}
}