/* public/css/admin.css */ :root { /* make the backend contents as wide as the browser window */ /*--body-max-width: 100%;*/ /* change the background color of the */ /*--body-bg: #f5f5f5;*/ /* make the base font size smaller */ --font-size-base: 13px; /* remove all border radius to make corners straight */ --border-radius: 5px; /*--form-bg:whitesmoke;*/ --content-bg:white; --color-danger: #E8625C; --color-success: #2ED379; --color-warning: #FAD379; } .total_cost{ font-size:25px; } .images_container{ /*border:2px dashed var(--color-info);*/ margin-bottom:20px; } .white_rounded_block{ padding:10px; border-radius: 5px; border-radius: var(--border-radius); background: white; border: 1px solid #ced4da; } .image_wrapper{ float:left; } .custom-file-label{ text-align: left !important; } .contacts_wrapper{ display: flex; width:100%; flex-wrap: wrap; } .contact_wrapper{ width:50%; } fieldset{ background-color:#f8fafc; background-color:var(--form-bg); } .verticalLine{ /*border-top:1px solid whitesmoke;*/ } .pipeline-card{ border:1px solid whitesmoke !important; margin: 10px 0; } .pipeline-card.is-info{ border :2px solid blue !important; border :2px solid var(--color-info) !important; } .pipeline-card.is-danger{ border :2px solid #E8625C !important; border :2px solid var(--color-danger) !important; } .pipeline-card.is-success{ border :2px solid #2ED379 !important; border :2px solid var(--color-success) !important; } .pipeline-card.is-warning{ border :2px solid #FAD379 !important; border :2px solid var(--color-warning) !important; } .product_details_table{ width:100%; } .product_details_table th, .product_details_table td{ text-align: center; } .product_details_table input{ text-align: right; } .verticalLine div{ width:5px; background-color: whitesmoke; height: 50px; margin: 0 auto; } .product_detail_title{ font-size:18px; font-weight: bolder; } .text_centered{ text-align: center; } .card{ /*position: relative;*/ border:none; } .justify_content{ display: flex; justify-content: center; } .block_emphase{ border:4px solid #E8625C; border:4px solid var(--color-danger); } .block_default{ /*border:4px solid var(--color-info);*/ } .flex_grow_normal{ flex-grow: 1; } .form-control.error, .input_file.error{ border:2px solid #FAD379 !important; border:2px solid var(--color-warning) !important; } .input_file{ border:none !important; } .product_line{ border-radius: 5px; border-radius: var(--border-radius); padding:10px; background-color:#CCC; background-color:var(--gray-500); /*background-color:var(--color-info);*/ } .product_line h5{ color:white; } .product_line table tr:hover { } label.error{ /*display: none !important;*/ color:#FAD379; color:var(--color-warning); font-size:10px; width:100%; text-align:center; } label.required:after{ content:' •'; color:#E8625C; color:var(--color-danger); /*background-color: var(--color-danger);*/ } .image_wrapper{ text-align: center; padding:10px; } .product-line-specs{ border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; background-color: white; } .round{ display: inline-block; width: 10px; height: 10px; background-color: #999999; border-radius: 50px; } .round.round-green{ background-color: #2ED379 ; background-color: var(--color-success); } .round.round-red{ background-color: #E8625C; background-color: var(--color-danger); } .round.round-orange{ background-color: #FAD379; background-color: var(--color-warning); } .card-user .card-body .card-title{ margin:0 !important; } .card-user .card-body { min-height: 85px; } .card-admin{ height: 110px; } .card:hover:not(.is-inactive){ box-shadow: var(--box-shadow-lg); } .pipeline-card.is-default{ box-shadow: var(--box-shadow-lg); } .card:hover > .list-group{ display: block; } .is-inactive{ opacity: 0.4; border:5px dotted black; } .list-group-admin{ position:absolute; margin-top:110px; display:none; z-index: 100000; width:100%; box-shadow: var(--box-shadow-lg); } .list-group-user{ position:absolute; margin-top:80px; display:none; z-index: 100000; width:100%; box-shadow: var(--box-shadow-lg); } #drop_zone { border: 5px solid blue; width: 200px; height: 100px; } body{ background-color:whitesmoke; background-color:var(--form-bg); /*background: rgb(103,177,104); background: linear-gradient(180deg, rgba(103,177,104,1) 0%, rgba(87,147,87,1) 35%);*/ } .login_page{ background-color:black; } div.fader{ position: absolute; z-index: -1; width:100%; height:100%; top:0; left:0;&é } div.fader > div{ background-size: cover; background-repeat: no-repeat; width:100%; height:100%; opacity: 0; } #header-logo{ margin: 0 !important; } .content{ background-color:white; } #header-logo .logo{ display: block; } .navbar{ padding: 0; } .form-horizontal{ background-color: white !important; background-color:var(--content-bg) !important; } .content{ /*background-color: rgba(255,255,255,.8);*/ } .datagrid thead{ background-color:whitesmoke !important; background-color:var(--form-bg) !important; } .badge-success{ background-color: #2ED379 !important; background-color: var(--color-success) !important; } .badge-danger, .btn-danger{ background-color: #E8625C !important; background-color: var(--color-danger) !important; } a{ color:black; /*text-decoration: underline;*/ } a:hover{ color:rgba(0,0,0,.5); } .bullet:after{ padding-right: 10px; font-size:20px; width:25px; height: 25px; } .bullet-success:after{ content:"•"; color:#46BC5F; } .bullet-danger:after{ content:"•"; color:#F71C28; } .bullet-warning:after{ content:"•"; color:#F7B128; } .js_hide{ display:none; } .js_show{ display:block; } .test{ display:inherit; } .edit-form .action-admin_add_user_contact{ margin-left: 10px; padding: 4px 10px; background-color: white; background-color: var(--white); border: 0; border-radius: 5px; border-radius: var(--border-radius); box-shadow: 0 0 0 1px rgba(43,45,80,.1), 0 2px 5px 0 rgba(43,45,80,.08), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08); color: var(--gray-800); cursor: pointer; font-size: 13px; font-size: var(--font-size-base); font-weight: 400; line-height: 1.6; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; outline: 0; transition: all .08s ease-in; } .edit-form .action-delete{ color:white; background-color:#E8625C; background-color:var(--color-danger); } .wrapper{ min-width: 768px !important; } .details_selector{ width: 80px !important; } /* .btn { background-color: white !important ; color:black; } .btn:hover{ color:rgba(0,0,0,.5); } .btn-secondary{ border:1px solid black; } .btn-success{ border:1px solid #46BC5F; } .btn-danger{ border:1px solid #F71C28; } .btn-primary{ background-color: black !important ; color:white; } .btn-primary:hover{ color:white !important; } */ .main-sidebar{ margin-top:35px !important; } .custom-file, .custom-file-input{ width: 352px !important; } .spinner_wrapper{ display: none; } .datagrid tbody tr:hover td{ background: white; } .datagrid tr:last-child>td{ border-bottom: 1px solid #ccc; border-bottom: var(--border-width) var(--border-style) var(--border-color); } .td_no_border > td{ border:0 !important; } .no_border{ border: 0 !important; } .invoice_form{ background:transparent !important; padding:0 !important; } .spinner{ position:fixed; z-index: 9998; top:0; left:0; width:100%; height:100%; background-color: rgba(255,255,255,0.5); display: flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; flex-direction: column; } .spinner_box{ padding:20px; text-align: center; background-color: white; border-radius:10px; } .spinner_text{ margin-top:20px; } .products_wrapper{ } .has-background-yellow{ background: lightgoldenrodyellow; } .product{ margin-top:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product .datagrid{ padding-left:0 !important; } .product:not(.product_header){ background-color: #ccc; background-color: var(--gray-500); border : 2px solid #ccc; border : 2px var(--border-style) var(--border-color); padding:20px; } .product:not(.product_header) h4, .product:not(.product_header) h5 { color:white; } .product .datagrid td { padding-top:2px; padding-bottom:2px; } .product_locations, .product_details{ margin-top:20px; } .flex_container{ display:flex; flex-direction: row; align-items: center; } .flex_container div{ flex: 1 ; } .price_message{ border:1px solid whitesmoke; font-size:12px; padding:5px; } div.em-approved{ outline:2px solid #2ED379 ; outline:2px solid var(--color-success); } div.em-refused{ outline:2px solid #E8625C; outline:2px solid var(--color-danger); } .flex_container div:last-child{ flex-grow: 4 ; } .flex_container div.input_group{ flex-grow: 1 ; } .flex_justified{ justify-content:center; } .flex_aligned_center{ align-items: center; } [data-toggle="tooltip"]{ text-decoration: underline dotted grey; } .product_location, .product_detail{ /*border-radius:5px;*/ padding: 10px; border : 1px solid #ccc; border : var(--border-width) var(--border-style) var(--border-color); /*margin-top:10px;*/ padding-top:10px; background-color:white; } .product_detail{ padding:0; } .product_location_danger{ outline: 5px solid #E8625C; outline: 5px var(--border-style) var(--color-danger); } .product_location table tr:last-child > *{ border:0; } .user_choice_txt{ /*font-size:20px;*/ font-weight:bolder; } .no_margin, .no_margin tbody tr > td:first-child{ padding:0 !important; margin:0 !important; } .propal_form fieldset{ border:0; padding:0; margin:0; background:white; } .em_color_approved{ border : 2px solid #2ED379 !important; border : 2px var(--border-style) var(--color-success) !important; } .em_color_refused{ border : 2px solid #E8625C !important; border : 2px var(--border-style) var(--color-danger) !important; } .em_color_require_price_update{ border : 2px solid #E8625C !important; border : 2px var(--border-style) var(--color-danger) !important; } .em_color_counter_offer{ border : 2px solid #FAD379 !important; border : 2px var(--border-style) var(--color-warning) !important; } .badge_propal{ color:white; background-color: #E8625C; } .badge_review{ color:white; background-color: #2ED379; background-color: var(--color-success); } .bat_wrapper:nth-child(2n+1){ background-color: whitesmoke; } .bats_wrapper{ width:100%; } .bat_wrapper{ width:100%; /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ } .bat_wrapper .bat_item_line:last-child{ text-align: right; } .bat_wrapper:not(:last-child){ /*border-bottom : var(--border-width) var(--border-style) var(--border-color) !important;*/ } .thumb_wrapper{ border-radius: 5px; border-radius: var(--border-radius); /*box-shadow: var(--box-shadow-lg);*/ width:100px; height:100px; background-size:cover; background-position:center center; } .bat_item_line{ padding:5px; text-align: left; height: 30px; } .bl_error_message_box, .bl_error_message_box td{ margin:0 !important; padding:0 !important; } .bl_error_message_box textarea{ margin: 0; width:100%; border:none; height: 100px; padding:20px; font-size: 15px; } .create_product_line_header{ display:flex; justify-content:space-between; } .create_product_line_header, .create_product_line_box_opener{ } .create_product_line_box_opener{ display:flex; } .create_product_line_box_opener a{ /* display:block; width:100px; height:100%; text-align: center; */ } .product-line-specs{ transform:scaleX(0); height:0; opacity: 0; transition: opacity 300ms ease-in-out; } .product-line-specs.is-active{ transform:scaleX(1); height:auto; opacity:1; } .simple_link{ text-decoration:underline; text-decoration-style:dotted; }