html {
margin: 0;
height: 100%;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
background-color: #282828;
width: 100%;
overflow: hidden;
}
input:focus {
outline: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.arrows {
width: 48px;
height: 48px;
border-color: red;
position: inherit;
top: 60%;
margin-top: -31px;
}
.prev {
border-bottom: 6px solid;
border-left: 6px solid;
transform: rotate(45deg);
border-color: #282828;
margin-left: 5%;
opacity: 0.6;
}
.prev:hover {
border-color: red;
}
.next {
border-bottom: 6px solid;
border-left: 6px solid;
transform: rotate(-135deg);
border-color: #282828;
left: 62%;
opacity: 0.6;
}
.next:hover {
border-color: red;
}
.burm span {
display: inline-block;
position: relative;
transition: 0.5s;
}
.burm span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: -13px;
font-size: 30px;
right: 0px;
transition: 0.5s;
}
.burm:hover span {
padding-right: 25px;
}
.burm:hover span:after {
opacity: 1;
right: 0;
}
.nopad {
padding-left: 0 !important;
padding-right: 5px !important;
}
.Modal {
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #282828;
z-index: 9999;
opacity: 0.99;
display: none;
}
.Modal2 {
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #282828;
z-index: 9999;
opacity: 0.99;
display: none;
}
.Modal3 {
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #282828;
z-index: 9999;
opacity: 0.99;
display: none;
}
.Modal4 {
display: none;
height: 100%;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #282828;
z-index: 9999;
opacity: 0.99;
overflow: auto;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
display: block;
max-width: 100%;
height: auto;
height: 160px;
width: 600px;
}
.Modal .Close {
position: absolute;
top: 3px;
right: 50%;
cursor: pointer;
background: red;
color: #fff;
z-index: 999;
opacity: 1;
border-radius: 20px;
}
.Modal2 .Close {
position: absolute;
top: 3px;
right: 50%;
cursor: pointer;
background: red;
color: #fff;
z-index: 999;
opacity: 1;
border-radius: 20px;
}
.Modal3 .Close {
position: absolute;
top: 3px;
right: 50%;
cursor: pointer;
background: red;
color: #fff;
z-index: 999;
opacity: 1;
border-radius: 20px;
}
.Modal4 .Close {
position: absolute;
top: 3px;
right: 50%;
cursor: pointer;
background: red;
color: #fff;
z-index: 999;
opacity: 1;
border-radius: 20px;
}
.closeimg {
width: 35px;
height: 35px;
}
.glyphicon {
top:60px!important;
}
#webGLContent {
display: none;
width: 100%;
height: 100%;
z-index: 5;
overflow: visible;
-webkit-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
-moz-transform: translateX(200px);
-webkit-transform: translateY(-155px);
-ms-transform: translateY(-155px);
-o-transform: translateY(-155px);
-moz-transform: translateY(-155px);
transform: translate(200px, -155px);
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 2s ease-in-out;
}
#Room {
display: block;
font-size: 15px;
position: absolute;
background-color: #282828;
width: 100%;
z-index: 999;
height: 100%;
}
.cTitlu {
color: #000000;
font-size: 19px;
font-weight: bold;
margin-bottom: 15px;
}
.date {
height: 35px;
margin-top: 10px;
margin-bottom: 10px;
}
.linie {
position: relative;
font-size: 12px;
color: #000;
border: 0px;
border-bottom: 1.5px;
border-color: #DDD;
border-style: solid;
}
.latime {
text-align: left;
display: inline-block;
width: 70px;
}
.inputLat {
width: 50px;
left: 50px;
padding: 5px 5px;
text-align: right;
display: inline-block;
border: 1px;
border-style: solid;
border-color: #DDD;
}
.cm {
padding-left: 5px;
}
.opt {
display: inline-block;
margin-top: 10px;
font-size: 12px
}
.inputNumberBlat {
width: 55px;
height: 19px;
border: none;
text-align: right;
padding: 2px;
font-size: 20px;
}
input[type=checkbox] {
border: 1px;
border-style: solid;
border-color: #DDD;
border-radius: 0px;
background-color: #000;
outline: 0 !important;
outline-offset: 0 !important;
padding-left: 5px;
padding-right: 5px;
border-radius: 0px;
vertical-align: bottom;
position: relative;
top: -1px;
-webkit-appearance: button;
border: double 1px #DDD;
background-color: #FFF;
color: #FFF;
white-space: nowrap;
overflow: hidden;
width: 23px;
height: 19px;
}
input[type=checkbox]:checked {
background-color: red;
overflow: visible;
}
input[type=checkbox]:hover {
border: double 2px #DDD;
}
.float-right {
float: right;
}
.burm {
background-color: red;
border: none;
color: white;
font-weight: 600;
padding: 9px 32px;
border-radius: 2px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 0 auto;
cursor: default;
margin-top: 20px;
box-shadow: 0 8px 6px -6px black;
}
.bUrmator2 {
width: 600px;
height: 65px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
background-color: #333333;
color: #FFFFFF;
font-weight: bold;
margin: 0 auto;
line-height: 55px;
cursor: pointer;
border: 1px solid #fff;
font-size: 18px;
}
.bUrmator2:hover {
background-color: red;
}
#meniuDreapta {
display: none;
font-size: 10px;
font-family: monospace;
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 5px;
background-color: #282828;
width: 200px;
-webkit-transition: -webkit-transform 1s ease-out;
-moz-transition: -moz-transform 1s ease-out;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
z-index: 0;
transition: all 2s ease-in-out;
user-select: none;
}
#meniuStanga {
display: none;
font-size: 15px;
position: absolute;
top: 100px;
bottom: 0;
background-color: #282828;
width: 200px;
z-index: 45;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
transition: all 2s ease-in-out;
user-select: none;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #fff;
font-size: 12px;
font-weight: bold;
cursor: default;
background-color: red !important;
border: 1px solid red;
border-color: red !important;
border-bottom-color: #111;
}
.nav>li>a {
position: relative;
display: block;
padding: 5px 15px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #282828;
border: 1px solid #ffffff !important;
border-radius: 0px !important;
width: 92px;
}
ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
padding: 0px;
}
.list {
/*width: 290px;*/
width: 310px;
float: left;
box-sizing: border-box;
margin-bottom: 1px;
margin-top: 1px;
}
.list-short {
width: 195px;
padding-left: 3px;
}
.list li {
float: left;
margin-right: 1px;
margin-bottom: 2px;
}
li {
list-style-type: none;
}
#culoriPePodele a,
#culoriBla a,
#culoriPePereti a {
width: 30px;
height: 30px;
padding: 0;
transition: transform .2s;
line-height: 40px;
display: block;
border: 2px;
border-color: #212121;
border-style: solid;
border-radius: 25px;
}
#culoriPrincipaleFronturiZ1 a,
#culoriPrincipaleFronturiZ2 a,
#culoriPrincipaleFronturiZ4 a {
width: 30px;
height: 30px;
padding: 0;
transition: transform .2s;
line-height: 40px;
display: block;
border: 2px;
border-color: #212121;
border-style: solid;
border-radius: 25px;
}
#culoriPePodele a:hover,
#culoriBla a:hover,
#culoriPePereti a:hover {
background-position: 0 -3px;
border-color: red;
transform: scale(1.3);
}
#culoriPrincipaleFronturiZ1 a:hover,
#culoriPrincipaleFronturiZ2 a:hover,
#culoriPrincipaleFronturiZ4 a:hover {
background-position: 0 -3px;
border-color: red;
transform: scale(1.3);
}
.selectat {
border-color: #fff !important;
border-style: solid;
transform: scale(1.1);
}
a:-webkit-any-link {
color: -webkit-link;
cursor: auto;
}
.titluCul {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
position: static;
margin-top: 3px;
margin-bottom: 5px;
}
.titluCul2 {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
position: static;
margin-top: 3px;
padding-left: 3px;
margin-bottom: 5px;
}
.configMiniTitlu3 {
color: #000000;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 0px;
margin-left: 25px;
}
.culoriDivs {
display: inline-block;
width: 195px;
}
.margin-top-5 {
margin-top: 5px;
}
#culoriFronturiZ1 {
width: 180px;
position: relative;
display: block;
}
#culoriFronturiZ2 {
width: 180px;
position: relative;
display: block;
}
#culoriPePereti {
display: block;
position: relative;
width: 192px;
padding-left: 3px;
}
#culoriPePodele {
display: block;
position: relative;
width: 192px;
padding-left: 3px;
}
#culoriBla {
width: 192px;
padding-left: 3px;
}
#butonReset {
width: 100px;
position: sticky;
left: 95%;
right: 0;
top: 95%;
font-size: 18px;
margin: auto;
cursor: pointer;
}
#butonPdf {
width: 100px;
position: sticky;
left: 95%;
right: 0;
top: 95%;
font-size: 18px;
margin: auto;
cursor: pointer;
}
#meniuModule {
display: none;
font-size: 11px;
position: absolute;
bottom: -120px;
background-color: rgba(255, 255, 255, 0);
height: 155px;
margin-right: 70px;
width: 100%;
line-height: 1.4em;
bottom: 0px;
z-index: 145;
}
#infoc {
position: absolute;
background-color: #282828;
padding: 6px 7px;
color: #ffffff;
border-radius: 5px;
font-weight: 600;
z-index: 146;
font-family: Roboto monospace;
font-size: 11px;
user-select: none;
width: 170px;
}
#infoc:hover {
display: block !important;
position: fixed !important;
overflow: hidden !important;
}
#infocNume {
margin-bottom: 3px;
}
#infocDetalii {
margin-bottom: 3px;
}
#infocPret {
font-weight: bold;
margin-bottom: 3px;
}
#tabsDiv {
display: block;
position: absolute;
top: -115px;
width: 100%;
z-index: 10;
}
@-moz-document url-prefix() {
#tabsDiv {
top: -41px !important;
}
}
#tabsDiv .nav>li>a {
width: 200px;
cursor: default;
border: 0px !important;
}
#configTabsDiv {
font-family: Open Sans, sans-serif!important;
}
.nav>li>a:focus,
.nav>li>a:hover {
border-color: red !important;
background-color: red !important;
}
#contentCorpuri,
#continutOptiuni,
#continutExportPDF,
#configTabsDiv,
#contentDetalii {
font-family: monospace;
opacity: 1;
-webkit-transition: opacity 250ms ease-in-out;
-moz-transition: opacity 250ms ease-in-out;
-ms-transition: opacity 250ms ease-in-out;
-o-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
#contentCorpuri {
display: block;
max-height: 400px !important;
}
#contentDetalii {
display: none;
max-height: 450px !important;
}
#continutOptiuni {
display: none;
max-height: 450px !important;
color: #ffffff;
}
#continutPDF {
display: grid;
margin-top: 5%;
}
#scrollDoi {
max-width: 100% !important;
}
#meniuCorpuri {
display: none;
position: absolute;
z-index: 100;
transform: translate(-375px, 0px);
-webkit-transition: transform 250ms ease-in-out;
-moz-transition: transform 250ms ease-in-out;
-ms-transition: transform 250ms ease-in-out;
-o-transition: transform 250ms ease-in-out;
transition: transform 250ms ease-in-out;
}
.butonCorpuri {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
background-color: #FFF;
cursor: pointer;
}
.butonCorpuri:hover {
/*opacity: 0.6;*/
background-color: #000;
}
#b1menu {
background-position: center;
background-color: #FFF;
}
#b1menu:hover {
background-color: #f3f3f3;
}
#meniub1 {
background: url(../img/delete.png) no-repeat;
background-position: center;
}
#meniub1:hover {
background-color: #f3f3f3;
}
#meniub2 {
background: url(../img/move.png) no-repeat;
background-position: center;
}
#meniub2:hover {
background-color: #f3f3f3;
}
#meniub3 {
background: url(../img/rotate.png) no-repeat;
background-position: center;
}
#meniub3:hover {
background-color: #f3f3f3;
}
#butoaneCorpuri {
position: absolute;
width: 185px;
height: 35px;
border-radius: 25px;
background-color: #282828;
overflow: hidden;
user-select: none;
}
.linieOri {
position: relative;
display: inline-block;
height: 24px;
margin-bottom: 5px;
padding: 0px;
border: 0px;
border-left: 1px;
border-color: #DDD;
border-style: solid;
z-index: 5;
}
.arrowButtons {
position: absolute;
background: #282828;
font-size: 26px;
text-align: center;
margin: 0 auto;
bottom: 0;
height: 155px;
border: none;
width: 65px;
color: #dadada;
z-index: 998;
}
.arrowButtons:hover {
color: red;
transform: scale(1.05);
}
#buttonRight {
right: 0px;
transition: all 2s ease-in-out;
display: none;
}
#buttonLeft {
transition: all 2s ease-in-out;
display: none;
}
#thumbs {
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
background-color: rgba(256, 256, 256, 1);
display: block;
margin-right: 65px;
margin-left: 65px;
width: auto;
height: 155px;
z-index: 5;
transition: all 2s ease-in-out;
}
.showInfoMain {
width: 400px;
height: 300px;
/*background-color: #AAA;*/
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: visible;
}
#showInfoCorp {
-webkit-transform: translateY(-300px);
-ms-transform: translateY(-300px);
-o-transform: translateY(-300px);
-moz-transform: translateY(-300px);
transform: translate(0px, -300px);
}
.fullContainer {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
top: 0px;
left: 0px;
opacity: 0;
}
#confirmMessageContainer {
display: none;
}
.closeBtn {
position: absolute;
width: 30px;
height: 30px;
cursor: pointer;
background: url(../img/closeInfo.png) no-repeat;
background-position: center;
border: 1px solid #ffffff;
}
.showClass {
position: absolute;
width: 400px;
height: 180px;
top: 5px;
background-color: #FFF;
}
#contentMesaj {
height: 220px;
}
.titltInfoText {
vertical-align: top;
margin-top: 13px;
font-weight: bold;
color: red;
}
.linieInfo {
width: 100%;
border: 0px;
border-bottom: 1px;
border-color: #a2a2a2;
border-style: solid;
}
.mesajContainer {
font-size: 14px;
/*font-weight: bold;*/
text-align: center;
vertical-align: middle;
margin: 35px;
margin-top: 40px;
margin-bottom: 20px;
height: 60px;
/*background-color: #c2c2c2;*/
}
.invisible {
visibility: hidden;
}
.butoaneDaNu {
width: 120px;
position: relative;
left: 140px;
}
.bDaNu {
display: inline-block;
font-weight: bold;
width: 50px;
border: 1px;
border-color: #DDD;
border-style: solid;
cursor: pointer;
text-align: center;
padding: 5px;
}
.bDaNu:hover {
border-color: #AAAAAA;
background-color: #f3f3f3;
}
#textInfo {
font-size: 15px;
text-align: center;
}
.t_texts {
margin-top: 5px;
margin-bottom: 5px;
}
#t_numeLung {
margin-bottom: 25px;
}
.borderless td {
border: none !important;
border-top: 1px #dadada solid !important;
padding: 5px !important;
}
#float {
width: 200px;
position: fixed;
top: 40px;
left: 0;
}
.th-align-center {
text-align: center;
}
.th-align-right {
text-align: right;
}
.th-align-left {
text-align: left;
}
.culoriSetup {
width: 200px;
height: 45px;
}
#distantePereti {
bottom: 0;
top: 0;
height: 40px;
display: none;
padding-top: 1px;
border-bottom: 2px solid #ddd;
position: absolute;
width: 100%;
text-align: center;
font-family: monospace;
font-size: 12px;
color: #ffffff;
background-color: #282828;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
transition: all 2s ease-in-out;
user-select: none;
}
.formTexts {
color: #000;
position: relative;
font-size: 10px;
font-weight: 700;
margin: 10px 0px 5px 0px;
}
.inputTexts {
position: relative;
font-size: 15px;
padding-left: 5px;
color: #ffffff;
background: transparent;
width: 600px;
height: 65px;
margin: 5px auto;
}
.contentClass {
width: 190px;
}
.table {
width: 186px !important;
max-width: 190px !important;
margin-bottom: 20px;
font-size: 13px;
color: white;
}
#loader {
background: #282828;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99999;
user-select: none;
}
.white-light {
width: 200px;
height: 10px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #ffffff;
border-radius: 3px;
box-shadow: 0 0 100px #ffffff, 0 0 200px #ffffff, 0 0 1000px #ffffff, 0 0 1500px #ffffff, 0 0 20px #ffffff, inset 0 0 5px #ffffff;
border-radius: 3px;
animation: flicker 2s linear infinite;
}
.white-light:before {
content: "";
width: 30px;
height: 10px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: red;
border-radius: 3px;
box-shadow: 0 0 100px #000,
0 0 50px #000,
0 0 50px #000,
inset 0 0 5px #000;
animation: animate 2s linear infinite;
}
@keyframes animate {
0% {
transform: translateX(-85px);
}
50% {
transform: translateX(85px);
}
100% {
transform: translateX(-85px);
}
}
p {
width: 100%;
height: 10px;
position: absolute;
top: -100px;
bottom: 0;
left: 0;
right: 0;
text-align: center;
color: aqua;
margin: auto;
text-shadow: 0 -6px 10px black;
animation: lights 1.5s linear infinite, flicker 1.5s infinite;
}
.ppdf {
margin: 0 auto;
color: #fff;
padding-top: 17px;
}
@keyframes lights {
0% {
color: white;
}
50% {
color: white;
}
100% {
color: white;
}
}
@keyframes flicker {
0% {
opacity: 1;
}
10% {
opacity: 0.5;
}
15% {
opacity: 1;
}
20% {
opacity: 0.5;
}
25% {
opacity: 1;
}
30% {
opacity: 0.3;
}
35% {
opacity: 1;
}
50% {
opacity: 1;
}
90% {
opacity: 0.7;
}
95% {
opacity: 1;
}
100% {
opacity: .3;
}
}
.titluculori {
font-size: 13px;
margin-bottom: 10px;
color: #ffffff
}
h1 {
text-align: center;
color: white;
padding-top: 15px;
font-size: 25px;
}
.antistrop2 {
background-image: url(../img/antistrop2.png);
}
.antistrop {
background-image: url(../img/antistrop.png);
}
.plinta4 {
background-image: url(../img/plinta4.png);
}
.plinta3 {
background-image: url(../img/plinta3.png);
}
.plinta2 {
background-image: url(../img/plinta2.png);
}
.plinta {
background-image: url(../img/plinta.png);
}
.blat {
background-image: url(../img/blat.png);
}
.sina {
background-image: url(../img/sina.png);
}
.clasic {
background-image: url(../textures/frezari/clasic.png);
}
.clasicnew {
background-image: url(../textures/frezari/clasicnew.png);
}
.linea {
background-image: url(../textures/frezari/linea.png);
}
.rame {
background-image: url(../textures/frezari/rame.png);
}
.ramenew {
background-image: url(../textures/frezari/ramenew.png);
}
.model1 {
background-image: url(../textures/manere/1.png);
}
.model2 {
background-image: url(../textures/manere/2.png);
}
.model3 {
background-image: url(../textures/manere/3.png);
}
.model4 {
background-image: url(../textures/manere/4.png);
}
.model5 {
background-image: url(../textures/manere/5.png);
}
.textopt {
float: left;
}
input:checked+.drinkcard-cc {
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
.drinkcard-cc {
cursor: pointer;
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: contain;
-webkit-transition: all 100ms ease-in;
-moz-transition: all 100ms ease-in;
transition: all 100ms ease-in;
-webkit-filter: brightness(1) grayscale(.5) opacity(.9);
-moz-filter: b ness(1) grayscale(.5) opacity(.9);
filter: brightness(1) grayscale(.5) opacity(.9);
border-radius: 2px;
}
.drinkcard-cc:hover {
-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
-moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
filter: brightness(1.2) grayscale(.5) opacity(.9);
}
.cc-selector-2 input:active+.drinkcard-cc {
opacity: .9;
}
.cc-selector-2 input:checked+.drinkcard-cc {
-webkit-filter: none;
-moz-filter: none;
filter: none;
}
#btnexp {
float: none;
width: 186px;
margin-top: 5px;
height: 30px;
cursor: default;
transition: 1s ease-in-out;
}
.nav-tabs {
border-bottom: none;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
.cards-calculator-btn {
position: fixed;
bottom: 170px;
right: 30px;
z-index: 1050;
border-radius: 50%;
background-color: #488bf4;
font-size: 0;
line-height: 0;
text-align: center;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}
.cards-calculator-btn__image {
margin: 11px;
width: 32px;
height: 32px;
display: inline-block;
}
button {
font-family: inherit;
border: 0;
padding: 0;
cursor: pointer;
outline: 0;
}
#element_to_pop_up {
display: none;
}
#popup {
min-height: 50%;
}
#popup {
background-color: #fff;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 25px 5px #999;
color: #111;
display: none;
min-width: 50%;
padding: 25px;
}
#configPrescreen {
margin: auto;
position: absolute;
width: 500px;
border-radius: 2px;
bottom: 0;
top: 0;
height: 300px;
left: 0;
right: 0;
text-align: center;
padding: 50px;
background-color: #fff;
box-shadow: 0px 0px 150px 19px rgba(255, 255, 255, 0.31);
user-select: none;
-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 1s both;
animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) 1s both;
}
@-webkit-keyframes puff-in-center {
0% {
-webkit-transform: scale(2);
transform: scale(2);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
@keyframes puff-in-center {
0% {
-webkit-transform: scale(2);
transform: scale(2);
-webkit-filter: blur(2px);
filter: blur(2px);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
}
.popup {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
}
.popup-overlay {
background: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.popup-content {
position: absolute;
background: #fff;
width: 500px;
margin: -58px 0 0 -264px;
left: 50%;
top: 15%;
z-index: 11;
padding: 14px;
}
.close-popup {
display: inline-block;
position: absolute;
top: -8px;
right: -30px;
font-size: 42px;
}
/* Animations */
.fadeIn {
animation: fadeIn 0.5s ease-in both;
-webkit-animation: fadeIn 0.5s ease-in both;
}
@keyframes fadeIn {
from {
opacity: 0;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
}
.fadeOut {
animation: fadeOut 0.5s ease-out both;
-webkit-animation: fadeOut 0.5s ease-out both;
}
@keyframes fadeOut {
to {
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
to {
opacity: 0;
}
}
.scaleIn {
animation: scaleIn 0.5s ease-in both;
-webkit-animation: scaleIn 0.5s ease-in both;
}
@keyframes scaleIn {
from {
opacity: 0;
transform: scale(0.5);
}
}
@-webkit-keyframes scaleIn {
from {
opacity: 0;
-webkit-transform: scale(0.5);
}
}
.scaleOut {
animation: scaleOut 0.5s ease-out both;
-webkit-animation: scaleOut 0.5s ease-out both;
}
@keyframes scaleOut {
to {
opacity: 0;
transform: scale(0.5);
}
}
@-webkit-keyframes scaleOut {
to {
opacity: 0;
-webkit-transform: scale(0.5);
}
}
.scaleUpIn {
animation: scaleIn 0.5s ease-in both;
-webkit-animation: scaleIn 0.5s ease-in both;
}
.scaleUpOut {
animation: scaleUpOut 0.5s ease-in both;
-webkit-animation: scaleUpOut 0.5s ease-in both;
}
@keyframes scaleUpOut {
to {
opacity: 0;
transform: scale(1.2);
}
}
@-webkit-keyframes scaleUpOut {
to {
opacity: 0;
-webkit-transform: scale(1.2);
}
}
.scaleDownIn {
animation: scaleDownIn 0.5s ease-in both;
-webkit-animation: scaleDownIn 0.5s ease-in both;
}
.scaleDownOut {
animation: scaleOut 0.5s ease-in both;
-webkit-animation: scaleOut 0.5s ease-in both;
}
@keyframes scaleDownIn {
from {
opacity: 0;
transform: scale(1.2);
}
}
@-webkit-keyframes scaleDownIn {
from {
opacity: 0;
-webkit-transform: scale(1.2);
}
}
.slideIn {
animation: slideIn 0.5s ease-in both;
-webkit-animation: slideIn 0.5s ease-in both;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(-50%);
}
}
@-webkit-keyframes slideIn {
from {
opacity: 0;
-webkit-transform: translateY(-50%);
}
}
.slideOut {
animation: slideOut 0.5s ease-out both;
-webkit-animation: slideOut 0.5s ease-out both;
}
@keyframes slideOut {
to {
opacity: 0;
transform: translateY(50%);
}
}
@-webkit-keyframes slideOut {
to {
opacity: 0;
-webkit-transform: translateY(50%);
}
}
.slideLeftIn {
animation: slideLeftIn 0.5s ease-in both;
-webkit-animation: slideLeftIn 0.5s ease-in both;
}
@keyframes slideLeftIn {
from {
opacity: 0;
transform: translateX(-50%);
}
}
@-webkit-keyframes slideLeftIn {
from {
opacity: 0;
-webkit-transform: translateX(-50%);
}
}
.slideLeftOut {
animation: slideLeftOut 0.5s ease-out both;
-webkit-animation: slideLeftOut 0.5s ease-out both;
}
@keyframes slideLeftOut {
to {
opacity: 0;
transform: translateX(50%);
}
}
@-webkit-keyframes slideLeftOut {
to {
opacity: 0;
-webkit-transform: translateX(50%);
}
}
.flipLeftIn {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipLeftIn .5s both ease-out;
-moz-animation: flipLeftIn .5s both ease-out;
animation: flipLeftIn .5s both ease-out;
}
@-webkit-keyframes flipLeftIn {
from {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
@keyframes flipLeftIn {
from {
transform: translateZ(-1000px) rotateY(90deg);
opacity: .2;
}
}
.flipLeftOut {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipLeftOut .5s both ease-in;
-moz-animation: flipLeftOut .5s both ease-in;
animation: flipLeftOut .5s both ease-in;
}
@-webkit-keyframes flipLeftOut {
to {
-webkit-transform: translateZ(1000px) rotateY(-90deg);
opacity: 0;
}
}
@keyframes flipLeftOut {
to {
transform: translateZ(1000px) rotateY(-90deg);
opacity: 0;
}
}
.flipRightIn {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipRightIn .5s both ease-out;
-moz-animation: flipRightIn .5s both ease-out;
animation: flipRightIn .5s both ease-out;
}
@-webkit-keyframes flipRightIn {
from {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
@keyframes flipRightIn {
from {
transform: translateZ(-1000px) rotateY(-90deg);
opacity: .2;
}
}
.flipRightOut {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: flipRightOut .5s both ease-in;
-moz-animation: flipRightOut .5s both ease-in;
animation: flipRightOut .5s both ease-in;
}
@-webkit-keyframes flipRightOut {
to {
-webkit-transform: translateZ(1000px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipRightOut {
to {
transform: translateZ(1000px) rotateY(90deg);
opacity: 0;
}
}
.rotateIn {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateIn .5s both ease-out;
-moz-animation: rotateIn .5s both ease-out;
animation: rotateIn .5s both ease-out;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn {
from {
-moz-transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@keyframes rotateIn {
from {
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
.rotateOut {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: rotateOut .5s both ease-in;
-moz-animation: rotateOut .5s both ease-in;
animation: rotateOut .5s both ease-in;
}
@-webkit-keyframes rotateOut {
to {
-webkit-transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
to {
-moz-transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@keyframes rotateOut {
to {
transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
.rotateCubeIn {
-webkit-transform-origin: 50% 100%;
-webkit-animation: rotateCubeIn .6s both ease-in;
-moz-transform-origin: 50% 100%;
-moz-animation: rotateCubeIn .6s both ease-in;
transform-origin: 50% 100%;
animation: rotateCubeIn .6s both ease-in;
}
@-webkit-keyframes rotateCubeIn {
0% {
opacity: .3;
-webkit-transform: translateY(-100%) rotateX(90deg);
}
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@-moz-keyframes rotateCubeIn {
0% {
opacity: .3;
-moz-transform: translateY(-100%) rotateX(90deg);
}
50% {
-moz-animation-timing-function: ease-out;
-moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@keyframes rotateCubeIn {
0% {
opacity: .3;
transform: translateY(-100%) rotateX(90deg);
}
50% {
animation-timing-function: ease-out;
transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
.rotateCubeOut {
-webkit-transform-origin: 50% 0;
-webkit-animation: rotateCubeOut .6s both ease-in;
-moz-transform-origin: 50% 0;
-moz-animation: rotateCubeOut .6s both ease-in;
transform-origin: 50% 0;
animation: rotateCubeOut .6s both ease-in;
}
@-webkit-keyframes rotateCubeOut {
50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateCubeOut {
50% {
-moz-animation-timing-function: ease-out;
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
-moz-transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateCubeOut {
50% {
animation-timing-function: ease-out;
transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
100% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
}
}
.box {
border: 1px solid white;
box-sizing: content-box;
width: 180px;
padding-top: 50px;
background: #fff;
}
.pret {
font-size: 13px;
text-align: left;
padding: 13px;
color: black;
text-shadow: none;
animation: none;
cursor: pointer;
top: 162px;
font-weight: 500;
float: left;
}
.titlumanere {
font-size: 14px;
text-align: center;
padding: 13px 0;
color: white;
text-shadow: none;
animation: none;
height: 49px;
cursor: pointer;
background: #282828;
top: 200px;
width: 185px;
margin-left: 0px;
}
.cantitate {
font-size: 13px;
text-align: right;
padding: 13px;
color: black;
text-shadow: none;
animation: none;
cursor: pointer;
top: 162px;
font-weight: 500;
float: right;
}
input[type=checkbox],
input[type=radio] {
margin: 0px auto !important;
position: inherit;
}
.contManere {
width: 100%;
margin: auto;
left: 0;
right: 0;
padding-top: 5%;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
padding: 5% 19.6%;
/* height: 85%; */
border-radius: 2px;
box-shadow: 0px 0px 150px 19px rgba(255, 255, 255, 0.31);
}
.contFrezari {
width: 100%;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
padding: 5% 5.8%;
/* height: 85%; */
border-radius: 2px;
box-shadow: 0px 0px 150px 19px rgba(255, 255, 255, 0.31);
}
.contOptiuni {
width: 100%;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
padding: 0px 15px;
border-radius: 2px;
box-shadow: 0px 0px 150px 19px rgba(255, 255, 255, 0.31);
overflow: auto;
}
.col-maner {
width: 200px;
float: left;
height: 195px;
}
.col-frez {
width: 200px;
float: left;
height: 222px;
}
.col-opt {
width: 200px;
float: left;
height: 200px;
margin-bottom: 30px;
}
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #e0e0e0;
border-radius: 8px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: red;
border-radius: 8px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
.btnexp:hover::before {
opacity: 1;
transform: scale(1, 1);
}
.btnexp::after {
transition: all 0.3s;
border: 1px solid rgba(255, 255, 255, 0.5);
}
.btnexp:hover::after {
transform: scale(1, .1);
opacity: 0;
}
#cameraB {
width: 65px;
height: 35px;
position: absolute;
float: right;
right: 205px;
top: -40px;
background-color: #FFFFFF;
border: 1px #dddddd solid;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
padding: 0px;
-webkit-transition: transform 2s ease-in-out;
-moz-transition: transform 2s ease-in-out;
-ms-transition: transform 2s ease-in-out;
-o-transition: transform 2s ease-in-out;
transition: transform 2s ease-in-out;
-webkit-transform: translateX(0px);
-ms-transform: translateX (0px);
-o-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translate(0px, 0px);
user-select: none;
}
.cameraButoane {
display: inline-block;
width: 30px;
height: 29px;
top: 0px;
background-color: #FFFFFF;
margin-bottom: 2px;
cursor: pointer;
z-index: 3;
}
.fullBtn {
display: inline-block;
width: 32px;
height: 32px;
margin-bottom: 4px;
background: url(../img/camera/cameraB.png) no-repeat;
background-color: #FFFFFF;
background-position: center;
cursor: not-allowed!important;
z-index: 5;
}
.fullBtn:hover {
background-color: #f3f3f3;
}
#cameraS {
margin-bottom: 4px;
background-color: #FFFFFF;
background: url(../img/camera/cameraS.png) no-repeat;
background-position: center;
cursor: default;
}
#cameraD {
margin-bottom: 4px;
background-color: #FFFFFF;
background: url(../img/camera/arrr.png) no-repeat;
background-position: center;
cursor: default;
}
#cameraS:hover {
background-color: #f3f3f3;
}
#cameraD:hover {
background-color: #f3f3f3;
}
.cameraButoaneUD {
display: block;
position: absolute;
width: 35px;
height: 30px;
background-color: #FFFFFF;
cursor: default;
top: -30px;
left: 31px;
z-index: -1;
border: 1px #dddddd solid;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
#cameraJos {
top: 33px;
height: 32px;
background: url(../img/camera/arrd.png) no-repeat;
background-color: #FFFFFF;
background-position: center;
-webkit-transition: transform 500ms ease-in-out;
-moz-transition: transform 500ms ease-in-out;
-ms-transition: transform 500ms ease-in-out;
-o-transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
-webkit-transform: translateY(-33px);
-ms-transform: translateY (-33px);
-o-transform: translateY(-33px);
-moz-transform: translateY(-33px);
transform: translate(0px, -33px);
}
#cameraJos:hover {
background-color: #f3f3f3;
}
#cameraSus {
background: url(../img/camera/arru.png) no-repeat;
background-color: #FFFFFF;
background-position: center;
-webkit-transition: transform 500ms ease-in-out;
-moz-transition: transform 500ms ease-in-out;
-ms-transition: transform 500ms ease-in-out;
-o-transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
-webkit-transform: translateY(30px);
-ms-transform: translateY (30px);
-o-transform: translateY(30px);
-moz-transform: translateY(30px);
transform: translate(0px, 30px);
}
#cameraSus:hover {
background-color: #f3f3f3;
}
.container {
padding: 2rem 0rem;
}
h4 {
margin: 2rem 0rem 1rem;
}
.table-image td,
.table-image th {
vertical-align: middle;
}
.nav-tabs>li {
margin-bottom: -2.5px;
}
h1.titlum {
background-color: #282828;
margin: 0 auto;
text-align: center;
height: 55px;
text-decoration: underline;
font-size: 21px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
font-family: monospace;
}
.dg.a {
margin-right: 0px!important;
width: 200px!important;
}
.dg.main .close-button {
width:200px!important;
}
.dg ul {
width: 200px!important;
}
.custom-control.custom-checkbox {
text-align: center;
}
.wapp{
position:fixed;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:#25d366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-wapp{
margin-top:16px;
}