@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(./../../../../fonts/poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(./../../../../fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(./../../../../fonts/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; }  @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(./../../../../fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } :root { --dot-mobile-size-switch: 1024px; --dot-desktop-size-switch: 1025px;  --dot-pink-bg: #FF497C; --dot-pink-border: #ff094d; --dot-pink-textcolor: white; }  @media only screen and (max-width: 1024px) { .dot-navbar-wrapper { background-image: url(../../img/min/pozadie1-small.webp) !important; }  .dot-navbar .container > DIV, .dot-navbar .container > UL { flex: 1; } .dot-navbar.sticky, .dot-navbar.stickymenu { position:fixed !important; width: 100%; z-index: 1001; top: 0px; padding-top: 0px; padding-bottom: 0px;	} .dot-navbar .container > UL { display: block; margin: 0px; padding: 20px 0px 20px 20px; position: absolute; z-index: 1000; top: 100%; left: 0; width: 100%; height: calc(100vh - 100%); overflow-y: scroll; } .dot-navbar UL LI { display: block; padding: 10px; } .dot-navbar .container > UL > LI { padding: 0px 10px 0px 10px; padding: 10px !important; font-size: 1.3rem; } LI.dot-dropdown { display: flex; align-items: center !important; position: relative;	} LI.dot-dropdown > UL { margin-top: 15px; padding: 10px; margin-right: 20px;  overflow-x: visible; webkit-animation: fadeOut 0.5s; animation: fadeOut 0.5s; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); border-radius: 8px; } LI.dot-dropdown > UL > LI {	display:table; margin-top: 2px; white-space:nowrap; border-radius: 5px;  width: 100%; text-align: left; padding: 8px 20px 8px 20px; font-weight: 400; font-size: 1.0rem; }  } @media only screen and (max-width: 1024px) { LI.dot-dropdown > UL { webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 4s; -webkit-animation-duration: 4s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(-2%) translateX(0%); } 70% { transform: translateY(0%) translateX(0%); } 100% { transform: translateY(-2%) translateX(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); -webkit-transform: translateX(8%); } 100% { -webkit-transform: translateY(0%); } }  .dot-navbar-dark .dot-navbar { border-bottom: 1px dashed rgba(255,255,255,0.4); box-shadow: 0px 2px 3px rgba(0,0,0,0.9); } .dot-navbar-light .dot-navbar { border-bottom: 1px dashed rgba(255,255,255,0.4); box-shadow: 0px 2px 3px rgba(0,0,0,0.1); } .dot-navbar-dark .dot-navbar-above { background-color: rgba(255,255,255,0.95); background-color: rgba(0,0,0,0.45); background-color: rgba(255,73,124,0.95); color: white; border-bottom: 1px dashed rgba(255,255,255,0.4); box-shadow: 0px 2px 3px rgba(0,0,0,0.9); } .dot-navbar-light .dot-navbar-above { background-color: #e7ecef; color: #1f2732; } .dot-navbar-light .dot-navbar .toggler:before, .dot-navbar-light .dot-navbar .toggler span { color: #1f2732;	} .dot-navbar-light .dot-navbar .toggler:before, .dot-navbar-light .dot-navbar .toggler span, .dot-navbar-light .dot-navbar .toggler span:before, .dot-navbar-light .dot-navbar .toggler span:after { background-color: #1f2732; } @media only screen and (min-width: 1025px) { .dot-navbar-dark .dot-navbar {  background-image: linear-gradient( 0deg, rgba(0,0,0,0.9) 0%, rgba(0, 0, 0, 0.1) 100%);  color: white; } .dot-navbar-dark .dot-navbar.sticky {  background-image: linear-gradient( 0deg, rgba(0,0,0,0.95) 0%, rgba(0, 0, 0, 0.85) 100%);  color: white; } .dot-navbar-light .dot-navbar { background-color: rgba(255,255,255,0.8); color: #232323; } .dot-navbar-light .dot-navbar.sticky { background-image: linear-gradient( 0deg, rgba(255,255,255,1) 0%, rgba(255, 255, 255, 0.95) 100%); color: #232323; } .dot-navbar-dark .dot-navbar > .container > UL > LI:hover, .dot-navbar-dark .dot-navbar > .container > UL > LI.active, .dot-navbar-light .dot-navbar > .container > UL > LI:hover, .dot-navbar-light .dot-navbar > .container > UL > LI.active { color: #f90631; transition: color 0.5s; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL, .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL { background-color: rgba(255,255,255,1); } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL LI, .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL LI { display: block; background-color: rgba(255,255,255,1); color: #555555; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL LI:hover, .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL LI:hover { background-color: #f90631; color: white; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown-megamenu UL { background-color: rgba(0,0,0,1); color: white; } } @media only screen and (max-width: 1024px) { .dot-navbar-dark .dot-navbar { background-color: rgba(0,0,0,0.8); color: white; } .dot-navbar-light .dot-navbar { background-color: rgba(255,255,255,0.8); color: #232323; } .dot-navbar-light .dot-navbar.sticky, .dot-navbar-light .dot-navbar.stickymenu { background-color: rgba(255,255,255,1); color: #232323; } .dot-navbar-dark .dot-navbar UL { background-color: rgba(0,0,0,1); color: white; } .dot-navbar-light .dot-navbar UL { background-color: rgba(0,0,0,1); color: white; } .dot-navbar-light .dot-navbar > .container > UL > LI:hover { color: #f90631; transition: color 0.5s; } .dot-navbar-dark .dot-navbar > .container > UL > LI:hover { color: #f90631; transition: color 0.5s; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL { background-color: rgba(255,255,255,1); } .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL { background-color: rgba(255,255,255,1); } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL LI { display: block; background-color: rgba(255,255,255,1); color: #555555; } .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL LI { display: block; background-color: rgba(255,255,255,1); color: #555555; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown UL LI:hover { background-color: #f90631; color: white; } .dot-navbar-light .dot-navbar UL LI.dot-dropdown UL LI:hover { background-color: #f90631; color: white; } .dot-navbar-dark .dot-navbar UL LI.dot-dropdown-megamenu UL { background-color: rgba(0,0,0,1); color: white; } .dot-navbar-light .dot-navbar UL LI.dot-dropdown-megamenu UL { background-color: rgba(0,0,0,1); color: white; } } .dot-navbar-wrapper { width: 100%; position: relative; background-image: url(../../img/min/pozadie1.webp); background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; } .dot-navbar-above { width:100%; padding-right: 45px !important; padding-left: 45px !important; padding-top: 10px; padding-bottom: 10px; font-size: 1.2rem; } .dot-navbar-above SPAN { margin: 0; padding: 0; } .dot-navbar-above SPAN:not(:last-child)::after { position: relative; top: -0.25rem; display:inline-block; background-color: black;  margin: 0px 10px 0px 10px; width: 10px; height: 5px; content: ' '; } .dot-navbar-under { width:100%;	color: white; position: relative; } .dot-navbar-under .row { overflow-x: hidden; height: 100%; min-height: 100%; } .dot-navbar-under .row > DIV:not(.noheight) { min-height: 100%; display: table; height: 75vh; min-height: 75vh; } .dot-navbar-under > DIV.noheight { text-align: center;  overflow: visible; position: relative; top: -25px; padding-bottom: 5px; margin-bottom: 5px; } .dot-navbar-under H1 { margin-top: 1.5rem; border-top: 1px solid rgba(0,0,0,0.3); padding-top: 1.5rem; font-size: 2.8rem; color: #252d37; 252d37 } .dot-navbar { display: block; position:relative; padding-right: 45px !important; padding-left: 45px !important; padding-top: 15px; padding-bottom: 15px; } .dot-navbar .container { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center;  } .dot-navbar > .container .logo { padding: 10px; } .dot-navbar .toggler.toggler-right { margin-left: auto; order: 3; } .dot-navbar .container UL LI { cursor: pointer; }    .dot-search { background: #fff; border-radius: 45px; height: 45px; left: 50%; padding: 0 10px; position: absolute; top: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); } .dot-search i { color: #252d37; } .dot-search i:hover { color: #ff497c; } @media (max-width: 991px) { .dot-search { display: none; } } .dot-search-btn { align-items: center; background: #fff; border-radius: 50%; -webkit-box-align: center; -webkit-box-pack: center; color: #e74c3c; display: -webkit-box !important; display: flex !important; display: -ms-flexbox !important; -ms-flex-align: center; -ms-flex-pack: center; float: right; height: 45px; justify-content: center; width: 25px; } .dot-search:hover > .dot-search-text, .dot-search > .dot-search-text:focus, .dot-search > .dot-search-text:active { -webkit-transition: 0.8s; transition: 0.8s; width: 240px; } .dot-search:hover > .dot-search-btn { background: white; } input[type="text"].dot-search-text { background: none; border: none; color: #7f7f7f; font-size: 12px; letter-spacing: 0.2em; line-height: 40px; outline: none; padding: 0; text-align: center; text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; width: 0; }  @media only screen and (min-width: 1025px) { .dot-navbar .container > DIV { flex: 1; } .dot-navbar .container > UL { flex: 3; } .dot-navbar.sticky { position:fixed !important; width: 100%; z-index: 999; top: 0px; padding-top: 0px; padding-bottom: 0px; } .dot-navbar UL { list-style-type: none; display: flex; align-items: center !important; margin: 0px; padding: 0px; } .dot-navbar UL LI { display:flex; align-items: center !important; } .dot-navbar UL LI:not(:last-child)::after { background-color: black; border-radius: 50%; margin: 0px 10px 0px 10px; width: 5px; height: 5px; content: ' '; } .dot-navbar > .container > UL > LI { padding: 0px 0px 0px 0px; font-weight: 500; font-size: 1.2rem; } .dot-navbar > .container > UL > LI:first-child { margin-left: 35px; } LI.dot-dropdown { display: flex; align-items: center !important; position: relative; } LI.dot-dropdown > I { margin-left: 5px; position: relative; } LI.dot-dropdown > UL { padding: 8px 10px 10px 10px !important; display:none; position: absolute; top: 100%; left: 0; z-index: 1000; box-shadow: 0px 2px 3px rgba(0,0,0,0.1); border-radius: 8px; webkit-animation: fadeOut 0.5s; animation: fadeOut 0.5s; } LI.dot-dropdown > UL > LI.dot-dropdown > UL { left: 80% !important; top: 0; } LI.dot-dropdown:hover > UL { display: block; webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } LI.dot-dropdown > UL > LI {  display:table; margin-top: 2px; white-space:nowrap; border-radius: 5px; transition: color 0.5s; transition: background-color 0.5s; width: 100%; text-align: center; padding: 8px 20px 8px 20px; font-weight: 400; font-size: 1rem; } LI.dot-dropdown-megamenu { display: flex; align-items: center !important; position: relative; } LI.dot-dropdown-megamenu > I { margin-left: 10px; } LI.dot-dropdown-megamenu > UL { padding: 10px !important; display: none; position: absolute; top: 100%; padding-top:15px; width: 100vw; height: auto; left: 0px; z-index: 1000; } LI.dot-dropdown-megamenu:hover > UL { display: block; webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s; white-space:nowrap; } LI.dot-dropdown-megamenu > UL > LI { padding: 10px !important; display:table; } }    .dot-navbar .toggler { cursor: pointer; height: 60px; opacity: 0.95; padding: 0 !important; position: relative; visibility: visible; width: 60px; z-index: 1002; line-height:30px; } .dot-navbar .toggler.clicked { line-height:70px; } .dot-navbar .toggler.clicked span:before { top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dot-navbar .toggler.clicked span:after { top: 13px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dot-navbar .toggler:before, .dot-navbar .toggler span, .dot-navbar .toggler span:before, .dot-navbar .toggler span:after { background-color: #fff; content: ""; display: block; height: 2px; left: 0; position: absolute; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; width: 31px; } .dot-navbar .toggler:before, .dot-navbar .toggler span { color: #fff; content: "menu"; font-size: 9px; font-weight: 800; left: 13px; letter-spacing: 1px; text-transform: uppercase; top: 24%; width: 0; } .dot-navbar .toggler span:before { opacity: 1; top: 0; } .dot-navbar .toggler span:after { opacity: 1; top: 28px; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }    #dot-sidemenu.dot-sidedark { background: linear-gradient(to left, #202020, #353535); color: #fff; }  #dot-sidemenu.dot-sidedark #dot-sidemenu-close { background: #242424; } #dot-sidemenu.dot-sidedark #dot-sidemenu-close:hover { background: #fff; color: #242424; }  .dot-sidemenu-open { } #dot-sidemenu.dot-sidedark .bg-01 { background: rgba(255, 255, 255, 0.1); } #dot-sidemenu.dot-sidedark .dot-sidemenu-header { } #dot-sidemenu.dot-sidedark .dot-sidemenu-photo { } #dot-sidemenu.dot-sidedark .dot-sidemenu-photo IMG { border: 2px solid #6a6a6a; box-shadow: 0px 0px 3px 6px rgba(50, 50, 50, 0.5); } #dot-sidemenu.dot-sidedark .dot-sidemenu-photo DIV { background: #6a6a6a; } #dot-sidemenu.dot-sidedark .dot-sidemenu-name { } #dot-sidemenu.dot-sidedark .dot-sidemenu-email { } #dot-sidemenu.dot-sidedark .dot-sidemenu-category { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #9f9f9f; } #dot-sidemenu.dot-sidedark ul.components { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #dot-sidemenu.dot-sidedark ul p { color: #fff; } #dot-sidemenu.dot-sidedark ul li a:hover { color: #fff; background: rgba(255, 255, 255, 0.05); } #dot-sidemenu.dot-sidedark ul li.active>a, #dot-sidemenu.dot-sidedark a[aria-expanded="true"] { color: #fff; background: rgba(255, 255, 255, 0.1); } #dot-sidemenu.dot-sidedark ul li.active>a:hover { background: rgba(255, 255, 255, 0.05); } #dot-sidemenu.dot-sidedark ul ul a { background: #2f2f2f; } #dot-sidemenu { width: 250px; position: fixed; top: 0; left: -250px; height: 100vh; z-index: 999; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); } #dot-sidemenu.active { left: 0; } #dot-sidemenu-close { width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #dot-sidemenu .dot-sidemenu-header { padding: 20px; } #dot-sidemenu .dot-sidemenu-name { font-weight: 500; font-size: 1em; } #dot-sidemenu .dot-sidemenu-email { font-weight: 300; font-size: 0.93em; padding-bottom: 15px; } #dot-sidemenu .dot-sidemenu-photo { text-align: center; margin-bottom: 10px; } #dot-sidemenu .dot-sidemenu-photo IMG { height: 90px; padding: 4px; border-radius: 50%; position: relative; z-index: 6; } #dot-sidemenu .dot-sidemenu-photo DIV { height:20px; position: relative; top: -50px; z-index: 5; } #dot-sidemenu .dot-sidemenu-category { font-size: 0.8em; font-weight: 600; padding: 10px 0; padding-left: 10px; } #dot-sidemenu ul.components { padding: 0px 0; } #dot-sidemenu ul p { padding: 10px; } #dot-sidemenu ul li a { padding: 10px; font-weight: 300; font-size: 1em; display: block; } #dot-sidemenu a[data-toggle="collapse"] { position: relative; } #dot-sidemenu .dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } #dot-sidemenu ul ul a { font-size: 0.95em !important; padding-left: 45px !important; } #dot-sidemenu ul li a i { width: 30px; padding-left: 5px; display:inline-block; font-size: 1.4em; position: relative; top: 2px; }  .dot-sidemenu-open { width: 25px; height: 25px; cursor: pointer; line-height: 25px; font-weight: normal; } .dot-sidemenu-open IMG { width: 98%; }  .dot-alert .dot-close {	padding: 0; border-style: none; text-decoration: none; cursor: pointer; } .dot-alert .dot-close:before { content: "\f00d"; font-family: 'Line Awesome Free'; font-weight: 900; position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; border: 0px; } .dot-plne .dot-close:before { color: white !important; text-shadow: 0 0 0; } .dot-wire .dot-close:before { text-shadow: 0 0 0; } .dot-alert.dot-alert-icon, .dot-alert-icon-solid { display: table; padding: 0; } .dot-alert.dot-alert-icon-solid .dot-alert__icon { padding: 1.45rem 1.75rem; display: table-cell; vertical-align: middle; text-align: center; line-height: 0; width: 1%; } .dot-alert.dot-alert-icon .dot-alert__icon { display: table-cell; vertical-align: middle; text-align: center; padding: 1.45rem 0.5rem 1.45rem 1.75rem; line-height: 0; width: 1%; } .dot-alert.dot-alert-icon .dot-alert__icon [class*=" la-"], .dot-alert.dot-alert-icon-solid .dot-alert__icon [class*=" la-"] { font-size: 2.4rem; }  .dot-alert.dot-alert-icon .dot-alert__text, .dot-alert.dot-alert-icon-solid .dot-alert__text { display: table-cell; vertical-align: middle; width: auto; padding: 1.45rem 1.25rem; }  .dot-alert.dot-alert-icon .dot-alert__actions, .dot-alert.dot-alert-icon-solid .dot-alert__actions { display: table-cell; vertical-align: middle; text-align: right; padding: 1.45rem 1.75rem 1.45rem 1.25rem; }  .dot-alert.dot-alert-icon .dot-alert__close { display: table-cell; vertical-align: top; width: auto; padding: 1.45rem 1.75rem 1.45rem 1.25rem; } .dot-plne.dot-alert-default { color: black; background-color: #b6bdc9; border-color: #9da7b7; } .dot-alert.dot-alert-icon-solid.dot-alert-default .dot-alert__icon { background-color: #b6bdc9; } .dot-alert.dot-alert-icon-solid.dot-alert-secondary .dot-alert__icon SPAN { border-left: 6px solid #b6bdc9; } .dot-wire.dot-alert-default, .dot-wire.dot-alert-default .dot-close:before { color: black; background-color: white; border-color: #9da7b7; } .dot-plne.dot-alert-primary { color: #fff; background-color: #303641; border-color: #252a32; } .dot-alert.dot-alert-icon-solid.dot-alert-primary .dot-alert__icon { background-color: #303641; } .dot-alert.dot-alert-icon-solid.dot-alert-secondary .dot-alert__icon SPAN { border-left: 6px solid #303641; } .dot-wire.dot-alert-primary, .dot-wire.dot-alert-primary .dot-close:before { color: #303641; background-color: white; border-color: #252a32; } .dot-plne.dot-alert-secondary { color: #fff; background-color: #0072bc; border-color: #0068aa; } .dot-alert.dot-alert-icon-solid.dot-alert-secondary .dot-alert__icon { background-color: #0072bc; } .dot-alert.dot-alert-icon-solid.dot-alert-secondary .dot-alert__icon SPAN { border-left: 6px solid #0072bc; } .dot-wire.dot-alert-secondary, .dot-wire.dot-alert-secondary .dot-close:before { color: #0072bc; background-color: white; border-color: #0072bc; } .dot-plne.dot-alert-success { color: #fff; background-color: #00a651; border-color: #008d45; } .dot-alert.dot-alert-icon-solid.dot-alert-success .dot-alert__icon { background-color: #00a651; } .dot-alert.dot-alert-icon-solid.dot-alert-success .dot-alert__icon SPAN { border-left: 6px solid #00a651; } .dot-wire.dot-alert-success, .dot-wire.dot-alert-success .dot-close:before { color: #00a651; background-color: white; border-color: #008d45; } .dot-plne.dot-alert-info { color: #fff; background-color: #21a9e1; border-color: #1c99cd; } .dot-alert.dot-alert-icon-solid.dot-alert-info .dot-alert__icon { background-color: #21a9e1; } .dot-alert.dot-alert-icon-solid.dot-alert-info .dot-alert__icon SPAN { border-left: 6px solid #21a9e1; } .dot-wire.dot-alert-info, .dot-wire.dot-alert-info .dot-close:before { color: #21a9e1; background-color: white; border-color: #1c99cd; } .dot-plne.dot-alert-warning { color: #fff; background-color: #ffc102; border-color: #eab000; } .dot-alert.dot-alert-icon-solid.dot-alert-warning .dot-alert__icon { background-color: #ffc102; } .dot-alert.dot-alert-icon-solid.dot-alert-warning .dot-alert__icon SPAN { border-left: 6px solid #ffc102; } .dot-wire.dot-alert-warning, .dot-wire.dot-alert-warning .dot-close:before { color: #ffc102; background-color: white; border-color: #eab000; } .dot-plne.dot-alert-danger { color: #fff; background-color: #da2839; border-color: #c72333; } .dot-alert.dot-alert-icon-solid.dot-alert-danger .dot-alert__icon { background-color: #da2839; } .dot-alert.dot-alert-icon-solid.dot-alert-danger .dot-alert__icon SPAN { border-left: 6px solid #da2839; } .dot-wire.dot-alert-danger, .dot-wire.dot-alert-danger .dot-close:before { color: #da2839; background-color: white; border-color: #c72333; } .dot-plne.dot-alert-pink { color: var(--dot-pink-textcolor); background-color: var(--dot-pink-bg); border-color: var(--dot-pink-border); } .dot-alert.dot-alert-icon-solid.dot-alert-pink .dot-alert__icon { background-color: #ff0281; } .dot-alert.dot-alert-icon-solid.dot-alert-pink .dot-alert__icon SPAN { border-left: 6px solid #ff0281; } .dot-wire.dot-alert-pink, .dot-wire.dot-alert-pink .dot-close:before { color: #ff0281; background-color: white; border-color: #ea0075; } .dot-alert.dot-alert-icon-solid .dot-alert__icon { color: white !important; text-align: center; line-height: 0; position: relative; } .dot-alert.dot-alert-icon-solid .dot-alert__icon SPAN { top: 50%; margin-top: -6px; right: -6px; display: inline-block; width: 6px; height: 0; position: absolute; border: 0; font-weight: 400; border-top: 6px solid transparent; border-bottom: 6px solid transparent; } .dot-close:before { background-color: transparent !important; border-color: transparent !important; } .dot-login { width: 98%; max-width: 720px; margin: auto; } .dot-login-form { background-color: white; box-shadow: 0px 0px 80px 10px rgba(77, 84, 124, 0.11); border-radius: 0.6rem; padding: 25px; border: 1px solid rgba(77, 84, 124, 0.11); } .dot-login-form-title { text-align: center; } .dot-login-form-title IMG { border-radius: 50%; width:25%; display: inline-block; } .dot-login-form-title H3 { width:80%; display: inline-block; color: #495057; font-size: 2em; padding-top: 10px; padding-bottom: 15px; } .dot-login-image { text-align: center; padding: 25px; } .dot-login-image IMG { margin: auto; width: 80%; } .dot-login-form .dot-form-control { border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; } .dot-login-form-loginbtnwrap { padding-top: 15px; text-align: center; } .dot-login-copyright { text-align: center; padding: 3px; margin-top: 15px; font-size: 0.9em; color: #97a0a8; margin-bottom: 25px; } .dot-login-name { text-align: center; padding: 3px; margin-top: 45px; margin-bottom: 45px; font-size: 2.1em; color: #5d78ff; font-weight: 900; } .dot-success.blink:before, .dot-success.blink2:before, .dot-success.blink3:before, .dot-success.blink4:before, .dot-success.received:before, .dot-success.blink:after, .dot-success.blink2:after, .dot-success.blink3:after, .dot-success.blink4:after, .dot-success.received:after { border-color: #228b22 !important; } .blink:before, .blink2:before, .blink3:before, .blink:after, .blink2:after, .blink3:after { content: ''; display:block; z-index:9; position: absolute; border: 50%; border: 1px solid white; left: -3px; top: -3px; bottom:-3px; right:-3px; border-radius: 50%; animation: navbar-icon-blink1 1.5s linear infinite; opacity: 0.0; } .received:before,.blink4:before, .received:after, .blink4:after{ content: ''; display:block; z-index:9; position: absolute; border: 50%; border: 1px solid white; left: -3px; top: -3px; bottom:-3px; right:-3px; border-radius: 50%; animation: navbar-icon-blink3-2 1.5s linear 1; opacity: 0.0; } .blink4:before, .blink4:after { animation-iteration-count: infinite; } .received:after, .blink4:after { animation-delay: 0.35s; border: 3px solid white; opacity: 0.0; } .blink:after { animation-delay: 0.35s; border: 3px solid white; opacity: 0.0; } @keyframes navbar-icon-blink1 { 0% { transform: scale(0.5); opacity: 0.0; } 25% { transform: scale(0.5); opacity: 0.05; } 35% { transform: scale(0.5); opacity: 0.1; } 70% { transform: scale(1.0); opacity: 0.9; }	100% { transform: scale(1.20); opacity: 0.0; } } .blink3:before { border: 1px solid white; animation: navbar-icon-blink3 1.5s linear infinite; } .blink3:after { border: 1px solid white; animation: navbar-icon-blink3-2 1.5s linear infinite; } @keyframes navbar-icon-blink3 { 0% { transform: scale(0.5); opacity: 0.0; filter: blur(0px); } 25% { transform: scale(0.5); opacity: 0.05; } 35% { transform: scale(0.5); opacity: 0.1; } 70% { transform: scale(1.0); filter: blur(0px); opacity: 0.9; }	100% { transform: scale(1.25); opacity: 0.6; filter: blur(3px); } } @keyframes navbar-icon-blink3-2 { 0% { transform: scale(1.0); opacity: 0.0; filter: blur(0px); } 25% { transform: scale(1.25); opacity: 1.0; filter: blur(0px); } 35% { transform: scale(0.5); opacity: 0.2; } 70% { transform: scale(0.5); filter: blur(0px); opacity: 0.0; }	100% { transform: scale(1.0); opacity: 0.1; } } .blink-vertical.navbar_pill.blink:before, .blink-vertical.navbar_pill.blink2:before, .blink-vertical.navbar_pill.blink3:before, .blink-vertical.navbar_pill.blink4:before, .blink-vertical.navbar_pill.received:before, .blink-vertical.navbar_pill.blink:after, .blink-vertical.navbar_pill.blink2:after, .blink-vertical.navbar_pill.blink3:after, .blink-vertical.navbar_pill.blink4:after, .blink-vertical.navbar_pill.received:after { border-left: 0px !important; border-right: 0px !important; } .blink-horizontal.navbar_pill.blink:before, .blink-horizontal.navbar_pill.blink2:before, .blink-horizontal.navbar_pill.blink3:before, .blink-horizontal.navbar_pill.blink4:before, .blink-horizontal.navbar_pill.received:before, .blink-horizontal.navbar_pill.blink:after, .blink-horizontal.navbar_pill.blink2:after, .blink-horizontal.navbar_pill.blink3:after, .blink-horizontal.navbar_pill.blink4:after, .blink-horizontal.navbar_pill.received:after { border-top: 0px !important; border-bottom: 0px !important; } .align-blink-navbar:after,.align-blink-navbar:before { top: 0px !important; bottom:-6px !important; } .align-blink-icon:after,.align-blink-icon:before { top: -0px !important; bottom:-6px !important; display: inline-block !important; } .dot-portlet { display: flex; -webkit-box-flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05); background-color: #ffffff; margin-bottom: 20px; border-radius: 4px; } .dot-portlet-head { transition: height 0.3s; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; position: relative; padding: 0 25px; min-height: 60px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #ebedf2; } .dot-portlet-head.dot-portlet-head-noborder { border-bottom: none !important; } .dot-portlet-head-label { display: flex; -webkit-box-align: center; align-items: center; } .dot-portlet-head-label-title { margin: 0; padding: 0; font-size: 1.0rem; font-weight: 500; color: #48465b; line-height: 1.2; } .dot-portlet-head-toolbar { -webkit-box-align: center; align-items: center; align-content: flex-end; display: flex; } .dot-portlet-head-toolbar-wrapper { } .dot-btn-portlet-dropdown { padding: 2px; } .dot-portlet-body { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 25px; border-radius: 4px; } .dot-portlet-body-section { padding: 0; margin: 0; } .dot-portlet-body-section-title { display: block; font-size: 1.0rem; font-weight: 500; padding: 0; margin: 0 0 1.75rem 0; color: #48465b; } .dot-portlet-body-section-info { display: block; font-size: 0.85rem; font-weight: 300; padding: 0; margin: 0 0 1rem 0; color: #595d6e; } .dot-portlet-body-section-content { padding: 1.5rem; border: 3px solid #ebedf2; margin: 0; }  .btn { font-size: 1rem !important; line-height: 1.5rem; cursor: pointer; margin: 1px; } .btn.dot-btn-pill { border-radius:1.3rem } .btn.dot-btn-small { font-size: 1rem !important; line-height: 1.1rem !important; border-radius: .2rem; } .btn.dot-btn-small.dot-btn-pill { border-radius:1.2rem } .btn.dot-btn-normal { font-size: 1rem !important; line-height: 1.5rem; border-radius: .3rem; } .btn.dot-btn-normal.dot-btn-pill { border-radius:1.6rem } .btn.dot-btn-large { font-size: 1.2rem !important; line-height: 1.9rem !important; border-radius:.4rem } .btn.dot-btn-large.dot-btn-pill { border-radius:2rem } .btn.dot-btn-xlarge { font-size: 1.2rem !important; line-height: 2.3rem !important; border-radius:0.5rem; padding: 1rem; padding-right: 3rem; padding-left: 3rem; } .btn.dot-btn-xlarge.dot-btn-pill { border-radius:2.4rem } .btn I.las { position: relative; padding: 0px !important; margin: 0px !important; margin-right: 4px !important; width: 1.6em; height: 1.0em; display: inline-block;	line-height: 1.0em; font-size: 0.9em !important; } .btn I.las:before { position: absolute; left: -1px; font-size: 1.6em !important; top: 2px; }  A.btn.dot-plne:hover { text-decoration: none; } .dot-plne.dot-btn1-default { color: black; background-color: #b6bdc9; border-color: #9da7b7; } .dot-plne.dot-btn1-default:hover { color: #fff; background-color: #c1c8d3; border-color: #a9b5c0; } .dot-plne.dot-btn1-default:focus { color: #fff; background-color: #c1c8d3; border-color: #b5b5b5; box-shadow: none; } .dot-plne.dot-btn1-primary { color: #fff; background-color: #303641; border-color: #252a32; } .dot-plne.dot-btn1-primary:hover { color: #fff; background-color: #1a1e24; border-color: #0b0d0f; } .dot-plne.dot-btn1-primary:focus { color: #fff; background-color: #1a1e24; border-color: #000000; box-shadow: none; } .dot-plne.dot-btn1-secondary { color: #fff; background-color: #0072bc; border-color: #0072bc; } .dot-plne.dot-btn1-secondary:hover { color: #fff; background-color: #005389; border-color: #004d7f; } .dot-plne.dot-btn1-secondary:focus { color: #fff; background-color: #005389; border-color: #00253d; box-shadow: none; } .dot-plne.dot-btn1-success { color: #fff; background-color: #00a651; border-color: #008d45; } .dot-plne.dot-btn1-success:hover { color: #fff; background-color: #007338; border-color: #004f27; } .dot-plne.dot-btn1-success:focus { color: #fff; background-color: #007338; border-color: #000d06; box-shadow: none; } .dot-plne.dot-btn1-info { color: #fff; background-color: #21a9e1; border-color: #1c99cd; } .dot-plne.dot-btn1-info:hover { color: #fff; background-color: #1988b6; border-color: #147197; } .dot-plne.dot-btn1-info:focus { color: #fff; background-color: #1988b6; border-color: #0c455d; box-shadow: none; } .dot-plne.dot-btn1-warning { color: #fff; background-color: #ffc102; border-color: #eab000; } .dot-plne.dot-btn1-warning:hover { color: #fff; background-color: #ce9b00; border-color: #aa8000; } .dot-plne.dot-btn1-warning:focus { color: #fff; background-color: #ce9b00; border-color: #684e00; box-shadow: none; } .dot-plne.dot-btn1-danger { color: #fff; background-color: #da2839; border-color: #c72333; } .dot-plne.dot-btn1-danger:hover { color: #fff; background-color: #b01e2d; border-color: #911925; } .dot-plne.dot-btn1-danger:focus { color: #fff; background-color: #b01e2d; border-color: #590f17; box-shadow: none; } .dot-plne.dot-btn1-link { color: #007bff; text-decoration: none; } .dot-plne.dot-btn1-danger:hover { text-decoration: underline; } .dot-plne.dot-btn1-danger:focus { text-decoration: underline; } .dot-plne.dot-btn1-pink { color: var(--dot-pink-textcolor); background-color: var(--dot-pink-bg); border-color: var(--dot-pink-border); } .dot-plne.dot-btn1-pink:hover { color: #fff; background-color: #ce0067; border-color: #aa0055; } .dot-plne.dot-btn1-pink:focus { color: #fff; background-color: #ce0067; border-color: #680034; box-shadow: none; } .dot-dropdown-item { font-size: 0.8em; line-height: 1.5em !important; display: inline-block; } .dot-dropdown-item I { color: rgb(10,10,10,0.6); margin-right: 7px; font-size: 1em;	} .dot-dropdown-item I:before { font-size: 1.5em; } .dot-dropdown-item-btn:hover { background-color: transparent !important; } [class^='dot-btn1-'].btn-sm, [class^='dot-btn2-'].btn-sm, [class*=' dot-btn1-'].btn-sm, [class*=' dot-btn2-'].btn-sm { padding: .15rem .25rem !important; } .dot-form-control:active, .dot-form-control:focus { box-shadow: none !important; } .dot-form-control { display: block; width: 100%; height: calc(1.0em + 1.0rem + 5px); padding: 0.4em 0.5em; font-size: 1em; font-weight: 400; line-height: 1em; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e5ec; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .dot-form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .dot-form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .dot-form-control.no-borders { border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; } @media (prefers-reduced-motion: reduce) { .dot-form-control { -webkit-transition: none; transition: none; } } .dot-form-control::-ms-expand { background-color: transparent; border: 0; } .dot-form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .dot-form-control:focus { color: #495057; background-color: #fff; border-color: #9aabff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25); box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25); } .dot-form-control::-webkit-input-placeholder { color: #74788d; opacity: 1; } .dot-form-control::-moz-placeholder { color: #74788d; opacity: 1; } .dot-form-control:-ms-input-placeholder { color: #74788d; opacity: 1; } .dot-form-control::-ms-input-placeholder { color: #74788d; opacity: 1; } .dot-form-control::placeholder { color: #74788d; opacity: 1; } .dot-form-control:disabled, .dot-form-control[readonly] { background-color: #f7f8fa; opacity: 1; } select.dot-form-control:focus::-ms-value { color: #495057; background-color: #fff; } .dot-form-control-file, .dot-form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.65rem + 1px); padding-bottom: calc(0.65rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(1.15rem + 1px); padding-bottom: calc(1.15rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1.5; } .dot-form-control-plaintext { display: block; width: 100%; padding: 0.65rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #595d6e; background-color: transparent; border: solid transparent; border-width: 1px 0; } .dot-form-control-plaintext.dot-form-control-sm, .dot-form-control-plaintext.dot-form-control-lg { padding-right: 0; padding-left: 0; } .dot-form-control-sm { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .dot-form-control-lg { height: calc(1.5em + 2.3rem + 2px); padding: 1.15rem 1.65rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.dot-form-control[size], select.dot-form-control[multiple] { height: auto; } textarea.dot-form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #74788d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .dot-portlet-head-toolbar-wrapper .dot-checkbox { position: relative; top: 6px; } .dot-checkbox { color: #575962; display: inline-block; padding-top: 1px; position: relative; padding-left: 30px; margin-bottom: 10px; cursor: pointer; font-size: 0.9rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .dot-checkbox.dot-checkbox-small { font-size: 0.8rem; line-height: 0.9rem; padding-left: 25px; padding-top: 0px; } .dot-checkbox SPAN { width:23px; height:23px; display: inline-block; border: 1px solid #575962; position: absolute; top: 0px; left: 0px; border-radius: 3px; } .dot-checkbox.dot-checkbox-small SPAN { width:15px; height:15px; } .dot-checkbox INPUT { display:none; }  .dot-checkbox INPUT[type="checkbox"] ~ SPAN { }  .dot-checkbox INPUT[type="checkbox"]:checked ~ SPAN { }  .dot-checkbox INPUT[type="checkbox"]:checked ~ SPAN:after { content: ''; display: block; position: relative; left: 7px; top: 1px; width: 8px; height: 15px; border: solid #575962; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .dot-checkbox.dot-checkbox-small INPUT[type="checkbox"]:checked ~ SPAN:after { left: 4px; top: 2px; width: 5px; height: 8px; } .dot-checkbox.dot-hrube INPUT[type="checkbox"]:checked ~ SPAN:after { border-width: 0 3px 3px 0; } .dot-checkbox.dot-plne INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: white !important; }  .dot-checkbox.dot-plne.dot-checkbox1-primary SPAN { background-color: #303641; border-color: #252a32; } .dot-checkbox.dot-wire.dot-checkbox1-primary SPAN { border-color: #303641 !important; } .dot-checkbox.dot-wire.dot-checkbox1-primary INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #303641 !important; } .dot-checkbox.dot-checkbox1-secondary.dot-checkbox-text-too { color: #0072bc !important; } .dot-checkbox.dot-plne.dot-checkbox1-secondary SPAN { background-color: #0072bc; border-color: #0072bc; } .dot-checkbox.dot-wire.dot-checkbox1-secondary SPAN { border-color: #0072bc !important; } .dot-checkbox.dot-wire.dot-checkbox1-secondary INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #0072bc !important; } .dot-checkbox.dot-checkbox1-successs.dot-checkbox-text-too { color: #00a651 !important; } .dot-checkbox.dot-plne.dot-checkbox1-success SPAN { background-color: #00a651; border-color: #008d45; } .dot-checkbox.dot-wire.dot-checkbox1-success SPAN { border-color: #00a651 !important; } .dot-checkbox.dot-wire.dot-checkbox1-success INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #00a651 !important; } .dot-checkbox.dot-checkbox1-info.dot-checkbox-text-too { color: #21a9e1 !important; } .dot-checkbox.dot-plne.dot-checkbox1-info SPAN { background-color: #21a9e1; border-color: #1c99cd; } .dot-checkbox.dot-wire.dot-checkbox1-info SPAN { border-color: #21a9e1 !important; } .dot-checkbox.dot-wire.dot-checkbox1-info INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #21a9e1 !important; } .dot-checkbox.dot-checkbox1-warning.dot-checkbox-text-too { color: #ffc102 !important; } .dot-checkbox.dot-plne.dot-checkbox1-warning SPAN { background-color: #ffc102; border-color: #eab000; } .dot-checkbox.dot-wire.dot-checkbox1-warning SPAN { border-color: #ffc102 !important; } .dot-checkbox.dot-wire.dot-checkbox1-warning INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #ffc102 !important; } .dot-checkbox.dot-checkbox1-danger.dot-checkbox-text-too { color: #da2839 !important; } .dot-checkbox.dot-plne.dot-checkbox1-danger SPAN { background-color: #da2839; border-color: #c72333; } .dot-checkbox.dot-wire.dot-checkbox1-danger SPAN { border-color: #da2839 !important; } .dot-checkbox.dot-wire.dot-checkbox1-danger INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #da2839 !important; } .dot-checkbox.dot-checkbox1-pink.dot-checkbox-text-too { color: #ff0281 !important; } .dot-checkbox.dot-plne.dot-checkbox1-pink SPAN { background-color: #ff0281; border-color: #ea0075; } .dot-checkbox.dot-wire.dot-checkbox1-pink SPAN { border-color: #ff0281 !important; } .dot-checkbox.dot-wire.dot-checkbox1-pink INPUT[type="checkbox"]:checked ~ SPAN:after { border-color: #ff0281 !important; } .btn IKONA.loader1, .btn IKONA.loader2, .btn IKONA.loader3, .btn IKONA.loader4, .btn IKONA.loader5, .btn IKONA.loader6, .btn IKONA.loader7 { position: relative; padding: 0px !important; margin: 0px !important; margin-right: 4px !important; width: 1.6em; height: 0.9em; display: inline-block;	line-height: 0.9em; font-size: 0.9em !important; } .btn IKONA.loader1:before { position: absolute; content: ""; left: -1px; top: -1px; display: inline-block; background-image: url(../../img/loader1.svg); width: 1.2em; height: 1.2em; background-size:cover } .btn IKONA.loader2:before { position: absolute; content: ""; transform: scale(1.5); left: -1px; top: -1px; display: inline-block; background-image: url(../../img/loader2.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn IKONA.loader3:before { position: absolute; content: ""; left: -1px; top: -3px; display: inline-block; background-image: url(../../img/loader3.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn IKONA.loader4:before { position: absolute; content: ""; left: -1px; top: -3px; display: inline-block; background-image: url(../../img/loader4.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn IKONA.loader5:before { position: absolute; content: ""; left: -1px; top: -3px; display: inline-block; background-image: url(../../img/loader5.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn IKONA.loader6:before { position: absolute; content: ""; left: -1px; top: -2px; display: inline-block; background-image: url(../../img/loader6.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn IKONA.loader7:before { position: absolute; content: ""; left: -1px; top: -1px; display: inline-block; background-image: url(../../img/loader7.svg); width: 1.3em; height: 1.3em; background-size:cover } .btn[block="block"] { opacity: .65; cursor: progress; } .cont_loader { display:none; } .alertblink { animation: loader-alert-blink 1.0s linear infinite, loader-alert-blink-red 1.0s linear infinite; opacity: 0.9; transform: scale(1.25); } @keyframes loader-alert-blink { 0% { transform: scale(1); opacity: 0.3; } 10% { opacity: 1; } 25% { transform: scale(1.3); } 40% { opacity: 1; } 50% { transform: scale(1); opacity: 0.3; } 51% { color: red; } 60% { opacity: 1; } 75% { transform: scale(1.3); } 90% { opacity: 1; } 100% { transform: scale(1); opacity: 0.3; } } .okblink { animation: loader-ok-blink 1.0s linear 1; opacity: 0.7; transform: scale(1.0); } @keyframes loader-ok-blink { 0% { transform: scale(1.2); opacity: 0.0; } 25% { transform: scale(1.3); opacity: 1; } 50% { transform: scale(1); opacity: 0; } 75% { transform: scale(1.3); opacity: 1; } 100% { transform: scale(1.0); opacity: 1; } } .dot-bottom-shadow { border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0px 3px 3px rgba(0,0,0,0.3); } .dot-zlom-strany:before { background-color: #fafafa; bottom: -35px; content: ""; height: 70px; left: 0px; position: absolute; -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); width: calc(50% + 1px); z-index: 4; } .dot-zlom-strany:after { background-color: #fafafa; bottom: -35px; content: ""; height: 70px; position: absolute; right: 0px; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); width: 50%; z-index: 4; } .dot-zlom-strany.dot-zlom-strany-dark:before, .dot-zlom-strany2.dot-zlom-strany-dark:before { background-color: #1f2732; } .dot-zlom-strany.dot-zlom-strany-dark:after, .dot-zlom-strany2.dot-zlom-strany-dark:after { background-color: #1f2732; } .dot-zlom-strany2:before { background-color: #fafafa; bottom: -35px; content: ""; height: 70px; left: 0px; position: absolute; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); width: calc(50% + 1px); z-index: 4; } .dot-zlom-strany2:after { background-color: #fafafa; bottom: -35px; content: ""; height: 70px; position: absolute; right: 0px; -webkit-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); width: 50%; z-index: 4; } .dot-zlom-strany3.dot-zlom-strany-dark:after, .dot-zlom-strany3.dot-zlom-strany-dark:before { background-color: #1f2732; } .dot-zlom-strany3 { overflow: hidden; } .dot-zlom-strany3:before { background-color: #fafafa; bottom: -35px; content: "";	position: absolute; left: 10%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 100vw; height: 100vw; z-index: 6; border-radius: 10%; } .dot-zlom-strany4 { position: relative; transform: rotate(-2deg); width: 106vw !important; left: -3vw; } .dot-zlom-strany4 > DIV:first-child { transform: rotate(2deg); } .dot-zlom-strany5 { position: relative; transform: skewY(2deg); width: 106vw !important; left: -3vw; } .dot-zlom-strany5 > DIV:first-child { transform: rotate(-2deg); } .dot-zlom-strany .mouse-button { background-image: url("../../img/mouse_icon.png"); background-repeat: no-repeat; bottom: 30px; content: ""; display: block; height: 60px; left: 50%; margin-left: -20px; position: absolute; width: 40px; z-index: 4; } .dot-page-bg-left-dark { background-color: rgba(0,0,0,0.6); padding: 2.5rem; border-radius: 2rem; } .dot-page-bg-left-light { background-color: rgba(255,255,255,1); padding: 2.5rem; border-radius: 2rem; color: #696969; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); } .dot-page-bg-left-light P { color: #464646; font-size: 1.1rem; } .dot-img-icon { width: 128px; height: 128px; display: block; border-radius: 50%; border: 4px solid silver; } .dot-img-icon.dot-img-icon-pink { border: 4px solid #ff497c; } .dot-img-icon.dot-img-icon-footerlogo { border: 0px solid #fafafa !important; width: 100px; height: 100px; } .dot-img-icon > DIV { border-radius: 100%; width: 90%; height: 90%;	margin: 5% !important; background-color: silver; } .dot-img-icon.dot-img-icon-footerlogo > DIV { background-color: #1f2732; box-shadow: 0px 10px 6px -6px rgba(0,0,0,0.7); width: 92%; height: 92%; margin: 4% !important; } .dot-img-icon > DIV > IMG { margin: 20%; width: 60%; height: 60%; } .dot-img-icon.dot-img-icon-footerlogo > DIV > IMG { position: relative; top: 0px; } .dot-img-icon-square, .dot-img-icon-square > DIV { border-radius: 10%; } .dot-oddel-sluzby1 { margin-bottom: 3rem; } .dot-sluzba1 { margin-bottom: 3rem; } .dot-sluzba1 > .dot-img-icon { margin: auto; margin-bottom: 2rem; } .dot-sluzba1 > H3 { color: var(--dot-pink-bg); font-size: 2.2rem; margin-bottom: 2rem; } .dot-sluzba1 > P { color: white; font-size: 1.1rem; width: 80%; margin: auto; } .dot-sluzba-onlight.dot-sluzba1 > P { color: #8e99a4; } .dot-sluzba-onlight.dot-sluzba1 > H3 { color: #252d37; } .dot-web-scroll-down-a { font-size: 4rem; } .dot-web-zvyraznenie-dark { color: white; background-color: #1f2732; padding: 5px; font-weight: 800; display: inline-block; } .dot-web-zvyraznenie-pink { color: white; background-color: #ff497c; padding: 5px; } html, body { font-family: 'Poppins', sans-serif; background: #fafafa; font-size: 13px; font-weight: 300; scroll-behavior:smooth; } BODY.overflowactive { overflow: hidden; } p { font-family: 'Poppins', sans-serif; font-size: 1.0em; font-weight: 300; line-height: 1.7em; color: #999; } a, a:hover, a:focus { color: inherit; text-decoration: none; } .overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; } .overlay.active { display: block; opacity: 1; }  .dot-sidemenu-open.dot-m-hide { margin-left: 10%; }  .dot-menu-right { position: relative; top: -10px; } .navbar_dark { position: fixed; z-index: 998; width:100%; min-height: 60px; margin: 0px; border: none; border-radius: 0; background: #242424; padding: 20px; color: #eaeaea; } .navbar_pill { position: relative; z-index:10; height: 30px; width: 30px; display: inline-block; font-size: 2em; top: -5px; text-align:center; } .dot-vycentruj-ma { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .vertical-center { display: flex; align-items: center !important; } .navbar_pill>.la { font-size: 1.1em; } .navbar_pill>[class^="flaticon-"]:before { font-size: 0.8em; } .navbar_pill SMALL { position: absolute; display: inline-table; z-index:10; min-width: 17px; left: 12px; top: 20px; padding-left: 3px; padding-right: 3px; background-color: orange; border-radius:8px; font-weight: lighter; text-align: center; color: white; font-size: 0.43em; } .dot-inline-block { display: inline-block; } .t-center { text-align: center; } .t-left { text-align: left; } .t-right { text-align: right; } .dot-hide { display:none !important; } .logo_big, .logo_small { height: 35px; margin-top: -5px; } .navbar_dark>.row>.col-12>.row { max-height: 25px; } .navbar-line { margin-top: 100px; display:block; } .content-box { margin-left: 20px; margin-right: 20px; } .navbar-btn { box-shadow: none; outline: none !important; border: none; } .line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; } .dot-margin-line-15px { margin-left: 15px; margin-right: 15px; } .dot-margin-line-10px { margin-left: 10px; margin-right: 10px; } .dot-margin-line-5px { margin-left: 5px; margin-right: 5px; } .dot-vert-line { width: 1px; height: 25px; border-left: 1px solid white; display: inline-block; position: relative; top: -2px; } .dot-margin-top-15px { margin-top: 15px; } .dot-margin-right-15px { margin-right: 15px; } .dot-margin-right-10px { margin-right: 10px; } .dot-margin-right-5px { margin-right: 5px; } .dot-margin-left-15px { margin-left: 15px; } .dot-margin-left-10px { margin-left: 10px; } .dot-margin-left-5px { margin-left: 5px; } .dot-order1 { order: 1; } .dot-order2 { order: 2; } .dot-order3 { order: 3; } .dot-order4 { order: 4; }  .wrapper { display:block; width:100%;  } .content { width: 100%; display: table; padding: 0px; min-height: 20vh; position: absolute; top: 0; right: 0; height: 10px; } .wrapper_blankpage { overflow: hidden; } .wrapper_blankpage .content { position: relative !important; } .content.dot-content-dark { background-color: #1f2732; background-image: url("../../img/min/fleky_nad_pozadi2_2.webp"); }  @media only screen and (min-width: 1025px) { .dot-navbar-above .container, .dot-navbar .container {  width:97%; max-width: 100% !important;* } .dot-navbar-center, .dot-navbar-right {  width:97%; max-width: 100% !important;* } .content-box { width:1340px; width:97%; margin: auto !important; padding-right: 45px !important; padding-left: 45px !important; } .dot-d-hide { display: none !important; } .dot-d-t-left { text-align: left !important; } .dot-d-t-center { text-align: center !important; } .dot-d-margin-right-15px { margin-right: 10%; } }  @media only screen and (max-width: 1024px) { .dot-navbar-center, .dot-navbar-right { width:100%; max-width:100% !important; align-items: start !important; } .content-box { width:100vw; margin-left: auto !important; margin-right: auto !important; } .dot-navbar, .dot-navbar-above, .content-box { padding-right: 15px !important; padding-left: 15px !important; } .dot-m-hide { display: none !important; } .dot-m-t-left { text-align: left !important; } .dot-m-t-center { text-align: center !important; } .m-t-left { text-align: left !important; } .dot-m-order1 { order: 1; } .dot-m-order2 { order: 2; } .dot-m-order3 { order: 3; } .dot-m-order4 { order: 4; } } .dot-content-center { display: flex !important; align-items: center; } .la-demo I.la { line-height: 0; vertical-align: middle; font-size: 2rem !important; } .dot-scrollable { overflow: hidden; margin-right: -14px; padding-right: 14px; position: relative; } #demo_loading { position: relative; } DIV.overlayer { position: absolute; z-index:9; width:100% !important; height:0px; overflow: visible; display: inline-block; } DIV.overlayer DIV.overlayer2 { display : flex !important; align-items : center; justify-content: center; width: 0px; height: 0px; position: absolute; z-index:10; background-color: black; color: white; text-align: center; background-color: rgb(10,10,10,0.3); } DIV.overlayer DIV.overlayer2 SPAN SPAN.bg { display: table; padding: 5px; border-radius: 8px; background-color: #6a6a6a; color:white; } DIV.overlay DIV.overlay2 SPAN SPAN.bg IMG { max-width: 20px; } DIV.overlay DIV.overlay2 DIV.loader { display: none; } .dot-invert-color { -webkit-filter: invert(1); filter: invert(1); }