body { color:#0a003b!important; background-color: rgba(0,0,0,0.06); }



/*navigation*/
.navbar-brand{ font-size:46px; font-weight:bold; color:#333; }
.navigation{ height:10vh; padding-top:2vh}
.bg-light{ background-color:transparent!important}
.right-nav{ width:100%}
.right-nav ul{ float:right}
.navbar-brand img{ height: 30px;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{ color:#0a003b; font-weight: bolder;}
.nav-link{ text-transform: uppercase;}

/*dropdown*/
.dropdown-menu{ border: none; border-radius: 0; background-color: #e6e6e6;}
.dropdown-item.active, .dropdown-item:active{ background-color: transparent; color:#0a003b ; font-weight: bold;}
.nav-dropdown{ padding:.25rem 1rem;}
.nav-dropdown .disabled{ color: #adb5bd!important}

/*social*/
.social{ margin-top:70vh}
.social li{ list-style:none; background-color:#0a003b; width:35px; height:35px; border-radius:30px; margin-bottom:1vh; text-align:center}
.social li a{ color:#fff; font-size:21px; line-height:35px}

/*login*/
.log-in{ margin-top:14vh; text-align:center; padding: 40px;}
.log-in h1{  margin-bottom:2vh; text-transform: uppercase; font-weight: bold;}
.log-in .subtitlu{margin-bottom:4vh; font-size: 1.2rem;}
.log-in .f1{ border-bottom:1px solid #0a003b; border-left:none; border-right:none; border-top:none; border-radius:0; margin-bottom:1vh; box-shadow:none; font-size:18px; background-color: transparent; color:#0a003b}
.log-in .f2{ float:left}
.log-in .f1:focus{color: #0a003b;}

.log-in .pass{ height:5vh; padding:0 30%; margin-top:4vh}
.log-in .pass p{ float:left}
.log-in .pass p a{text-decoration:none; color:#333; font-size:18px; font-weight:bold; line-height:36px }
.log-in .pass .btn{ background-color:#0a003b; padding:6px 24px; font-size:18px; color:#fff; text-decoration:none; border-radius:25px; float:right; transition: 0.3s; }
.log-in .pass .btn:hover{text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

.log-in .link{ margin-top:2vh}
.log-in .link a{text-decoration:none; color:#0fb0f6; font-weight:bold}
.log-in .btn1{ background-color:#0a003b; padding:6px 24px; font-size:18px; color:#fff; text-decoration:none; border-radius:25px; border:none; margin-top:1vh; transition: 0.3s;}
.log-in .btn1:hover{text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

/*content*/
.content{ height:85vh}
.content2{ height:75vh; overflow-y: scroll;}
.footer-content{ margin-top:5vh; height:2vh; text-align:right}

/*home*/
.home-description{ margin-top:20vh}
.home-description h1{ font-size:72px; margin-bottom:2vh; font-weight: lighter;}
.home-description h2{ font-size:38px; margin-bottom:3vh; font-weight: bolder;}
.home-description h2 span{ color:#0fb0f6; }
.home-description h3{ font-size:21px; margin-bottom:4vh; font-weight: 300;}

/*search*/
.search{ margin-top:26vh; }
.search h1{ text-align: center; font-weight: bold; margin-bottom: 2vh;}
.search p{ margin-bottom: 6vh; font-size: 1.2rem; text-align: center;}
.search p span{ font-style: italic; opacity: 0.7;}

.search-container{border: 1px solid #0a003b; border-radius: 36px; width:100%}
.search .f1{width: 75%; border: none; padding: 5px; height: 56px; outline: none; color: #0a003b; border-radius: 36px; float:left; padding-left:50px; box-shadow:none; font-size:21px; background-color: transparent;}
.search .f1:focus{color: #0a003b;}
.search .btn-search{ width: 15%; border:none; height: 56px; background: #0a003b; text-align: center; color: #fff; border-radius: 36px; cursor: pointer; font-size: 21px; float:right}
.search .btn-search:hover{ opacity:0.8}

/*search-result*/
.search-result{ margin-top:20vh}

/*listare*/
tbody, td, tfoot, th, thead, tr{ border-bottom:none; border-left:8px solid rgba(250,250,250,0); }
.table>:not(:first-child){ border-top:none}

.filtru{margin-top:4vh}
.filtru .titlu{ padding:0; margin:0; font-weight:bold; float:left; color:#0a003b}
.filtru a{ float:right; color:#0a003b; text-decoration:none}
.filtru a:hover{ opacity:0.7}
.filtru .select{ color:#0fb0f6}

.tabel{ overflow-y:scroll; height:62vh}
.link{ color:#000; text-decoration:none}
.tabel .lista{ padding:0; margin:0; font-size:16px}
.tabel .lista i{ margin-right:4px}
.tabel .lista a{ color:#ff0000; }
.tabel .lista .link{ font-weight: bold; color:#0a003b;}
.tabel .lista a:hover{ text-decoration:none; opacity:0.7}

.tabel .lista2{ padding:0; margin:0; font-size:16px; color:#0a003b;}
.tabel .lista2 i{ margin-right:4px}
.tabel .lista2 a{ color:#0a003b; text-decoration: none; }
.tabel .lista2 .link{ font-weight: bold; color:#0a003b;}
.tabel .lista2 a:hover{ text-decoration:none; opacity:0.7}


/*left-filters*/
.filtru-lateral{}
.filtru-lateral li{ list-style:none; background-color:#0a003b; width:35px; height:35px; border-radius:30px; margin-bottom:1vh; text-align:center}
.filtru-lateral li a{ color:#fff; font-size:21px; line-height:35px}
.filtru-lateral li a:hover{ color:#fff; opacity:0.7}

.inside-dropdown{ background: none!important; width: 100%!important; text-align: left!important; height: auto!important; margin: 0!important;}
.inside-dropdown p{ font-weight: bold; text-transform: uppercase; color:#0a003b}
.dropdown-item{ padding: 0; color:#0a003b!important; font-size: 1rem!important;}

.filtru-lateral .dropdown .btn{ padding:0; border:none}
.filtru-lateral .dropdown .btn:focus{ box-shadow:none}
.filtru-lateral .dropdown-menu{ background-color:#e6e6e6; border-radius:0; border:none; margin:-30px 0 0 50px!important; padding:15px; width:240px; box-shadow: 2px 2px 5px #888888;}
.filtru-lateral .dropdown-menu p{ font-size:18px; font-weight:bold;}
.filtru-lateral .dropdown-menu .btn{background-color:#0a003b; padding:4px 24px; font-size:16px; color:#fff; text-decoration:none; border-radius:25px; margin:auto; display:block; margin-top:20px}

/*form campanie*/
.campanie .f1{ border-bottom:1px solid #0a003b; border-left:none; border-right:none; border-top:none; border-radius:0; margin-bottom:1vh; box-shadow:none; font-size:18px; color: #0a003b; background-color: transparent; }
.campanie .f1:focus{color: #0a003b;}
.campanie .f2{ border-bottom:1px solid #0a003b; border-left:none; border-right:none; border-top:none; border-radius:0; margin-bottom:1vh; box-shadow:none; font-size:18px; color: #0a003b; background-color: #fff;}
.campanie .f2:focus{color: #0a003b;}
.campanie .hr-line{ border-bottom:1px solid #0a003b; margin-top: 1vh;}

.costuri_campanie{ margin-top: 1vh;}
.costuri_campanie ul{ padding: 0; margin: 0;;}
.costuri_campanie ul li{list-style: none; clear: both;}
.costuri_campanie ul li p{ padding: 0; margin: 0;}
.costuri_campanie .left-p{ font-size: 1rem; font-weight: bold;}
.costuri_campanie .left-p span{ color: #003fcf;}
.costuri_campanie .right-p{font-size: 1rem; font-weight: bold;}
.costuri_campanie .right-p span{color: #00c1cf;}

/*modul-media*/
.modul-media{ margin-top:28vh;}
.modul-media ul{ float:right}
.modul-media li{ list-style:none; background-color:#0a003b; width:35px; height:35px; border-radius:30px; margin-bottom:1vh; text-align:center}
.modul-media li a{ color:#fff; font-size:21px; line-height:35px}
.modul-media li a:hover{ color:#fff; opacity:0.7}

/*contact*/
.contact{ margin-top:14vh; text-align:center; padding: 40px;}
.contact h1{  margin-bottom:1vh; margin-top: 2vh; font-weight: bold; text-transform: uppercase;}
.contact p{ font-size: 1.2rem; margin-bottom:3vh}
.contact .f1{ border-bottom:1px solid #0a003b; border-left:none; border-right:none; border-top:none; border-radius:0; margin-bottom:1vh; box-shadow:none; font-size:18px; color: #0a003b; background: none;  }
.contact .f1:focus{color: #0a003b;}
.contact .btn{ background-color:#0a003b; padding:6px 24px; font-size:18px; color:#fff; text-decoration:none; border-radius:25px; margin-top:2vh; transition: 0.3s; }
.contact .btn:hover{text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

/*footer*/
.footer{ font-size:16px; height:5vh}
.footer ul li{ display:inline; list-style:none}
.footer ul li a{ text-decoration:none; color:#0a003b;}


/*factura*/
.header-factura img{ width: 40%;}
.header-factura h2{ font-size: 28px; font-weight: bold;}
.header-factura h2 span{ font-size: 21px;}
.header-factura h3{ font-size: 18px;}
.header-factura .bg-heading{ background-color:#0a003b; padding: 10px 20px; margin: 20px 0; }
.header-factura .bg-heading p{color: #fff; font-weight: bold; padding: 0; margin: 0;}
.header-factura .bg-heading p span{ float: right;}

.date-factura p{ margin: 0;}

.body-factura table{ width: 100%;}
.body-factura table thead{background-color:#0a003b; color: #fff; vertical-align: top;}
.body-factura table thead p{ padding: 8px 0; margin: 0;}
.body-factura table tbody tr{ border-bottom: 1px solid #ccc;}
.body-factura table tbody p{padding: 10px 0; margin: 0;}

.body-factura table tfoot p{ font-weight: bolder; padding: 20px 0 10px 0;}
.body-factura .total{background-color: #ccc;}
.body-factura .total tr{ border-bottom: none; font-weight: bold;}

.footer-factura{background-color: #ccc; padding: 10px 20px;}
.footer-factura p{padding: 0; margin: 0; text-align: center; font-size: 16px;}

.subfooter-factura{ padding: 10px 20px; }
.subfooter-factura p{padding: 0; margin: 0; text-align: center; font-size: 16px;}

/*cont*/
.detaliu-cont h1{ line-height: initial; margin-bottom: 4vh;}
.detaliu-cont h1 span{ font-size: 21px;}

.detaliu-cont .modul{ background-color: rgba(255,255,255,1); text-align: center; padding: 20px;}
.detaliu-cont .modul p{ padding: 0; margin: 0; font-weight: bolder;}

.marketing-set{ text-align: center; padding: 20px; margin-top: 2vh;}
.marketing-set p{ padding: 0; margin: 0;}
.marketing-set h3{padding: 5px 0 0 0; margin: 0; font-size: 24px; font-weight: bold;}

.sms-marketing{ background-color: rgba(255,79,205,0.6);}
.email-marketing{background-color: rgba(0,193,207,0.6);}
.pinkpost-marketing{background-color: rgba(255,29,37,0.6);}
.sails-marketing{background-color: rgba(255,147,30,0.6);}


/*butoane*/
.btn-1-pink{ background-color:#ff00ff; padding:14px 25px; font-size:21px; font-weight: bolder; text-transform: uppercase; color:#fff; text-decoration:none; border-radius:25px; transition: 0.3s; }
.btn-1-pink:hover{ text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

.btn-1{background-color:none; padding:8px 24px; font-size:16px; color:#221958; text-decoration:none; border-radius:25px; transition: 0.3s; border: 2px solid #221958; }
.btn-1:hover{text-decoration: none; color: #221958; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

.btn-2{background-color:#221958; padding:8px 24px; font-size:16px; color:#fff; text-decoration:none; border-radius:25px; transition: 0.3s; border: none;}
.btn-2:hover{text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

.btn-3{background-color:#0a003b; padding:8px 24px; font-size:16px; color:#fff; text-decoration:none; border-radius:25px; transition: 0.3s; border: none; }
.btn-3:hover{text-decoration: none; color: #fff; opacity: 0.9; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 70%);}

/*bg*/

.bg-left-home{ background-image:url(https://alizcollection.ro/konnex/images/bg-left-home.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.bg-right-home{ background-image:url(https://alizcollection.ro/konnex/images/bg-right-home.png); background-repeat: no-repeat; background-size: contain; background-position: center center;}

/*modal set*/
.modal-dialog{ margin-top: 20vh;}
.modal-content{ border-radius: 20px; border: none; padding: 20px;}
.modal-header{ border-radius: 0; border: none;}
.modal-body{ text-align: center;}
.modal-body h5{ font-weight: bold; font-size: 2rem; line-height: 2.4rem;}
.modal-body p{ font-size: 1.2rem; margin: 1vh 0 2vh 0; line-height: 1.6rem;}
.modal-body p span{ font-size: 0.9rem; line-height: 1.1rem;}
.modal-body .form-select2{ width: 100%; padding: 8px 0; border-top: none; border-left: none; border-right: none; border-color:#221958; color:#221958; margin-top: 1vh;}
.modal-body .form-control2{width: 100%; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #221958; margin-top: 1vh; margin-bottom: 2vh;}
.modal-footer{ border-radius: 0; border: none; text-align: center;}

.search-modal{ width: 60vw;}
.modal-open{ background: rgba(34,25,88,0.3)}

/*set*/
.mt-1{ margin-top: 1vh;}
.mt-2{ margin-top: 2vh;}
.mt-4{ margin-top: 4vh;}
.mt-6{ margin-top: 6vh;}
.mt-10{ margin-top: 10vh;}

.mr-15{ margin-right: 15px;}
.mr-30{ margin-right: 30px;}

.mb-4{ margin-bottom: 4vh;}
.mb-6{ margin-bottom: 6vh;}
.mb-10{ margin-bottom: 10vh;}

ul{ padding:0; margin:0}
.right{ float:right}
.center{ text-align:center}
.right{ text-align: right;}

.f3{border-bottom:1px solid #0a003b; border-left:none; border-right:none; border-top:none; border-radius:0; margin-bottom:1vh; box-shadow:none; font-size:18px; color: #0a003b; background: none;}

@media (min-width: 576px){
.modal-dialog { max-width: 700px; margin: 20vh auto;}
}