html {height: 101%;}
/**/
html {
height: 100vh;
overflow-y: scroll;
}
body {
color:#211f1f;
}
#searchTableBox {
width:100%;
left:0px;
top:0px;
background-color:rgba(154, 156, 157, 0.392);
min-height:100vh;
z-index: 1;
position: absolute;
display: none;
}
.trb {
font-weight: bold;
margin:3px 0px 5px 0px;
}
.miniBody {
border-collapse: collapse;
}
.miniBody td{
border: 1px solid rgb(158 205 255);
}
#page_session {
display:none;
}
.form-control {
margin: 12px 0px;
}
.card, .card_menu {
/*
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
*/
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
.illustrationCard {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
.card_menu {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
/*border-radius: .25rem;*/
}
.form-control {
color:#2d5ac3;
font-size: .8rem;
max-width:300px;
}
.form-control:focus {
color:#2d5ac3;
}
/*
.container {
border:solid 1px blue;
}
.row div {
border:solid 1px rgb(255, 0, 212);
}
*/
#user_welcome {
display:none;
}
/**/
#uitleg {
margin-top:60px;
}
.nav-item_selected {
border-bottom: solid 4px #c1c1c1;
}
section {
/**//*margin-top:41px; */
}
.me_tel a span, .me_mail_r a span,.me_mail_l a span, .me_auto a span, .me_account a span {
display: none;
font-size: 25px;
}
.me_tel a i, .me_mail_r a i,.me_mail_l a i, .me_auto a i, .me_account a i {
font-size: 20px;
}
.me_tel{
position: absolute;
top: 11px;
left: 23px;
}
.me_mail_r{
position: absolute;
top: 11px;
right: 0px;
display:none;
}
.me_mail_l{
position: absolute;
top: 80px;
left: 20px;
}
.me_mail_l span{
padding-bottom:4px;
padding-left: 2px;
}
.me_auto{
position: absolute;
top: 39px;
left: 19px;
}
.me_tel a, .me_mail_r a,.me_mail_l a, .me_auto a, .me_account {
color: #446e9a!important;
cursor:pointer!important;
}
.me_tel a:hover, .me_mail_r a:hover,.me_mail_l a:hover, .me_auto a:hover:hover {
color: #242424!important;
text-decoration: none!important;
}
.adjust_menu1 {
margin-top: -22px;
width:100%;
}
ul li {
display:inline-block;
}
.nav {
overflow: hidden;
}
.bars {
padding: 0px;
margin: 0px;
position: absolute;
display: block;
height: 35px;
top: 12px;
right: 0px;
padding-right: 15px;
}
.bars button {
padding:0px;
margin:0px;
}
.fa-automobile {
padding-top:6px;
}
.fixed-top {
border-bottom: 1px solid #98acff;
}
.menu_bar {
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
.menu_bar.show {
height:310px;
}
.menu_bar div.container {
height:310px;
}
.menu_box1 .navbar-nav {
display:inline-block;
height: 50px;
padding: 10px 0px 0px 0px;
}
.page {
display:none;
}
.searchTable {
border: 1px solid red;
position: relative;
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
padding: 0px 10px 6px 10px;
box-shadow: 1px 2px 15px -5px rgb(0 0 0 / 60%);
background-color: white;
opacity: 100;
background-color: rgb(255, 255, 255);
width:90%;
z-index: 1;
left: 5%;
margin-top: 20px;
padding-bottom: 13px;
margin-top: 105px;
margin-bottom: 30px;
}
.searchTableRow {
justify-content: center;
}
.menu_box2 ul{
margin-bottom: 24px;
margin-top: 10px;
}
.bg718392526_div {
border: #8dc3ae 4px solid;
width: 100%;
margin: 15px 0px;
}
.bg718392526 {
background: url(foto/718392526.jpg) no-repeat 100% 100% #eeeae7;
padding: 0px 0px;
background-position: 16% center;
background-size: 150% 150%;
height: -3em;
margin: 0px;
width: 100%;
padding-bottom: 66%;
}
.row_foto_right{
margin-right: 0px;
}
.row_foto_left{
margin-left: 0px;
}
#project_selection {
font-size: 0.85rem;
margin: 0px -2px;
}
div#project_selection div {
cursor: pointer;
margin: 6px 3px;
display: inline-block;
background-color: #dfdfdf;
padding: 2px 15px;
/*border-radius: .25rem;*/
font-weight: bold;
}
div#project_selection div:hover {
background-color: #afbce7;
}
changeProjectButton{
margin-top:16px;
}
#logoutButton, #changeProjectButton{
margin-top:16px;
margin-left: 3px;
}
#loginButton {
margin-top:10px;
}
.forgotpw {
font-size: 10px;
cursor:pointer;
vertical-align: bottom;
width:50%;
display:inline-block;
text-align: right;
}
#forgot_pw, #reset_pw {
display:none;
}
.page {
margin-bottom: 20px;
}
#resetPwForm #sendButton {
}
.btn-primary.disabled {
color: #fff;
background-color: #c9c9c9;
border-color: #c9c9c9;
}
.card_menu {
padding: 0px 15px 10px 15px;
}
.section_title {
margin-top: 0px;
}
.card_menu_group > div{
padding-top: 6px;
padding-bottom:3px;
}
.card_menu_group a{
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
margin-left: 5px;
}
.card_menu_group a i {
width: 27px;
}
.card_menu_group div:not(.section_title) {
cursor:pointer;
}
.card_menu_group .section_title {
cursor:default;
/*pointer-events: none;*/
}
.card_menu_group div:hover a {
background-color: #dbe9f9;
cursor:pointer;
}
.a_active {
background-color: #fff7002b;
color: black;
}
.section_title {
width:100%;
border-bottom: 1px solid rgb(179, 179, 179);
}
.top_tab_menu {
padding: 0px 15px 10px 15px;
}
.top_tab_menu a{
display: block;
margin-top: 5px;
cursor:pointer;
}
.top_tab_menu a i {
width: 27px;
}
.row {
margin-left:0px;
margin-right:0px;
}
.plane {
margin-top: 5px;
margin-bottom: 5px;
}
.coll_adapt div[class^="col"]{
padding-left:0px;
padding-right:0px;
}
.coll_adapt > div {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
margin-left: -10px;
margin-right: -10px;
padding: 0px 10px 6px 10px;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
#table_to {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
padding: 0px 0px 6px 0px;
max-width:49.5%
}
#table_from {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
margin-right:1%;
padding: 0px 0px 6px 0px;
max-width:49.5%;
min-height:50px;
}
#table_from table {
width: 100%;
}
#table_to table {
width: 100%;
}
.table_to {
border: 1px solid rgba(0, 123, 255, 0.3803921568627451);
padding: 0px 10px 6px 10px;
max-width:49%
}
.searchTable .col-md-12 {
padding-left:0px;
}
#make_invoices div[id^=_invoice_]{
display: none;
}
#invoice_draft_list table {
width: 100%;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
.draft_fact_item, .prep_fact_item {
padding: 5px;
margin: 10px 0px;
width:100%;
-webkit-transition: background 150ms linear;
-moz-transition: background 150ms linear;
-ms-transition: background 150ms linear;
-o-transition: background 150ms linear;
transition: background 150ms linear;
}
.draft_fact_item:hover, .prep_fact_item:hover {
background-color: #dbe9f9;
}
.draft_fact_item td, .prep_fact_item td{
text-align: left;
padding: 2px;
cursor: pointer;
}
.draft_fact_item td:first-child, .prep_fact_item td:first-child {
width:20px;
white-space:nowrap;
}
.more {
font-size:14px;
}
.fitToContent {
width: 50px;
white-space: nowrap;
font-size:14px;
}
.fa-sticky-note-o, .fa-sticky-note, .fa-plus-square-o, .fa-file-pdf-o {
margin-right:5px;
padding-left:5px;
}
.invoice_pdf {
width:20px;
}
.invoice_pdf:hover {
background-color: #3b96f5;
color:white;
}
.draft_list_footer {
padding: 3px 2px;
margin-top: 6px;
}
.draft_list_footer a#m_new{
cursor:pointer;
}
.topheader {
font-weight: bold;
}
#inv_page_num {
font-weight: normal;
}
#inv_factuur_nr, #docType {
padding-top:3px;
}
#docType{
display:inline-block;
padding-right: 5px;
}
#toggleDocType{
display:inline-block;
cursor: pointer;
}
.petss_data > div {
display:block;
text-align: left;
}
.petss_data > div div {
display: inline-block;
text-align: left;
}
.petss_data > div div:first-child {
width:23%;
display: inline-block;
text-align: left;
}
.petss_name{
font-size: 20px;
bottom:10px;
margin-top: 24px;
font-weight:bold;
}
.line {
border-bottom: 1px solid #9ecdff;
margin:8px 0px
}
.verkoopsvoorwaarden {
margin-top: 7px;
font-size: 16px;
}
#item_list table {
width:100%;
}
#item_list table td {
border:1px solid rgb(223, 223, 223);
}
#item_list table td:nth-child(1){
width:5%;
text-align: center;
}
#item_list table td:nth-child(2){
width:65%;
padding: 0px 10px;
}
#item_list table td:nth-child(3){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table td:nth-child(4){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table td:nth-child(5){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table td:nth-child(6){
border: none;
padding-left: 4px;
}
#item_list table th:nth-child(1){
width:5%;
text-align: center;
}
#item_list table th:nth-child(2){
width:54%;
padding: 0px 10px;
}
#item_list table th:nth-child(3){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table th:nth-child(4){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table th:nth-child(5){
width:13%;
padding: 0px 10px;
text-align: right;
}
#item_list table th:nth-child(6){
border:none;
padding-left: 4px;
}
#sum_exclusive, #sum_inclusive {
display: inline-block;
}
#subject {
display: inline-block;
font-weight: bold;
padding-left: 5px;
}
#client_name {
font-weight: bold;
}
#client_name::before, #client_address1::before,#client_contact::before, #client_date::before, #client_phone::before, #client_mobile::before, #client_vat::before, #client_status::before, #client_targetdate::before {
content:": ";
font-weight: normal;
}
#client_address2::before {
content:": ";
font-weight: normal;
color: white;
}
#unit_frame {
width: 170px;
height: 376px;
background-color: white;
border: 1px solid black;
z-index: 1;
position: absolute;
display: none;
padding: 10px;
line-height: 1;
}
.unit_price_inclusive {
margin-left: 16px;
padding: 0px 3px 0px 3px;
cursor: pointer;
}
.unit_price_exclusive {
margin-left: 16px;
padding: 0px 3px 0px 3px;
margin-top:5px;
cursor: pointer;
}
.unit_price_inclusive:hover, .unit_price_exclusive:hover {
background-color: #dbe9f9AA;
}
.price_title {
margin-bottom:13px;
font-weight: bold;
}
#unit_input {
padding: 0px 5px;
width:100px;
margin-top: 8px;
}
#ok {
margin-top: 5px;
margin-left: 96px
}
#unit_frame#ok {
}
#add_new_item {
cursor:pointer;
display: inline-block;
margin-top: 7px;
width:49%;
display:inline-block
}
#searchInDB {
width:49%;
display:inline-block;
text-align: right;
}
#searchInDB .fa {
cursor: pointer;
}
.petss_footer_text {
font-size: 12px;
}
#_user_list, #_user_new, #_project_list {
display:none;
}
#_users_list table, #_project_list table {
width: 100%;
}
#_users_list tr, #_project_list tr {
padding: 5px;
margin: 10px 0px;
/*-webkit-transition: background 150ms linear;
-moz-transition: background 150ms linear;
-ms-transition: background 150ms linear;
-o-transition: background 150ms linear;
transition: background 150ms linear;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);*/
}
#newUserSubmit {
display: block;
margin-top:10px;
}
[id^=_project_] {
display:none;
}
.usersList {
width:100%;
}
.usersList td:nth-child(6) {
word-break: break-word;
}
.usersList td {
padding: 0px 8px;
vertical-align: top;
}
.usersList tr:first-child, .projectslist tr:first-child {
border-bottom: 1px solid #9ecdff;
}
.projectslist tr:not(:first-child):hover td:not(:first-child) {
background-color:#dbe9f9;
}
.projectslist tr:not(:first-child):hover td:first-child i {
background-color:#b9daff;;
padding: 0px;
font-size: 13px;
color: black;
}
.fa-trash, .fa-edit {
cursor:pointer;
}
.searchTable table{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12px;
}
.searchTable table tr {
padding-right:5px;
vertical-align: top;
}
.searchTable table tr td {
padding-right:5px;
padding-left:5px;
vertical-align: top;
}
@media (min-width: 550px) {
.me_tel a span, .me_mail_r a span, .me_mail_l a span, .me_auto a span, .me_account a span{
display: inline-block;
vertical-align: middle;
font-size: 13px;
}
}
@media (min-width: 768px) {
}
#trashDiv {
position: absolute;
right: 30px;
top: 3px;
cursor: pointer;
margin-right: 3px;
height: 20px;
}
#moveToTrash {
display: inline-block;
margin-right:3px;
width:10px;
}
.disp {
display: inline-block;
margin-right:3px;
width:10px;
}
#confirmTrash {
display: none;
margin-right:3px;
width:10px;
}
#moveToTrash i {
position: absolute;
width: 10px;
top: 4px;
}
#confirmTrash input {
position: absolute;
width: 14px;
top: 6px;
}
.me_mail_footer {
cursor:pointer!important;
margin: -16px 0px -23px 0px
}
.me_mail_footer:hover{
text-decoration: underline!important;
}
.me_mail2 a, .me_auto2 a {
color: #242424!important;
cursor:pointer!important;
}
.me_mail2 a:hover, .me_auto2 a:hover {
color: #8ec2ae!important;
}
.contact_links a{
color:#242424;
font-size:20px;
}
.contact_links i{
font-size: 24px;
}
.contact_links a:hover {
color: #8ec2ae;
text-decoration: none;
}
.me_auto_footer {
color:#242424;
cursor:pointer!important;
margin: -16px 0px;
}
.me_auto_footer:hover {
text-decoration: underline!important;
}
.contact_links div {
margin-bottom: 20px;
}
.contact_links {
margin-bottom:10px;
}
.contact_formulier {
font-size: 22px;
margin-bottom: 23px;
}
.relooking_text {
margin: 20px 0px 20px 0px;
padding: 0px 44px 0px 44px;
}
.relook_title
{
border: 1px solid #8dc3ae;
background-color: #c4f3e09c;
padding: 10px;
color: #242424;
font-weight: normal;
font-size: 1.4em;
margin:20px;
}
.arrangement {
border: 4px solid #8dc3ae;
margin:17px;
}
.arrangement_kiss
{
width: 45px;
margin: 10px;
}
.arrangement_title{
margin-top: 15px;
font-weight: bold;
font-stretch: 5px;
}
.relooking_title{
font-weight: bold;
margin-bottom: 40px;
font-stretch: 5px;
}
.arrangement_prijs {
margin-top:45px;
}
.fixed-top {
padding:0px;
}
.text-danger {
color: #252525!important;
}
.nav-link {
display: block;
padding: .5rem 1rem;
}
.logo_intro {
width:30%;
padding-top:100px;
padding-bottom:20px;
}
.groene_strook {
background-color:#8ec3af;
height:30px;
width:100%;
margin-top: 15px;
margin-bottom: 15px;
}
.logo_pos {
width: 100%;
position: absolute;
text-align: center;
top: 0px;
left: 0px;
background-color: white;
height:140px;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3)
}
.menu_pos {
right: 0px;
width: 70px;
position: absolute;
/* text-align: center; */
top: 23px;
left: inherit;
}
.cursor_pointer {
cursor: pointer;
}
.ul_left {
padding: 4px 0em 0px 3.3em;
}
.ul_right {
padding: 4px 3.3em 0px 0em;
}
.tmp_text {
padding-top: 35px;
}
.menu_box1 {
display:none;
}
.menu_box2 {
display: block;
position: absolute;
left: 0px;
width: 100%;
top:78px;
background-color: white;
border-bottom: 1px solid #98acff;
margin-top: 0px;
}
.fixed-top {
height:120px;
background-color:white;
z-index: 1;
}
#mainNav {
height:80px;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
#mainNav2 {
height:75px;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
}
.navbar_pos {
position: absolute;
top: 88px;
right: 46px;
}
.fa-home {
font-size: 18px;
}
.green-border {
background-color: #8dc2ae;
height:45px;
width:100%;
}
.margin-above {
margin-top:30px;
}
.margin-below {
margin-bottom:30px;
}
.menu_bar li a {
height: 42px;
/*
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
*/
}
.img-fluid {
border: #8dc3ae 4px solid;
}
.text-muted {
color: #404040!important;
}
.bg_vicky {
background: none;
color: #232323;
padding: 0px 0px;
margin: 0px 0px;
}
.bg_718392526 {
/*
background: url( "img/zyom/718392526.jpg") no-repeat 100% 100% #0f0909;
color: #232323;
padding: 100px 0;
background-position-x: 63%;
*/
}
.bg_right_718392526 {
/*
background: url(img/zyom/718392526_right.jpg) no-repeat 100% 100% #eeeae7;
color: #232323;
padding: 160px 0;
margin-bottom: -45px;
background-position-x: 60%;
*/
}
.text-box-green {
/*
border: 1px solid #8dc3ae;
background-color: #c4f3e0;
background-color: rgba(141,195,174, 0.5);
background-color: rgba(193, 241, 222, 0.5);
visibility: visible;
*/
margin-right: 15px;
}
.vicky_left_bottom {
left: 0px;
margin-bottom: 15px;
}
.just-left {
left:0px;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 5px;
}
.just-end-to-center{
justify-content: center;
position: relative;
}
#graag_afspraak {
margin-bottom: 15px;
}
#sendMessageButton {
padding: 9px;
margin-top: 23px;
margin-bottom: 35px;
}
#contact a {
display:block;
}
afspraak {
display: table;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 4px;
color: white;
font-size: 14px;
font-weight: lighter;
/*border-radius: 3px;*/
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
copynow, copynow_whatsapp {
display: inline-block;
padding: 4px 10px 5px 10px;
color: rgb(0, 0, 0);
font-size: 11px;
cursor: pointer;
margin: 10px 4px;
margin-top: 12px;
letter-spacing: 1px;
margin-bottom: 10px;
background-color: #dfefff;
}
copynow:hover, copynow_whatsapp:hover {
background-color: #3b96f5;
color: white;
}
afspraak {
background-color: #bb9317;
}
copynow, copynow_whatsapp {
/*background-color: #6cb4ff;*/
border: 1px solid #3b96f5;
}
afspraak:hover {
background-color: #8cc2ac;
}
afspraak_center {
display: table;
margin-top: 20px;
margin-bottom: 20px;
padding: 0px 4px;
background-color: #bb9317;
color: white;
font-size: 14px;
font-weight: lighter;
/*border-radius: 3px;*/
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
afspraak_center:hover {
background-color: #8cc2ac;
}
#success {
margin-top: 15px;
}
#clp {
position:relative;
left:-1000px;
}
p div {
margin-top: -5px;
}
.fa.fa-save {
font-size: 15px;
padding: 3px;
background-color: #e4e4e4;
/*border-radius: 3px;*/
border: 1px solid black;
margin-left:10px;
cursor: pointer;
}
.overlap_1 {
width: 55%;
position: relative;
padding-left: 10%;
z-index: 1;
min-width: 240px;
}
.overlap_2 {
width: 55%;
left: 50%;
position: relative;
/* margin-left: -10%; */
padding-right: 10%;
margin-left: -10%;
margin-top: -5%;
margin-bottom: -5%;
z-index: 4;
min-width: 240px;
}
.overlap_box {
margin-bottom: 10%;
}
@media (min-width: 992px) {
.me_tel span, .me_mail span, .me_auto span, .me_account span{
font-size: 25px;
}
.me_tel{
}
.me_mail_r{
display:block;
}
.me_account{
display:none;
}
.me_mail_l{
display: none;
}
.me_auto {
}
.me_account {
position: absolute;
top: 38px;
right: 0px;
}
.menu_box1 {
display:block;
}
.bars {
display:none;
padding-right: 15px;
}
#mainNav.navbar-shrink {
height:80px;
z-index:1;
}
.menu_box2 {
display:none;
}
.menu_pos {
width: 100%;
position: absolute;
text-align: center;
top: 93px;
left: 0px;
}
section h2.section-heading {
font-size: 40px;
margin-top: 30px;
margin-bottom: 15px;
}
.menu_bar li a {
width: 100%;
}
.just-end-to-center{
justify-content: flex-end;
position: relative;
bottom: -136px;
margin-right: 0.8%;
}
.vicky_left_bottom {
left: 0px;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
bottom: -300px;
}
}
.logo img {
width:170px;
padding-top: 15px;
}
body {
overflow-x: hidden;
font-family: 'verdana','Roboto Slab','Helvetica Neue',Helvetica,Arial,sans-serif
}
p {
line-height: 1.75
}
a {
color: #242425
}
a:hover {
color: #8dc3ae;
text-decoration: none;
}
.text-primary {
color: #242425!important
}
h1,h2,h3,h4,h5,h6 {
font-weight: 700;
font-family: Verdana,Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
section {
padding-top: 105px;
margin: 0px;
padding-left: 45px;
padding-right: 45px;
}
section h2.section-heading {
font-size: 29px;
margin-top: 90px;
margin-bottom: 15px;
}
section h3.section-subheading {
font-size: 16px;
font-weight: 400;
/* font-style: italic; */
margin-bottom: 30px;
text-transform: none;
font-family: 'Verdana','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.smartdev_fullwidth {
width:100%;
}
@media (min-width: 768px) {
.bg_404480014 {
background: none;
color: #232323;
padding: 0px 0px;
margin: 0px 0px;
}
}
@media (min-width: 992px) {
.bg_404480014 {
background: url(img/zyom/404480014_middle_small_e3e9db.jpg) no-repeat 10% 6% #eeeae7;
color: #232323;
padding: 160px 0;
background-color: #e3e9db;
}
.bg_448888804 {
background: url(img/zyom/448888804.jpg) no-repeat 100% 100% #ffffff;
color: #232323;
padding: 326px 0px 163px;
margin: 45px 0px;
margin-bottom: 0px;
background-position-x: 57%;
}
.bg_392293321 {
background: url(img/zyom/392293321.jpg) no-repeat 100% 100% #d2a181;
color: #232323;
padding: 450px 0px 163px;
/* margin: 45px 0px; */
margin-top: 0px;
background-position-x: 57%;
}
.bg_181789427 {
background: url(img/zyom/181789427.jpg) no-repeat 100% 100% #ac3055;
color: #232323;
padding: 450px 0px 163px;
/* margin: 45px 0px; */
margin-top: 0px;
background-position-x: 57%;
}
.bg_vicky {
background: url(img/zyom/vicky.jpg) no-repeat 100% 100% #8dc2ae;
color: #232323;
padding: 420px 0;
background-position-x: 63%;
}
.smartdev_fullwidth {
display:none;
}
}
.btn {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 700
}
.btn-xl {
font-size: 18px;
padding: 20px 40px
}
.btn-primary {
background-color: #242424;
border-color: #242424;
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
/*/background-color: #3a7ec7!important;
border-color: #3a7ec7!important;*/
background-color: #777777!important;
border-color: #777777!important;
color: #fff
}
.btn-primary:active,.btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(254,209,55,.5)!important
}
/* fed 136 */
::-moz-selection {
background: #ffc55a;
text-shadow: none
}
::selection {
background: #ffc55a;
text-shadow: none
}
img::selection {
background: 0 0
}
img::-moz-selection {
background: 0 0
}
body {
-webkit-tap-highlight-color: #fafafa;
}
#mainNav .navbar-toggler {
font-size: 32px;
color: #93a6ff;
margin-top: 0px;
z-index: 1;
margin: 0px 0px;
padding: 0px;
}
.navbar-toggler:focus, .navbar-toggler:hover {
outline: 0;
}
#mainNav .navbar-brand {
background-color: rgba(255, 255, 255, 1);
padding-top:14px;
}
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover {
color: #bb9117
}
#mainNav .navbar-nav .nav-item .nav-link {
font-size: 14px;
font-weight: 353;
color: #252525;
font-family: Verdana, Geneva, Tahoma, sans-serif;
padding-left: 10px;
text-align: center;
list-style-type: none;
/* do not reomove *//*
-webkit-transition: all .1s;
-moz-transition: all .1s;
transition: all .1s;
*/
}
.nav-item a i, .fa-level-up{
font-size: 28px;
color: #777777;
padding: 5px 5px 6px 8px;
border: 1px solid grey;
/*border-radius: 4px;*/
}
.nav-item a i:hover, .fa-level-up:hover{
background-color: #b3d5ff91;
}
.menu_box1 {
font-size: 14px;
font-weight: 353;
color: #252525;
font-family: Verdana, Geneva, Tahoma, sans-serif;
list-style-type: none;
position: relative;
}
#mainNav .navbar-nav .nav-item .nav-link:hover {
background-color: #b3d5ff91;
color:rgb(0, 0, 0);
}
#mainNav .navbar-nav .nav-item .nav-link.active {
/* background-color: #fff7002b;
color: #004fa2;
border-bottom: solid 2px #004fa2;;*/
color: #000000;
border-bottom: solid 3px #3b96f5;
}
a.active {
color: #000000;
border-bottom: solid 3px #3b96f5;
padding-bottom:3px;
}
@media (min-width: 1180px) {
#mainNav .navbar-nav .nav-item .nav-link {
font-size: 15px;
font-weight: 353;
color:#211f1f;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
/*
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
*/
}
}
@media (min-width: 992px) {
#mainNav {
padding: 5px 50px;
/*
-webkit-transition: padding-top .3s,padding-bottom .3s;
-moz-transition: padding-top .3s,padding-bottom .3s;
transition: padding-top .3s,padding-bottom .3s;
*/
background-color: white;
height: 174px;
box-shadow: 1px 2px 15px -5px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
#mainNav .navbar-brand {
font-size: 1.75em;
/*
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
*/
background-color: rgba(255, 255, 255, 0.6); /*- vicky1 */
background-color: rgba(255, 255, 255, 1);
margin-right: 0px;
}
#mainNav .navbar-nav .nav-item .nav-link {
padding: 0px 2px 2px 2px!important;
margin: 0px 6px;
}
.container {
max-width: 1322px;
}
.nav-link {
font-size:0.75em;
}
}
@media (max-width: 991px) and (min-width: 600px) {
.menu_pos {
right: 0px;
width: 100px;
position: absolute;
/* text-align: center; */
top: 23px;
left: inherit;
}
.just-end-to-center{
justify-content: center;
position: relative;
bottom: -136px;
}
.vicky_left_bottom {
left: 0px;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
bottom: -300px;
}
}
@media (max-width: 599px) {
#mainNav .navbar-nav .nav-item .nav-link {
font-size: 91%;
}
.menu_pos {
right: 0px;
width: 65px;
position: absolute;
/* text-align: center; */
top: 23px;
left: inherit;
}
.bg_right_718392526 {
background: url(img/zyom/718392526_right.jpg) no-repeat 100% 100% #eeeae7;
color: #232323;
padding: 0px 0px;
background-position: 54% center;
margin:-15px 0px;
}
}
header.masthead .intro-text {
padding-top: 150px;
padding-top: 272px;
padding-bottom: 100px
}
header.masthead .intro-text .intro-lead-in {
font-size: 22px;
font-style: italic;
line-height: 22px;
margin-bottom: 25px;
font-family: 'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif
}
.intro-lead-in {
visibility: hidden;
}
header.masthead .intro-text .intro-heading {
font-size: 50px;
font-weight: 700;
line-height: 50px;
margin-bottom: 25px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #4d9a7c;
opacity: 0.6;
letter-spacing: 11px;
text-shadow: -1px 0 #a48031, 0 1px #a48031, 1px 0 #a48031, 0 -1px #a48031;
}
@media (max-width: 767px){
#workshops img{
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
header.masthead .intro-text {
padding-top: 200px;
padding-bottom: 160px;
}
.intro-lead-in {
font-size: 40px;
font-style: italic;
line-height: 40px;
margin-bottom: 25px;
font-family: 'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif
color: #6b4a01;
}
.intro-heading {
font-size: 75px;
font-weight: 450;
line-height: 75px;
margin-bottom: 50px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #4d9a7c;
opacity: 0.6;
letter-spacing: 31px;
text-shadow: -1px 0 #a48031, 0 1px #a48031, 1px 0 #a48031, 0 -1px #a48031;
}
header.masthead .intro-text .intro-heading {
font-size: 75px;
font-weight: 700;
line-height: 75px;
margin-bottom: 50px;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
}
.service-heading {
margin: 15px 0;
text-transform: none;
/*text-align: center;*/
}
#portfolio .portfolio-item {
right: 0;
margin: 0 0 15px
}
#portfolio .portfolio-item .portfolio-link {
position: relative;
display: block;
max-width: 400px;
margin: 0 auto;
cursor: pointer
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
position: absolute;
width: 100%;
height: 100%;
/*
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
transition: all ease .5s;
opacity: 0;
*/
background: rgba(254,209,54,.9)
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 20px;
position: absolute;
top: 50%;
width: 100%;
height: 20px;
margin-top: -12px;
text-align: center;
color: #fff
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
margin-top: -12px
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
margin: 0
}
#portfolio .portfolio-item .portfolio-caption {
max-width: 400px;
margin: 0 auto;
padding: 25px;
text-align: center;
background-color: #fff
}
#portfolio .portfolio-item .portfolio-caption h4 {
margin: 0;
text-transform: none
}
#portfolio .portfolio-item .portfolio-caption p {
font-size: 16px;
font-style: italic;
margin: 0;
font-family: 'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif
}
#portfolio * {
z-index: 2
}
@media (min-width: 767px) {
#portfolio .portfolio-item {
margin:0 0 30px
}
}
.portfolio-modal {
padding-right: 0!important
}
.portfolio-modal .modal-dialog {
margin: 1rem;
max-width: 100vw
}
.portfolio-modal .modal-content {
padding: 100px 0;
text-align: center
}
.portfolio-modal .modal-content h2 {
font-size: 3em;
margin-bottom: 15px
}
.portfolio-modal .modal-content p {
margin-bottom: 30px
}
.portfolio-modal .modal-content p.item-intro {
font-size: 16px;
font-style: italic;
margin: 20px 0 30px;
font-family: 'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif
}
.portfolio-modal .modal-content ul.list-inline {
margin-top: 0;
margin-bottom: 30px
}
.portfolio-modal .modal-content img {
margin-bottom: 30px
}
.portfolio-modal .modal-content button {
cursor: pointer
}
.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
cursor: pointer;
background-color: transparent
}
.portfolio-modal .close-modal:hover {
opacity: .3
}
.portfolio-modal .close-modal .lr {
z-index: 1051;
width: 1px;
height: 75px;
margin-left: 35px;
/*
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);*/
background-color: #212529
}
.portfolio-modal .close-modal .lr .rl {
z-index: 1052;
width: 1px;
height: 75px;
/*
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);*/
background-color: #212529
}
.timeline {
position: relative;
padding: 0;
list-style: none
}
.timeline:before {
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 2px;
margin-left: -1.5px;
content: '';
background-color: #e9ecef
}
.timeline>li {
position: relative;
min-height: 50px;
margin-bottom: 50px
}
.timeline>li:after,.timeline>li:before {
display: table;
content: ' '
}
.timeline>li:after {
clear: both
}
.timeline>li .timeline-panel {
position: relative;
float: right;
width: 100%;
padding: 0 20px 0 100px;
text-align: left
}
.timeline>li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0
}
.timeline>li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0
}
.timeline>li .timeline-image {
position: absolute;
z-index: 100;
left: 0;
width: 80px;
height: 80px;
margin-left: 0;
text-align: center;
color: #fff;
border: 7px solid #e9ecef;
border-radius: 100%;
background-color: #242425
}
.timeline>li .timeline-image h4 {
font-size: 10px;
line-height: 14px;
margin-top: 12px
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
padding: 0 20px 0 100px;
text-align: left
}
.timeline>li.timeline-inverted>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0
}
.timeline>li.timeline-inverted>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0
}
.timeline>li:last-child {
margin-bottom: 0
}
.timeline .timeline-heading h4 {
margin-top: 0;
color: inherit
}
.timeline .timeline-heading h4.subheading {
text-transform: none
}
.timeline .timeline-body>p,.timeline .timeline-body>ul {
margin-bottom: 0
}
@media (min-width: 768px) {
.timeline:before {
left:50%
}
.timeline>li {
min-height: 100px;
margin-bottom: 100px
}
.timeline>li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right
}
.timeline>li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px
}
.timeline>li .timeline-image h4 {
font-size: 13px;
line-height: 18px;
margin-top: 16px
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left
}
}
@media (min-width: 992px) {
.timeline>li {
min-height:150px
}
.timeline>li .timeline-panel {
padding: 0 20px 20px
}
.timeline>li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px
}
.timeline>li .timeline-image h4 {
font-size: 18px;
line-height: 26px;
margin-top: 30px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 0 20px 20px
}
section h2.section-heading {
font-size: 18px;
margin-top: 55px;
margin-bottom: 25px;
color: #383838;
}
}
@media (min-width: 1200px) {
.timeline>li {
min-height:170px
}
.timeline>li .timeline-panel {
padding: 0 20px 20px 100px
}
.timeline>li .timeline-image {
width: 170px;
height: 170px;
margin-left: -85px
}
.timeline>li .timeline-image h4 {
margin-top: 40px
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 0 100px 20px 20px
}
}
.team-member {
margin-bottom: 50px;
text-align: center
}
.team-member img {
width: 225px;
height: 225px;
border: 7px solid #fff
}
.team-member h4 {
margin-top: 25px;
margin-bottom: 0;
text-transform: none
}
.team-member p {
margin-top: 0
}
section#contact {
/*background-color: #8cc2ac;*/
}
section#contact .section-heading {
/* color: #fff */
}
section#contact .form-group {
margin-bottom: 25px
}
section#contact .form-group input,section#contact .form-group textarea {
padding: 7px; /*20px*/
border: solid 1px #8ec3af;
}
section#contact .form-group input.form-control {
height: auto
}
section#contact .form-group textarea.form-control {
height: 248px
}
section#contact .form-control:focus {
border-color: #242424;
box-shadow: none
}
section#contact .form-control{
border-color: blue;
box-shadow: none
}
section#contact ::-webkit-input-placeholder {
font-weight: normal;
color: #ced4da;
color: #555555;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
section#contact :-moz-placeholder {
font-weight: normal;
color: #ced4da;
color: #555555;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
section#contact ::-moz-placeholder {
font-weight: normal;
color: #ced4da;
color: #555555;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
section#contact :-ms-input-placeholder {
font-weight: normal;
color: #ced4da;
color: #555555;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
footer {
padding: 33px 0px 200px 0px;
padding: 11px 0px 0px 0px;
/* text-align: center; */
/* -webkit-box-shadow: inset 0px 5px 10px 1px rgba(0, 0, 0, 0.7); */
box-shadow: inset 1px 8px 15px -7px rgba(0, 0, 0, 0.234);
border-top: 1px solid #98acff;
}
footer span.copyright {
font-size: 90%;
line-height: 40px;
text-transform: none;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
footer ul.quicklinks {
font-size: 90%;
line-height: 40px;
margin-bottom: 0;
text-transform: none;
font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif
}
ul.social-buttons {
margin-bottom: 0
}
ul.social-buttons li a {
font-size: 20px;
line-height: 40px;
display: block;
width: 40px;
height: 40px;
/*
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
*/
color: #fff;
border-radius: 100%;
outline: 0;
background-color: #212529
}
ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover {
background-color: #bb9317;
}
/*==================================================
* Effect 1
* ===============================================*/
.effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.effect2:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.vtop{
/*padding on parent fixes this*/
}
.vcenter{
position: relative;
top: 50%;
transform: translateY(-50%);
}
.vbottom{
position: relative;
top: 100%;
transform: translateY(-100%);
}
.fa-window-close {
color: #000000;
font-size: 32px;
}
#info_message {
margin:0px;
border: 1px solid #3b96f5;
z-index: 1;
-webkit-box-shadow: 3px 1px 18px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 3px 1px 18px 0px rgba(0,0,0,0.27);
box-shadow: 3px 1px 18px 0px rgba(0,0,0,0.27);
font-family: Verdana, Geneva, Tahoma, sans-serif;
display: block;
min-width: 250px;
text-align: center;
vertical-align: middle;
padding: 50px 6% 10px 6%;
color: #000000;
background-color:white;
margin-left: -10px;
margin-right: -10px;
padding: 18px 40px 6px 40px;
box-shadow: 1px 2px 15px -5px rgb(0 0 0 / 30%);
}
}
#clipboard_txt {
display: table-cell;
display: inline-block;
text-align: center;
vertical-align: middle;
margin-bottom: 10px;
font-size: 18px;
min-width: 150px;
color: #000000;
padding: 0px 24px;
}
.centered {
position: fixed;
top: 50%;
left: 45%;
transform: translate(-40%, -50%);
}
.bg_message {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.3);
z-index: 50;
display:none;
text-align: center;
}
.bg_message img {
max-width: 184px;
margin: 35px 0px 0px 0px;
}
.cancel_box {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
padding: 0px 7px 26px 8px;
height: 20px;
}
.cancel_box:hover {
background-color: #6cb4ff;
color:white;
}
.footer_fixed {
position:'fixed', bottom:'0', width:'100%'!important;
}
.fa-4x {
font-size: 3em;
}
.projectslist {
font-size: 10px;
}
#m_website_new {
cursor: pointer;
}
#saveInvoice {
/*margin: 15px;*/
}
#factuurNr {
display: inline-block;
}
#subject {
display:block;
}
.table_subject {
width:100%;
}
.table_subject tr td:nth-child(1) {
width:200px;
}
.sorted_table tr td {
vertical-align: top;;
}
#factuur_form_controls {
min-height:68px;
width:100%;
}
#mysql_msg {
top:0px;
display: inline-block;
padding-top: 7px;
margin-left: 16px;
}
#saveInvoice {
top:0px;
display:none;
}
.controlRight {
position: absolute;
margin-top:15px;
right:30px;
display: block;
width: 348px;
text-align: right;
}
.controlRight_ {
display:inline-block;
}
.controlLeft {
position: absolute;
margin-top:15px;
left: 30px;
}
#capture {
padding:25px 25px 25px 60px;
width:1140px;
color:black;
display:none;
}
#capture #add_new_item {
visibility: hidden;
}
#capture #item_list table th:nth-child(1){
width:5%;
text-align: center;
}
#capture #item_list table th:nth-child(2){
width:54%;
padding: 0px 10px;
}
#capture #item_list table th:nth-child(3){
width:13%;
padding: 0px 10px;
text-align: right;
}
#capture #item_list table th:nth-child(4){
min-width:110px;
padding: 0px 10px;
text-align: right;
}
#capture #item_list table th:nth-child(5){
min-width:110px;
padding: 0px 10px;
text-align: right;
}
.related {
background-color: #fff7002b;
color: black;
}
.obsolete {
display:none;
}
.fa-sign-out:hover {
color: #242424!important;
}
#home .card-img-top {
max-width:300px;
margin: 15px 20px 0px 20px;
border-radius: 7px;
border:1px solid lightgray;
}
.euro {
width: 60px;
text-align: right;
}
.searchTd {
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}
.searchTd div {
display: inline-block;
}
#search_functions {
font-size: 20px;
color: #727272;
margin-top: 10px;
}
#search_functions div {
margin-left: 0px;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}
#search_functions div:hover{
background-color: #dbe9f9;
}
.col-md-1.searchTd{
text-align: right;
}
.fr_it {
cursor: pointer;
}
.fr_it:hover {
background-color: #dbe9f9;
}
.highlight {
background-color: yellow;
}
.highlight:hover {
background-color: yellow;
}
#copy_to_invoice {
width: 100%;
font-size: 18px;
text-align: right;
padding-right: 10px;
cursor: pointer;
color: #585858;
}
#current_project, #search_in_invoices, #project_only {
display: inline-block;
}
#project_only {
margin-left:10px;
}
#table_from .trb {
cursor:pointer;
display: inline-block;
}
#table_from .trb:hover {
background-color: #dbe9f9;
}
#cpy_title {
display: inline-block;
padding-left: 5px;
cursor:pointer;
}
[id^="dd"] {
color: red;
display: inline-block;
}
#table_to .fa-minus-square-o, #table_to .fa-plus-square-o {
font-size: 14px;
color:blue;
}
.fa-calculator {
cursor:pointer;
}
.wh {
width: 14px;
padding:0px 7px!important;
}
.wh:hover{
background-color: #3b96f5;
color:white;
}
#paginate {
width: 100%;
text-align: right;
height: 16px;
padding-right: 2px;
margin: 10px 0px;
}
#paginate .fa {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
font-size: 22px;
height: 27px;
width: 27px;
text-align: left;
padding-left: 7px;
padding-top: 2px;
margin: -2px;
cursor:pointer;
}
#paginate .fa:hover {
background-color: #3b96f5;
color:white;
}
.fafafa {
text-align: right;
}
.fa-button {
display: inline-block;
text-align: center;
padding: 0px 5px;
cursor: pointer;
font-size: 22px;
}
.fa-button:hover {
background-color: #3b96f5;
color:white;
}