body { padding: 0; margin: 0; font-family: 'Inter', sans-serif; color: #3a3b3c; font-weight: 500; overflow-x: hidden !important; } a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; transition-duration: 0.3s; } /* START TOP NAV */ .bread_anim_container1 { display: flex; } .font-10 { font-size: 13px; } .bread_anim_container2 { position: absolute; /* max-width: 28rem;*/ max-width: 48vw; margin-left: 2rem; } .bread_anim_container3 { flex-wrap: nowrap !important; height: auto !important; margin: 0 !important; } #bread_anim_two { width: 100%; padding-left: 20px; padding-right: 15px; overflow: hidden; } .bread_anim_text-container { min-width: 0; /* font-size: 2rem;*/ white-space: nowrap; overflow: visible; position: relative; } .bread_anim_text-container span { display: inline-block; } .bread_anim_text-container .bread_anim_animate { position: relative; animation: leftright 3s infinite alternate ease-in-out; } @keyframes leftright { 0%, 20% { transform: translateX(0%); left: 0%; } 80%, 100% { transform: translateX(-100%); left: 100%; } } .bread_anim_fader { position: absolute; top: 0; height: 100%; width: 25px; } .bread_anim_fader.bread_anim_fader-left { left: 0; background: linear-gradient(to left, rgba(70, 84, 171, 0), #4654AB); } .bread_anim_fader.bread_anim_fader-right { right: 0; background: linear-gradient(to right, rgba(70, 84, 171, 0), #4654AB); } .navbar-custom { background-color: #4654AB; z-index: 1052; } .navbar-custom .app-search .form-control { background-color: #ffffff; padding: 0.45rem 0.9rem !important; } .navbar-custom .app-search .btn { background-color: #ffffff; } .notification-list .noti-icon { color: #ffffff; } .theme_mdl_select1 .select2-container .select2-selection--single { background-color: transparent; } .select2-container .select2-container--default .select2-container--open { left: 0 !important; } .select2-container--open .select2-dropdown--below { /*z-index: 1054 !important;*/ z-index: 1055 !important;/*For Template DrpDwn*/ } .modal-header { border-color: #3A3B3C; } .navbar-custom .topnav-menu .nav-link { color: #ffffff; } .breadcrumb-item>a { color: #ffffff !important; } .breadcrumb-item.active { color: #ffffff; font-weight: 700; } .breadcrumb { padding: 0; font-size: 0.9rem; max-width: 50vw; height: 70px; overflow: hidden; } .nav_menu_icon1 { color: #ffffff; font-size: 1rem; } .nav_menu_icon2 { color: #ffffff; font-size: 1.6rem !important; } .page-title-main { padding: 0; } .breadcrumb_parent { display: flex; flex-direction: row; justify-content: flex-start; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2vw; } .nav_menu_search { font-size: 0.9rem; font-weight: 600; color: #4757aa !important; } .nav_menu_icon3 { color: #4757aa; } .nav_menu_search::placeholder { font-size: 0.9rem !important; font-weight: 500; } .pro-user-name { font-size: 0.9rem; font-weight: 600; } .nav_user_name{ margin-right: 5%; display: inline-flex; max-width: 95px; overflow: hidden; } .breadcrumb-item+.breadcrumb-item { color: #ffffff; padding-left: 0.25rem; } .nav_menu_icon4{ width: 0.6rem; height: 0.6rem; border-radius: 100%; position: absolute; left: 22%; margin-top: 2%; } /* END TOP NAV */ /* START TEMPLATE BODY */ body.enlarged { min-height: 0 !important; } .content-page { margin-left: 0; min-height: 0 !important; padding: 24px 12px; width: 100%; max-width: 1920px; } .fs-50 { font-size: 50px; } .fs-200 { font-size: 200px; } .users-icon { display: flex; align-items: center; justify-content: center; color: rgb(89 103 189); } #screen_msg { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; font-size: 1rem; } #wrapper { display: flex; justify-content: center; } ::-webkit-scrollbar { width: 0.35rem; height: 0.5rem; } ::-webkit-scrollbar-track { background: #fff; } .arrow-forward { position: absolute; right: 3%; bottom: 5%; } .arrow-backward { position: absolute; left: 3%; bottom: 5%; } ::-webkit-scrollbar-thumb { background: #D3D6EA; } ::-webkit-scrollbar-thumb:hover { background: #4654AB; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; color: #3a3b3c; } .h4 { line-height: 1.5rem !important; } h4 { line-height: 1.5rem !important; } .theme_color1 { color: #4654AB; } .theme_btn1 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; padding: 2.5% 0 2.5% 0; font-family: 'Inter', sans-serif; outline: none !important; } .theme_btn1:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn50 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; padding: 0.8rem 1rem 0.8rem 1rem; font-family: 'Inter', sans-serif; outline: none !important; width: 100%; } .theme_btn50:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .chat_input1 { padding-right: 55px !important; } .chat_theme_card { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding-bottom: 0 !important; } .video_call_theme_card { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-bottom: 0; padding: 1rem; } .theme_input1 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; } .custom-control-input:checked~.custom-control-label::before { border-color: #4654AB; background-color: #4654AB; } .text-muted { color: #3a3b3c !important; font-weight: 500 !important; } .enlarged .content-page { margin-left: 0 !important; } h1 { font-weight: 700 !important; } .form-group > label { font-weight: 600 !important; } /* START CREDENTIALS PG */ .account-pages { margin: 0!important; height: 100vh; display: flex; align-items: center; } .reset_pwd_txt1 > .font-13 { margin-top:1rem; } .forgot_pwd_txt1 > .font-13 { margin-top:1rem; } .login_txt1 > .mb-4 { margin-bottom: 1.5rem !important; } .reset_pwd_txt2 > .mb-4 { margin-bottom: 1.5rem !important; } .forgot_pwd_txt2 > .mb-4 { margin-bottom: 1.5rem !important; } .force_pwd_change_txt1 { font-size: 0.8rem; margin-top: 0.5rem; } /* END CREDENTIALS PG */ /* START CHAT PG */ .chat_txt1 { font-weight: 700; } .chat-row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .chat_container4 { max-height: none !important; height: 55vh !important; } .chat_container7 { max-width: 43%; } .chat_container6 { padding-left: 0 !important; } .chat_container3 { max-width: 1200px; } .chat_editor1 { max-height: 410px; } .chat-row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; width: 82%; } .chat-row3 { display: flex; flex-direction: row; justify-content: center; width: 100%; border-bottom: 0.1rem solid #3a3b3c; margin-bottom: 1.3%; } .chat-row4 { display: flex; flex-direction: column; justify-content: center; width: 100%; } .chat-row5 { display: flex; flex-direction: column; justify-content: center; width: 100%; align-items: center; border: 0.15rem dashed #3a3b3c; border-radius: 0.35rem; margin-top: 3.3%; padding: 1rem 0 1.5rem 0; } .chat-txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 100%;*/ margin-bottom: 0.25rem; } .chat-txt2 { margin-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; } .chat-txt3 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; } .chat_container5 { width: 90%; } .chat-txt4 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 24%; width: auto; /*max-width: 100%;*/ } .conversation-list .conversation-text .time { font-size: 0.8rem; } .chat-txt6 { font-size: 0.8rem; padding-bottom: 0.5rem; margin-top: -0.5rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .theme_btn2 { color: #ffffff; background-color: #4654AB; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; } .theme_btn2:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .theme_btn3 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; padding: 1.3% 0 1.3% 0; font-family: 'Inter', sans-serif; outline: none !important; margin-top: 0.8%; margin-bottom: 0.8%; } .theme_btn3:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_card2 { background-color: #EBEFF2 !important; margin-top: 2.5%; margin-bottom: 0 !important; } .conversation-list .ctext-wrap .user-name { font-weight: 700; font-size: 0.9rem; } .float-right { float: right; } .grey-color{ color:grey; } .div-min-width-12{ min-width: 12rem; } .div-max-width-45{ max-width: 45rem; } .conversation-list .ctext-wrap { background-color: #fdfdfd !important; color: #3a3b3c; } .conversation-list .odd .ctext-wrap { background-color: #fdfdfd; color: #3a3b3c; font-weight: 500; } .conversation-list .conversation-text .time { font-weight: 500; } .conversation-list .conversation-text { font-size: 0.9rem; margin : 1rem 0; width : 98% !important; } .chat_container1 { padding: 1rem !important; } .chat_container2 { margin-bottom: 0.5rem !important; } .conversation-list .ctext-wrap:after { border-right-color: #fdfdfd; border-top-color: #fdfdfd; } .conversation-list .odd .ctext-wrap:after { border-right-color: transparent; border-left-color: #fdfdfd; border-top-color: #fdfdfd; } .conversation-list .ctext-wrap { background: #919191; overflow: hidden; } .chat-txt5 { font-weight: 700; } .theme_card11 { background-color: #EBEFF2 !important; margin-top: 2.5%; margin-top: 1rem; border-radius: 0.75rem; } .chat-icon1 { cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.3rem; font-size: 0.85rem !important; color: #3a3b3c; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .chat-icon1:hover { color: #4654AB; } .chat-icon2 { margin-right: 17px; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.8rem !important; padding-right: 0.6rem; } /* END CHAT PG */ /* START ALL PROJECTS PG */ .all_projects_container1 { background-color: #EBEFF2; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0.5rem; margin-bottom: 1rem; width: 100%; min-width: 25%; margin-right: 0.2rem; } .all_projects_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .all_projects_container2 { padding: 1.5rem !important; } .all_projects_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .all_projects_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .all_projects_container3 { position: absolute; display: flex; flex-direction: row; right: 1.5rem; top: 0.75rem; } .all_projects-icon1 { width: 1.75rem; height: 1.75rem; color: #ffffff; background-color: #515cc8; cursor: pointer; border-radius: 100%; transition-duration: 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.75rem !important; } .all_projects-icon1:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .all_projects-icon2 { background-color: #d02631; } .all_projects-icon3 { background-color: #111111; } .all_projects_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:65%; } .all_projects_txt2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; display: inline-block; margin-top: 0.6rem; } .all_projects_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .all_projects_txt4 { margin-bottom: 0 !important; /*padding-top: 0.4rem;*/ margin-top: 0.4rem !important; } .all_projects_txt5 { margin-top: 0 !important; /*padding-bottom: 0.4rem;*/ margin-bottom: 1rem; } .progress { margin-top: 12px; } .theme_btn5 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; font-size: 0.9rem; flex: 1; margin: 0 0.25rem; } .theme_btn5:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .badge { font-size: 0.8rem; } .theme_btn55 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; font-size: 0.8rem; } .theme_btn55:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn47 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; font-size: 0.9rem; width: 100%; } .theme_btn47:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .all_projects_container4 { padding-bottom: 0.3rem; } .all_projects_container1 > h6 { margin-bottom: 0.4rem; margin-top: 0.3rem; } .col-xl-3.all_projects_container0 { width: 318px!important; max-width: 375px !important; margin-bottom: 24px; } .all_projects_container5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 1.6rem; } .all_projects_container6 { /* cursor: pointer !important;*/ overflow: auto !important; } .all_projects_container6 { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } .all_projects_container6::-webkit-scrollbar { display: none; /* Safari and Chrome */ } .all_projects_container7 { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: mouse; } .avatar-group { overflow:hidden; white-space:nowrap; } .project-members > .mr-3 { margin-right: 0.25rem !important; } @media only screen and (max-width: 1323px) { .all_projects_container1 { min-width: 27%; } } @media only screen and (min-width: 1200px) { .col-xl-3.all_projects_container0 { max-width: 375px !important; } } /* END ALL PROJECTS PG */ /* START UNIT TYPE PG */ .unit_type_home_icon1 { font-size: 1.5rem; } .unit_type_container1 { display: flex; width: 100%; flex-direction: row; justify-content: center; align-items: center; margin-top: 0.7rem; } /* END UNIT TYPE PG */ /* START SOURCE MANAGEMENT PG */ .source_management_container1 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; } .parsley-errors-list>li { } .source_management_container13 { display: flex; } .source_management_container14 { flex: 100%; } .source_management_container15 { flex: 30%; } .source_management_row7 { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; margin-top: 0.8rem; font-size: 0.9rem; } .source_management_row8 { display: flex; align-items: baseline; } .source_management_row3 { margin-right: 0.5rem; width: 26%; min-width: 26%; max-width: 26%; } .theme_select1 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .theme_mdl_select1 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .search-box .form-control { padding: 0.45rem 0.9rem !important; } .select2-container--default .select2-search--dropdown { display: none; } .source_management_container4 { background-color: transparent !important; /*height: 10.6rem !important; max-height: 10.6rem !important;*/ min-height: 10.35rem !important; width: 100%; margin-bottom: 1rem; } .source_management_txt2 { display: inline-block; margin-right: 1vw; } .source_management_txt3 { font-weight: bold; } .source_management_txt4 { /* white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .source_management_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .force_pwd_change_txt2 { margin-top: 0 !important; } .force_pwd_change_txt3 { margin-bottom: 1rem !important; } .theme_btn4 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn4:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn58 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; margin-top: 0.5rem; margin-bottom: 0.2rem; } .theme_btn58:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn64 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; margin-top: 0; margin-bottom: 0; } .theme_btn64:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .source_management_container2 { display: flex; flex-direction: row; justify-content: flex-start; width: 100%; } .theme_input2 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; font-weight: 500; } .theme_input17 { border: 0px solid #CED4DA; border-radius: 0; background-color: transparent !important; font-weight: 500; border: 0.15rem solid #3a3b3c; border-radius: 0.35rem; } .theme_mdl_input1 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background:transparent !important; font-weight: 500; color: #99a6ad !important; } .theme_mdl_input1::placeholder { font-weight: 500; color: #99a6ad !important; } .theme_mdl_input3 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background:transparent !important; font-size: 0.9rem !important; margin: 0 !important; padding: 0 !important; } .theme_mdl_input4 { border: none; border-radius: 0.35rem; background-color: #ffffff; text-align: center; font-size: 1rem; font-weight: 700; color: #3a3b3c; margin-bottom: 0.5rem; } .theme_mdl_lbl { margin: 0 !important; padding: 0 !important; } .modal { } .select2-container .select2-selection--single .select2-selection__arrow b { color: #3A3B3C; } .source_management_container2 > .form-group { } .source_management_container3 { flex: 1%; margin-left: 1%; } .source_management_row2 { /*margin-top: 0.8rem;*/ } .source_management_row4 { margin-top: 0.3rem; } .source_management_txt1 { background-color: #b3fac2; color: #1e9752 !important; border: 0.15rem dashed #1e9752; border-radius: 0.35rem; padding: 0.65rem; width: 100%; text-align: center; display: flex; cursor: pointer; align-items: center; justify-content: center; } .source_management_txt10 { margin: 0 !important; } .source_management_container7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 95%;*/ max-width: 55rem; display: inline-block; font-weight: 700; } .theme_card3 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .theme_card5 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); /* min-height: 304px !important;*/ overflow: visible; } p { font-size: 0.9rem !important; } .ms-selectable > .search-input { padding: 0.45rem 0.9rem !important } .ms-selection > .search-input { padding: 0.45rem 0.9rem !important } .theme_card50 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding-bottom: 0.8rem; } .theme_card48 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; height: 93%; } .theme_card49 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); /*min-height: 304px !important;*/ } .source_management_container5 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .source_management_icon1 { color: #4654AB; } .theme_btn6 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; } .theme_btn6:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_card4 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .theme_card41 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ebeff2; } .source_management_row5 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: flex-end; margin-bottom: 1rem; } .theme_dropdown1 { border-radius: 0.75rem !important; } .source_management_theme_container_tbl1 > table { background-color: #ffffff !important; } .theme_dropdown2 { width: 18rem !important; padding-left: 1rem; padding-right: 1rem; border-radius: 0.75rem; width: auto; max-width: 30rem; text-align: left; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); font-size: 0.9rem; /* will-change: transform; top: 0px !important; left: 0px !important; transform: translate3d(0px, 4px, 0px) !important; */ will-change: transform; top: 0px !important; left: 40px !important; transform: translate3d(0px, -35px, 0px) !important; } .source_management_container6 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .page-item.active .page-link { background-color: #4654AB; border-color: #4654AB; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { right: 1.3rem; } /* .source_management_theme_tbl1 { width: 100% !important; } .source_management_theme_tbl1 > thead > tr > th { }*/ .source_management_theme_tbl1 { } .source_management_theme_container_tbl1 { } .source_management_theme_container_tbl1 > table, th, td { border: none; text-align: center; font-size: 0.9rem; } .table { width: 100%; margin-bottom: 1rem; color: #3a3b3c; background: #ebeff2; border-radius: 0.75rem; } .table thead th { vertical-align: middle; border-bottom: 0.1rem solid #3a3b3c !important; border-top: none; font-weight: 700 !important; font-size: 1rem !important; } .payment_plan_tbl > .table thead th { border-bottom: none !important; } .table td, .table th { padding: 1rem 0.5rem; vertical-align: middle !important; border-top: 0.5rem solid #adadad; } .source_management_theme_container_tbl1 > .table td { border-top: 0.05rem solid #adadad !important; font-size: 0.9rem !important; font-weight: 500; max-width: 10rem; overflow-wrap: anywhere; } .senior_sales_manager_tbl1 > .table td { border-top: 0.05rem solid #adadad !important; font-size: 0.9rem !important; } .senior_sales_manager_tbl1 > .table th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2vw; } .unit_details_container_tbl1 > .table td { border-top: 0.05rem solid #adadad !important; font-size: 0.9rem !important; } .developer_account_list_tbl1 > .table td { border-top: 0.05rem solid #adadad !important; font-size: 0.9rem !important; } .source_management_container16 { max-width: 1400px !important; } .source_management_container17 { margin-bottom: 0!important; } .source_management_container18 { padding-left: 0!important; } .source_management_container11 { padding-top: 1.5rem; padding-bottom: 0rem; } .source_management_icon3 { margin-left: 0.4rem; transition-duration: 0.3s; background-color: #1e9752 !important; width: 1.5rem; height: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; } .source_management_icon3:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .source_management_container12 { display: inline-flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; text-overflow: ellipsis; line-height: 1.5; } .source_management_container10 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } .senior_sales_manager_container13 { font-size: 0.7rem; } .senior_sales_manager_container18 { width: 100%; height: 44.5rem; padding-right: 0.4rem; overflow-y: auto; margin-top: 0.5rem; } .senior_sales_manager_txt11 { color: #e6b451; } .source_management_icon2 { /*font-size: 0.65rem; background-color: #3A3B3C !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .source_management_icon2:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .source_management_icon4 { /*font-size: 0.65rem; background-color: #d51840 !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.5rem; margin-right: 0.5rem; cursor: pointer; transition-duration: 0.3s; } .source_management_icon4:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .source_management_icon5 { /*font-size: 0.65rem; background-color: #4654AB !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .source_management_icon5:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .source_management_container8 { width: 100%; } .source_management_icon6 { font-size: 1rem; color: #3a3b3c; margin-right: 0.2rem; cursor: pointer; } #source_management_src_channel { } #source_management_src_facebook_to_presales { display: none; } #source_management_src_reference_telemarketing { display: none; } #source_management_mdl_src_reference_telemarketing { display: none; } #source_management_mdl_src_channel { } #source_management_mdl_src_facebook_to_presales { display: none; } #source_management_src_mdl_reference_telemarketing { display: none; } .source_management_row6 { } .theme_mdl_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem 1.2rem; background: #ebeff2; max-height: 90vh; overflow:auto; padding-top: 0.3rem; padding-bottom: 0rem; } .theme_mdl_card1_modal { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem 0.75rem; background: #ebeff2; max-height: 90vh; max-width: 95vw; overflow:auto; padding-top: 0.3rem; padding-bottom: 0rem; } .theme_mdl_card2 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background: #ebeff2; max-height: 90vh; overflow:auto; padding-top: 0rem; padding-bottom: 0rem; } .theme_mdl_card3 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background: #ebeff2; max-height: 90vh; overflow:auto; padding-top: 1.2rem; padding-bottom: 0rem; padding-left: 0.5rem; padding-right: 0.5rem; } .mdl_header1 { border: none !important; } .mdl_body1 { padding: 0 !important; } .theme_mdl_card4 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem 0.75rem; background: #ebeff2; max-height: 90vh; overflow:auto; padding-top: 0.3rem; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #EBEFF2 !important; color: #3a3b3c !important; } .select2-container--open .select2-dropdown--below { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .select2-dropdown{ } .source_management_container21 { /*height: 19.8rem;*/ display:flex; flex-direction:column; justify-content:space-between; } .source_management_container20 { /*width: 14rem;*/ margin-right: 0.5rem; } .source_management_container22 { margin-right: 0.5rem; } .source_management_container23 { max-width: 980px !important; } #source_management_date_range3 { display: none; } .daterangepicker td.in-range { background-color: #ebeff2; color: #98a6ad; } @media only screen and (max-width: 1365px) { .senior_sales_manager_container18 { height: auto; margin-top: 1rem; } } /* @media only screen and (min-width: 1400px) { .col-md-9.source_management_container9 { -webkit-box-flex: 0 !important; flex: 0 0 75% !important; max-width: 1400px !important; } }*/ /* @media only screen and (max-width: 1335px) { .source_management_container14 { width: 65%; } .source_management_container15 { width: 35%; } .date_range_theme6 { } } */ @media only screen and (max-width: 1335px) { .source_management_container13 { } .source_management_container14 { /*width: 100%;*/ } .source_management_container15 { width: 100%; } .source_management_container4 { /*min-height: 20rem !important;*/ } } /* END SOURCE MANAGEMENT PG */ /* START UNIT TYPE PG */ .theme_btn7 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 100%; } .theme_btn7:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn8 { color: #d51840; background-color: #f5d2d0; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 100%; } .theme_btn8:hover { color: #ffffff; background-color: #d51840; outline: none !important; } .unit_type_container2 { flex: 1%; margin: 0.2rem; } .unit_type_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .unit_type_home_txt3 { font-size: 0.9rem; } .unit_type_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .unit_type_container4 { padding: 1.5rem !important; } .unit_type_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100%; } .unit_type_txt2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:100%; } .unit_type_card2 { border: 0.15rem dashed #3a3b3c; border-radius: 0.75rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 94%; background-color: transparent !important; } .unit_type_icon1 { font-size: 1.5rem; text-align: center; cursor: pointer; transition-duration: 0.3s; } .unit_type_icon1:hover { color: #4654AB; } .col-xl-3.unit_type_container3 { width: 325px!important; max-width: 375px !important; } @media only screen and (min-width: 1200px) { .col-xl-3.unit_type_container3 { max-width: 375px !important; } } /* END UNIT TYPE PG */ /* START USER HOME PG */ .user_home_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .col-xl-3.user_home_container0 { width: 325px!important; max-width: 375px !important; } .user_home_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .user_home_container3 { display: flex; flex-direction: row; } .user_home_icon1 { width: 1.5rem; height: 1.5rem; color: #ffffff; background-color: #515cc8; cursor: pointer; border-radius: 100%; transition-duration: 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.6rem; } .user_home_icon1:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .user_home_icon2 { background-color: #d02631; } .user_home_container9 > .theme_select1 .select2-container .select2-selection--single { width: 12rem !important; } .user_home_container10 > .select2-container .select2-selection--single .select2-selection__rendered { margin-top: 15px !important; color: #3A3B3C; font-weight: 700; } .user_home_container10 > .select2-container .select2-selection--single .select2-selection__arrow { margin-top: 15px !important; color: #3A3B3C; } .user_home_container2 { padding: 1.5rem !important; } .mt-0 { margin-bottom: 0.25rem !important; } .user_home_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12rem; } .user_home_select > .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #3A3B3C transparent transparent transparent; } .user_home_container4 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .user_home_container6 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 12px; margin-top: -15px; } .user_home_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12rem; margin-bottom: 1.25rem; } .user_home_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10rem; margin-right:0.5rem; } .user_home_container5 { display: flex; flex-direction: row; justify-content: flex-start; } .theme_btn9 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; } .theme_btn9:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .user_home_container7 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; } .user_home_container8 { flex: 1%; margin-left: 1%; } .user_home_container9 { display: flex; flex-direction: row; align-items: center; } .user_home_container10 { display: flex; flex-direction: row; align-items: center; } .user_home_txt2 > a { color: #3a3b3c; transition-duration: 0.3s; font-size: 1rem; } .user_home_txt2 > a:hover { color: #4654AB; } .bootstrap-tagsinput .label-info { background-color: #4654AB; } .theme_search1 > .form-control { border-radius: 0.35rem !important; color: #3a3b3c; } .bootstrap-tagsinput { padding: 12px 10px 12px; } @media only screen and (min-width: 1200px) { .col-xl-3.user_home_container0 { max-width: 375px !important; } } /* END USER HOME PG */ /* START INVENTORY MANAGEMENT PG */ #inventory_home_scrollable_card_parent { display: none; } .theme_btn54 { color: #ffffff; background-color: #4654AB; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding: 0.8rem 1rem 0.8rem 1rem; min-width: 15rem; } .theme_btn54:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .inventory_home_card_scroll_sticky { position: fixed; top: 0; max-width: 21.5rem; min-width: 21.5rem; z-index: 3; /*right: 0;*/ margin-top: 5.6rem; } .inventory_home_card_scroll_sticky + .content { } .inventory_home_parent { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .inventory_home_child1 { width: 72%; margin-right: 1.5rem; } .inventory_home_child2 { width: 25%; } .theme_menu_container1 { background-color: #ffffff; color: #3a3b3c; position: fixed; width: 100%; top: 55px; left: 0; padding: 12px 12px 0px 12px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; /*z-index: 1052;*/ z-index: 100; box-shadow: 0px 0px 1vw 0px rgba(27, 41, 235, 0.2); } #inventory_home_select_wings_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 3; cursor: pointer; display: none; } .inventory_home_icon1 { width: 2.25rem; height: 2.25rem; border-radius: 100%; cursor: pointer; background-color: #1e9752; color: #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0.9rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); position: absolute; right: 0.5rem; top: 0.5rem; /*margin-right: 0.5rem; margin-top: 0.5rem;*/ } #inventory_home_select_wings { position: fixed; margin: 0 auto; left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; bottom: 0vw; z-index: 4; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 2vw; padding-top: 1.2vw; padding-bottom: 0.8vw; background-color: #ebeff2; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; display: none; } .inventory_home_container14 { width: 100%; } .inventory_home_container17 { width: 80%; } .inventory_home_container15 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .theme_menu_container1 > .active { font-weight: 700 !important; } .theme_menu_container1 > .text-muted { text-align: center; } .inventory_management_settings_container6.row { max-width:1200px; width:95vw; } a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } .inventory_management_settings_container2 { margin-top: 35px; display: flex; flex-direction: column; align-items: center; } .inventory_management_settings_container3 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 12px; } .theme_card6 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .theme_card28 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin: 0.1rem; } .inventory_management_settings_container2 > .text-muted { text-align: center; } .inventory_management_settings_container4 > .text-muted { text-align: center; } .inventory_management_settings_container4 { background-color: #ebeff2; padding: 2.5rem; border-radius: 0.75rem; display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; } .inventory_management_settings_container5 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; } .switchery>small { background-color: #d51840; } .inventory_management_settings_txt2 { font-weight: 700; } #inventory_management_settings_enabled { } #inventory_management_settings_disabled { display: none; } /* END INVENTORY MANAGEMENT PG */ /* START SECTOR QUESTION PG */ .sector_question_container3 { } .sector_question_container10 { max-width: 1400px; } .sector_question_container1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 1.5rem; } .sector_question_container2 { } .sector_question_container9 > .btn-primary { color: red !important; background-color: red !important; border-color: red !important; } .sector_question_container9 > .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .sector_question_container9 > .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .sector_question_container9 > .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { text-align: center; color: #3a3b3c; } .sector_question_container9 > .input-group { width: 10rem; } .sector_question_container8 { margin-bottom: 1.5rem; } .sector_question_container8 > h5 { margin-bottom: 1rem; } .sector_question_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 24rem; } .sector_question_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10rem; } .sector_question_row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .sector_question_txt2 { font-weight: 700; } .sector_question_container4 { color: #d51840 !important; border: 0.15rem solid #d51840; border-radius: 0.75rem; padding: 1.5rem 0.5rem 1.5rem 0.5rem; text-align: center; font-size: 0.9rem; } .sector_question_container5 { margin-top: 1.5rem; } .sector_question_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .col-xl-3.sector_question_container0 { width: 325px!important; max-width: 375px !important; } .sector_question_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .sector_question_container6 { padding: 1.5rem !important; padding-bottom: 1rem !important; } #sector_question_sector_lvl_no { } #sector_question_sector_lvl_yes { display: none; } .sector_question_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:65%; } .sector_question_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .sector_question_txt6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; display: inline-block; } .sector_question_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .sector_question_container7 { background-color: #ebeff2; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0.5rem; width: 100%; min-width: 25%; margin-right: 0.2rem; margin-bottom: 0.5rem; } .sector_question_container7 > h6 { margin-bottom: 0.4rem; margin-top: 0.3rem; } .stepper_container1 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 1.5rem; } .stepper_container2 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .stepper_container3 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 3rem; height: 3rem; border-radius: 100%; background-color: #D3D6EA; color: #4654AB !important; font-weight: 700 !important; } .stepper_container4 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 24px; } .stepper_container5 { display: flex; width: 100%; flex-direction: column; justify-content: flex-start; margin-bottom: 24px; } .stepper_container6 { display: flex; width: 100%; flex-direction: column; justify-content: flex-start; margin-bottom: 1rem; } .b2_stepper_container6 { display: flex; width: 100%; flex-direction: column; justify-content: flex-start; margin-bottom: 1rem; } .stepper_active { background-color: #4654AB; color: #ffffff !important; } .stepper_line1 { background-color: #4654AB; width: 10rem; height: 0.15rem; } .sector_question_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12rem; } .sector_question_txt8 { margin-bottom: 0 !important; } .sector_question_txt9 { margin-top: 0 !important; } .sector_question_container13 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } @media only screen and (min-width: 1200px) { .col-xl-3.sector_question_container0 { max-width: 375px !important; } } /* END SECTOR QUESTION PG */ /* START PHASE QUESTION PG */ .phase_question_container3 { } .phase_question_row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .phase_question_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 24rem; } .phase_question_container1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-bottom: 1.5rem; } #phase_question_phase_lvl_no { } #phase_question_phase_lvl_yes { display: none; } .phase_question_container2 { } .phase_question_container4 { color: #d51840 !important; border: 0.15rem solid #d51840; border-radius: 0.75rem; padding: 1.5rem 0.5rem 1.5rem 0.5rem; text-align: center; font-size: 0.9rem; } .phase_question_txt2 { font-weight: 700; } .phase_question_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 10rem; } .phase_question_container8 { margin-bottom: 1.5rem; } .phase_question_container8 > h5 { margin-bottom: 1rem; } .phase_question_container13 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .phase_question_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12rem; } .phase_question_txt8 { margin-bottom: 0 !important; } .phase_question_txt9 { margin-top: 0 !important; } .phase_question_container10 { max-width: 1400px; } .phase_question_container9 > .btn-primary { color: red !important; background-color: red !important; border-color: red !important; } .phase_question_container9 > .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .phase_question_container9 > .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .phase_question_container9 > .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { text-align: center; color: #3a3b3c; } .phase_question_container9 > .input-group { width: 10rem; } .phase_question_container2 { } .phase_question_container5 { margin-top: 1.5rem; } .phase_question_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .phase_question_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .phase_question_container6 { padding: 1.5rem !important; padding-bottom: 1rem !important; } .col-xl-3.phase_question_container0 { width: 325px!important; max-width: 375px !important; } .phase_question_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:65%; } .phase_question_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .phase_question_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .phase_question_container7 { background-color: #ebeff2; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0.5rem; width: 100%; min-width: 25%; margin-right: 0.2rem; margin-bottom: 0.5rem; } .phase_question_container7 > h6 { margin-bottom: 0.4rem; margin-top: 0.3rem; } .phase_question_txt6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; display: inline-block; } @media only screen and (min-width: 1200px) { .col-xl-3.phase_question_container0 { max-width: 375px !important; } } /* END PHASE QUESTION PG */ /* START TERMS AND CONDTIONS PG */ .terms_conditions_container1 { background-color: #ffffff; color: #3a3b3c; position: fixed; width: 100%; top: 70px; left: 0; padding: 12px 0 12px 24px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; z-index: 1052; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .terms_conditions_container1 > .active { font-weight: 700 !important; } .terms_conditions_container1 > .text-muted { text-align: center; } .terms_conditions_container2 { margin-top: 35px; display: flex; flex-direction: column; align-items: center; } .terms_conditions_container2 > .text-muted { text-align: center; } .terms_conditions_container3 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 12px; } .terms_conditions_container6.row { max-width:1200px; width:95vw; } /* END TERMS AND CONDTIONS PG */ /* START GENERAL SETTINGS PG */ .theme_btn53 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; margin-top: 0.8rem; } .theme_btn53:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .general_settings_container8 { padding-top: 0.5rem !important; } .general_settings_container30.row { /*max-width:1200px; width:95vw;*/ width: 100%; } .general_settings_container31 { background-color: #ffffff; border-radius: 0.5rem; padding: 1.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 8px; text-align: center; flex: 1; /*min-width: 175px;*/ min-width: 20rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .general_settings_row1 { display: flex; width: 100%; flex-wrap: wrap; } .general_settings_container23 { max-width: 1400px; } .general_settings_flx_parent1 { display: flex; flex-wrap: wrap; } .general_settings_flx_parent2 { display: flex; flex-wrap: wrap; } .general_settings_flx_child1 { width: 32.66%; margin-right: 12px; } .general_settings_flx_child2 { width: 32.66%; margin-right: 12px; } .general_settings_flx_child3 { width: 32.66%; } .general_settings_flx_child4 { flex: 1; margin-right: 12px; display: flex; flex-wrap: wrap; } .general_settings_flx_child5 { flex: 1; display: flex; flex-wrap: wrap; } .general_settings_flx_child6 { flex: 1; margin-right: 12px; } .general_settings_flx_child7 { flex: 1; } #general_settings_booking_engine_off { display: none; } .general_settings_container22 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 1rem; } .general_settings_container16 { display: flex; align-items: center; width: 100%; margin-top: 0.5rem; max-width: 25rem; } .general_settings_container18 { display: flex; align-items: center; width: 100%; margin-top: 1.9rem; max-width: 25rem; } .general_settings_container17 { flex: 1; text-align: center; font-size: 0.9rem; } .general_settings_container13 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; } .general_settings_container21 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; font-size: 0.9rem; } .general_settings_container14 { margin-left: 0.3rem; margin-right: 0.3rem; } .general_settings_container12.row { max-width:1400px; width:95vw; margin-top: 1.2rem; } .general_settings_container12 { width: 100%; margin-top: 24px; } .general_settings_container10 { display: flex; flex-direction: row; width: 100%; max-width: 1380px; } .general_settings_container15 { margin-top: 0.3rem; display: flex; justify-content: center; width: 100%; } .ms-container .ms-selectable li.ms-hover { background-color: #4654AB; } .ms-container .ms-selectable, .ms-container .ms-selection { border-radius: 0.35rem; } .ms-container .ms-selection li.ms-hover { background-color: #4654AB; } .ms-container .ms-list { border: none; } .search-input { background-color: transparent; } .ms-container .ms-selectable { background-color: #ebeff2; padding: 0.5rem; } .ms-container .ms-selection { background-color: #ebeff2; padding: 0.5rem; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { font-size: 0.9rem; } .ms-container .ms-list { height: 100px; } .general_settings_container11 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ffffff; padding: 1.5rem; flex: 1; margin: 0.3rem; text-align: center; height: 20.5rem; } .general_settings_container27 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ffffff; padding: 1.5rem; flex: 1; margin: 0.3rem; text-align: center; height: 17rem; } .general_settings_container28 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ffffff; padding: 1.5rem; flex: 1; margin: 0.3rem; text-align: center; height: 17rem; } .general_settings_container29 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ffffff; padding: 1.5rem; flex: 1; margin: 0.3rem; text-align: center; height: 17rem; } .general_settings_container24 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #ffffff; padding: 1.5rem; flex: 1; margin: 0.3rem; text-align: center; height: 20.5rem; } .general_settings_container9 { max-width: 1176px !important; width: 90%; min-width:950px; } .general_settings_txt5 { font-size: 1rem !important; font-weight: bold; margin-bottom: 0.5rem; } .general_settings_txt6 { font-size: 0.9rem !important; font-weight: bold; margin-bottom: 0.5rem; } .general_settings_txt7 { font-weight: bold; } .general_settings_container2 { margin-top: 35px; display: flex; flex-direction: column; align-items: center; } .general_settings_container2 > .text-muted { text-align: center; } .general_settings_container3 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 12px; } .general_settings_container5 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; } .general_settings_container19 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 0.6rem; } .general_settings_container20 { background-color: #ebeff2; border-radius: 0.35rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin: 0.2rem; height: 6rem; } .general_settings_txt2 { font-weight: 500; text-align-last: center; } .general_settings_txt3 { font-weight: bold; } .general_settings_txt4 { font-weight: bold; color: #d51840 } .general_settings_txt1 { background-color: #b3fac2; color: #1e9752 !important; border: 0.15rem dashed #1e9752; border-radius: 0.35rem; padding-top: 0.7rem; padding-bottom: 0.3rem; width: 100%; text-align: center; cursor: pointer; } .general_settings_container7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:80%; display: inline-block; } .general_settings_container6.row { max-width:1200px; width:95vw; } .general_settings_container4 > .text-muted { text-align: center; } .general_settings_container4 { background-color: #ebeff2; padding: 1.5rem; border-radius: 0.75rem; display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; } .general_settings_container26 { margin-top: 12px; } .general_settings_container32 { margin-right: 8px; margin-left: 8px; } @media only screen and (max-width: 1200px) { .general_settings_container13 { flex-direction: row; margin: 0; margin-bottom: 0.2rem; } .general_settings_container21 { flex-direction: row; margin: 0; margin-bottom: 0.2rem; } .general_settings_container14 { margin-top: 0.3rem; margin-bottom: 0.3rem; } } @media only screen and (max-width: 1380px) { .general_settings_flx_child1 { width: 100%; margin-right: 0; } .general_settings_flx_child2 { flex: 1; } .general_settings_flx_child3 { flex: 1; } .general_settings_container24 { height: 14rem; } .general_settings_container23 { /*max-width: 930px;*/ } .general_settings_container18 { margin-top: 0.8rem; } .general_settings_container25 { margin-top: 12px; } .general_settings_flx_child6 { margin-right: 0; } .general_settings_container27 { height: 17rem; } .general_settings_container26 { margin-top: 0; } .general_settings_container29 { height: 13rem; } } /* END GENERAL SETTINGS PG */ /* START INVENTORY STEP 1 PG */ #inventory_step1_scrollable_card_parent { display: none; } .inventory_step1_img2 { width: 2.2rem; height: 4rem; /*background-color: aquamarine;*/ } .inventory_step1_img3 { width: 2rem; height: 4rem; /*background-color: antiquewhite;*/ } .inventory_step1_img4 { width: 1.8rem; height: 2.2rem; background-color: azure; } .inventory_step1_img5 { width: 0.55rem; height: 2rem; /*background-color: antiquewhite;*/ } .inventory_step1_container15 { max-width: 1400px; } .inventory_step3_icon4 { cursor: pointer; transition-duration: 0.3s; } .inventory_step3_icon4:hover { color: #4654AB; } .inventory_step3_tbl_block { background-color: #ebeff2; width: 3rem; min-width: 3rem; max-width: 3rem; height: 3rem; min-height: 3rem; max-height: 3rem; position: absolute; z-index: 10; margin-left: 21.5rem; display: flex; flex-direction: column; justify-content: flex-end; } .inventory_step1_parent { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .inventory_step1_child1{ width: 72%; margin-right: 1.5rem; } .inventory_step1_child2{ width: 25%; } .inventory_step1_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .inventory_step1_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; height: auto; object-fit: contain; object-position: top; background: #111; max-height: 30vh; } .col-xl-3.inventory_step1_container0 { width: 325px!important; max-width: 375px !important; } .inventory_step1_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:70%; } .inventory_step1_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .inventory_step1_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .inventory_step1_container7 { background-color: #ebeff2; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0.5rem; width: 100%; min-width: 25%; margin-right: 0.2rem; } .inventory_step1_container7 > h6 { margin-bottom: 0.4rem; margin-top: 0.3rem; } .inventory_step1_txt6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; display: inline-block; } .inventory_step1_txt7 { margin-bottom: 0!important; } .inventory_step1_txt8 { margin-top: 0!important; } .theme_btn10 { color: #ffffff; background-color: #4654AB; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0 0 0.75rem 0.75rem; font-family: 'Inter', sans-serif; outline: none !important; width: 100%; padding: 0.8rem 0 0.8rem 0; } .theme_btn10:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .inventory_step1_container6 { padding: 1.5rem !important; padding-bottom: 1rem !important; } .theme_card7 { background-color: transparent !important; } .inventory_step1_container1 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; } .inventory_step1_container2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; } .inventory_step1_container3 { flex: 1%; margin-left: 1%; } .inventory_step1_container4 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; position: relative; } .inventory_step1_container9 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .inventory_step1_row2 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-bottom: 0 !important; } .inventory_step1_row4 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-bottom: 0 !important; } .inventory_step1_row6 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; } .inventory_step1_row5 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; } .inventory_step1_container10 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; padding-bottom: 0.5rem; margin-bottom: 1rem; position: relative; } .inventory_step1_container18 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; padding-bottom: 0.5rem; margin-bottom: 1rem; position: relative; } .inventory_step1_container20 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; padding-bottom: 0.5rem; margin-bottom: 1rem; position: relative; } .inventory_step1_container12 { font-size: 1.5rem; cursor: pointer; transition-duration: 0.3s; position: absolute; right: -0.5rem; margin-top: -2.3rem; } .inventory_step1_row3 { margin-bottom: 0.2rem !important; } .inventory_step1_card_scroll_parent{ max-width: 22vw; width: 22vw; min-width: 22vw; position: absolute; right: 0; margin-right: 2.8vw; margin-top: 0rem; box-shadow : 0px 0px 1vw 0px rgb(0 0 0 / 20%); z-index: 1; } .inventory_step1_card_scroll_sticky { position: fixed; top: 0; max-width: 21.5rem; min-width: 21.5rem; z-index: 99; /*right: 0;*/ margin-top: 5.6rem; } .inventory_step1_card_scroll_sticky + .content { } .inventory_step1_container12:hover { color: #4654AB; } .inventory_step1_container13 { font-size: 1.5rem; cursor: pointer; position: absolute; right: 3.2rem; transition-duration: 0.3s; margin-top: -2.4rem; } .inventory_step1_container13:hover { color: #4654AB; } .inventory_step1_container14 { font-size: 1.5rem; cursor: pointer; position: absolute; right: -0.5rem; transition-duration: 0.3s; margin-top: -1.7rem; } .inventory_step1_container14:hover { color: #4654AB; } .theme_date1 > .datepicker table tr td .active.disabled:hover[disabled], .datepicker table tr td .active.disabled[disabled], .datepicker table tr td .active:active, .datepicker table tr td .active:hover, .datepicker table tr td .active:hover.active, .datepicker table tr td .active:hover.disabled, .datepicker table tr td .active:hover:active, .datepicker table tr td .active:hover:hover, .datepicker table tr td .active:hover[disabled], .datepicker table tr td .active[disabled], .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled], .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: #4654AB !important; border-radius: 0.35rem; } .datepicker { border-radius: 0.35rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%) !important; cursor: pointer; text-align: center; } .inventory_step1_container5 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; padding-bottom: 0.5rem; margin-bottom: 1rem; } .inventory_step1_container16 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; padding-bottom: 0.5rem; margin-bottom: 1rem; } .inventory_step1_container19 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; padding-bottom: 0.5rem; margin-bottom: 1rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); position: relative; } .inventory_step1_container8 { } .theme_chkbox1 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_input4 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; width: 20rem; margin-bottom: 1.5rem; } .theme_input5 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; width: 20rem; } .inventory_step1_container11 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; position: relative; } .inventory_step1_container17 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; position: relative; } .theme_btn11 { color: #dc7b36; background-color: #fbf0ea; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 10rem; } .theme_btn11:hover { color: #ffffff; background-color: #dc7b36; outline: none !important; } .theme_btn12 { color: #3d8c55; background-color: #d1eae4; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 10rem; } .theme_btn12:hover { color: #ffffff; background-color: #3d8c55; outline: none !important; } .theme_btn13 { color: #a54340; background-color: #fbecef; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 10rem; } .theme_btn13:hover { color: #ffffff; background-color: #a54340; outline: none !important; } .theme_btn14 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 12rem; } .theme_btn14:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_card8 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding-bottom: 1rem; padding-top: 1rem; position: relative; } .price_variation_card1 { min-height: none !important; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding-bottom: 1rem; padding-top: 1rem; position: relative; } .theme_card25 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding: 0; position: relative; padding-top: 0.5rem; } .theme_card44 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding: 0; position: relative; padding-top: 0.5rem; padding-bottom: 0.75rem; } .theme_card46 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0; position: relative; padding-top: 0.5rem; padding-bottom: 0.75rem; } .theme_card45 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding: 0; position: relative; padding-top: 0.5rem; padding-bottom: 0.75rem; } @media only screen and (max-width: 1240px) { #inventory_step1_scrollable_margin_top { margin-top: 6rem; } #inventory_home_scrollable_margin_top { margin-top: 4.75rem; } #create_project_scrollable_margin_top { margin-top: 4rem; } } @media only screen and (max-width: 1240px) { body { /*background-color: aqua;*/ } .inventory_step1_child1 { width: 100%; margin-right: 0; } .inventory_step1_container0 { display: none; } #inventory_step1_card_scroll { display: none; } #inventory_step1_scrollable_card_parent { display: flex; } #inventory_home_scrollable_card_parent { display: flex; } #inventory_home_card_scroll { display: none; } .inventory_home_child1 { width: 100%; margin-right: 0; } } @media only screen and (min-width: 1200px) { .col-xl-3.inventory_step1_container0 { max-width: 375px !important; } } /* END INVENTORY STEP 1 PG */ /* START VIDEO CALL PG */ .video_call_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .video_call_row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; width: 82%; } .video_call_container19 > .conversation-list .ctext-wrap { background-color: #ebeff2 !important; } .video_call_container15 { /*max-width: none!important;*/ } .video_call_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 100%;*/ margin-bottom: 0.25rem; } .video_call_txt2 { margin-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; } .video_call_txt4 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; /*max-width: 100%;*/ } .video_call_txt3 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; } .video_call_iframe { width: 100%; border-radius: 0.75rem; /*height: 48.9rem;*/ height: 36.8vw; } .video_call_iframe2 { width: 100%; /*height: 48.9rem;*/ height: auto; flex: 92%; height: 90%; object-fit: cover; /* max-height: 184px;*/ } .video_call_iframe2_2 { display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(#3a3b3c, #111111); min-height: 8.5vw; } .video_call_iframe2_copy { width: 100%; /*height: 48.9rem;*/ height: auto; flex: 92%; height: 90%; object-fit: cover; /* max-height: 184px;*/ } .video_call_iframe2_no_video { width: 100%; /*height: 48.9rem;*/ height: auto; flex: 92%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(#3a3b3c, #111111); } .video_call_iframe2_txt1 { color: #ffffff; background-color: none; font-weight: 900; font-size: 2rem; padding: 1.2rem; border-radius: 100%; border: 0.1rem solid #ffffff; text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 20px #fff, 0 0 0px #fff, 0 0 0px #fff; } .video_call_iframe2_txt2 { color: #ffffff; background-color: none; font-weight: 900; font-size: 1.2rem; padding: 0.8rem; border-radius: 100%; border: 0.1rem solid #ffffff; text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 20px #fff, 0 0 0px #fff, 0 0 0px #fff; } .video_call_iframe3_txt1 { color: #ffffff; background-color: none; font-weight: 900; font-size: 1.2rem; padding: 0.8rem; border-radius: 100%; border: 0.1rem solid #ffffff; text-shadow: 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 0px #fff, 0 0 20px #fff, 0 0 0px #fff, 0 0 0px #fff; } .video_call_iframe3 { height: 7rem; width: 11rem; /* border-radius: 0.35rem; border: 0.12rem solid #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-right: 2rem; margin-top: 2rem; */ } .video_call_iframe2_no_video_2 { width: 11rem; /*height: 48.9rem;*/ height: 7rem; flex: 92%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(#3a3b3c, #111111); } .video_call_iframe3_2_container { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-right: 2rem; margin-top: 2rem; border: 0.12rem solid #ffffff; border-radius: 0.35rem; } .video_call_iframe3_2 { width: 11rem; margin-top: -0.4rem } .video_call_container1 { height: 45vw; margin-top: 1rem; overflow: hidden; } .video_call_container20 { max-width: 40%; } .video_call_container21 { } .video_call_container22 { padding: 1rem !important; z-index: 99999; background: #ebeff2; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; } .video_call_container2 { position: absolute; bottom: 1.5rem; /*background-color: #000000;*/ color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items: center; left: 0; right: 0; width: fit-content; /*max-width: 38rem; min-width: 38rem;*/ padding: 0.75rem; height: auto; margin: auto; border-radius: 0.5rem; background: rgba( 0, 0, 0, 0.8 ); backdrop-filter: blur( 1vw ) saturate(2); /*-webkit-backdrop-filter: blur( 1vw );*/ } .video_call_container3 { display: flex; flex-direction: row; justify-content: center; align-items: center; /*width: 5.2rem; min-width: 5.2rem; max-width: 5.2rem;*/ width: auto; padding: 0 0.5rem; } .video_call_container4 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .video_call_icon1 { width: 2.75rem; height: 2.75rem; border-radius: 100%; border: 0.15rem solid #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition-duration: 0.3s; font-size: 1rem; background-color: transparent; color: #ffffff; } .video_call_icon1:ho { background-color: #ffffff; color: #000000; } .video_call_txt5 { color: #ffffff !important; font-size: 0.7rem; font-weight: 600 !important; } .video_call_txt6 { background-color: #d51840; } .video_call_txt6:hover { background-color: #d51840; color: #ffffff; } .video_call_container12 { position: absolute; top: 6.5rem; right: 2.5rem; /*background-color: cadetblue;*/ color: #ffffff; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: auto; color: #ffffff !important; font-size: 0.9rem; font-weight: 600!important; } .video_call_container13 { /*width: 4rem;*/ width: auto; height: auto; border-radius: 0.35rem; /*background: rgba( 0, 0, 0, 0.7 );*/ backdrop-filter: blur( 1vw ) saturate(2); /*-webkit-backdrop-filter: blur( 1vw ) saturate(2);*/ background-color: rgba(0,0,0,0.8); padding : 0.25rem 0.5rem; /*margin-bottom: 0.3rem;*/ display: flex; justify-content: center; flex-direction: row; align-items: center; margin-left: 0.25rem; } .video_call_txt10 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 2.5rem;*/ } .video_call_txt11 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 3.6vw;*/ } .video_call_container8 { position: absolute; bottom: 1.5rem; left: 2.5rem; color: #FFFFFF; display: flex; /*height: 38rem;*/ flex-direction: column; justify-content: flex-end; align-items: center; margin: auto; height: 43.5vw; } .video_call_container5 { /*width: 10vw;*/ width: 10rem; height: 100%; display: flex; overflow-y: auto; margin-bottom: 0.25rem; overflow-x: hidden; flex-direction: column-reverse; } .video_call_container6 { border-radius: 0.35rem; background: rgba( 0, 0, 0, 0.8 ); backdrop-filter: blur( 1vw ) saturate(2); /*-webkit-backdrop-filter: blur( 1vw );*/ margin-top: 0.25rem; margin-bottom: 0; width: 100%; } .video_call_container11 { width: 100%; height: 6rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .video_call_txt9 { width: 3rem; height: 3rem; border-radius: 100%; border: 0.12rem solid #FFFFFF; font-weight: 700; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.2rem; } .video_call_container7 { display: flex; flex-direction: row; justify-content: space-between; color: #FFFFFF !important; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; font-size: 0.7rem; font-weight: 600!important; padding: 0.25rem; backdrop-filter: blur(1vw) saturate(2); /*-webkit-backdrop-filter: blur(1vw);*/ background-color: rgba(0,0,0,0.8); } .video_call_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70%; } .video_call_container9 { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; /*height: 12vw;*/ /*overflow-y: auto; overflow-x: hidden;*/ } .video_call_container6 { border-radius: 0.35rem; background: rgba( 0, 0, 0, 0.8 ); backdrop-filter: blur( 1vw ); -webkit-backdrop-filter: blur( 1vw ); /*margin-bottom: 0.25vw;*/ width: 100%; } .video_call_img1 { border-top-right-radius: 0.35rem; border-top-left-radius: 0.35rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 6rem; width: 100%; object-fit: cover; } .video_call_txt8 { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 2vw;*/ } .video_call_container10 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .video_call_container17 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 0.5rem; } .video_call_container18 { height: 2px; width: 20px; margin: 0 !important; } .video_call_container18 > .video_call_progress_bar { background-color: #d51840; /*width:60%;*/ height:10px } .video_call_row3 { margin-bottom: 1.5rem !important; } .video_call_row4 { display: none; } .video_call_container14 { position: absolute; top: 9rem; right: 2.5rem; /*background-color: cadetblue;*/ /* color: #ffffff; margin: auto; color: #ffffff !important; font-size: 0.7rem; width: 20rem; border-radius: 0.35rem; background: rgba( 0, 0, 0, 0.7 ); backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px ); border: 1px solid rgba( 0, 0, 0, 0.18 ); border: 1px solid rgba( 0, 0, 0, 0.18 ); box-shadow : 0px 0px 1vw 0px rgb(0 0 0 / 20%); background-color: #3a3b3c; display: flex; justify-content: center; flex-direction: row; align-items: center; margin-left: 0.2rem; */ } .video_call_container14 > .card { width: 25rem; height: 39vw; margin: 0; z-index: 99; } #video_call_chat { display: none; } .video_call_container16 { /* height: 15rem !important; max-height: 410px;*/ overflow: auto; width: auto; height: 35vw !important; } /* END VIDEO CALL PG */ /* START SOURCE MANAGEMENT SETTINGS PG */ .stop_scrolling { position: fixed; } .source_management_settings_container1 { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1rem; } .source_management_settings_row1 { display: flex; width: 100%; flex-wrap: wrap; } .source_management_settings_txt3 { margin: 0; padding: 0; } .source_management_settings_txt1 { color: #d51840; font-weight: 700; } .source_management_settings_txt2 { color: #1e9752; font-weight: 700; } .theme_input3 { width: 5rem !important; text-align: center; color: #3a3b3c; font-weight: 700; font-size: 1.2rem; margin-right: 0.75rem; } .source_management_settings_container2 { margin-top: 35px; display: flex; flex-direction: column; align-items: center; } .source_management_settings_container2 > .text-muted { text-align: center; } .source_management_settings_container3 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 12px; } .source_management_settings_container6.row { max-width:1200px; width:95vw; } .source_management_settings_container4 > .text-muted { text-align: center; } .custom_input_with_light_borders { border: 1px solid #ebeff2; border-radius: 5px; } .source_management_settings_container4 { background-color: #ebeff2; padding: 1.5rem; border-radius: 0.75rem; display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: center; /*height: 26rem; min-height:374px;*/ text-align: center; flex: 1; /*min-width: 20rem;*/ /*margin-bottom: 0.5rem; margin: 0.5rem;*/ /* height: 24rem; */ } .source_management_settings_container5 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; font-size: 0.9rem; } /* END SOURCE MANAGEMENT SETTINGS PG */ /* START SENIOR SALES MANAGER PG */ .senior_sales_manager_row1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .senior_sales_manager_row10 { display: flex; width: 100%; flex-wrap: wrap; } .senior_sales_manager_row11 { display: flex; width: 100%; flex-wrap: wrap; } .senior_sales_manager_row2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .senior_sales_manager_tbl1 > table, th, td { /*border: 1px solid #dee2e6 !important;*/ text-align: center; font-size: 0.9rem; text-align: center; } .senior_sales_manager_tbl1 { margin-top: 1rem; max-height: 18rem; overflow: auto; } .senior_sales_manager_tbl1 > table { margin-bottom: 0 !important; } .senior_sales_manager_container16 { background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem; font-size: 0.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex: 1; /*min-width: 20rem;*/ margin-bottom: 0.5rem; } .senior_sales_manager_container15 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } .senior_sales_manager_row9 { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; margin-top: 0.8rem; font-size: 0.8rem; } .senior_sales_manager_container12 { } .senior_sales_manager_container14 { } .theme_chkbox6 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox6 { font-size: 0.9rem !important; margin-bottom: 0; line-height: 0.5rem !important; } .theme_chkbox6 > .checkbox label::before { top: -10px; width: 16px; height: 16px; margin-left: -12px; } .theme_chkbox6 > .checkbox input[type=checkbox]:checked+label::after { width: 4px; height: 8px; top: -6.5px; left: 12px; } .senior_sales_manager_row3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .theme_chkbox7 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox7 { font-size: 0.9rem !important; margin-bottom: 0; line-height: 0.5rem !important; } .theme_chkbox7 > .checkbox label::before { top: -4px; width: 16px; height: 16px; margin-left: -12px; } .theme_chkbox7 > .checkbox input[type=checkbox]:checked+label::after { width: 4px; height: 8px; top: -1px; left: 12px; } .senior_sales_manager_txt1 { font-weight: 700 !important; } .senior_sales_manager_txt12 { /*white-space: nowrap;*/ max-width: 4.5rem; overflow: hidden; text-overflow: ellipsis; vertical-align: middle !important; padding: 0.5rem !important; /*padding-top: 0.6rem !important; padding-bottom: 0.6rem !important;*/ padding-left: 0.2rem !important; padding-right: 0.2rem !important; height: 4.5rem; } .senior_sales_manager_txt13 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .senior_sales_manager_txt2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .senior_sales_manager_row2 > .text-muted { font-size: 0.9rem !important; } .senior_sales_manager_row3 > .text-muted { font-size: 0.9rem !important; } .senior_sales_manager_txt3 { font-weight: 700 !important; background-color: #b3fac2; color: #1e9752 !important; border: 0.1rem solid #1e9752; width: 3.3rem; height: 1.6rem; border-radius: 0.35rem; display: flex; flex-direction: row; justify-content: center; align-items: center; } .senior_sales_manager_icon1 { font-size: 0.8rem; margin-right: 0.2rem; } .senior_sales_manager_row1 > h4 { margin: 0; } .senior_sales_manager_container1 { padding: 1.2rem; background-color: #ebeff2; border-radius: 0.75rem; margin-top: 1rem; padding-top: 0.5rem; padding-bottom: 0.8rem; } .senior_sales_manager_container4 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .senior_sales_manager_container5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; } .senior_sales_manager_container2 { background-color: transparent !important; min-height: 14rem !important; max-height: 14rem !important; height: 14rem !important; width: 100%; margin-bottom: 0.5rem; margin-top: 0.5rem; } .theme_card10 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding-bottom: 0; padding-top: 1rem; height: 50.5rem; } .senior_sales_manager_icon2 { color: #4654AB; } .senior_sales_manager_row4 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .dataTables_length { } .senior_sales_manager_tbl_card { padding-left: 0; padding-right: 0; padding-top: 1.5rem; padding-bottom: 0; font-size: 0.9rem !important; margin-top: 0rem; background-color: transparent !important; } .senior_sales_manager_container3 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 0.5rem; } .senior_sales_manager_icon3 { margin-left: 0.3rem; margin-right: 0.3rem; cursor: pointer; font-size: 0.8rem; transition-duration: 0.3s; color: #111; } .senior_sales_manager_icon3:hover { /*color: #4654AB;*/ } .senior_sales_manager_select { display: flex; flex-direction: row; align-items: center; width: 12rem; margin-top: 0.5rem; margin-bottom: 0; } .senior_sales_manager_select > .select2-container .select2-selection--single .select2-selection__rendered { color: #3A3B3C; line-height: 30px !important; } .senior_sales_manager_select > .select2-container .select2-selection--single { font-size: 0.9rem !important; height: 28px !important; } .senior_sales_manager_select .select2-container .select2-selection--single { border-bottom: 1px solid #3A3B3C; } .senior_sales_manager_select > .select2-container .select2-selection--single .select2-selection__arrow b { /*border-color: #3A3B3C transparent transparent transparent;*/ } .senior_sales_manager_select > .select2-container .select2-selection--single .select2-selection__arrow { height: 28px !important; } .senior_sales_manager_select > .select2-container--open .select2-dropdown--below { font-size: 0.9rem !important; } .senior_sales_manager_txt4 { font-size: 0.9rem !important; box-shadow: : 0px 0px 1vw 0px rgb(0 0 0 / 20%) !important; } .theme_btn15 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 10%; padding-bottom: 10%; font-size: 0.9rem; } .theme_btn15:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_input6 { font-size: 0.9rem; } .theme_input7 { font-size: 0.9rem !important; width: 100% !important; } .theme_input15 { font-size: 0.9rem !important; } .theme_input12 { font-size: 0.9rem !important; margin-right: 0.5rem; } .source_management_txt6{ font-size: 0.85rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; color: #919191; background-color: #ffffff; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .source_management_txt7{ font-size: 0.9rem !important; } .source_management_txt9 { /*margin-right: 0.8rem;*/ } .source_management_txt8{ font-size: 0.9rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .senior_sales_manager_txt5{ font-size: 0.9rem !important; } .senior_sales_manager_txt6{ cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; font-size: 0.85rem !important; color: #919191; } .senior_sales_manager_txt7{ font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .senior_sales_manager_txt10{ font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .senior_sales_manager_container9 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem !important; margin-top: 0.4rem; margin-bottom: 0.4rem; } .senior_sales_manager_container6 { margin-left: 1.2rem; margin-right: 1.2rem; } .senior_sales_manager_row5 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .senior_sales_manager_container8 { width: 100%; height: 44.5rem; overflow-y: scroll; margin-top: 0.5rem; } .senior_sales_manager_container7 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem; font-size: 0.9rem; margin-bottom: 0.5rem; } .senior_sales_manager_container17 { } .senior_sales_manager_container11 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; background-color: #ebeff2; border-radius: 0.35rem; padding: 0.5rem; font-size: 0.9rem; margin-bottom: 0.5rem; } .senior_sales_manager_row6 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; width: 100%; margin-top: 0.4rem; } .senior_sales_manager_container10 { width: 100%; height: 44.5rem; overflow-y: auto; padding-right: 0.4rem; margin-top: 1rem; } .senior_sales_manager_row7 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .senior_sales_manager_txt9 { color: #1e9752; } .senior_sales_manager_txt8 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; margin-left: 0.5rem; margin-right: 0.5rem; } .theme_btn17 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; } .theme_btn17:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn16 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.4rem; padding-bottom: 0.4rem; width: 100%; font-size: 0.8rem; margin-top: 0.3rem; margin-left: 0.2rem; margin-right: 0.2rem; } .theme_btn16:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn23 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 90px; font-size: 0.9rem; } .theme_btn23:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .senior_sales_manager_line1 { background-color: #3a3b3c; width: 10rem; height: 0.12rem; } .senior_sales_manager_row8 { display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 0.5rem; } .senior_sales_manager_flx_parent { display: flex; /* flex-direction: row; justify-content: center; align-items: center; */ flex-wrap: wrap; } .senior_sales_manager_flx_child1 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 23%; } .senior_sales_manager_flx_child2 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 48%; } .senior_sales_manager_flx_child3 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 23%; } @media only screen and (min-width: 1854px) { .senior_sales_manager_row8 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } } /*@media only screen and (max-width: 1365px) {*/ @media only screen and (max-width: 1365px) { .senior_sales_manager_flx_child1 { width: 25%; } .senior_sales_manager_flx_child2 { width: 71%; margin-right: 0; } .senior_sales_manager_container16 { margin: 0.5rem; /*max-width: 275px;*/ } .senior_sales_manager_flx_child3 { height: auto; padding-bottom: 1.5rem; width: 100%; margin-right: 0.2rem; } } /* END SENIOR SALES MANAGER PG */ /* START FINANCE MANAGEMENT HOME PG */ .theme_btn18 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; } .theme_btn18:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .finance_management_home_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .finance_management_home_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .finance_management_home_row3 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .finance_management_home_row5 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #ebeff2; border-radius: 0.35rem; width: 100%; padding:0.5rem 1rem; font-size: 0.9rem; cursor: pointer; margin-bottom: 0.5rem; } .finance_management_home_row6 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .finance_management_home_row4 { margin-top: 1rem; max-height: 18rem; /* min-height: 14.5rem;*/ overflow-y: auto; padding-right: 0.4rem; } .theme_card12 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 1rem; margin-bottom: 0.8rem; } .finance_management_home_theme_card1 { min-height: none !important; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-top: 1rem; margin-bottom: 0.8rem; } .theme_card13 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 1rem; height: 52rem; padding-top: 1rem; } .finance_management_home_icon1 { width: 1.8rem; height: 1.8rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #d51840; background-color: #f5d2d0; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-left: 0.5rem; } .finance_management_home_icon1:hover { color: #ffffff; background-color: #d51840; } .finance_management_home_icon2 { width: 1.8rem; height: 1.8rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #4654AB; background-color: #D3D6EA; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; } .finance_management_home_icon2:hover { color: #ffffff; background-color: #4654AB; } .finance_management_home_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } #finance_management_home_entry1_controls1, #finance_management_home_entry2_controls2, #finance_management_home_entry3_controls3, #finance_management_home_entry4_controls4, #finance_management_home_entry5_controls5, #finance_management_home_entry6_controls6, #finance_management_home_entry7_controls7, #finance_management_home_entry8_controls8 { visibility: hidden; } .finance_management_home_container1 { max-width: 1200px !important; } /* END FINANCE MANAGEMENT HOME PG */ /* START GLOBAL PRICE SHEET PG */ .global_price_sheet_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .global_price_sheet_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .global_price_sheet_row3 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .global_price_sheet_txt1{ font-size: 0.9rem !important; } .global_price_sheet_txt2{ font-size: 0.85rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; color: #919191; } .global_price_sheet_container1 { width: 100%; /* height: 38rem;*/ height: 37.75rem; overflow-y: auto; margin-top: 1rem; margin-bottom: 1rem; } .global_price_sheet_container17 { padding-left: 0; padding-right: 0; } .global_price_sheet_container18 { height: 300px; } .global_price_sheet_txt13{ margin-bottom: 0.25rem; } .global_price_sheet_txt14 { pointer-events: none !important; } .global_price_sheet_container11 { max-width: 1400px; } .global_price_sheet_container12 { outline: none !important; } .global_price_sheet_icon8 { font-size: 1rem; background-color: #5a5a5a !important; width: 1.25rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .global_price_sheet_icon8:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .global_price_sheet_container2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; background-color: #ebeff2; border-radius: 0.35rem; padding: 0.6rem; font-size: 0.9rem; margin-bottom: 0.5rem; cursor: pointer; } .global_price_sheet_txt3{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 78%; } .global_price_sheet_icon1 { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; min-height: 1.3rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #4654AB; background-color: #D3D6EA; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .global_price_sheet_icon2 { width: 1.4rem; min-width: 1.4rem; height: 1.32rem; min-height: 1.32rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #d51840; background-color: #f5d2d0; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .global_price_sheet_icon1:hover { color: #ffffff; background-color: #4654AB; } .global_price_sheet_icon2:hover { color: #ffffff; background-color: #d51840; } .global_price_sheet_row12 { width: 75%; } .global_price_sheet_row4 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; text-align: center; margin-bottom: 0.5rem; } .global_price_sheet_row11 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; text-align: left; /*margin-bottom: 0.5rem;*/ white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; overflow: hidden; justify-content: flex-start; } .theme_btn19 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn19:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .global_price_sheet_row5 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .global_price_sheet_row6{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; padding-left: 1.5rem; padding-right: 1.5rem; } .theme_btn20 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; } .theme_btn20:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn21 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn21:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn48 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding: 0; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn48:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .global_price_sheet_row7{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; border-top: 0.15rem solid #3a3b3c; padding-top: 0.2rem; font-weight: 700; font-size: 0.9rem; padding-top: 0.5rem; margin-left: 1.5rem; margin-right: 1.5rem; } .global_price_sheet_row8 { background-color: transparent; width: 100%; height: 43.75rem; overflow-y: auto; margin-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.6rem; overflow-x: hidden; } .global_price_sheet_txt4{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; } .global_price_sheet_container3 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; } .global_price_sheet_container4 { flex: 1%; margin-left: 1%; } .back_end_mdl_container32 { flex: 1%; padding-right: 0.5rem; } .back_end_mdl_header1 { border-color: transparent !important; padding-bottom: 0.5rem !important; } .back_end_mdl_body1 { padding-top: 0 !important; } .back_end_mdl_container34 { max-width: 550px !important; } .global_price_sheet_container5 { display: flex; flex-direction: column; width: 100%; justify-content: flex-start; } .global_price_sheet_container6 { flex: 1%; margin-left: 1%; margin-bottom: 1rem; background-color: #ffffff !important; } #global_price_sheet_percent { display: none; } #global_price_sheet_per_area { display: none; } .global_price_sheet_container7 { padding: 1rem; border-radius: 0.5rem; border: 0.12rem solid #7e7e7e; background-color: #ebeff2; margin-bottom: 1.5rem; pointer-events: all !important; cursor: pointer; } .global_price_sheet_container16 { border-radius: 0.35rem; background-color: #ebeff2; margin-bottom: 0.5rem !important; } .global_price_sheet_row9 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.9rem; font-weight: 700; margin-top: 0.5rem; /*background-color: aliceblue;*/ } .global_price_sheet_row10 { display: flex; flex-direction: row; align-items: center; font-size: 0.9rem; background-color: #ffffff; padding: 0.6rem; border-radius: 0.35rem; margin-bottom: 0.5rem; width: 100%; /* pointer-events: none;*/ pointer-events: all; cursor: pointer; } .global_price_sheet_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%; } .global_price_sheet_txt6 { font-size: 0.9rem; } .global_price_sheet_icon3 { width: 1.8rem; height: 1.8rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #d51840; background-color: #f5d2d0; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-left: 0.5rem; pointer-events: all; } .global_price_sheet_icon3:hover { color: #ffffff; background-color: #d51840; } .global_price_sheet_icon4 { width: 1.8rem; height: 1.8rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #4654AB; background-color: #D3D6EA; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; pointer-events: all; } .global_price_sheet_icon4:hover { color: #ffffff; background-color: #4654AB; } .global_price_sheet_icon5 { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; min-height: 1.3rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #3b444b; background-color: #d5dce4; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .global_price_sheet_icon5:hover { color: #ffffff; background-color: #3b444b; } .global_price_sheet_icon6 { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; min-height: 1.3rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #4654AB; background-color: #D3D6EA; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .global_price_sheet_icon6:hover { color: #ffffff; background-color: #4654AB; } .global_price_sheet_icon7 { width: 1.4rem; min-width: 1.4rem; height: 1.32rem; min-height: 1.32rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #d51840; background-color: #f5d2d0; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .global_price_sheet_icon7:hover { color: #ffffff; background-color: #d51840; } .global_price_sheet_container8 { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; right: 0.5rem; margin-top: -1.9rem; } .global_price_sheet_txt7 { flex: 33.33%; /*background-color: antiquewhite;*/ text-align: left; display: flex; flex-direction: row; align-items: center; width:33.33% } .global_price_sheet_txt8 { flex: 33.33%; /*background-color: aqua;*/ text-align: center; display: flex; justify-content: center; width:33.33% } .global_price_sheet_txt9 { flex: 33.33%; /*background-color: antiquewhite;*/ text-align: right; display: flex; justify-content: flex-end; width:33.33%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .global_price_sheet_txt10 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .global_price_sheet_container13 { display: flex; flex-direction: row; pointer-events: all; } .global_price_sheet_blur_entry { filter: blur(1.2px); -webkit-filter: blur(1.2px); } .global_price_sheet_container14 { display: flex; flex-direction: column; pointer-events: all; min-height: 1.5rem; padding: 0 !important; pointer-events: none; overflow-x: hidden; } .global_price_sheet_container15 { display: flex; flex-direction: column; pointer-events: all; min-height: 1.5rem; padding: 0 !important; /*background-color: aqua;*/ } #global_price_sheet_entry1_controls1, #global_price_sheet_entry2_controls2, #global_price_sheet_entry3_controls3, #global_price_sheet_entry4_controls4, #global_price_sheet_entry5_controls5, #global_price_sheet_entry6_controls6, #global_price_sheet_entry7_controls7 { visibility: hidden; display: flex; } .global_price_sheet_container9 { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 0.4rem; } .global_price_sheet_container10 { margin-left: 0.5rem; transition-duration: 0.3s; } .global_price_sheet_container10:hover { color: #4654AB; } @media only screen and (max-width: 1200px) { .global_price_sheet_container1 { /* height: 37rem;*/ height: 36.5rem; } } /* END GLOBAL PRICE SHEET PG */ /* START USER DATA SETTINGS PG */ .user_data_settings_container1 { margin-top: 35px; display: flex; flex-direction: column; align-items: center; } .user_data_settings_container1 > .text-muted { text-align: center; } .user_data_settings_container2 { display: flex; width: 100%; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 24px; } .user_data_settings_container3.row { /*max-width:1200px; width:95vw;*/ width: 100%; } .user_data_settings_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .user_data_settings_row5 { display: flex; width: 100%; flex-wrap: wrap; } .user_data_settings_container4 { background-color: #ebeff2; border-radius: 0.35rem; padding: 0.9rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: 0.25rem; text-align: center; flex: 1; /*min-width: 175px;*/ min-width: 250px; } .user_data_settings_txt1 { font-weight: 700; } .user_data_settings_txt2 { font-size: 0.9rem; text-align: center; margin-bottom: 0; } .theme_chkbox2 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox2 { font-size: 0.9rem !important; margin-bottom: 0 } .theme_chkbox2 > .checkbox label::before { top: 0px; width: 16px; height: 16px; margin-left: -14px; } .theme_chkbox2 > .checkbox input[type=checkbox]:checked+label::after { width: 3px; height: 8px; top: 3px; left: 9px; } .user_data_settings_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .user_data_settings_container5 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; font-size: 0.9rem; } .user_data_settings_container8 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; font-size: 0.9rem; } .user_data_settings_container6 { margin-left: 0.3rem; margin-right: 0.3rem; } .user_data_settings_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .theme_card14 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 100%; } .user_data_settings_row2 { margin: 0; padding: 0; } .user_data_settings_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .user_data_settings_row3 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .user_data_settings_row4 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .user_data_settings_container7 { max-width: 1400px; } .user_data_settings_txt3 { font-size: 0.9rem !important; font-weight: 600; margin-bottom: 0.5rem; } .theme_card15 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding-top: 0.3rem; } @media only screen and (max-width: 1200px) { .user_data_settings_container5 { flex-direction: row; margin: 0; margin-bottom: 0.2rem; } .user_data_settings_container6 { margin-top: 0.3rem; margin-bottom: 0.3rem; } .user_data_settings_row3 > .theme_chkbox2 { margin-left: 0.5rem; } } @media only screen and (max-width: 1032px) { .user_data_settings_row4 > .theme_chkbox2 { margin-left: 0.5rem; } } /* END USER DATA SETTINGS PG */ /* START INVENTORY HOME PG */ .inventory_home_row1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inventory_home_container18 { width: 80%; } .inventory_home_container19 { max-width: 1400px; } .inventory_home_container16 { width: 60%; } .inventory_home_container3 { width: 100%; margin-top: 0rem; display: flex; flex-direction: row; justify-content: flex-start; /*max-height: 30rem;*/ /*overflow-y: auto; */ height: auto; align-items: flex-start; flex-wrap: wrap; } .inventory_home_container21 { width: 100%; margin-top: 0rem; display: inline-block; flex-direction: row; justify-content: flex-start; /*max-height: 30rem;*/ height: auto; margin-bottom: 1.5rem; } .inventory_home_container4 { background-color: #ffffff; border-radius: 0.75rem; } .inventory_home_container4_2 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 0; } .inventory_home_container4_txt { font-weight: 700; } .col-xl-3.inventory_home_container1 { width: 325px!important; max-width: 375px !important; } .inventory_home_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .inventory_home_txt8 { margin-bottom: 0 !important; } .inventory_home_txt9 { margin-top: 0 !important; } .inventory_home_container20 { margin-bottom: 0.5rem !important; } .inventory_home_container2 { border-radius: 0.75rem; background-color: #ebeff2; padding: 1rem; padding-top: 0.5rem; margin-top: 0.2rem; margin-bottom: 1rem; } .inventory_home_container5 { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.8rem; padding-bottom: 0.8rem; } .theme_card16 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding-bottom: 0.5rem; padding-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .theme_progress1{ width: 94%; background-color: #c3e1c5; margin: 0; height: 1.2rem !important; } .theme_progress1 > .progress-bar { background-color: #1e9752; font-size: 0.7rem !important; font-weight: 700; } .inventory_home_txt7 { padding-bottom: 0rem !important; } .inventory_home_txt2 { font-size: 0.9rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 0.3rem; margin-bottom: 0.3rem; } .inventory_home_txt6 { font-size: 0.9rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 0.6rem; margin-bottom: 0rem; } .inventory_home_card1 { border-radius: 0.75rem; padding: 0 !important; width: 13.75rem; background-color: #ffffff; margin: 0.5rem; display: flex; flex-direction: column; justify-content: flex-start; } .inventory_home_card5 { border-radius: 0.75rem; padding: 0 !important; width: 13.75rem; background-color: #ffffff; margin: 0.5rem; display: inline-block; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .inventory_home_card_scroll_parent{ max-width: 22vw; width: 22vw; min-width: 22vw; position: absolute; right: 0; margin-right: 2.8vw; margin-top: 0rem; box-shadow : 0px 0px 1vw 0px rgb(0 0 0 / 20%); z-index: 1; } .inventory_home_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-bottom: 0.75rem; } .inventory_home_card2 { border-radius: 0.75rem; padding: 0 !important; width: 13.75rem; background-color: #ebeff2; margin: 0.5rem; display: inline-block; } .inventory_home_card4 { border-radius: 0.75rem; padding: 0 !important; width: 12.5rem; background-color: #ebeff2; margin: 0.5rem; display: inline-block; } .inventory_home_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; /*background-size: cover;*/ height: 10rem; object-fit: cover; background: #111; object-position: center; } .inventory_home_card3 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; position: relative; } .inventory_home_container7 { /*padding-left: 0.8rem; padding-right: 0.8rem;*/ padding: 0.5rem 0.8rem; padding-bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; /*height: 2.5rem;*/ } .inventory_home_container13 { margin-bottom: 0.8rem; } .inventory_home_container12 { max-height: 38rem; overflow-y: auto; margin-bottom: 1.2rem; margin-top: 0.5rem; padding: 0.8rem; padding-bottom: 0; } .inventory_home_container11 { padding-left: 0.8rem; padding-right: 0.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 10.5rem; } .inventory_home_container6 { width: 100%; display: flex; } .inventory_home_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:65%; } .search-box .search-icon { top: 9px; background-color: #ffffff; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .inventory_home_img2 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; max-height: 12.5rem; object-fit: cover !important; background-color: #ffffff; background: #111; object-position: center; } .inventory_home_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .theme_btn22 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 3%; padding-bottom: 3%; font-size: 0.9rem; width: 100%; } .theme_btn22:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_input8 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; margin: 0; width: 100%; } .theme_input14 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; margin: 0; margin-left: 1rem; margin-right: 1rem; max-width: 25vw; min-width: 20vw; text-align: center; margin-top: 0.2rem; font-size: 0.9rem; } .theme_input14::placeholder { color: #3a3b3c; font-weight: 500; font-size: 0.9rem; } .theme_input16 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; margin: 0; margin-left: 1rem; margin-right: 1rem; max-width: 25vw; min-width: 20vw; text-align: center; margin-top: 0.2rem; font-size: 0.9rem; margin: 0 !important; } .theme_input16::placeholder { color: #3a3b3c; font-weight: 500; font-size: 0.9rem; } .inventory_home_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 82%; display: inline-block; } .inventory_home_container8 { text-align: center; padding-left: 1.5rem; padding-right: 1.5rem; } .inventory_home_container10 { background-color: #ebeff2; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0.5rem; width: 100%; min-width: 25%; margin-right: 0.2rem; } .inventory_home_container10 > h6 { margin-bottom: 0.4rem; margin-top: 0.3rem; } .col-xl-3.inventory_home_container0 { width: 325px!important; max-width: 375px !important; } .inventory_home_container9 { padding: 1rem !important; /* padding-bottom: 0rem !important;*/ } /*@media only screen and (max-width: 1356px) {*/ @media only screen and (max-width: 1465px) { .inventory_home_container6 { display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; } .theme_btn5 { width: 100% !important; margin-top: 0.2rem; } } @media only screen and (min-width: 1200px) { .col-xl-3.inventory_home_container0 { max-width: 375px !important; } } @media only screen and (min-width: 1200px) { .col-xl-3.inventory_home_container1 { max-width: 375px !important; } } /* END INVENTORY HOME PG */ /* START PAYMENT PLAN PG */ .payment_plan_row1{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; font-size: 0.9rem; } .payment_plan_row7{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; font-size: 0.9rem; /*margin-bottom: 0.5rem;*/ } .payment_plan_row6{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; font-size: 0.9rem; margin-top: 0.8rem; } .payment_plan_tbl { width: 100%; text-align: center; margin-top: 0.25rem; /*margin-top: 0.5rem; margin-bottom: 1rem;*/ } .payment_plan_container7 { border-top-color: #ffffff !important; border-right-color: #ffffff !important; border-bottom-color: #ffffff !important; background-color: #ffffff; width: 50px; } .payment_plan_container13 { border-top-color: #ffffff !important; border-right-color: #ffffff !important; border-bottom-color: #ffffff !important; background-color: #ffffff; width: 50px; height: 4.2rem; } .payment_plan_container8 { height: 300px; } .payment_plan_icon3 { font-size: 1rem; background-color: #5a5a5a !important; width: 1.25rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .payment_plan_icon3:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .payment_plan_txt1 { font-size: 0.9rem; line-height: 1.5; } .payment_plan_txt2 { border-top-right-radius: 0.75rem; } .payment_plan_txt3 { border-bottom-right-radius: 0.75rem; } .payment_plan_txt4 { border-top-left-radius: 0.75rem; width: 5rem; } .payment_plan_txt5 { border-bottom-left-radius: 0.75rem; } table.payment_plan_tbl1 tr { background: #ebeff2; } /* table.payment_plan_tbl1 td { border: 1px solid #111 !important; } table.payment_plan_tbl1 th { border: 1px solid #111 !important; } */ .payment_plan_container9 { /*border: 1px solid #111 !important;*/ font-weight: 500; border-bottom: 0.05rem solid #adadad !important; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; max-width: 10rem; } #payment_plan_header { border-bottom: 0.1rem solid #3a3b3c !important; } #payment_plan_header_date { border-bottom: 0.1rem solid #3a3b3c !important; } .payment_plan_header_date2 { border-top: 0.1rem solid #3a3b3c !important; } .payment_plan_header4 { background-color: #ffffff !important; } .payment_plan_tbl1 > tbody > tr:last-child > th { border-bottom: none !important; } .payment_plan_container10 { display: inline-block; /*margin-left: 0.4rem;*/ } .form-control { padding: 0.45rem 0rem !important; } .payment_plan_container12 { font-weight: 700; font-size: 1rem !important; } .payment_plan_container11 { border-bottom: 0.1rem solid #3a3b3c !important; font-weight: 500; } .payment_plan_tbl > table, th, td { /*border: 1px solid #111 !important;*/ text-align: center; font-size: 0.9rem; } .payment_plan_tbl td { padding-top: 0.9rem; font-size: 0.9rem !important; } .payment_plan_container5 { padding-top: 0.85rem !important; } .payment_plan_container14 { padding-top: 0 !important; } .payment_plan_container15 { padding-top: -0.5rem !important; } /* .payment_plan_tbl > table, th, td { border: 1px solid black; font-size: 0.8rem; } */ .payment_plan_tbl_border { border: none; } .payment_plan_tbl_color { color: #4654AB; background-color: #D3D6EA } #payment_plan_entry1_controls1, #payment_plan_entry2_controls2, #payment_plan_entry3_controls3, #payment_plan_entry4_controls4, #payment_plan_entry5_controls5 { /*visibility: hidden;*/ } .payment_plan_container6 { border-bottom-color: #ffffff !important; border-right-color: #ffffff !important; border-top-color: #ffffff !important; background-color: #ffffff; } .payment_plan_tbl tr { /*height: 3rem;*/ } .payment_plan_container1 { display: flex; } .payment_plan_container16 { padding: 0 !important; margin: 0 !important; height: 3.15rem !important; } .payment_plan_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .payment_plan_container2 { max-width: 1200px !important; } .payment_plan_row3 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .payment_plan_row4 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .payment_plan_row5 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .payment_plan_container3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; } .payment_plan_container4 { flex: 1%; margin-left: 0.75rem; } .payment_plan_icon1 { /*width: 1.8rem; height: 1.8rem; border-radius: 100%;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; color: #111; /*background-color: #f5d2d0;*/ cursor: pointer; /*font-size: 0.6rem;*/ transition-duration: 0.3s; margin-left: 0.5rem; margin-right: 0.5rem; } .payment_plan_icon1:hover { /*color: #ffffff; background-color: #d51840;*/ } .payment_plan_icon2 { /*width: 1.8rem; height: 1.8rem; border-radius: 100%; display: flex;*/ flex-direction: column; justify-content: center; align-items: center; color: #111; /*background-color: #D3D6EA;*/ cursor: pointer; /*font-size: 0.6rem;*/ transition-duration: 0.3s; margin-left: 0.5rem; margin-right: 0.5rem; } .payment_plan_icon2:hover { /*color: #ffffff; background-color: #4654AB;*/ } /* END PAYMENT PLAN PG */ /* START INVENTORY STEP 2 PG */ .inventory_step2_row1{ } .inventory_step2_container23 { position: relative; } .inventory_step2_container20 > .form-group, .inventory_step2_container19 > .form-group, .inventory_step2_container3 > .form-group { margin-bottom: 0.5rem !important; } .inventory_step2_flx_parent { display: flex; flex-wrap: wrap; } .inventory_step2_child1 { flex: 68%; margin-right: 24px; } .inventory_step2_child2 { flex: 20%; max-width: 300px; } .inventory_step2_container14 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; } .inventory_step2_container1 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; } .inventory_step2_container2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; } .inventory_step2_container3 { flex: 1%; margin-left: 1%; } .inventory_step2_container20 { flex: 20%; margin-left: 1%; } .inventory_step2_container19 { flex: 20%; margin-left: 1%; } .inventory_step2_txt1 { font-size: 0.9rem; font-weight: 700; } .inventory_step2_txt2 { color: #d51840 !important; } .inventory_step2_txt3 { font-weight: 600; font-size: 1rem; margin-bottom: 0.3rem; } .inventory_step2_txt7 { font-weight: 600 !important; font-size: 1rem; margin-bottom: 0.3rem; } .inventory_step2_txt4 { font-weight: 500; font-size: 0.9rem; } .inventory_step2_container6 { margin-bottom: 1.2rem; margin-top: 0.5rem; } .inventory_step2_container8 { margin-bottom: 0.5rem; margin-top: 1rem; } .inventory_step2_container21 { margin-bottom: 0rem; margin-top: 1.6rem; } .inventory_step2_container22 { height: 300px; } .inventory_step2_container10 { border-radius: 0.75rem; background-color: #ebeff2; padding: 1rem; } .inventory_step2_container17 { border-radius: 0.75rem; background-color: #ebeff2; padding: 1.5rem; padding-bottom: 0.8rem; } .inventory_step2_container4 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; margin-top: 0.5rem; padding-bottom: 0.8rem; padding-top: 0.8rem; } .inventory_step2_container5 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ffffff; position: relative; margin-bottom: 1rem; } .inventory_step2_container9 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .inventory_step2_card_scroll_sticky { position: fixed; top: 0; z-index: 99; /*right: 0;*/ /* width: 25rem; min-width: 25rem; */ width: 21.5rem; min-width: 21.5rem; margin-top: 5.6rem; } .inventory_step2_card_scroll_sticky_modal_scroll { /*top: 0; margin-top: 3.8rem; position: fixed;*/ } .inventory_step2_card_scroll_sticky_modal { position: fixed; /*right: 0;*/ /* width: 25rem; min-width: 25rem; */ width: 19rem; min-width: 19rem; } .inventory_step2_card_scroll_sticky + .content { } .theme_btn24 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 10rem; } .theme_btn24:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn59 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 12rem; } .theme_btn59:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .inventory_step2_container7 { font-size: 1.5rem; cursor: pointer; position: absolute; right: -0.6rem; transition-duration: 0.3s; margin-top: -2.3rem; } .inventory_step2_container7:hover { color: #4654AB; } .inventory_step2_container15 { font-size: 1.5rem; cursor: pointer; position: absolute; right: 2.6rem; transition-duration: 0.3s; margin-top: -2.3rem; } .inventory_step2_container15:hover { color: #4654AB; } .inventory_step2_container18 { font-size: 1.5rem; cursor: pointer; position: absolute; right: -0.6rem; transition-duration: 0.3s; margin-top: -2.3rem; } .inventory_step2_container18:hover { color: #4654AB; } .inventory_step2_container16 { max-width: 1400px; } .theme_card17 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding-top: 1rem; } .inventory_step2_card1 { border-radius: 0.75rem !important; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } /* .inventory_step2_card_scroll_parent{ max-width: 22vw; width: 22vw; min-width: 22vw; position: absolute; right: 0; margin-right: 2.8vw; margin-top: 0rem; box-shadow : 0px 0px 1vw 0px rgb(0 0 0 / 20%); z-index: 1; } */ .inventory_step2_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .inventory_step2_container11 { padding: 1.5rem !important; padding-bottom: 1rem !important; padding-top: 0 !important; } .inventory_step2_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:80%; } .inventory_step2_txt6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .inventory_step2_container12 { } .inventory_step2_container13 > .dropify-wrapper { height: 15rem !important; border: 0.15rem dashed #3a3b3c; border-radius: 0.35rem; } /* input[type=color] { display: none; } */ .inventory_step2_color1 { position: absolute; left: 0; opacity: 0; cursor: pointer; } #inventory_step2_color_pick { border-radius: 50%; width: 1.6rem; height: 1.6rem; background-color: #964B00; display:inline-block; cursor: pointer; border: 0.12rem solid #ebeff2; } .scrollable_card_parent{ background-color: #ffffff; color: #3a3b3c; position: fixed; width: 100%; top: 70px; left: 0; padding: 6px 0 6px 24px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; /*z-index: 1052;*/ /* z-index: 2;*/ z-index: 1052; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .scrollable_card_child1 { flex: 33.33%; display: flex; justify-content: flex-start; align-items: center; } .scrollable_card_child6 { display: flex; flex-direction: column; overflow: hidden; margin: 0 1rem; margin-bottom: 0.5rem; } .scrollable_card_child8 { display: flex; flex-direction: column; overflow: hidden; justify-content: center; margin: 0 1rem; margin-bottom: 0.5rem; } .scrollable_card_child2 { flex: 33.33%; display: flex; flex-direction: row; } .scrollable_card_child3 { flex: 33.33%; display: flex; justify-content: flex-end; } .scrollable_card_child4 { flex: 50%; display: flex; justify-content: space-between; align-items: center; } .scrollable_card_child7 { flex: 50%; display: flex; justify-content: space-between; } .scrollable_card_child9 { display: flex; justify-content: center; align-items: center; } .scrollable_card_child5 { flex: 50%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .scrollable_card_container1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-right: 1rem; } .scrollable_card_container2 { } .scrollable_card_container5 { display: flex; flex-direction: column; justify-content: center; } .scrollable_card_container4 { display: flex; min-width: 30%; } .scrollable_card_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20vw; } .scrollable_card_txt2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20vw; } .scrollable_card_txt4 { margin-bottom: 0 !important; } .scrollable_card_txt5 { margin-top: 0 !important; } .scrollable_margin_top { margin-top: 6rem; } .theme_btn25 { color: #ffffff; background-color: #4654AB; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding: 0.8rem 1rem 0.8rem 1rem; } .theme_btn25:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .scrollable_card_container3 { background-color: #ebeff2; margin-right: 0.25rem; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0rem; width: 100%; min-width: 25%; padding: 0 !important; } .scrollable_card_container3 > h6 { margin-bottom: 0rem; margin-top: 0rem; } .scrollable_card_container6 { background-color: #ebeff2; margin-right: 0.25rem; padding: 0.5rem; text-align: center; border-radius: 0.35rem; margin-top: 0rem; width: 100%; min-width: 25%; padding: 0 !important; display: flex; flex-direction: column; justify-content: center; } .scrollable_card_container6 > h6 { margin-bottom: 0rem; margin-top: 0rem; } .scrollable_card_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; display: inline-block; } /* END INVENTORY STEP 2 PG */ /* START INVENTORY STEP 3 PG */ .inventory_step3_container0 { max-width: 1400px; } .inventory_step3_icon1 { margin-right: 0.3rem; white-space: nowrap; } .inventory_step3_txt11 { font-size: 0.8rem; margin-right: 0rem; cursor: pointer; transition-duration: 0.3s; } .inventory_step3_txt11:hover { color: #4654AB; } .inventory_step3_row1 { display: flex; flex-direction: row; justify-content: space-between; /*align-items: center;*/ } .inventory_step3_row5 { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; /*width: 41rem;*/ width: 100%; } .inventory_step3_row6 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; /*width: 41rem;*/ width: 100%; } .inventory_step3_icon2 { margin-right: 0.3rem; } .inventory_step3_txt12 { max-width: 70%; } .inventory_step3_txt13 { /*max-width: 40rem;*/ min-width: 7.5rem; line-height: 3; } .inventory_step3_txt14 { max-width: 70%; margin-top: 1rem; } .inventory_step3_txt20 { font-weight: bold; } .inventory_step3_row4 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .inventory_step3_container1 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.2rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; /*max-width: 20rem;*/ cursor: pointer; transition-duration: 0.3s; margin-bottom: 1.2rem; width: 49%; /*max-width: 23rem;*/ max-width: 40vw; } .inventory_step3_container1:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 35%); } .inventory_step3_txt1 { font-size: 1.2rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #d1eae4; color: #3d8c55; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inventory_step3_txt4 { font-size: 1.2rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #e6daca; color: #a88243; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inventory_step3_txt5 { font-size: 1.2rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #d5dee7; color: #3074b3; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inventory_step3_txt6 { font-size: 1.2rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #e9e5ca; color: #b8b739; display: flex; flex-direction: column; justify-content: center; align-items: center; } .inventory_step3_container2 { margin-right: 1rem; } .inventory_step3_container23 { position: relative; display: flex; justify-content: flex-end; margin-right: 1rem; } .inventory_step3_building_arrow_down { position: absolute; z-index: 10; } .inventory_step3_building_table { background-color: #D3D7DA; } .inventory_step3_building_table > table, th, td { border-radius: 0 !important; } .inventory_step3_txt2 { font-weight: 700 !important; font-size: 1rem; margin-bottom: 0.25rem; } .inventory_step3_txt3 { font-size: 0.8rem; } .inventory_step3_parent { display: flex; flex-direction: row; } .inventory_step3_child1 { flex: 50%; max-width: 50vw; /*background-color: beige;*/ padding-right: 1rem; } .inventory_step3_building_wrapper { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; /*background-color: cornflowerblue;*/ padding: 0.8rem; } .inventory_step3_building_sec1 { flex: 12%; text-align: center; /*background-color: aliceblue;*/ } .inventory_step3_building_sec2 { flex: 76%; text-align: center; display: flex; flex-direction: column; /*background-color: antiquewhite;*/ } .inventory_step3_building_sec3 { flex: 12%; text-align: left; /*background-color: aliceblue;*/ } .inventory_step3_building_inner_sec1 { /*background-color: antiquewhite;*/ margin-right: 3rem; } .inventory_step3_container_tbl1 { max-height: 36.5rem; max-width: 24.5rem; overflow: auto; } .inventory_step3_container_tbl1::-webkit-scrollbar { display: none; } .inventory_step3_container_tbl1 > table tr th { position: sticky; top: 0; z-index: 9; background: #D3D7DA; padding: 0; border: 0 !important; } .inventory_step3_container_tbl1 > table tr td { border: 0 !important; } .inventory_step3_building_chk_wrapper { width: 3rem; min-width: 3rem; max-width: 3rem; height: 3rem; min-height: 3rem; max-height: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .inventory_step3_building_color1 { background-color: #cbbc3d; } .inventory_step3_building_color2 { background-color: #cd8b3d; } .inventory_step3_building_color3 { background-color: #117924; } .inventory_step3_building_color4 { background-color: #c83f39; } .inventory_step3_building_color5 { background-color: #3a48c5; } .inventory_step3_building_chk_wrapper2 { display: block; } .chk0 { position: sticky; right: 0; z-index: 9; background: #ebeff2; } .inventory_step3_container_tbl1 > table tr td { padding: 0; margin: 0; } .inventory_step3_building_inner_sec2 { background-color: #D3D7DA; } .inventory_step3_building_inner_wrapper { margin-left: 1rem; margin-right: 1rem; } .inventory_step3_building_inner_sec3 { background-color: #D3D7DA; margin-right: 3rem; padding-top: 1rem; } .inventory_step3_building_inner_sec4 { background-color: #b9c0c6; margin-right: 3rem; height: 0.5rem; } .inventory_step3_building_inner_sec7 { background-color: #b9c0c6; margin-right: 3rem; height: 1rem; } .inventory_step3_building_inner_sec6 { /*background-color: antiquewhite;*/ margin-right: 3rem; margin-bottom: 1.2rem; } .inventory_step3_horizontal_arrows_parent { position: absolute; z-index: 12; width: 23.5rem; display: flex; justify-content: space-between; margin-top: 6.3rem; } .inventory_step3_building_inner_sec5 { background-color: darkgrey; } .inventory_step3_container18 { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; /*top: 8vw;*/ max-height: 90vh; max-width: 21.5rem; z-index: 99; } .inventory_step3_building_index { max-height: 80vh; overflow: auto; overflow-x: hidden; padding-right: 0.4rem; padding-left: 0.4rem; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } .inventory_step3_container19 { background-color: #ffffff; border-radius: 0.35rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 4.5rem; padding-top: 0.5rem; padding-bottom: 0.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0.5rem; text-align: center; } .inventory_step3_container21 { background-color: #ffffff; border-radius: 0.35rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 4.5rem; padding-top: 0.5rem; padding-bottom: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0.5rem; text-align: center; } .inventory_step3_txt15 { font-size: 0.8rem; margin-bottom: 0.2rem; } .inventory_step3_container20 { width: 1.8rem; height: 1.8rem; background-color: #cbbc3d; border-radius: 0.35rem; } .inventory_step3_icon3 { font-size: 1.2rem; } .b2_floor { /*background: rgba(51, 153, 255, 50%);*/ background: #86b9eb !important; } .b2_series { /*background: rgba(51, 153, 255, 50%) !important;*/ background: #86b9eb !important; } .b2_lbl1 { width: 1.6rem; height: 1.6rem; } .b2_wrap1 { width: 2.3rem; min-width: 2.3rem; max-width: 2.3rem; height: 2.3rem; min-height: 2.3rem; max-height: 2.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .inventory_step3_child2 { flex: 42%; /*background-color: aliceblue;*/ /*display: flex; flex-direction: column; justify-content: flex-end;*/ } .b2_inventory_step3_child2 { flex: 42%; /*background-color: aliceblue;*/ background-color: #ebeff2; display: flex; flex-direction: column; /*justify-content: flex-end;*/ justify-content: space-between; align-items: center; } .b2_container1 { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; /*background-color: cornflowerblue;*/ /*background-color: #ebeff2;*/ background-color: transparent; padding: 0.8rem; padding-bottom: 0; position: fixed; bottom: 0; z-index: 99; /*right: 19vw;*/ } .b2_img1 { width: 2rem; height: 4rem; } .b2_container2 { /*flex: 12%;*/ text-align: center; background-color: #ebeff2; /*background-color: aliceblue;*/ } .b2_img2 { width: 2.2rem; height: 4rem; background-color: #ebeff2; /*background-color: aquamarine;*/ } .b2_container3 { /*flex: 12%;*/ text-align: left; background-color: aliceblue; z-index: 10; } .b2_container4 { background-color: #b9c0c6; /*margin-right: 2.9rem;*/ height: 1rem; width: 100%; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .b2_img3 { width: 0.55rem; height: 2rem; /*background-color: antiquewhite;*/ background-color: #ebeff2; } .b2_container5 { /*background-color: antiquewhite;*/ background-color: #ebeff2; margin-top: 2.5rem; } .b2_container6 { background-color: #ebeff2; /*background-color: antiquewhite;*/ /*margin-right: 3rem;*/ text-align: center; position: fixed; /* width: 41.5%;*/ /* max-width: 36rem;*/ } .b2_container25 { background-color: #ebeff2; /*background-color: antiquewhite;*/ /*margin-right: 3rem;*/ text-align: center; position: fixed; width: 47%; max-width: 36rem; } .b2_container7 { /*flex: 76%;*/ text-align: center; display: flex; flex-direction: column; background-color: #ebeff2; /*background-color: antiquewhite;*/ padding-left: 1rem; position: relative; } #br_parent1 { padding-left: 0.8rem; padding-right: 0.8rem; max-height: 62vh; background-color: #D3D7DA; } .b2_img4 { width: 1.8rem; height: 2.5rem; background-color: azure; } .b2_container8 { background-color: #D3D7DA; /*margin-right: 2.9rem;*/ padding-top: 1rem; padding-top: 1rem; width: 100%; } .b2_container9 { background-color: #b9c0c6; /*margin-right: 2.9rem;*/ height: 0.5rem; width: 100%; } .b2_container10 { display: flex; justify-content: center; } .b2_container11_body { display: flex; flex-direction: column-reverse; } .inventory_step_building1_sticky { position: fixed; /*bottom: 0;*/ bottom: -0.7rem; max-width: 21.5rem; z-index: 99; /*right: 19vw;*/ right: 16.5%; } .inventory_step_unit_index_sticky { position: fixed; /*bottom: 0;*/ top: 10vw; max-height: 60vh; max-width: 21.5rem; z-index: 99; right: 2.5vw; } .b2_container11_head { display: block; position: sticky; /*top: 0;*/ top: -0.1rem; z-index: 13; } .b2_container11 { /*background-color: beige;*/ background-color: #D3D7DA; /*max-height: 36.9rem;*/ max-height: 62.8vh; /*max-width: 24.5rem;*/ max-width: 23.2rem; /*min-width: 23.2rem;*/ overflow: auto; min-width: 2rem; min-height: 1.8rem; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } #b2_arrow_left { visibility: hidden; } #b2_arrow_right { visibility: hidden; text-align: left; margin-left: 0.3rem; } #b2_arrow_up { visibility: hidden; text-align: left; margin-left: 0.8rem; } #b2_arrow_down { visibility: hidden; } .b2_container11::-webkit-scrollbar { display: none; } .b2_container11 > table tr th { position: sticky; top: 0; z-index: 9; background: #D3D7DA; padding: 0; border: 0 !important; } .b2_container11 > table tr td { border: 0 !important; } .b2_container11 > table tr td { padding: 0; margin: 0; } .b2_container12_body { display: flex; flex-direction: column-reverse } .b2_container12 { /*background-color: bisque;*/ background-color: #ebeff2; /*max-height: 36.9rem;*/ max-height: 62.8vh; /*max-width: 24.5rem;*/ max-width: 23.2rem; overflow: auto; /*margin-top: 3rem;*/ /* margin-top: 4.3rem;*/ margin-top: 5.45rem; -ms-overflow-style: none; /* IE 11 */ scrollbar-width: none; /* Firefox 64 */ } .b2_container12::-webkit-scrollbar { display: none; } .b2_container12 > table tr th { position: sticky; top: 0; z-index: 9; background: #D3D7DA; padding: 0; border: 0 !important; } .b2_container12 > table tr td { border: 0 !important; } .b2_container12 > table tr td { padding: 0; margin: 0; } .b2_container13 { width: 2.9rem; min-width: 2.9rem; max-width: 2.9rem; height: 2.9rem; min-height: 2.9rem; max-height: 2.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .b2_container14 { width: 2.9rem; min-width: 2.9rem; max-width: 2.9rem; height: 2.9rem; min-height: 2.9rem; max-height: 2.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .b2_container26 { height: 2.9rem; min-height: 2.9rem; max-height: 2.9rem; } .b2_container15 { width: 1.8rem; height: 1.8rem; border-radius: 0.25rem; border: none; display: flex; align-items: center; justify-content: center; align-content: center; } .b2_container16 { /*width: 2.9rem; min-width: 2.9rem; max-width: 2.9rem;*/ /*width: 4rem;*/ max-width: 4vw; height: 2.9rem; min-height: 2.9rem; max-height: 2.9rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; cursor: pointer; /*background-color: aliceblue;*/ margin-left: 0.8rem; } .b2_container24 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .b2_container17 { position: sticky; top: 0; z-index: 9; background: #D3D7DA; padding: 0; border: 0 !important; } .b2_container18 { position: absolute; z-index: 12; /*width: 25.2rem;*/ /*width: 26.8rem;*/ /*width: 74%;*/ display: flex; justify-content: space-between; /*margin-top: 3.8rem;*/ /* margin-top: 5.1rem;*/ margin-top: 6.25rem; margin-left: -1rem; } .b2_icon1 { cursor: pointer; transition-duration: 0.3s; } .b2_icon1:hover { color: #4654AB; } .b2_icon3 { font-size: 1.2rem; margin-top: 0.2rem; } .b2_container19 { background-color: #ebeff2; /*width: 2.9rem; min-width: 2.9rem; max-width: 2.9rem;*/ width: 4.8vw; height: 2.9rem; min-height: 2.9rem; max-height: 2.9rem; position: absolute; /*margin-top: 2.9rem;*/ /* margin-top: 4.4rem;*/ margin-top: 5.4rem; z-index: 10; /*margin-left: 21.5rem;*/ display: flex; flex-direction: column; justify-content: flex-end; } .b2_container20 { position: relative; display: flex; justify-content: flex-start; /*margin-right: 1rem;*/ margin-left: 0.8rem; } .b2_container23 { /*padding-left: 0.8rem; padding-right: 0.8rem;*/ background-color: #D3D7DA; border-top-left-radius: 3.4rem; border-top-right-radius: 3.4rem; } .b2_icon2 { cursor: pointer; transition-duration: 0.3s; } .b2_icon2:hover { color: #4654AB; } .b2_container21 { position: absolute; z-index: 10; } .b2_color1 { background-color: #cbbc3d !important; color: #ffffff !important; } .b2_color2 { background-color: #cd8b3d !important; color: #ffffff !important; } .b2_color3 { background-color: #117924 !important; color: #ffffff !important; } .b2_color4 { background-color: #c83f39 !important; color: #ffffff !important; } .b2_color5 { background-color: #3a48c5 !important; color: #ffffff !important; } .inventory_step3_child3 { flex: 8%; display: flex; align-items: flex-start; /*background-color: antiquewhite;*/ } .theme_btn26 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; width: 100%; } .theme_btn26:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn61 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; margin-top: 0.2rem; padding-left: 2rem; padding-right: 2rem; width: 100%; } .theme_btn61:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn62 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn62:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn36 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; width: 8rem; } .theme_btn36:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn27 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 4rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn27:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn34 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 6rem; font-size: 0.9rem; margin: 0.3rem; } .theme_btn34:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn33 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 5rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn33:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .inventory_step3_txt21 { flex: 70%; overflow: hidden; } .b2_inventory_step3_txt21 { flex: 55%; overflow: hidden; } .theme_btn28 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; width: 100%; } .theme_btn29 { color: #d51840; background-color: #f5d2d0; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 4rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn29:hover { color: #ffffff; background-color: #d51840; outline: none !important; } .inventory_step3_container9 { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 80%; } .theme_btn28:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .inventory_step3_txt9 { margin: 0 !important; padding: 0 !important; } .inventory_step3_txt10 { font-weight: 500; font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 0.2rem; } .inventory_step3_container10 { border-radius: 0.75rem; padding: 1rem; background-color: #ebeff2; width: 100%; margin-top: 1rem; } .inventory_step3_txt8 { color: #4654AB; font-weight: 700; font-size: 1.5rem; margin-right: 0.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; justify-content: center; width: 4.5rem; } .inventory_step3_container5 { margin: 0; } .inventory_step3_row3 { flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 1rem; display: inline-block; } .inventory_step3_container6 { border-radius: 0.35rem; height: 2.2rem; display: inline-block; text-align: center; color: #4654AB; background-color: #D3D6EA; font-weight: 700; padding-top: 0.4rem; padding-bottom: 0.4rem; cursor: pointer; margin: 0.15rem; margin-top: 0.1rem; margin-bottom: 0.1rem; font-size: 0.9rem; transition-duration: 0.3s; padding-left: 1rem; padding-right: 1rem; } .inventory_step3_txt23 { color: #ffffff; background-color: #4654AB; outline: none !important; } .inventory_step3_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .inventory_step3_container6:hover { color: #ffffff; background-color: #4654AB; } .inventory_step3_container4 { border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.2rem; /*max-width: 45rem;*/ margin-bottom: 1.2rem; } .inventory_step3_container8 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .inventory_step3_container7 { border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.2rem; /*max-width: 45rem;*/ margin-bottom: 1.2rem; } .inventory_step3_container3 { margin-top: 1rem; } .inventory_step3_container3 > .btn-primary { color: red !important; background-color: red !important; border-color: red !important; } .inventory_step3_container3 > .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; } .inventory_step3_container3 > .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { color: #ffffff !important; background-color: #4654AB !important; border-color: #4654AB !important; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem; } .inventory_step3_container3 > .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { text-align: center; color: #3a3b3c; } .inventory_step3_container3 > .input-group { width: 10rem; } .inventory_step3_row2 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .inventory_step3_container11 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .inventory_step3_container26 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .inventory_step3_container12 { margin-top: 2rem; } .inventory_step3_container13 { flex: 1%; margin-left: 2%; margin-right: 2%; } .inventory_step3_container27 { flex: 1%; margin-left: 2%; margin-right: 2%; } .theme_input9 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; width: 100% !important; padding-bottom: 0 !important; height: calc(1.5em + .7rem); margin: 0 !important; text-align: center; } .inventory_step3_container14 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .inventory_step3_container22 { width: -webkit-fill-available !important; } .inventory_step3_container15 { flex: 1%; margin-left: 1%; } .inventory_step3_row7 { display: flex; flex-direction: row; justify-content: space-between; /*align-items: center;*/ /*max-width: 42rem;*/ margin-top: 1rem; } .inventory_step3_container16 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 49%; cursor: pointer; transition-duration: 0.3s; max-width: 40vw; pointer-events: none !important; } .inventory_step3_container29 { width: 30%; text-align: center; font-size: 0.8rem; font-weight: 600; } .inventory_step3_container30 { width: 40%; text-align: center; /* height: 12.5rem; min-height: 12.5rem; max-height: 12.5rem; */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .inventory_step3_container31 { width: 30%; text-align: center; font-size: 0.8rem; font-weight: 600; } .inventory_step3_txt24 { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; */ } .inventory_step3_txt25 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .inventory_step3_row8 { margin-top: 1.2rem; } .inventory_step3_container17 { max-height: 12.5rem; } .b2_container22 { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; /*width: 41rem;*/ width: 100%; } .b2_theme_btn27 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 6rem; font-size: 0.9rem; margin-left: 0.3rem; } .b2_theme_btn27:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .b2_theme_btn29 { color: #d51840; background-color: #f5d2d0; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 6rem; font-size: 0.9rem; margin-left: 0.3rem; } .b2_theme_btn29:hover { color: #ffffff; background-color: #d51840; outline: none !important; } .b2_inventory_step3_txt12 { max-width: 70%; } .b2_inventory_step3_row6 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; /*width: 41rem;*/ width: 100%; /*max-width: 40vw;*/ } .b2_theme_btn33 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 6rem; font-size: 0.9rem; margin-left: 0.3rem; } .b2_theme_btn33:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .b2_inventory_step3_txt14 { max-width: 70%; margin-top: 1rem; margin-bottom: 1rem; } .b2_inventory_step3_container19 { background-color: #ffffff; border-radius: 0.35rem; /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ width: 4.5rem; padding-top: 0.5rem; padding-bottom: 0.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0.5rem; text-align: center; } .b2_inventory_step3_txt15 { font-size: 0.8rem; margin-bottom: 0.2rem; } .b2_inventory_step3_container20 { width: 1.8rem; height: 1.8rem; background-color: #cbbc3d; border-radius: 0.35rem; } .b2_inventory_step3_icon3 { font-size: 1.2rem; } #b2_message1 { } #b2_message2 { display: none; } #b2_message3 { display: none; } .b2_inventory_step3_container21 { background-color: #ffffff; border-radius: 0.35rem; /* box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ width: 4.5rem; padding-top: 0.5rem; padding-bottom: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0.5rem; text-align: center; } .b2_inventory_step3_parent { display: flex; flex-direction: row; } .b2_inventory_step3_child1 { flex: 50%; max-width: 50vw; /*background-color: beige;*/ padding-right: 1rem; } .unit_details_row13 { display: flex; flex-direction: row; justify-content: space-between; /*align-items: baseline;*/ } .unit_details_txt16 { font-size: 1.2rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .unit_details_container9 { margin-left: 0.5rem; margin-right: 0.5rem; } .unit_details_container5 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .unit_details_row14 { display: flex; flex-direction: row; justify-content: space-between; /*align-items: baseline;*/ } .unit_details_txt26 { max-width: 50%; } .theme_btn65 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 10.5rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn65:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } @media only screen and (max-width: 1271px) { /*@media only screen and (max-width: 1372px) {*/ .inventory_step3_container1 { height: 8rem; width: 100%; } .inventory_step3_row1 { flex-direction: column; } .inventory_step3_row7 { flex-direction: column; } .inventory_step3_container16 { width: 100%; margin-bottom: 1.5rem; } .b2_container22 { flex-direction: column; } .b2_theme_btn27 { width: 6rem; margin-left: 0; } .b2_theme_btn29 { width: 6rem; } .b2_theme_btn33 { width: 6rem; margin-left: 0rem; } .b2_inventory_step3_txt12 { margin-top: 1rem; max-width: 40vw; } .b2_inventory_step3_row6 { flex-direction: column; } .b2_inventory_step3_txt14 { max-width: 100%; } .b2_inventory_step3_container19 { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 5%);*/ width: 3.8rem; } .b2_inventory_step3_container21 { /* box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 5%);*/ width: 3.8rem; } .b2_inventory_step3_txt15 { font-size: 0.75rem; margin-bottom: 0.2rem; } .b2_inventory_step3_container20 { width: 1.4rem; height: 1.4rem; background-color: #cbbc3d; border-radius: 0.35rem; } .b2_inventory_step3_icon3 { font-size: 0.85rem; } .b2_inventory_step3_child2 { /*justify-content: flex-start;*/ } .unit_details_container19 { max-width: 50% !important; } .unit_details_txt27 { width: 100% !important; } .inventory_step3_container1 { max-width: 32vw; } .b2_inventory_step3_row6 { max-width: 32vw; } .b2_inventory_step3_txt12 { max-width: 32vw; } .inventory_step3_row7 { max-width: 32vw; } .b2_stepper_container6 { margin-bottom: 2rem; } .inventory_step3_child3 { } .inventory_step_building1_sticky { } .b2_container1 { /*right: 10vw;*/ } .inventory_step3_child3 { margin-left: 8vw; } .inventory_step3_container4 { margin-right: 3.5rem; } .inventory_step3_container24 { margin-right: 3.5rem; } .inventory_step3_row2 { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .inventory_step3_container5 { margin-top: 0.5rem; } .inventory_step3_container7 { margin-right: 3.5rem; } .inventory_step3_container25 { margin-right: 3.5rem; } .inventory_step3_container26 { flex-direction: column; } .inventory_step3_container27 { flex: 100%; width: 100%; } .unit_details_container3 { margin-right: 3.5rem; } .theme_card53 { margin-right: 3.5rem; } .theme_card54 { margin-right: 3.5rem; } .theme_card18 { margin-right: 3.5rem; } .theme_card55 { margin-right: 3.5rem; } .inventory_step3_container28 { margin-right: 3.5rem; } .unit_details_row13 { flex-direction: column; } .unit_details_txt16 { justify-content: space-between; align-items: center; } .unit_details_container9 { margin-left: 0; } .unit_details_container5 { flex-direction: column; } .unit_details_container6 { width: 100%; } .unit_details_row14 { flex-direction: column; } .unit_details_txt26 { max-width: 100%; } .theme_btn65 { width: 12rem; margin-top: 0.5rem; margin-left: 0; } } @media only screen and (max-width: 1300px) { .b2_inventory_step3_child1 { max-width: 42vw; } } .inventory_step3_txt16 { background-color: #cd8b3d; } .inventory_step3_txt17 { background-color: #117924; } .inventory_step3_txt18 { background-color: #c83f39; } .inventory_step3_txt19 { background-color: #3a48c5; } .inventory_step3_txt22 { display: inline-block; } /*chk1*/ /* END INVENTORY STEP 3 PG */ /* START UNIT DETAILS PG */ .unit_details_row1 { display: flex; flex-direction: row; justify-content: space-between; /*align-items: baseline;*/ align-items: baseline; } .unit_details_container_tbl1 > table, th, td { border: none !important; text-align: center; font-size: 0.9rem; } .unit_details_container_tbl1 { /* max-height: 20rem; height: 20rem; overflow-y: auto; padding: 0.25rem; margin: 0.25rem; */ overflow: scroll; } .unit_details_row11 { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; padding-left: 1.5rem; padding-right: 1.5rem; } .unit_details_row3 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-top: 0.8rem; } .unit_details_container0 { max-width: 1600px; } .unit_details_parent { display: flex; flex-direction: row; } .unit_details_child1 { flex: 50%; max-width: 50vw; } .unit_details_child2 { flex: 50%; max-width: 50vw; } .unit_details_txt1 { font-size: 1.2rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 30%; display:flex; justify-content: flex-end; } .unit_details_txt2 { overflow: hidden; text-overflow: ellipsis; /*max-width:32vw;*/ } .unit_details_txt3 { overflow: hidden; text-overflow: ellipsis; /*max-width:30vw;*/ } .theme_btn30 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 6.5rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn30:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn60 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; width: 7rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn60:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn37 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 10.5rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn37:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn_mdl { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; margin-left: 0.3rem; } .theme_btn_mdl:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .unit_details_icon1 { margin-right: 0.3rem; } .unit_details_container2 { color: #2b6998; background-color: #d5dddf; border: 0.1rem solid; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; font-size: 0.9rem; margin: 0.3rem; margin-left: 0; text-align: center; display: inline-block; } .unit_details_container3 { background-color: #e4ede8; border: 0.15rem solid #1e9752; border-radius: 0.75rem; padding: 1rem; } .unit_details_txt4 { background-color: #b3fac2; color: #1e9752; } .unit_details_txt5 { background-color: #def1cd; color: #1e9752; } .unit_details_txt6 { background-color: #cfd9e3; color: #384f7b; } .unit_details_txt7 { background-color: #e4d1cd; color: #f8082f; } .unit_details_txt8 { background-color: #f9f0e9; color: #885b3e; } .unit_details_txt9 { background-color: #f3fad1; color: #a79a17; } .unit_details_row2 { display: inline-block; max-width: 75%; } .unit_details_container4 { background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.2rem; border-radius: 0.75rem; } .theme_card18 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; } .theme_card55 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; padding-top: 0.8rem; } .theme_card21 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; padding-left: 0.6rem; padding-right: 0.6rem; padding-bottom: 1.76rem; } .theme_card53 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; padding-left: 0.6rem; padding-right: 0.6rem; padding-bottom: 1.76rem; } .theme_card19 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; padding-top: 1.2rem; } .theme_card38 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; margin-top: 24px; padding-top: 0.8rem; } .theme_card20 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-top: 24px; } .theme_card54 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-top: 24px; } .unit_details_row4 { margin-top: 0.8rem; font-size: 0.9rem !important; } .unit_details_icon6 { font-size: 1rem; cursor: pointer; transition-duration: 0.3s; } .unit_details_icon6:hover { color: #4654AB; } .unit_details_row10 { margin-top: 0.8rem; font-size: 0.9rem !important; display: flex; flex-direction: row; align-items: center; justify-content: center; } .unit_details_txt12 { font-weight: 700; margin-top: 0.6rem; margin-bottom: 0.6rem; cursor: pointer; font-size: 0.9rem; } .unit_details_row6 { margin-top: 0.8rem; font-size: 0.9rem !important; display: flex; flex-direction: column; width: 100%; border-radius: 0.75rem; /*border: 0.1rem solid #3a3b3c;*/ background: #ebeff2; padding: 1rem; justify-content: center; align-items: center; height: 12.3rem; } .unit_details_row8 { margin-top: 0.8rem; /*font-size: 0.8rem !important; width: 100%; border-radius: 0.75rem; border: 0.1rem solid #3a3b3c; min-height: 13rem;*/ } .unit_details_img { width: 100%; height: auto; object-fit: contain; border-radius: 0.75rem; } .unit_details_row9 { margin-top: 0.8rem; /*font-size: 0.8rem !important; width: 100%; border-radius: 0.75rem; border: 0.1rem solid #3a3b3c; min-height: 13rem; padding: 1rem;*/ } .unit_details_tbl { text-align: center; } .unit_details_tbl > table, th, td { font-size: 0.9rem !important; } .unit_details_card_tbl { padding: 1rem !important; background-color: transparent !important; margin-bottom: 0 !important; border: none !important; } .unit_details_txt25 { font-weight: 700; } .unit_details_txt10 { font-size: 0.9rem; max-width: 75%; text-align: right; } .unit_details_txt11 { font-size: 0.9rem; max-width: 100%; } .unit_details_container6 { flex: 1%; margin-left: 1%; } .theme_input10 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; font-size: 0.9rem !important; } .unit_details_row5_head { width: 100%; display: flex; background-color: #ebeff2; border-radius: 0.35rem; padding: 0.8rem; margin-bottom: 0.5rem; font-weight: 700; } .unit_details_row5 { width: 100%; display: flex; background-color: #ebeff2; border-radius: 0.35rem; padding: 0.8rem; margin-bottom: 0.5rem; } .unit_details_sub_row5 { flex: 33.33%; text-align: center; } .unit_details_container7 { background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; cursor: pointer; transition-duration: 0.3s; margin: 0.2rem; height: 5rem; flex: 25%; } .unit_details_row7 { display: flex; flex-direction: row; width: 100%; align-items: center; flex-wrap: wrap; justify-content: center; } .unit_details_container8 { margin-right: 1rem; } .unit_details_txt13 { font-size: 1.2rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #e6daca; color: #a88243; display: flex; flex-direction: column; justify-content: center; align-items: center; } .unit_details_container19 { max-width: 60%; } .unit_details_carousel { width: 100%; } .unit_details_container18 { } .unit_details_container11 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; } .unit_details_txt22 { margin-right: 0.5rem; } .unit_details_container14 { width: 100%; /*margin-top: 0.5rem;*/ } .unit_details_icon7 { font-size: 0.8rem; background-color: #3a3b3c; min-width: 1.25rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .unit_details_icon7:hover { background-color: #4654AB; } .unit_details_txt27 { font-size: 1.2rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 40%; display:flex; align-items: center; justify-content: flex-end; } .unit_details_icon2 { margin-right: 0.5rem; } .unit_details_txt24 { /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;*/ } .unit_details_icon3 { margin-right: 0.45rem; } .unit_details_icon4 { margin-right: 0.6rem; } .unit_details_icon5 { margin-right: 0.7rem; } .unit_details_container13 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; margin-top: 0.8rem; margin-bottom: 0.8rem; } .unit_details_container15 { display: flex; flex-direction: row; justify-content: flex-start; text-align: left; width: 100%; margin-top: 0.8rem; /*margin-bottom: 0.8rem;*/ line-height: 1.5; } .unit_details_container10 { border-radius: 0.75rem; background-color: #ebeff2; padding: 1rem; width: 100%; margin: 0.3rem; /*height: 25rem;*/ text-align: center; font-size: 0.9rem; display: flex; align-items: center; flex-direction: column; } .unit_details_container12 { border-bottom: 0.1rem solid #3a3b3c; width: 100%; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; padding-bottom: 0.5rem; } .unit_details_container16 { display: flex; flex-direction: column; justify-content: flex-start; text-align: left; width:80%; } .unit_details_container17 { height: 300px; } .unit_details_indicators { visibility: hidden; } .unit_details_img2 { max-width: 5rem; max-height: 5rem; border-radius: 0.35rem; /*background-position: center;*/ background-repeat: no-repeat; /*background-size: cover;*/ object-fit: contain; object-position: top; cursor: pointer; transition-duration: 0.3s; } .unit_details_img2:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .unit_details_txt20 { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;*/ font-weight: bold; margin-bottom: 0.2rem; font-size: 0.9rem; } .unit_details_txt21 { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12vw;*/ font-weight: 500; } .unit_details_txt23 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 12vw; } .unit_details_txt17 { background-color: #cedde0; color: #2e8b21; } .unit_details_txt18 { background-color: #cadde3; color: #30749b; } .unit_details_txt19 { background-color: #d0d2e9; color: #302dd2; } .unit_details_txt14 { font-weight: 600 !important; font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .unit_details_txt15 { font-size: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .unit_details_select { display: flex; flex-direction: row; align-items: center; width: 10rem; margin-bottom: 0; } .unit_details_select > .select2-container .select2-selection--single .select2-selection__rendered { color: #3A3B3C; line-height: 30px !important; } .unit_details_select > .select2-container .select2-selection--single { font-size: 0.9rem !important; height: 28px !important; } .unit_details_select .select2-container .select2-selection--single { border-bottom: 1px solid #3A3B3C; } .unit_details_select > .select2-container .select2-selection--single .select2-selection__arrow b { /*border-color: #3A3B3C transparent transparent transparent;*/ } .unit_details_select > .select2-container .select2-selection--single .select2-selection__arrow { height: 28px !important; } .unit_details_select > .select2-container--open .select2-dropdown--below { font-size: 0.9rem !important; } @media only screen and (max-width: 1496px) { .unit_details_txt21 { /*max-width: 20vw;*/ } } @media only screen and (max-width: 1500px) { .unit_details_txt20 { } .unit_details_container11 { flex-direction: column; } .unit_details_container10 { /*height: 23.5rem;*/ } .unit_details_child1 { flex: 50%; } .unit_details_child2 { flex: 50%; } } /* END UNIT DETAILS PG */ /* START BACKEND MODAL PG */ .back_end_mdl_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; } .back_end_mdl_tbl1 > .table td { border-top: 0.05rem solid #adadad; font-size: 0.9rem; } .back_end_mdl_tbl1 > table, th, td { border: none; text-align: center; font-size: 0.9rem; border-radius: 0.75rem; } .back_end_mdl_row7 { margin-bottom: 2rem; } .back_end_mdl_tbl1_inner { background-color: #ffffff; } .back_end_mdl_tbl1 { /* max-height: 20rem; height: 20rem; overflow-y: auto; padding: 0.25rem; margin: 0.25rem; */ background-color: #ffffff; border-radius: 0.75rem; margin-top: 1.2rem; margin-bottom: 0.5rem; /*height: 41rem;*/ overflow-y: auto; padding-right: 0.5rem; padding-left: 0.5rem; background-color: transparent; max-height: 41rem; } .back_end_mdl_tbl1 > .table td { border-top: 0.05rem solid #adadad !important; } .back_end_mdl_row6 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .back_end_mdl_icon8 { width: 2.75rem; height: 2.75rem; border-radius: 100%; border: 0.15rem solid #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition-duration: 0.3s; font-size: 1rem; /*background-color: #ffffff;*/ background-color: transparent; color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .back_end_mdl_icon9 { width: 2.25rem; height: 2.25rem; border-radius: 100%; border: none; /*border: 0.15rem solid #ffffff;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition-duration: 0.3s; font-size: 1rem; /*background-color: #ffffff;*/ background-color: #4654AB; color: #ffffff; /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } #back_end_mdl_date_range1 { visibility: hidden; } .back_end_mdl_icon10 { font-size: 1rem; color: #3a3b3c; margin-right: 0.2rem; cursor: pointer; } .back_end_mdl_container23 { align-items: flex-end !important; } .back_end_mdl_container26 { position: relative; } .back_end_mdl_container27 { display: flex; padding-bottom: 0.5rem; } .back_end_mdl_container28 { flex: 70%; } .back_end_mdl_container29 { flex: 30%; margin-left: 1.5rem; } .back_end_mdl_container25 { display: flex; /*background-color: aliceblue;*/ justify-content: space-between; position: absolute; width: 100%; bottom: 0; margin-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; align-items: center; } .back_end_mdl_iframe1 { width: 100%; border-radius: 0.75rem; height: 40vw; } .mdl_row6 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .back_end_mdl_row5 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin-top: 1rem; } .back_end_mdl_container22 { display: flex; flex-direction: column; padding-bottom: 0; border: none; } .back_end_mdl_indicators { visibility: hidden; } .theme_btn45 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn45:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .back_end_mdl_carousel { width: 100%; } .back_end_mdl_container14 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; } .back_end_mdl_txt23 { font-weight: bold; font-size: 0.9rem; padding-bottom: 0.5rem; } .back_end_mdl_txt29 { font-size: 0.9rem; font-weight: 500; margin-top: 0.8rem; /*height: 14rem;*/ /*max-height: 12vw;*/ overflow-y: auto; } .back_end_mdl_txt33 { font-size: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; margin-left: 0.5rem; margin-right: 0.5rem; } .back_end_mdl_txt34 { font-weight: 700; } .back_end_mdl_txt30 { margin-bottom: 0.2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .back_end_mdl_txt31 { font-size: 0.9rem; font-weight: 700; text-align: center; /*background-color: aliceblue; position: absolute; bottom: 0; margin-bottom: 1rem;*/ margin-top: 0.5rem; } .back_end_mdl_txt32 { color: #d51840; } .back_end_mdl_txt28 { border-bottom: 0.12rem solid #3a3b3c; padding-bottom: 0.5rem; text-align: center; font-size: 0.9rem; font-weight: 700; } .back_end_mdl_container19 { margin-left: 1.5rem; margin-right: 1.5rem; } .back_end_mdl_row4 { margin-top: 0.8rem; } .back_end_mdl_container15 { border-radius: 0.75rem; background-color: #ffffff; padding: 1rem; width: 100%; margin: 0.3rem; text-align: center; font-size: 0.9rem; display: flex; align-items: center; flex-direction: column; padding-top: 0.8rem; padding-bottom: 0.8rem; margin-top: 0rem; } .mdl_container1 { overflow-x: hidden !important; } .back_end_mdl_container17 { margin-bottom: 1rem; } .back_end_mdl_container18 { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; } .back_end_mdl_container16 { border-radius: 0.75rem; background-color: #ebeff2; padding: 1rem; width: 100%; /*margin: 0.3rem;*/ text-align: left; font-size: 0.9rem; display: flex; align-items: center; flex-direction: column; padding-top: 0.9rem; padding-bottom: 0.4rem; } .back_end_mdl_row3 { margin-top: 0.5rem; font-size: 0.9rem; !important; display: flex; flex-direction: row; align-items: center; justify-content: center; } .back_end_mdl_icon7 { font-size: 1rem; cursor: pointer; transition-duration: 0.3s; } .back_end_mdl_icon7:hover { color: #4654AB; } .theme_mdl_input2 { border: none; cursor: pointer; border-radius: 0.35rem; background: #ffffff; max-width: 7rem; min-width: 7rem; width: 7rem; text-align: center; display: inline-block; margin: 0.2rem; color: #3a3b3c; font-weight: 500; padding: 0.45rem !important; } .back_end_mdl_container8 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; } .back_end_mdl_container9 { flex: 1%; margin-left: 1%; } .back_end_mdl_container9_2 { flex: 1%; margin-left: 1%; max-width: 10rem; } .back_end_mdl_container10 { margin-top: 0.8rem; } .back_end_mdl_container11 { display: inline-block; } .theme_btn44 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 49%; } .theme_btn44:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .back_end_mdl_row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-bottom: 1rem; } .back_end_mdl_txt3 { margin-right: 0.5rem; font-weight: bold; display: inline-flex; max-width: 35%; overflow-wrap: anywhere; align-items:center; } .back_end_container1 { margin-left: 0.2rem; margin-right: 0.2rem; font-weight: 500 !important; font-size: 0.9rem; } .back_end_quill1 { border-radius: 0.35rem; background-color: #ffffff; margin-bottom: 1rem; font-weight: 500 !important; font-size: 0.9rem; } .back_end_mdl_txt6 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 1rem; } .back_end_mdl_container13 { margin-top: 0.3rem; margin-bottom: 0.5rem; } .back_end_mdl_tx22 { font-weight: 500; font-size: 0.9rem; text-align: left; margin-bottom: 0.8rem; display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; } .back_end_mdl_txt19 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 0.5rem; } .back_end_mdl_txt16 { font-weight: 500; text-align: center; margin-bottom: 1rem; } .back_end_mdl_txt21 { font-weight: 500; text-align: center; margin-bottom: 0.5rem; } .back_end_mdl_txt22 { font-weight: 500; text-align: center; margin-bottom: 0.8rem; } .back_end_mdl_txt17 { font-size: 1.2rem; font-weight: 600; color: #3a3b3c; } .back_end_mdl_txt20 { font-size: 1.2rem; font-weight: 600; color: #d51840; } .back_end_mdl_txt26 { font-size: 1.2rem; font-weight: 600; color: #3a3b3c; } .back_end_mdl_txt27 { font-size: 1rem; font-weight: 600; color: #3a3b3c; margin-top: 0.5rem; margin-bottom: 0.5rem; } .modal { z-index: 1053; } .back_end_mdl_txt12 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 1.2rem; margin-top: 1rem; } .back_end_mdl_txt13 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 1.2rem; margin-top: 1rem; color: #1e9752; } .back_end_mdl_txt18 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 0.5rem; margin-top: 1rem; color: #1e9752; } .back_end_mdl_txt37 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 0.2rem; margin-top: 1rem; color: #1e9752; } .back_end_mdl_txt38 { margin-right: 0.4rem; } .back_end_mdl_txt39 { font-size: 1rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; font-weight: 700; } .back_end_mdl_txt40 { margin-left: 0.2rem; } .back_end_mdl_txt44 { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 4vw;*/ width: 45%; text-align: right; } .back_end_mdl_txt65 { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 4vw;*/ width: 45%; text-align: right; } .back_end_mdl_txt64 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 4vw;*/ width: 45%; text-align: right; } .back_end_mdl_txt55 { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 5.6vw;*/ max-width: 100%; } .back_end_mdl_txt60 { font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 5.6vw;*/ max-width: 100%; } .back_end_mdl_txt63 { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 5.6vw;*/ max-width: 100%; } .back_end_mdl_txt61 { border-top: 0.12rem dashed #111; width: 100%; margin-top: 0.8rem; margin-bottom: 0.6rem; } .back_end_mdl_txt56 { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 3.8vw;*/ max-width: 100%; } .back_end_mdl_txt54 { font-weight: 700; color: #3a3b3c; } .back_end_mdl_txt52 { font-weight: 700; /*border-bottom: 1px solid #3a3b3c;*/ border-bottom: 0.15rem solid #3a3b3c; padding-bottom: 0.25rem; } .back_end_mdl_txt45 { font-weight: 700; margin-bottom: 0.6rem; margin-top: 0.2rem; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 76%;*/ text-align: center; color: #3a3b3c; } .popover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); border-radius: 0.5rem; } .popover_sold_out { background-color : #FFE0DE !important; } .popover_transaction_mode { background-color : #F9F5CE !important; } .popover_available_sale { background-color : #DBE9DC !important; } .back_end_mdl_txt51 { font-weight: 500; margin-top: 0.75rem; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 6.8vw;*/ } .back_end_mdl_txt46 { text-align: center; font-size: 0.85rem; padding-bottom: 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 9.5rem; min-width: 9.5rem; } .back_end_mdl_txt58 { text-align: center; font-size: 0.85rem; padding-bottom: 0.2rem; /*display: flex; flex-direction: column; justify-content: center; align-items: center;*/ max-width: 12rem; min-width: 8rem; color: #3a3b3c; } .back_end_mdl_txt59 { width: 100%; display: flex; margin-top: 0.6rem; } .back_end_mdl_txt53 { text-align: center; font-size: 0.85rem; padding-bottom: 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 13.6rem; min-width: 13.6rem; color: #3a3b3c; } .back_end_mdl_txt47 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .back_end_mdl_txt57 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; margin-top: 0.4rem; } .back_end_mdl_txt48 { display: flex; flex-direction: column; justify-content: flex-start; text-align: left; /*margin-right: 3rem;*/ width: 55%; } .back_end_mdl_txt41 { cursor: default !important; display: flex; flex-direction: row; } .back_end_mdl_txt42 { cursor: default !important; display: flex; flex-direction: column; align-items: flex-end; } .back_end_mdl_txt43 { text-align: left; padding-left: 1rem !important; } .back_end_mdl_txt14 { font-weight: 500; font-size: 0.9rem; text-align: center; margin-bottom: 1.2rem; margin-top: 1rem; color: #d51840; } .back_end_mdl_txt7 { font-weight: 500; font-size: 1rem; text-align: center; margin-bottom: 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .back_end_mdl_txt8 { margin-right: 0.5rem; } .back_end_container4 { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 0.3rem; font-weight: 500 !important; font-size: 0.9rem !important; } @charset "UTF-8"; .back_end_mdl_rating { text-align: center; } .back_end_mdl_hidden { opacity: 0; } .back_end_mdl_star { display: inline-block; margin-right: 0.5rem; font-size: 1.2rem; color: #FFFFFF; position: relative; cursor: pointer; } .back_end_mdl_star.back_end_mdl_animate { -webkit-animation: stretch-bounce 0.5s ease-in-out; } .back_end_mdl_star.back_end_mdl_hidden { opacity: 0; } .back_end_mdl_full:before { font-family: fontAwesome; display: inline-block; content: ""; position: relative; float: right; z-index: 2; } .back_end_mdl_half:before { font-family: fontAwesome; content: ""; position: absolute; float: left; z-index: 3; } .back_end_mdl_star-colour { color: #e6b451; } @-webkit-keyframes stretch-bounce { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(1.5); } 50% { -webkit-transform: scale(0.9); } 75% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } .back_end_mdl_selected:before { font-family: fontAwesome; display: inline-block; content: ""; position: absolute; top: 0; left: 0; -webkit-transform: scale(1); opacity: 1; z-index: 1; } .back_end_mdl_selected.pulse:before { -webkit-transform: scale(3); opacity: 0; } .back_end_mdl_selected.back_end_mdl_is-animated:before { transition: 1s ease-out; } .back_end_mdl_score-rating { } .back_end_mdl_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .back_end_mdl_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .back_end_mdl_txt2 { overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .back_end_mdl_txt25 { overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-top: 0.2rem; } .back_end_mdl_container1 { display: flex; flex-direction: column; /*width: 80%;*/ width: 95%; justify-content: flex-start; } .back_end_mdl_txt24 { text-align: center; margin-top: 0.2rem; } .back_end_mdl_container20 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .back_end_mdl_container21 { display: flex; flex-direction: column; justify-content: flex-end; } .back_end_mdl_container12 { text-align: left; } .lbl_modal1 { padding-top: calc(.45rem + 1px); padding-bottom: calc(.45rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; font-weight: 600 !important; border: 1px solid #fff; display: block; position: relative; margin: 0.5rem; margin-left: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; width: 100%; height: 1.2rem; color: #323a46; } .back_end_mdl_container2 { padding: 1rem; border-radius: 0.5rem; background-color: #ffffff; margin-bottom: 1rem; /*margin-top: 0.8rem;*/ } .back_end_mdl_container35 { max-width: 1300px !important; } .back_end_mdl_container36 { max-width: 1300px !important; display: flex; justify-content: center; } .inventory_step3_container30_txt1 { font-weight: 700; font-size: 1rem; margin-top: -3rem; } .inventory_step3_container30_graph { height: 10rem; } .back_end_mdl_container42 { height: 90vh; } .back_end_mdl_container43 { padding-bottom: 0 !important; padding: 1rem 1rem; border-bottom: none !important; } .modal-body { padding: 1rem 0rem; } .back_end_mdl_container44 { margin-top: 8.5rem; } .back_end_mdl_container36 { max-height: 47.8rem; overflow-y: auto; padding: 0.5rem; margin-top: 0.8rem; } .back_end_mdl_container39 { display: flex; flex-direction: column; justify-content: center; text-align: center; } .back_end_mdl_container39 > div { margin: 0.5rem 0; } .back_end_mdl_txt35 { max-width: 50%; } .back_end_mdl_txt36 { } .back_end_mdl_container37 { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; width: 100%; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; align-items: center; } .back_end_mdl_container38 { display: flex; justify-content: flex-end; } .back_end_mdl_container3 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; /* width: 100%; */ } .back_end_mdl_container33 { display: flex; flex-direction: column; justify-content: space-between; height: 39.1vw; } .back_end_mdl_container31 { overflow: auto; /*height: 40vw;*/ } .back_end_mdl_container40 { padding-top: 0.5rem !important; } .back_end_mdl_container41 { padding: 0 !important; } .back_end_mdl_container4 { flex: 1%; margin-left: 1%; width:33px !important; } .back_end_mdl_icon1 { margin-right: 0.5rem; } .back_end_mdl_icon6 { margin-right: 0.5rem; font-size: 1.2rem; } .back_end_mdl_tx23 { text-align: justify; } .back_end_mdl_icon5 { font-size: 2.5rem; margin-bottom: 0.5rem; } .back_end_container3 { border-radius: 0.35rem; border: 0.1rem solid #d51840; padding: 1rem; padding-bottom: 0.2rem; margin-bottom: 1.2rem; font-weight: 500 !important; font-size: 0.9rem; background-color: #ffd6d6; } .back_end_container5 { width: 75%; } .back_end_container6 { width: 64%; } .back_end_mdl_icon2 { margin-right: 1rem; } .back_end_mdl_icon3 { margin-right: 0.7rem; } .back_end_mdl_txt5 { font-weight: bold; } .back_end_mdl_txt15 { font-weight: bold; color: #d51840; } .back_end_mdl_txt49 { font-size: 0.7rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .back_end_mdl_txt50 { background-color: #ebeff2; border-radius: 0.25rem; padding: 0.5rem; margin-top: 0.5rem; width: 100%; } .back_end_mdl_txt62 { background-color: #fff; border-radius: 0.25rem; padding: 0; width: 100%; } .back_end_mdl_btn1{ color: #4654AB !important; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.25rem; font-family: 'Inter', sans-serif; outline: none !important; padding: 0.5rem; font-size: 0.75rem; text-decoration: none; cursor: pointer !important; } .back_end_mdl_btn1:hover { color: #ffffff !important; background-color: #4654AB; outline: none !important; } .back_end_mdl_btn2 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.25rem; font-family: 'Inter', sans-serif; outline: none !important; padding: 0.5rem; font-size: 0.75rem; text-decoration: none; width: 100%; } .back_end_mdl_btn2:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .back_end_mdl_icon11 { margin-right: 0.3rem; } .back_end_mdl_icon12 { margin-right: 0.5rem; width: 1.3rem; text-align: center; } .theme_btn31 { color: #1e9752; background-color: #B0DDB9; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 49%; } .theme_btn31:hover { color: #ffffff; background-color: #1e9752; outline: none !important; } .theme_btn32 { color: #d51840; background-color: #E1BCBA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 49%; } .theme_btn32:hover { color: #ffffff; background-color: #d51840; outline: none !important; } .theme_btn46 { color: #d51840; background-color: #E1BCBA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn46:hover { color: #ffffff; background-color: #d51840; outline: none !important; } .back_end_mdl_txt9{ font-size: 0.9rem !important; } .back_end_mdl_txt10{ font-size: 0.85rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; color: #919191; background-color: #ffffff; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .back_end_mdl_container6 { display: flex; flex-direction: row; background-color: #ffffff; border-radius: 0.35rem; padding: 0.8rem; justify-content: space-between; align-items: center; padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 0.9rem; margin-bottom: 0.5rem; } .theme_radio1 { margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .radio label::after { top: 0; } .radio label::before { top: -6px; } .radio label::after { background-color: #4654AB; top: -2px; } .back_end_mdl_container5 { margin-top: 1rem; max-height: 45vh; overflow-y: auto; padding-left: 0.3rem; padding-right: 0.3rem; margin-bottom: 1.2rem; } .back_end_mdl_container7 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; width:80%; } .back_end_mdl_editor1 { height: 250px; } .back_end_mdl_icon4 { color: #1e9752; margin-right: 0.5rem; } .back_end_mdl_txt11 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .theme_chkbox3 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox3 { font-size: 0.9rem !important; margin-bottom: 0; line-height: 0.5rem !important; margin-right: 0.25rem; } .theme_chkbox3 > .checkbox label::before { top: -5px; width: 16px; height: 16px; margin-left: -14px; } .theme_chkbox3 > .checkbox input[type=checkbox]:checked+label::after { width: 3px; height: 8px; top: -2px; left: 9.5px; } .checkbox label::before { border: 2px solid #C0C0C0; } .radio label::before { border: 2px solid #C0C0C0; } .back_end_mdl_container30 { } @media (min-width: 1200px) { .back_end_mdl_container30 { max-width: 90% !important; } } /* END BACKEND MODAL PG */ /* START PRICE VARIATION PG */ .price_variation_container1 { max-width: 1400px !important; } .price_variation_container14 { padding-left: 1rem; padding-right: 1rem; display: flex; flex-direction: column; max-height: 39vh; overflow: auto; } .price_variation_container15 { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 0.5rem; margin-bottom: 0rem; background: #ebeff2; padding: 0.5rem; border-radius: 0.35rem } .price_variation_container16 { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 0.75rem; padding-top: 0.5rem; padding-bottom: 0; border-top: 0.15rem dashed #3a3b3c; } .price_variation_txt3 { /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; width: 49.5%; line-height: 1.75; font-size: 0.9rem; } .price_variation_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 49.5%; font-size: 0.9rem; text-align: right; font-weight: 600; } .price_variation_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 40%;*/ font-size: 0.9rem; font-weight: 700; width: 49.5%; text-align: right; } .price_variation_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; font-size: 0.9rem; } .price_variation_txt6 { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 28%;*/ font-size: 0.9rem; font-weight: 700; width: 49.5%; line-height: 1.5; } .price_variation_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-right: 1rem; } #price_variation_every_floor1, #price_variation_every_floor2 { display: none; } #price_variation_floor_level, #price_variation_series_level, #price_variation_wing_level, #price_variation_building_level, #price_variation_phase_level, #price_variation_sector_level, #price_variation_project_level { display: none; } #price_variation_availability_group_name, #price_variation_availability_marked_as, #price_variation_availability_status, #price_variation_car_parking, #price_variation_type_of_unit, #price_variation_direction { display: none; } .price_variation_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .price_variation_parent { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; margin-top: 24px; } .price_variation_child1{ width: 72%; margin-right: 1.5rem; } .price_variation_child2{ width: 25%; } .theme_card22 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 130px !important; padding-bottom: 0.8rem; padding-top: 0.8rem; position: relative; } .price_variation_container2 { display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; text-align: center; } .price_variation_container10 { display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; text-align: center; margin-bottom: 1rem; } .price_variation_container12 { display: flex; width: 100%; justify-content: flex-start; flex-direction: column; padding-bottom: 0.75rem; margin-bottom: 0.25rem; border-bottom: 0.12rem solid #3a3b3c; padding-left: 1rem; padding-right: 1rem; } .price_variation_icon1 { font-size: 0.9rem; margin-right: 0.5rem; margin-left: 0.5rem; } .price_variation_container23 { white-space: nowrap; max-width: 75%; overflow: hidden; display: flex; text-overflow: ellipsis; justify-content: flex-end; align-items: center; } .price_variation_txt8 { font-weight: 700; } .price_variation_txt1 { font-size: 0.9rem; line-height: 1.5; } .price_variation_container22 { margin-bottom: 0 !important; width: 8rem; } .price_variation_container3 { display: flex; width: 100%; justify-content: center; align-items: baseline; flex-direction: row; text-align: center; font-size: 0.9rem; margin-top: 1rem; margin-bottom: 1rem; } .price_variation_container4 { margin-left: 1rem; } .price_variation_container5 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .theme_card23 { background-color: transparent !important; } .price_variation_container6 { flex: 1%; margin-left: 1%; } .theme_input11 { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; background-color: transparent !important; width: 100% !important; padding-bottom: 0 !important; height: calc(1.5em + .7rem); margin: 0 !important; text-align: center; font-size: 0.9rem !important; font-weight: 600 !important; } .price_variation_container7 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; } .price_variation_container8 { flex: 1%; margin-left: 1%; } .price_variation_container9 { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; width: 100%; } .price_variation_container11 { font-size: 1.5rem; cursor: pointer; transition-duration: 0.3s; position: absolute; right: 1rem; margin-top: -1.7rem; } .price_variation_container11:hover { color: #4654AB; } .price_variation_line1 { background-color: #3a3b3c; width: 6rem; height: 0.1rem; margin-right: 0.5rem; margin-left: 0.5rem; display: none; } .price_variation_line2 { background-color: #3a3b3c; width: 2rem; height: 0.1rem; margin-right: 0.5rem; margin-left: 0.5rem; } .price_variation_line3 { background-color: #3a3b3c; width: 5rem; height: 0.1rem; margin-right: 0.5rem; margin-left: 0.5rem; } .theme_btn35 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 10rem; } .theme_btn35:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .price_variation_row3 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-bottom: 0 !important; } .price_variation_row4 { margin-bottom: 0.2rem !important; } .price_variation_icon3 { font-size: 1rem; background-color: #5a5a5a !important; width: 1.25rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; cursor: pointer; transition-duration: 0.3s; } .price_variation_container21 { display: inline-block; margin-left: 0.4rem; } .price_variation_icon3:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .price_variation_txt2 { font-weight: 700; } .price_variation_container13 { } .price_variation_card_scroll_parent { max-width: 22vw; width: 22vw; min-width: 22vw; position: absolute; right: 0; margin-right: 2.8vw; margin-top: 0rem; box-shadow : 0px 0px 1vw 0px rgb(0 0 0 / 20%); z-index: 1; } .price_variation_card_scroll_sticky { position: fixed; top: 0; max-width: 21.5rem; z-index: 99; /*right: 0;*/ margin-top: 5.6rem; } .price_variation_card_scroll_sticky + .content { } .theme_select2 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .theme_select2 { width: 100%; } .theme_select3 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .theme_select3 { width: 98%; } .price_variation_container17 { display: flex; flex-direction: column; width: 100%; justify-content: flex-start; } .price_variation_container19 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; } .price_variation_container20 { flex: 1%; margin-left: 1%; } #price_variation_every_floor1 { width: 14%; } @media only screen and (max-width: 1240px) { /*.price_variation_child1 { width: 100%; margin-right: 0; }*/ } @media only screen and (max-width: 1306px) { .theme_card25 { padding-bottom: 1rem; } } @media only screen and (max-width: 1104px) { .theme_card25 { padding-bottom: 1rem; } } /* END PRICE VARIATION PG */ /* START OFFER PG */ .offer_container1 { max-width: 1400px !important; } .offer_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; /*max-width: 1358px;*/ } .offer_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .offer_parent { margin-top: 24px; /*max-width: 1358px;*/ } .bfc_parent { margin-top: 24px; /*max-width: 1358px;*/ } .bfc_theme_card { background-color: transparent !important; } .bfc_theme_card2 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; position: relative; padding-bottom: 1.5rem; } .bfc_container { /* padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; */ } .bfc_container2 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .bfc_container3 { flex: 1%; margin-left: 1%; text-align: left; } .bfc_container5 { background-color: #ebeff2; width: 100%; min-height: 38rem; border-radius: 0.75rem; margin-top: 0.7rem; overflow: auto; display: flex; flex-direction: column; justify-content: center; } .bfc_container5_inner { display: flex; justify-content: flex-start; font-weight: 600; } .bfc_container5_item { width: 12rem; max-width: 12rem; min-width: 12rem; } .bfc_container5_item2 { width: 5rem; min-width: 5rem; max-width: 5rem; position: relative; } .bfc_node { display: flex; } .bfc_container5_item_inner2 { display: flex; flex-direction: column; align-items: center; margin-top: 1.2rem; color: #adb0b0; position: absolute; font-size: 12px; left: -50px; width: 200px; text-align: center; } .bfc_line2 { height: 0.12rem; background-color: #3a3b3c; width: 100%; margin-top: 0.45rem; z-index: 1 } .bfc_txt1 { margin-bottom: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:43%; } .bfc_txt2 { margin-top: 0.3rem; /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; max-width: 100%; min-height: 5.6rem; } .bfc_txt3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .bfc_container5_item_inner { display: flex; flex-direction: column; align-items: center; } .bfc_circle { width: 2.3rem; height: 2.3rem; border-radius: 100%; background-color: #4757aa; z-index: 2; } .bfc_line { height: 0.12rem; background-color: #3a3b3c; width: 100%; margin-top: -6.6rem; z-index: 1 } .bfc_select1 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .bfc_container4 { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 0.1rem solid #3a3b3c; text-align: left; } .bfc_container6 { margin-top: 1rem; } .bfc_container7 { width: 90%; max-width: 1400px; } .bfc_container8 { text-align: center; width: 100%; display: flex; flex-direction: row; justify-content: center; } .bfc_container9 { max-width: 1200px !important; } .theme_card24 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; position: relative; padding-bottom: 0.8rem; } .theme_card47 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; position: relative; padding-bottom: 1.5rem; } #offer_unit_level { width: 67%; display: flex; } #offer_floor_level, #offer_series_level, #offer_wing_level, #offer_building_level, #offer_phase_level, #offer_sector_level, #offer_project_level { display: none; width: 67%; } #offer_every_floor { display: none; } .offer_container2 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; margin-bottom: 1rem; padding-bottom: 0.8rem; padding-top: 0.8rem; } .offer_container3 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .offer_container4 { flex: 1%; margin-left: 1%; } .offer_container8 { display: flex; } .offer_container9 { flex: 1%; } .offer_container7 { flex: 1%; margin-left: 1%; } .offer_container6 { flex: 1%; margin-left: 1%; } .offer_row3 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-bottom: 0 !important; } .offer_row4 { margin-bottom: 0.2rem !important; } .offer_container5 { font-size: 1.5rem; cursor: pointer; transition-duration: 0.3s; position: absolute; right: 1rem; margin-top: -1.7rem; } .offer_container5:hover { color: #4654AB; } .offer_container10 { display: flex; width: 100%; justify-content: center; align-items: center; flex-direction: column; text-align: center; margin-bottom: 1rem; } .offer_container11 { flex: 1%; } .offer_txt1 { font-size: 0.9rem; } /* END OFFER PG */ /* START CREATE PROJECT PG */ .create_project_container1 { max-width: 1400px; } #create_project_pres_url { padding-right: 6.5vw; } .create_project_container31 { width: 100%; height: 100%; background-color: transparent; position: absolute; } .create_project_icon4 { font-size: 1rem; margin-bottom: 0.5rem; } .create_project_icon6 { font-size: 1rem; margin-bottom: 0.5rem; } .create_project_icon5 { font-size: 1rem; } .create_project_parent { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .create_project_child1{ width: 72%; margin-right: 1.5rem; } .create_project_child2{ width: 25%; } .create_project_card1 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 0 !important; } .create_project_img1 { border-top-right-radius: 0.75rem; border-top-left-radius: 0.75rem; background-position: center; background-repeat: no-repeat; height: auto; object-fit: contain; object-position:top; background: #111; max-height: 30vh; } .create_project_img2 { border-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: contain; object-position: top; width: 100%; height: 100%; max-height: 75vh; background: #111; } .create_project_img3 { width: 5rem; height: 5rem; border-radius: 0.75rem; background-position: center; background-repeat: no-repeat; background-size: contain; object-fit: contain; object-position: top; cursor: pointer; transition-duration: 0.3s; } #unit_details_img_pre1 { background-image: url(assets/images/profile.jpg); } #unit_details_img_pre2 { background-image: url(assets/images/profile.jpg); } #unit_details_img_pre3 { background-image: url(assets/images/profile.jpg); } .create_project_img3:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .create_project_container2 { padding: 1.5rem !important; padding-bottom: 1rem !important; } .create_project_txt7 { position: absolute; font-size: 0.9rem; cursor: pointer; font-weight: 500; left:80%; margin-top: 0.6rem; transition-duration: 0.3s; } #crop_button { visibility: hidden; } .create_project_txt13 { position: absolute; z-index: 2; border: 2px solid #ffffff; text-transform: uppercase; font-size: 0.8rem; padding: 6px 7px; font-weight: 700; color: #ffffff; background-color: transparent; transition-duration: 0.3s; cursor: pointer; right: 1.2rem; top: 1.2rem; } .create_project_txt13:hover { background-color: #4654AB; color: #ffffff; border: 2px solid #4654AB; } .create_project_txt11 { position: absolute; font-size: 0.8rem; cursor: pointer; font-weight: 600; left:80%; margin-top: 0.6rem; transition-duration: 0.3s; background: white; padding: 0 0.5rem; } .create_project_txt7:hover { color: #4654AB; } .create_project_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:65%; } .create_project_txt11:hover { color: #4654AB; } .create_project_container18 { display: flex; position: relative; } .create_project_txt2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:82%; } .create_project_txt9 { font-weight: 600; color: #3a3b3c; font-size: 0.75rem; margin-top: 1.5rem; padding-left: 0.2rem; padding-right: 0.2rem; } .create_project_txt12 { font-weight: 600; color: #3a3b3c; font-size: 0.75rem; margin-top: 2.7rem; padding-left: 0.2rem; padding-right: 0.2rem; } .create_project_txt14 { font-weight: 600; color: #3a3b3c; font-size: 0.8rem; margin-top: -2.3rem; padding-left: 0.2rem; padding-right: 0.2rem; text-align: center; } .create_project_txt10 { font-weight: 600; color: #3a3b3c; font-size: 0.75rem; margin-top: 1.6rem; padding-left: 0.2rem; padding-right: 0.2rem; } .dropify-wrapper .dropify-message p { font-size: 0.75rem; font-weight: 600; } .checkbox label::before { border: 2px solid #3a3b3c; } .create_project_container26 { background-color: #ebeff2; padding: 0 1.2rem 0 1.2rem; display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center; border-radius: 50rem; } .create_project_container27 { flex: 1%; } #create_project_plus1 { display: none; } .create_project_container28 { flex: 90%; padding-top: 0vw; display: flex; justify-content: center; } .create_project_container29 { flex: 1%; z-index: 1; } .create_project_container30 { position: absolute; cursor: pointer !important; opacity: 0; } .create_project_container35 { position: absolute; width: 100%; height: 100%; } .create_project_sticky { position: fixed; top: 0; max-width: 21.5rem; min-width: 21.5rem; z-index: 99; /*right: 0;*/ margin-top: 5.6rem; } .create_project_sticky + .content { } #create_project_scrollable_card_parent { display: none; } @media only screen and (max-width: 1416px) { .create_project_sticky { max-width: 21.2rem; min-width: 21.2rem; } .inventory_step1_card_scroll_sticky { max-width: 21.2rem; min-width: 21.2rem; } .inventory_home_card_scroll_sticky { max-width: 21.2rem; min-width: 21.2rem; } .price_variation_card_scroll_sticky { max-width: 21.2rem; min-width: 21.2rem; } .inventory_step2_card_scroll_sticky { /* max-width: 24.7rem; min-width: 24.7rem; */ max-width: 21.1rem; min-width: 21.1rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 19.1rem; min-width: 19.1rem; } } @media only screen and (max-width: 1385px) { .create_project_sticky { max-width: 20.8rem; min-width: 20.8rem; } .inventory_step1_card_scroll_sticky { max-width: 20.8rem; min-width: 20.8rem; } .inventory_home_card_scroll_sticky { max-width: 20.8rem; min-width: 20.8rem; } .price_variation_card_scroll_sticky { max-width: 20.8rem; min-width: 20.8rem; } .inventory_step2_card_scroll_sticky { /* max-width: 24.2rem; min-width: 24.2rem; */ max-width: 20.8rem; min-width: 20.8rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 18.9rem; min-width: 18.9rem; } } @media only screen and (max-width: 1365px) { .create_project_sticky { max-width: 20.5rem; min-width: 20.5rem; } .inventory_step1_card_scroll_sticky { max-width: 20.5rem; min-width: 20.5rem; } .inventory_home_card_scroll_sticky { max-width: 20.5rem; min-width: 20.5rem; } .price_variation_card_scroll_sticky { max-width: 20.5rem; min-width: 20.5rem; } .inventory_step2_card_scroll_sticky { /* max-width: 23.8rem; min-width: 23.8rem; */ max-width: 20.3rem; min-width: 20.3rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 18.9rem; min-width: 18.9rem; } } @media only screen and (max-width: 1341px) { .create_project_sticky { max-width: 20.2rem; min-width: 20.2rem; } .inventory_step1_card_scroll_sticky { max-width: 20.2rem; min-width: 20.2rem; } .inventory_home_card_scroll_sticky { max-width: 20.2rem; min-width: 20.2rem; } .price_variation_card_scroll_sticky { max-width: 20.2rem; min-width: 20.2rem; } .inventory_step2_card_scroll_sticky { /* max-width: 23.4rem; min-width: 23.4rem; */ max-width: 19.8rem; min-width: 19.8rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 18.8rem; min-width: 18.8rem; } } @media only screen and (max-width: 1334px) { .create_project_sticky { max-width: 20rem; min-width: 20rem; } .inventory_step1_card_scroll_sticky { max-width: 20rem; min-width: 20rem; } .inventory_home_card_scroll_sticky { max-width: 20rem; min-width: 20rem; } .price_variation_card_scroll_sticky { max-width: 20rem; min-width: 20rem; } .inventory_step2_card_scroll_sticky { /* max-width: 23.2rem; min-width: 23.2rem; */ max-width: 19.6rem; min-width: 19.6rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 18.5rem; min-width: 18.5rem; } } @media only screen and (max-width: 1306px) { .create_project_sticky { max-width: 19.6rem; min-width: 19.6rem; } .inventory_step1_card_scroll_sticky { max-width: 19.6rem; min-width: 19.6rem; } .inventory_home_card_scroll_sticky { max-width: 19.6rem; min-width: 19.6rem; } .price_variation_card_scroll_sticky { max-width: 19.6rem; min-width: 19.6rem; } .inventory_step2_card_scroll_sticky { /* max-width: 22.7rem; min-width: 22.7rem; */ max-width: 19.3rem; min-width: 19.3rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 18.2rem; min-width: 18.2rem; } } @media only screen and (max-width: 1286px) { .create_project_sticky { max-width: 19.3rem; min-width: 19.3rem; } .inventory_step1_card_scroll_sticky { max-width: 19.3rem; min-width: 19.3rem; } .inventory_home_card_scroll_sticky { max-width: 19.3rem; min-width: 19.3rem; } .price_variation_card_scroll_sticky { max-width: 19.3rem; min-width: 19.3rem; } .inventory_step2_card_scroll_sticky { /* max-width: 22.4rem; min-width: 22.4rem; */ max-width: 19rem; min-width: 19rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 17.8rem; min-width: 17.8rem; } } @media only screen and (max-width: 1261px) { .create_project_sticky { max-width: 18.8rem; min-width: 18.8rem; } .inventory_step1_card_scroll_sticky { max-width: 18.8rem; min-width: 18.8rem; } .inventory_home_card_scroll_sticky { max-width: 18.8rem; min-width: 18.8rem; } .price_variation_card_scroll_sticky { max-width: 18.8rem; min-width: 18.8rem; } .inventory_step2_card_scroll_sticky { /* max-width: 21.9rem; min-width: 21.9rem; */ max-width: 18.4rem; min-width: 18.4rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 17.4rem; min-width: 17.4rem; } } @media only screen and (max-width: 1241px) { .create_project_sticky { max-width: 18.5rem; min-width: 18.5rem; } .inventory_step1_card_scroll_sticky { max-width: 18.5rem; min-width: 18.5rem; } .inventory_home_card_scroll_sticky { max-width: 18.5rem; min-width: 18.5rem; } .price_variation_card_scroll_sticky { max-width: 18.5rem; min-width: 18.5rem; } .inventory_step2_card_scroll_sticky { /* max-width: 21.5rem; min-width: 21.5rem; */ max-width: 18.3rem; min-width: 18.3rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 17.3rem; min-width: 17.3rem; } } @media only screen and (max-width: 1221px) { .inventory_step2_card_scroll_sticky { /* max-width: 21.2rem; min-width: 21.2rem; */ max-width: 17.8rem; min-width: 17.8rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 16.9rem; min-width: 16.9rem; } .price_variation_card_scroll_sticky { max-width: 17.7rem; min-width: 17.7rem; } } @media only screen and (max-width: 1197px) { .inventory_step2_card_scroll_sticky { /* max-width: 20.7rem; min-width: 20.7rem; */ max-width: 17.6rem; min-width: 17.6rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 16.5rem; min-width: 16.5rem; } .price_variation_card_scroll_sticky { max-width: 17.3rem; min-width: 17.3rem; } } @media only screen and (max-width: 1160px) { .inventory_step2_card_scroll_sticky { /* max-width: 20rem; min-width: 20rem; */ max-width: 16.8rem; min-width: 16.8rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 16rem; min-width: 16rem; } .price_variation_card_scroll_sticky { max-width: 16.8rem; min-width: 16.8rem; } } @media only screen and (max-width: 1128px) { .inventory_step2_card_scroll_sticky { /* max-width: 19.5rem; min-width: 19.5rem; */ max-width: 16.6rem; min-width: 16.6rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 15.6rem; min-width: 15.6rem; } .price_variation_card_scroll_sticky { max-width: 16.6rem; min-width: 16.6rem; } } @media only screen and (max-width: 1105px) { .inventory_step2_card_scroll_sticky { /* max-width: 19rem; min-width: 19rem; */ max-width: 16rem; min-width: 16rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 15rem; min-width: 15rem; } } @media only screen and (max-width: 1060px) { .inventory_step2_card_scroll_sticky { /* max-width: 18.1rem; min-width: 18.1rem; */ max-width: 15.4rem; min-width: 15.4rem; } .inventory_step2_card_scroll_sticky_modal { max-width: 14.3rem; min-width: 14.3rem; } .price_variation_card_scroll_sticky { max-width: 15.8rem; min-width: 15.8rem; } } @media only screen and (max-width: 1026px) { .inventory_step2_card_scroll_sticky { /* max-width: 17.5rem; min-width: 17.5rem; */ max-width: 14.8rem; min-width: 14.8rem; } .price_variation_card_scroll_sticky { max-width: 15.2rem; min-width: 15.2rem; } } @media only screen and (max-width: 1240px) { .create_project_child1 { width: 100%; margin-right: 0; } #create_project_card_scroll { display: none; } #create_project_scrollable_card_parent { display: flex; } } .create_project_container3 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .create_project_txt3 { margin-top: 0 !important; } .create_project_txt5 { margin-top: 0 !important; padding-top: 0 !important; } .create_project_txt6 { /*margin-top: 0.8rem;*/ } .create_project_container19 { display: flex; flex-direction: column; width: 100%; justify-content: flex-start; } .create_project_txt8 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 42rem; } .create_project_editor1 { height: 300px; } .create_project_container20 { border: 0.1rem dashed #3a3b3c; background-color: #ebeff2; border-radius: 0.35rem; height: 10.2rem; min-height: 10.2rem; position: relative; } .create_project_container23 { position: absolute; z-index: 2; border: 2px solid #d02631; text-transform: uppercase; font-size: 11px; padding: 6px 7px; font-weight: 700; color: #d02631; background-color: transparent; transition-duration: 0.3s; cursor: pointer; right: 0.4rem; top: 0.4rem; } .create_project_container23:hover { color: #ffffff; background-color: #d02631; } #create_project_remove1{ display: none; } .create_project_container34 { position: absolute; z-index: 2; border: 2px solid #d02631; text-transform: uppercase; font-size: 11px; padding: 6px 7px; font-weight: 700; color: #d02631; background-color: transparent; transition-duration: 0.3s; cursor: pointer; right: 0.4rem; top: 0.4rem; } .create_project_container34:hover { color: #ffffff; background-color: #d02631; } #create_project_canvas { z-index: 1; } .create_project_container22 { border: 0.1rem dashed #3a3b3c; background-color: #ebeff2; border-radius: 0.35rem; height: 10.2rem; min-height: 10.2rem; position: relative; } .create_project_container32 { border: 0.1rem dashed #3a3b3c; background-color: #ebeff2; border-radius: 0.35rem; height: 10.2rem; min-height: 10.2rem; position: relative; cursor: pointer; } .create_project_container33 { border: 0.1rem dashed #3a3b3c; background-color: #ebeff2; border-radius: 0.35rem; height: 30rem; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-bottom: 0.8rem; margin-top: 0.5rem; } .create_project_container21 { position: absolute; max-height: 9.8rem; overflow-y: auto; /*margin-top: -1.6rem;*/ margin-left: -7.2rem; margin-top: -0.5rem; } .create_project_container14 { padding-bottom: 0 !important; margin-bottom: 0 !important; } .create_project_container4 { flex: 1%; margin-left: 0.5rem; margin-right: 0.5rem; } .dropify-wrapper .dropify-message span.file-icon { font-size: 50px; color: #3a3b3c; font-weight: 500; font-family: 'Inter'; } .create_project_container27 { flex:2%; margin-left: 1%; } .create_project_container24 { margin-left: 2.5rem; } .create_project_container25 { /*background-color: aqua;*/ position: relative; top: 1.5rem; } .create_project_row1 { display: flex; flex-direction: row; width: 100%; justify-content: center; margin-bottom: -0.5rem !important; /*margin-top: 0.8rem;*/ } .create_project_iframe { width: 100%; border-radius: 0.75rem; height: 30rem; margin-bottom: 0.5rem; } .create_project_row2 { width: 100%; } .theme_btn38 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn38:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .create_project_container5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-top: 0.4rem; font-size: 0.9rem; } .create_project_container6 { width: 4rem; height: 4rem; border-radius: 100%; background-color: #4654AB; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff; font-weight: 700; margin-top: -1.2rem; position: absolute; right: 0; } .create_project_container7 { flex: 11%; margin-left: 1%; } #create_project_amenity_row1 { display: none; } .create_project_txt4 { margin-bottom: 0.5rem !important; } .create_project_container8 { padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2; padding-bottom: 0.5rem; margin-bottom: 1rem; position: relative; margin-top: 0.8rem; } .create_project_container9 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .create_project_container10 { flex: 1%; margin-left: 1%; } .create_project_container15 { flex: 18%; margin-left: 1%; } .create_project_container16 { flex: 50%; margin-left: 1%; } .create_project_container17 { flex: 12%; margin-left: 1%; } .create_project_row3 { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; margin-bottom: 0.8rem; margin-top: 0.8rem; } .create_project_row4 { margin-bottom: 0.2rem !important; } .delete_icon { position:absolute; top:30%; } .theme_btn39 { color: #AE2B51; background-color: #e3cfd5; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; width: 10rem; } .create_project_editor { /*margin-top: 0.8rem;*/ } .create_project_container11 { margin-top: 0.8rem; } .theme_btn39:hover { color: #ffffff; background-color: #AE2B51; outline: none !important; } .create_project_container13 { margin-left: 0.3rem; margin-right: 0.3rem; } .create_project_container13 > .switchery > small { background-color: #ffffff; } .create_project_map { border-radius: 0.75rem; /*margin-top: 0.8rem;*/ border: 0 !important; } .create_project_icon1 { font-size: 1rem; cursor: pointer; transition-duration: 0.3s; } .create_project_icon1:hover { color: #4654AB; } .create_project_icon2 { /* font-size: 0.85rem; cursor: pointer; transition-duration: 0.3s;*/ } .create_project_icon2:hover { /*color: #4654AB;*/ } .create_project_icon3 { } .create_project_icon3:hover { color: #4654AB; } .create_project_row5 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-top: 1.5rem; margin-left: 1rem; } .theme_chkbox4 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox4 { margin-right: 1rem; } .theme_chkbox4 > .checkbox label::before { top: 0.8px; width: 16px; height: 16px; margin-left: -14px; } .theme_chkbox4 > .checkbox input[type=checkbox]:checked+label::after { width: 3px; height: 8px; top: 4px; left: 9.5px; } .create_project_container12 { flex: 1%; display: flex; font-size: 0.9rem; margin-top: 0.3rem; } .create_project_container11 > .dropify-wrapper { background-color: #ebeff2; border: 0.1rem dashed #3a3b3c; } /* END CREATE PROJECT PG */ /* START MANAGE USER ROLES PERMISSIONS PG */ .manage_user_roles_permissions_container1 { max-width: 1600px; } .manage_user_roles_permissions_row1{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .manage_user_roles_permissions_container12 { position: relative; } .manage_user_roles_permissions_container13 { background-color: #ffffff; position: absolute; width: 98%; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 0.9rem; } .manage_user_roles_permissions_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .manage_user_roles_permissions_row3 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .manage_user_roles_permissions_txt1{ margin-bottom: 0.25rem; } .manage_user_roles_permissions_txt2{ font-size: 0.9rem !important; } .manage_user_roles_permissions_txt3{ font-size: 0.85rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; color: #919191; } .manage_user_roles_permissions_container2 { width: 100%; height: 41rem; overflow-y: auto; margin-top: 1rem; margin-bottom: 1rem; } .manage_user_roles_permissions_container3 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; background-color: #ebeff2; border-radius: 0.35rem; padding: 0.6rem; font-size: 0.9rem; margin-bottom: 0.5rem; cursor: pointer; } .manage_user_roles_permissions_txt4{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 78%; } .manage_user_roles_permissions_icon1 { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; min-height: 1.3rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #4654AB; background-color: #D3D6EA; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .manage_user_roles_permissions_icon1:hover { color: #ffffff; background-color: #4654AB; } .manage_user_roles_permissions_icon2 { width: 1.4rem; min-width: 1.4rem; height: 1.32rem; min-height: 1.32rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #d51840; background-color: #f5d2d0; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .manage_user_roles_permissions_icon2:hover { color: #ffffff; background-color: #d51840; } .manage_user_roles_permissions_row4 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; } .manage_user_roles_permissions_row5{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; padding-left: 1.5rem; padding-right: 1.5rem; } .manage_user_roles_permissions_txt5{ margin-bottom: 0.25rem; } .manage_user_roles_permissions_container4 { display: flex; flex-direction: row; justify-content: center; margin-bottom: 0.4rem; } .manage_user_roles_permissions_row6 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; text-align: center; margin-bottom: 0.5rem; } .manage_user_roles_permissions_row7 { display: flex; flex-direction: row; justify-content: center; align-items: center; } #manage_user_roles_permissions_entry1_controls1, #manage_user_roles_permissions_entry2_controls2, #manage_user_roles_permissions_entry3_controls3, #manage_user_roles_permissions_entry4_controls4, #manage_user_roles_permissions_entry5_controls5, #manage_user_roles_permissions_entry6_controls6, #manage_user_roles_permissions_entry7_controls7, #manage_user_roles_permissions_entry8_controls8 { visibility: hidden; display: flex; } .manage_user_roles_permissions_container10 { max-height: 37.5rem; overflow: auto; /*padding-left: 0.5rem;*/ padding-right: 0.5rem; } .manage_user_roles_permissions_container11 { padding-left: 0 !important; padding-right: 0 !important; } .manage_user_roles_permissions_container5 { background-color: #ebeff2; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; height: 43.2rem; } .manage_user_roles_permissions_container6 { } .manage_user_roles_permissions_container7 { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: #ebeff2; border-color: #3a3b3c #3a3b3c #ebeff2 } .tab-content { border-color: #3a3b3c !important; } .nav-tabs { border-bottom: 1px solid #3a3b3c; } .manage_user_roles_permissions_row8 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .manage_user_roles_permissions_row9 { padding-left: 1.5rem; padding-right: 1.5rem; } .manage_user_roles_permissions_txt8 { font-weight: 700; } .manage_user_roles_permissions_txt6 { font-size: 0.9rem; color: #3a3b3c; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 100%;*/ max-width: 9vw; } .manage_user_roles_permissions_container8 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; } .manage_user_roles_permissions_container9_1 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 0.9rem; background-color: #ffffff; padding: 0.5rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_container9_2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_container9_3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_container9_4 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_container9_5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_container9_6 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .manage_user_roles_permissions_txt7 { max-width: 95%; } .manage_user_roles_permissions_row_blur {filter: blur(1.2px);-webkit-filter: blur(1.2px);} .manage_user_roles_permissions_chk_blur {position: relative; pointer-events: none !important;} /* END MANAGE USER ROLES PERMISSIONS PG */ /* START LOCKED PG */ .locked_container1 { max-width: 1400px !important; } .locked_row1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .locked_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .locked_img { width: 100%; height: auto; border-radius: 0.75rem; min-height: 13rem; max-height: 13rem; } .locked_txt1 { text-align: center; margin-top: 1rem; font-weight: 700 !important; } .locked_txt2 { text-align: center; margin-top: 2rem; font-weight: 600 !important; color: #d02631 !important; } .locked_container2 { } .theme_btn40 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.9rem; margin-top: 1rem; } .theme_btn40:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn67 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.9rem; margin-top: 1rem; margin-right: 0.5rem; width: 10rem; } .theme_btn67:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn68 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.6rem; padding-bottom: 0.6rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.9rem; margin-top: 1rem; width: 10rem; } .theme_btn68:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .locked_container3 { text-align: center; margin-bottom: 2rem; } /* END LOCKED PG */ /* START NO USER PG */ .no_user_container1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .no_user_txt1 { text-align: center; margin-top: 0.3rem; font-weight: 600 !important; } .no_user_container2 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .no_user_icon1 { font-size: 2rem; } /* END NO USER PG */ /* START NO PROJECT PG */ .no_project_container1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .no_project_txt1 { text-align: center; margin-top: 0.3rem; font-weight: 500 !important; font-size: 1rem; } .no_project_container2 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .no_project_icon1 { font-size: 2rem; } .no_project_img { width: 100%; height: auto; min-height: 18rem; max-height: 18rem; } /* END NO PROJECT PG */ /* START BLANK INVENTORY PG */ .blank_inventory_container1 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .blank_inventory_container2 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .blank_inventory_img { width: 100%; height: auto; min-height: 18rem; max-height: 18rem; } .blank_inventory_txt1 { text-align: center; margin-top: 0.3rem; font-weight: 500 !important; font-size: 1rem; } .blank_inventory_txt2 { font-weight: 700 !important; } /* END BLANK INVENTORY PG */ /* START BILLING SECTION CALCULATIONS PG */ .billing_section_calculations_container1 { max-width: 1400px; } .billing_section_calculations_container13 { display: flex; } .billing_section_calculations_container14 { display: flex; flex-direction: row; } .billing_section_calculations_container14_2 { display: flex; flex-direction: column; margin-top: 1rem; background-color: #ebeff2; padding: 1rem; border-radius: 0.75rem; padding-top: 0.8rem; padding-bottom: 0.8rem; height: 92.4%; } .billing_section_calculations_container17 { margin-top: 12px; } .billing_section_calculations_container15 { flex: 1; margin-top: 0; } .billing_section_calculations_container16 { margin-right: 12px; } .billing_section_calculations_icon3 { width: 1.4rem; min-width: 1.4rem; height: 1.32rem; min-height: 1.32rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff; background-color: #d51840; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .billing_section_calculations_icon3:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .billing_section_calculations_icon4 { width: 1.3rem; min-width: 1.3rem; height: 1.3rem; min-height: 1.3rem; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff; background-color: #4654AB; cursor: pointer; font-size: 0.6rem; transition-duration: 0.3s; margin-right: 0.4rem; } .billing_section_calculations_icon4:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .billing_section_calculations_icon1 { font-size: 0.85rem; cursor: pointer; transition-duration: 0.3s; margin-right: 1rem; display: flex; } .billing_section_calculations_icon2 { font-size: 0.85rem; cursor: pointer; transition-duration: 0.3s; display: flex; } .billing_section_calculations_container12 { width: 4rem; height: auto; border-radius: 0.35rem; margin-right: 1rem; } .billing_section_calculations_container11 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .billing_section_calculations_container10 { display: flex; justify-content: space-between; align-items: center; background-color: #ebeff2; padding: 1.2rem; border-radius: 0.75rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } .billing_section_calculations_txt2 { font-size: 1rem; font-weight: 600; } .billing_section_calculations_txt21 { font-weight: 700; } .billing_section_calculations_txt22 { font-weight: 700; } .billing_section_calculations_container6 { display: flex; width: 100%; justify-content: center; margin-top: 1rem; } .billing_section_calculations_container7 { flex: 25%; display: flex; margin-right: 24px; } .billing_section_calculations_container8 { flex: 75%; } .billing_section_calculations_row3 { width: 100%; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; padding-bottom: 0.8rem; border-bottom: 0.12rem solid #3a3b3c; } .billing_section_calculations_row3_2 { width: 100%; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; } #billing_section_payment_option { display: none; } #billing_section_payment_profile { display: none; } .billing_section_calculations_row4 { width: 100%; display: flex; flex-direction: row; /*align-items: baseline;*/ align-items: flex-end; justify-content: space-between; } .billing_section_calculations_row5 { width: 100%; display: flex; flex-direction: row; align-items: baseline; justify-content: space-between; } .billing_section_calculations_container5 { display: flex; flex-direction: column; height: 100%; justify-content: space-between; width: 100%; } .billing_section_calculations_row1 { display: flex; flex-direction: column; } .billing_section_calculations_row2 { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .theme_card26 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 100%; flex: 1; text-align: center; display: flex; flex-direction: column; justify-content: center; } .theme_btn41 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn41:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .billing_section_calculations_txt1 { font-size: 0.8rem; margin-top: 0.2rem; text-align: right; max-width: 45%; } .billing_section_calculations_txt20 { background-color: #ebeff2; padding-right: 0.6rem; padding-left: 0.25rem; padding-top: 0.75rem; padding-bottom: 0.25rem; border-radius: 0.75rem; } .billing_section_calculations_txt16 { padding: 0 1rem; padding-right: 0.25rem; height: 29.5rem; overflow-y: auto; } .billing_section_calculations_txt14 { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%;*/ background: #ebeff2; padding: 0.75rem; border-radius: 0.35rem; margin-bottom: 0.5rem; } .billing_section_calculations_txt12 { font-weight: 700; } .billing_section_calculations_txt15 { margin-bottom: 1.2rem; background: #ffffff; padding: 1rem; border-radius: 0.75rem; } .billing_section_calculations_txt13 { } .billing_section_calculations_txt10 { margin-top: 0.5rem; max-width: 45%; } .billing_section_calculations_txt11 { cursor: pointer; text-decoration: underline; font-weight: 700; transition-duration: 0.3s; } .billing_section_calculations_txt11:hover { color: #4654AB; } #billing_section_calculations_payment_methods { display: none; } .billing_section_calculations_txt3 { font-size: 0.9rem; margin-top: 1rem; margin-bottom: 1rem; } .billing_section_calculations_container2 { border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 100%; padding: 1.2rem; margin-bottom: 24px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .billing_section_calculations_txt8 { text-align: center; font-size: 1rem; font-weight: 700; } .billing_section_calculations_txt9 { text-align: center; font-size: 0.9rem; margin-top: 0.25rem; margin-bottom: 0.5rem; } .billing_section_calculations_txt9_2 { text-align: center; font-size: 0.9rem; margin-top: 0.25rem; margin-bottom: 0.8rem; color: #d51840; } .billing_section_calculations_txt4 { border-top: 0.15rem dashed #3a3b3c; margin-top: 0.2rem; flex: 50%; } .billing_section_calculations_txt7 { border-bottom: 0.15rem solid #3a3b3c; margin-top: 0rem; text-align: center; font-size: 0.9rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; } .billing_section_calculations_txt17 { border-bottom: 0.15rem solid #3a3b3c; font-size: 1rem; font-weight: 600; padding-bottom: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .billing_section_calculations_txt18 { margin-top: 1rem; font-size: 1rem; margin-bottom: 0.5rem; white-space: nowrap; overflow: hidden; font-weight: 600; text-overflow: ellipsis; } .billing_section_calculations_txt19 { margin-top: 0.75rem; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .billing_section_calculations_txt5 { flex: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 15vw;*/ font-weight: 700; margin-right: 0.5rem; } .billing_section_calculations_txt6 { flex: 50%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 8vw;*/ font-weight: 700; margin-left: 0.5rem; } .billing_section_calculations_container9 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: baseline; margin-bottom: 0.75rem; } .billing_section_calculations_container3 { border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 100%; padding: 1.2rem; /*height: 100%;*/ /* height: 47.5rem;*/ height: 48.5rem; } .billing_section_calculations_container4 { border-radius: 0.75rem; background-color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); width: 100%; padding: 1.2rem; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } @media only screen and (max-width: 1246px) { .billing_section_calculations_container14 { flex-direction: column; } .billing_section_calculations_container17 { margin-top: 0; } .billing_section_calculations_container16 { margin-right: 0; } .billing_section_calculations_container15 { margin-bottom: 12px; } } @media only screen and (max-width: 1200px) { .billing_section_calculations_container3 { height: 49rem; } } /* END BILLING SECTION CALCULATIONS PG */ /* START ANALYTICS HOME PG */ #analytics_home_date_range1, #analytics_home_date_range2, #analytics_home_date_range3, #analytics_home_date_range4, #analytics_home_date_range5, #analytics_home_date_range6, #analytics_home_date_range7, #analytics_home_date_range8, #analytics_home_date_range9, #analytics_home_date_range10, #analytics_home_date_range11, #analytics_home_date_range12, #analytics_home_date_range13 { visibility: hidden; } .analytics_home_icon3 { font-size: 1rem; color: #3a3b3c; margin-right: 0.2rem; cursor: pointer; } .analytics_home_txt8 { cursor: default !important; } .analytics_home_txt9 { font-size: 0.8rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .analytics_home_container9 { display: flex; } .analytics_home_container10 { width: 100%; } .analytics_home_container11 { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 0.5rem; } .analytics_home_container12 { flex: 1; min-width: 20rem; margin: 8px; } .analytics_home_container13 { } .analytics_home_container18 { flex: 1; margin: 8px; } .analytics_home_container19 { flex: 1.7; min-width: 20rem; margin: 8px; } .date_range_theme3 { font-size: 0.8rem !important; border: 0 !important; padding: 0 !important; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; margin-right: 0.5rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: transparent !important; font-weight: 600; } .date_range_theme6 { font-size: 0.9rem !important; border: 0 !important; padding: 0 !important; height: 1rem !important; color: #3a3b3c; /*margin-top: 0.25rem;*/ font-weight: 600; text-align: right; margin-right: 0.5rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: transparent !important; visibility: hidden; } .date_range_theme4 { font-size: 0.8rem !important; border: 0 !important; padding: 0 !important; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; margin-right: 0.5rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: transparent !important; font-weight: 600; } .analytics_home_container1 { max-width: 1800px; } .analytics_home_container2 { margin-top: 0.8rem; } .analytics_home_flx_parent { display: flex; flex-wrap: wrap; } .analytics_home_flx_child1 { margin-right: 24px; margin-left: 0 !important; width: 38%; margin-bottom: 1.2rem; } .analytics_home_flx_child2 { margin-right: 24px; margin-left: 0 !important; width: 34%; } .analytics_home_flx_child3 { margin-left: 0 !important; width: 25%; } .analytics_home_flx_child4 { margin-right: 24px; margin-left: 0 !important; width: 32.3%; margin-bottom: 1.2rem; } .analytics_home_flx_child5 { margin-right: 24px; margin-left: 0 !important; width: 32.3%; } .analytics_home_flx_child6 { margin-left: 0 !important; width: 32.3%; } .analytics_home_flx_child7 { margin-right: 24px; margin-left: 0 !important; width: 23.9%; } .analytics_home_flx_child8 { margin-left: 0 !important; width: 23.9%; } .analytics_home_txt1 { font-weight: 600 !important; margin-bottom: 0.6rem; font-size: 1rem; } .analytics_home_txt2 { font-weight: 600 !important; font-size: 0.9rem; } .analytics_home_txt10 { font-weight: 600 !important; font-size: 0.9rem; padding-right: 0.5rem; } .analytics_home_txt11 { margin-top: 0.25rem; } .analytics_home_txt3 { font-weight: 600 !important; font-size: 0.8rem; } .analytics_home_txt4 { font-size: 0.8rem; text-align: right; } .analytics_home_row1 { display: flex; justify-content: space-between; /*align-items: center;*/ align-items: baseline; } .analytics_home_row2 { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 0.25rem; } .analytics_home_row3 { display: flex; justify-content: center; align-items: center; height: 20rem; min-height: 20rem; max-height: 20rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row10 { display: flex; justify-content: center; align-items: center; height: 12rem; min-height: 12rem; max-height: 12rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row12 { display: flex; justify-content: center; align-items: center; height: 19rem; min-height: 19rem; max-height: 19rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row13 { display: flex; justify-content: center; align-items: center; height: 19rem; min-height: 19rem; max-height: 19rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row14 { display: flex; justify-content: center; align-items: center; height: 19rem; min-height: 19rem; max-height: 19rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row15 { display: flex; justify-content: center; align-items: center; height: 19rem; min-height: 19rem; max-height: 19rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row5 { display: flex; justify-content: center; align-items: center; height: 21.5rem; min-height: 21.5rem; max-height: 21.5rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row11 { display: flex; justify-content: center; align-items: center; height: 21rem; min-height: 21rem; max-height: 21rem; margin-top: 0.8rem; margin-bottom: 1rem; } .analytics_home_row4 { display: flex; justify-content: flex-end; align-items: center; } .analytics_home_row6 { display: flex; justify-content: center; align-items: center; width: 100%; } .theme_card27 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); /*margin-top: 1rem; margin-bottom: 0.8rem;*/ background-color: #ffffff; padding: 1.2rem; margin-bottom: 1.2rem; } .analytics_home_container4 { padding-left: 0.5vw !important; padding-right: 0.5vw !important; } .theme_btn42 { color: #4654AB; background-color: #f1eef5; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom:0.5rem; font-size: 0.9rem; } .theme_btn42:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .analytics_home_row7 { margin-bottom: 1rem; } .theme_btn43 { color: #4654AB; background-color: #f1eef5; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom:0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn43:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .analytics_home_icon1 { margin-left: 0.3rem; } .analytics_home_txt5 { font-weight: 700 !important; background-color: #b3fac2; color: #1e9752 !important; border: 0.1rem solid #1e9752; width: 3.3rem; height: 1.6rem; border-radius: 0.35rem; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.8rem; } .analytics_home_row8 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.8rem; margin-top: 0.2rem; margin-bottom: 0.2rem; } .analytics_home_row9 { margin-top: 0.2rem; margin-bottom: 0.8rem; } .analytics_home_txt6 { font-weight: 700 !important; background-color: #f5d2d0; color: #d51840 !important; border: 0.1rem solid #d51840; width: 3.3rem; height: 1.6rem; border-radius: 0.35rem; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.8rem; } .analytics_home_icon2 { font-size: 0.8rem; margin-right: 0.2rem; } .analytics_home_container3 { width: 100%; display: flex; flex-direction: row; margin-bottom: 1.2rem; } .analytics_home_container5 { margin-right: 24px; width: 49.2%; display: flex; } .analytics_home_container6 { width: 49.2%; display: flex; } .analytics_home_container7 { flex: 1; margin-right: 24px; } .analytics_home_container8 { flex: 1; } .analytics_home_container17 { } @media only screen and (max-width: 1654px) { .analytics_home_container14 { min-width: 99% !important; } .analytics_home_container15 { min-width: 48% !important; } .analytics_home_container16 { margin-right: 0 !important; } .analytics_home_container18 { max-width: none; } .analytics_home_container19 { flex: 1; } } @media only screen and (max-width: 1654px) { .analytics_home_flx_child1 { width: 100%; margin-right: 0; } .analytics_home_flx_child2 { flex:1; margin-right: 24px; } .analytics_home_flx_child3 { flex:1; margin-right: 0; } .analytics_home_flx_child4 { width: 100%; margin-right: 0; } .analytics_home_flx_child5 { flex:1; margin-right: 24px; } .analytics_home_flx_child6 { flex:1; margin-right: 0; } .analytics_home_container2 { margin-top: 2rem; } .analytics_home_container5 { width: 100%; } .analytics_home_container6 { width: 100%; } .analytics_home_container3 { flex-direction: column; margin-bottom: 0; } .analytics_home_txt7 { margin-top: 22px; } } /* END ANALYTICS HOME PG */ /* START 2FA PG */ .theme_card29 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .fa2_txt1 { font-size: 13px!important; cursor: pointer; } .fa2_txt4 { font-size: 13px!important; cursor: pointer; font-weight: bold; } .fa2_txt6 { font-size: 13px!important; font-weight: bold; color: #3a3b3c; cursor: pointer; } .fa2_txt8 { font-size: 13px!important; font-weight: bold; color: #3a3b3c; } .fa2_txt5 { font-size: 13px!important; } .fa2_txt7 { font-size: 13px!important; color: #d02631 !important; } .fa2_row4 { margin-bottom: 1.5rem!important; margin-top: 1.3rem!important; } .fa2_otp { padding-left: 15px; letter-spacing: 24px; border: 0; background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 31px 2px; background-repeat: repeat-x; background-position-x: 30px; width: 300px; min-width: 300px; outline: none !important; font-weight: 600; padding-bottom: 0.3rem; } .fa2_row2 { left: 0; position: sticky; } .fa2_row1 { width: 190px; overflow: hidden; } .fa2_row3 { display: flex; width: 100%; justify-content: center; margin-top: 0.5rem; } .fa2_txt2 > .mb-4 { margin-bottom: 1.5rem !important; } .fa2_txt3 > .font-13 { margin-top:1rem; } .font-13 { font-size: 0.9rem !important; } /* END 2FA PG */ /* START USER PROFILE PG */ .user_profile_container1 { max-width: 1200px; } .theme_card30 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); /*height: 16rem;*/ padding-bottom: 0.8rem; } .theme_card31 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); height: 16rem; padding: 0 !important; } .user_profile_img1 { width: 100%; border-radius: 0.75rem; height: 16rem; min-height: 16rem; max-height: 16rem; background-position: center; background-repeat: no-repeat; background-size: cover; object-fit:cover; object-position:top; } .user_profile_row1 { display: flex; justify-content: space-between; align-items: center; } .user_profile_row2 { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 0.8rem; border-bottom: 0.15rem solid #3a3b3c; } .user_profile_row3 { display: flex; justify-content: space-between; align-items: center; margin-top: 1.2rem; margin-bottom: 0.5rem; } .user_profile_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 75%; } .user_profile_txt2 { font-weight: bold; } .user_profile_txt5 { font-weight: bold; } .user_profile_icon1 { font-size: 0.9rem; } .user_profile_container2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 100%; } .user_profile_container3 { flex: 1%; margin-left: 1%; } .user_profile_container4 { /*max-height: 4.5rem; overflow-y: auto;*/ padding: 0.2rem; } .user_profile_container4 > .bootstrap-tagsinput input { font-weight: 600; } /* END USER PROFILE PG */ /* START DEVELOPER ACCOUNT LIST PG */ .developer_account_list_container0 { max-width: 1200px !important; } .developer_account_list_container7 { display: flex; flex-direction: row; } .developer_account_list_row3 { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; margin-top: 0.8rem; font-size: 0.8rem; } .developer_account_list_icon4 { font-size: 1rem; background-color: #5a5a5a !important; width: 1.25rem; height: 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #ffffff; margin-left: 0.4rem; margin-right: 0.4rem; cursor: pointer; transition-duration: 0.3s; } .developer_account_list_icon4:hover { box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .developer_account_list_container5 { margin-top: 0.2rem; padding-left: 0.3rem; padding-right: 0.3rem; margin-bottom: 0.2rem; } .developer_account_list_container6 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } .theme_chkbox5 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox5 { font-size: 0.9rem !important; margin-bottom: 0; line-height: 0.5rem !important; } .theme_chkbox5 > .checkbox label::before { top: -5px; width: 16px; height: 16px; margin-left: -14px; } .checkbox label { font-weight: 500; } .theme_chkbox5 > .checkbox input[type=checkbox]:checked+label::after { width: 4px; height: 8px; top: -2px; left: 10.5px; } .theme_dropdown3 { padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; width: 12rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); font-size: 0.9rem; } .theme_dropdown4 { padding-left: 0.5rem; padding-right: 0.5rem; text-align: left; width: 11rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); font-size: 0.9rem; position: absolute; left: 0; } .developer_account_list_container1 { display: flex; width: 100%; justify-content: center; } .developer_account_list_icon2 { margin-left: 0.5rem; font-size: 0.9rem; margin-top: 0.2rem; } .developer_account_list_container2 { display: flex; flex-direction: row; background-color: #ffffff; justify-content: space-between; align-items: center; font-size: 0.9rem; line-height: 1.8rem; margin-left: 0.2rem; font-weight: 500 !important; } .developer_account_list_container3 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; } .developer_account_list_txt1 { font-weight: bold; color: #1e9752; } .developer_account_list_txt2 { font-weight: bold; color: #d51840; } .developer_account_list_txt3 { font-weight: bold; color: #c8be4d; } .developer_account_list_txt4 { font-weight: bold; color: #c98b3e; } .developer_account_list_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom: 1.5rem; } .developer_account_list_row2 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .developer_account_list_tbl1 > table, th, td { /*border: 1px solid #111 !important;*/ text-align: center; font-size: 0.9rem; border: none !important; text-align: center; font-weight: 500; } .theme_card32 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; } .theme_card39 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); min-height: 304px !important; padding-bottom: 0.2rem !important; } .theme_card39_2 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding-bottom: 0rem !important; } .ql-toolbar.ql-snow { border-color: #3a3b3c; border-radius: 0.75rem 0.75rem 0 0; } .ql-container.ql-snow { border-color: #3a3b3c; border-radius: 0 0 0.75rem 0.75rem; } .developer_account_list_icon1 { /*font-size: 0.65rem; background-color: #3A3B3C !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.5rem; margin-right: 0.5rem; cursor: pointer; transition-duration: 0.3s; } .developer_account_list_icon1:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .developer_account_list_icon5 { /*font-size: 0.65rem; background-color: #d51840 !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.5rem; margin-right: 0.5rem; cursor: pointer; transition-duration: 0.3s; } .developer_account_list_icon5:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .developer_account_list_icon6 { /*font-size: 0.65rem; background-color: #4654AB !important; width: 1.8rem; height: 1.8rem;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; color: #111; margin-left: 0.5rem; margin-right: 0.5rem; cursor: pointer; transition-duration: 0.3s; } .developer_account_list_icon6:hover { /*box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%);*/ } .developer_account_list_icon3 { margin-left: 0.8rem; margin-right: 0.8rem; cursor: pointer; /*font-size: 0.7rem;*/ transition-duration: 0.3s; } .developer_account_list_container4 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } /* END DEVELOPER ACCOUNT LIST PG */ /* START TEMPLATE PG */ .template_parent { display: flex; height: 100%; width: 100%; /*position: absolute;*/ position: fixed; top: 0; left: 0; z-index: 1055; display: none; } .template_child1 { /*width: 25rem;*/ width: 27rem; background-image: linear-gradient(#4654ac, #1c2a82); color: #ffffff; padding: 1rem; padding-top: 0; display: flex; flex-direction: column; justify-content: space-between; overflow-y: auto; } .template_container3 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .template_container8 { /*display: flex; flex-direction: column; justify-content: flex-start;*/ margin-top: 1rem !important; overflow-y: auto; padding-right: 0.25rem; } .template_child2{ background-color: transparent; width: 100%; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; } .template_overlay{ display: flex; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1054; background-color: rgba(0,0,0,0.6); display: none; } .template_arrow_parent { background-color: #ffffff; cursor: pointer; border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.8rem; height: 1.8rem; } .template_icon1 { font-size: 0.8rem; color: #3a3b3c; } .template_txt2 { margin-right: 0.3rem; } .template_txt3 { margin-left: 0.5rem; color: #4654AB !important; font-size: 0.9rem; } .template_container1 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; background-color: #ffffff; border-radius: 0.75rem; padding: 0.3rem 1rem 0.3rem 1rem; } .template_txt1 { color: #4654AB; font-weight: 500; } .template_container2 { flex: 1%; margin-left: 1%; } .template_select1 .select2-container .select2-selection--single { background-color: transparent; } .template_select1 .select2-container .select2-selection--single { border: 0px solid #CED4DA; border-bottom: 2px solid #3A3B3C; border-radius: 0; width: 100% !important; background-color: transparent; } .template_select1 > .select2 { } .template_select1 > .select2-container .select2-selection--single .select2-selection__rendered { color: #4654AB; } .template_select1 > .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #4654AB transparent transparent transparent; } .template_select1 .select2-container .select2-selection--single { border-bottom: 2px solid #4654AB; } .template_container4 { font-size: 0.9rem; font-weight: 500; display: flex; flex-direction: column; width: 100%; border-radius: 0.5rem; border: 0.12rem dashed #ffffff; justify-content: center; align-items: center; padding: 0.75rem; line-height: 1.5rem; margin-top: 1rem; } .template_icon2 { margin-right: 0.5rem; } .template_icon3 { margin-right: 0.5rem; } .template_icon5 { margin-right: 0.5rem; margin-left: 0.2rem; } .template_icon6 { margin-right: 0.5rem; margin-left: 0.4rem; } .template_icon4 { right: 0.75rem; position: absolute; margin-top: 0.25rem; } .template_container9 { font-size: 0.9rem; font-weight: 500; text-align: center; width: 230px; border-radius: 0.35rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); color: #3a3b3c; /*padding: 1rem 1rem 1rem 1rem;*/ padding: 0 !important; } .template_container13 { font-size: 0.9rem; font-weight: 500; text-align: center; width: 320px; border-radius: 0.35rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); color: #3a3b3c; /*padding: 1rem 1rem 1rem 1rem;*/ padding: 0 !important; right: -8.5rem!important; left: auto!important; padding-bottom: 1rem !important; } .template_container10 { background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem 0.2rem 1rem 0.2rem ; margin-top: 1rem; margin-left: 1rem; margin-right: 1rem; margin-bottom: 1rem; line-height: 1.5rem; } .template_txt4 { font-weight: bold; padding-bottom: 0.4rem; font-size: 0.9rem; border-bottom: 0.12rem solid #3a3b3c; margin-bottom: 0.8rem; margin-top: 1rem; margin-left: 1rem; margin-right: 1rem; display: flex; flex-direction: row; justify-content: center; align-items: center; } .template_txt8 { font-weight: bold; padding-bottom: 0.4rem; font-size: 0.9rem; margin-bottom: 0.8rem; margin-top: 1rem; margin-left: 1rem; margin-right: 1rem; display: flex; flex-direction: row; justify-content: center; align-items: center; } .template_container15 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 4.5rem; } .template_container14 { width: 2.8rem; height: 2.8rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; background-color: #D3D6EA; color: #4654AB; transition-duration: 0.3s; font-size: 0.9rem; cursor: pointer; } .template_container14:hover { background-color: #4654AB; color: #ffffff; } .template_container16 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.8rem; width: 100%; } .template_txt9 { font-size: 0.8rem; font-weight: 700; color: #4654AB; margin-top: 0.4rem; } .template_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .template_txt5 { margin-bottom: 0.5rem; } .template_txt6 { margin-bottom: 0.3rem; } .template_container5 { font-size: 0.9rem; font-weight: 500; cursor: pointer; /*max-height: 30rem; overflow-y: auto;*/ margin-top: 0.5rem; padding-right: 0.5rem; } .template_item { margin-top: 1.2rem; margin-bottom: 1.2rem; position: relative; } .template_container7 { display: flex; } .template_item > a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } .template_container5 > ul { list-style-type: none; margin: 0; padding: 0; } .template_container6 { padding-left: 0.4rem; } .template_container6 > ul { list-style-type: none; margin: 0; padding: 0; } .template_item2 > a, a:hover, a:focus, a:active { text-decoration: none; color: inherit; } .template_item2 { margin-top: 0.6rem; margin-bottom: 0.6rem; position: relative; } .theme_btn49 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.7rem; padding-bottom: 0.7rem; font-size: 0.9rem; width: 100%; margin: 0 !impoprtant; margin-top: 1.2rem; } .theme_btn49:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .template_container11 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; } .template_container12 { margin-left: 0.3rem; margin-right: 0.3rem; } /* END TEMPLATE PG */ /* START ERROR PG */ .error_txt1 { color: #4654AB; text-shadow: rgb(70 84 171 / 30%) 5px 1px, rgb(70 84 171 / 20%) 10px 3px } /* END ERROR PG */ /* START PERFORMANCE REPORT PG */ .performance_report_container1 { max-width: 1600px !important; } .performance_report_container11 { display: flex; flex-direction: column; justify-content: space-between; } .performance_report_flx_parent2 { display: flex; justify-content: space-between; } .performance_report_flx2_child1 { margin: 12px; margin-left: 0 !important; width: 49%; } .performance_report_flx2_child4 { /*padding: 1.5rem; padding-bottom: 0; padding-top: 1rem;*/ margin: 12px; margin-right: 0 !important; /*height: 52rem;*/ width: 49%; } .performance_report_flx_parent { display: flex; flex-wrap: wrap; } .performance_report_flx_child1 { margin: 12px; margin-left: 0 !important; width: 49%; } .performance_report_flx_child4 { /*padding: 1.5rem; padding-bottom: 0; padding-top: 1rem;*/ margin: 12px; margin-right: 0 !important; height: 52rem; width: 49%; } .performance_report_flx_child2 { margin: 12px; margin-left: 0 !important; width: 68%; } .theme_card33 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; /* height: 52rem;*/ padding-top: 1rem; } .theme_card33_2 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; /* height: 52rem;*/ padding-top: 1rem; padding-bottom: 0; } .theme_card36 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; /* height: 52rem;*/ padding-top: 1rem; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1rem; } .theme_card43 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; /*height: 52rem;*/ padding-top: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1rem; } .performance_report_txt28 { font-weight: 700; } .theme_card37 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem; height: 30rem; padding-top: 1rem; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1rem; } .theme_card34 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem; flex: 1; margin-bottom: 24px; } .theme_card35 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1rem; flex: 1; } .performance_report_flx_child3 { /*padding: 1.5rem; padding-bottom: 0; padding-top: 1rem;*/ margin: 12px; margin-right: 0 !important; /* height: 52rem;*/ width: 30%; display: flex; flex-direction: column; justify-content: space-between; } .performance_report_row1{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; margin-bottom: 0.6rem; } .performance_report_row18{ display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0.6rem; } .performance_report_row2 { } .performance_report_row3 { display: flex; } .performance_report_txt1 { font-weight: 700 !important; background-color: #b3fac2; color: #1e9752 !important; border: 0.1rem solid #1e9752; width: 3.3rem; height: 1.6rem; border-radius: 0.35rem; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.8rem; margin-left: 0.8rem; } .performance_report_icon1 { font-size: 0.8rem; margin-right: 0.2rem; } .performance_report_txt2 { font-size: 0.8rem; position: absolute; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .performance_report_txt22 { font-size: 3rem; font-weight: bold; } .performance_report_txt23 { font-size: 0.9rem; font-weight: 600; } .performance_report_txt3 { font-weight: 600 !important; font-size: 0.8rem; } .performance_report_row4 { position: relative; width: 18rem; margin-top: 0.5rem; } .performance_report_txt4 { font-size: 0.8rem; color: #3a3b3c; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-align: center; } .performance_report_txt5{ font-size: 0.9rem !important; } .performance_report_txt6{ font-size: 0.85rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; color: #919191; } .performance_report_txt7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .performance_report_row5 { display: flex; width: 100%; flex-direction: row; justify-content: flex-end; margin-top: 0.8rem; font-size: 0.8rem; } .performance_report_txt9 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; max-width: 100%; } .performance_report_txt21 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 18vw; font-weight: 600; } .performance_report_txt18 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; /* max-width: 13vw;*/ } .performance_report_txt31 { white-space: nowrap; overflow: hidden; display: flex; text-overflow: ellipsis; font-weight: 600; /*max-width: 13vw;*/ justify-content: flex-start; } .performance_report_txt19 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .performance_report_txt24 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20vw; } .performance_report_txt30 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 20vw;*/ } .performance_report_txt26 { cursor: default !important; display: flex; flex-direction: column; align-items: flex-end; } .performance_report_txt25 { font-size: 0.8rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .performance_report_txt34 { font-size: 0.9rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .performance_report_txt35 { font-size: 0.9rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .performance_report_txt33 { font-size: 0.9rem; margin-right: 0.6rem; color: #3a3b3c; cursor: pointer; } .btn-primary { background-color: #D3D6EA; border-color: #D3D6EA; color: #4654AB; } .btn-primary:hover { background-color: #4654AB; border-color: #4654AB; color: #ffffff; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #D3D6EA; border-color: #D3D6EA; color: #4654AB; } .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #4654AB; color: #ffffff; } .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active { background-color: #4654AB; color: #ffffff; } .btn-secondary { background-color: #D3D6EA; border-color: #D3D6EA; color: #4654AB; } .btn-secondary:hover { background-color: #4654AB; border-color: #4654AB; color: #ffffff; } .date_range_theme1 { font-size: 0.9rem !important; border: 0 !important; padding: 0 !important; padding-right: 0.5rem !important; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; margin-right: 0.5rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: transparent !important; font-weight: 600; text-align: right; } .date_range_theme5 { font-size: 0.9rem !important; border: 0 !important; padding: 0 !important; padding-right: 0.5rem !important; font-weight: 700; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; margin-right: 0; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; background-color: transparent !important; text-align: right; } .date_range_theme7 { font-size: 0.95rem !important; border: 0 !important; padding: 0 !important; padding-right: 0.5rem !important; font-weight: 700; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; margin-right: 0; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 12.5vw; background-color: transparent !important; text-align: right; } .source_management_container19 { display: flex; justify-content: center; align-items: baseline; } .parsley-errors-list>li { color: #e53e3e; font-weight: 700; } .performance_report_container16 { margin-right: 1rem; } .date_range_theme2 { font-size: 0.8rem !important; border: 0 !important; padding: 0 !important; height: 1rem !important; color: #3a3b3c; margin-top: 0.25rem; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: transparent !important; text-align: right; font-weight: 600; } #performance_report_date_range1, #performance_report_date_range2, #performance_report_date_range3, #performance_report_date_range4, #performance_report_date_range5, #performance_report_date_range6, #performance_report_date_range7 { visibility: hidden; } .performance_report_txt8 { min-width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #1e9752; color: #ffffff; font-weight: bold; font-size: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 0.5rem; } .performance_report_tx11 { width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #726f84; color: #ffffff; font-weight: bold; font-size: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 0.5rem; } .performance_report_txt10 { width: 1.8rem; height: 1.8rem; border-radius: 100%; background-color: #D3D6EA; color: #4654AB; font-weight: bold; font-size: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 0.5rem; transition-duration: 0.3s; cursor: pointer; } .performance_report_txt10:hover { background-color: #4654AB; color: #ffffff; } .performance_report_txt32 { min-width: 1.8rem; min-height: 1.8rem; border-radius: 100%; background-color: #D3D6EA; color: #4654AB; font-weight: bold; font-size: 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 0.5rem; transition-duration: 0.3s; cursor: pointer; } .performance_report_txt32:hover { background-color: #4654AB; color: #ffffff; } .performance_report_icon2 { font-size: 1rem; color: #3a3b3c; margin-right: 0.2rem; cursor: pointer; } .performance_report_icon4 { font-size: 1.2rem; color: #3a3b3c; margin-right: 0.2rem; margin-right: 1rem; } .performance_report_container2 { background-color: #ebeff2; border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; /* height: 42.5rem;*/ height: 44.7rem; } .performance_report_container3 { } .performance_report_container4 { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 1.2rem; } .performance_report_container5 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; font-size: 0.9rem; font-weight: bold; color: #726f84; max-width: 70%; } .performance_report_txt13 { font-weight: 600; } .performance_report_txt11 { color: #3a3b3c; } .performance_report_txt12 { color: #1e9752; } .performance_report_txt20 { display: flex; justify-content: center; } .performance_report_container6 { /* max-height: 38rem;*/ max-height: 41.5rem; /* overflow: hidden;*/ overflow-y: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .performance_report_container20 { max-height: 39.2rem; /* overflow: hidden;*/ overflow-y: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .performance_report_container21 { max-height: 19.5rem; /* overflow: hidden;*/ overflow-y: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .performance_report_container14 { height: 44.8rem; overflow: hidden; /*padding-left: 0.5rem; padding-right: 0.5rem;*/ } .performance_report_container17 { height: 49rem; overflow: scroll; padding-left: 0.5rem; padding-right: 0.5rem; } .performance_report_txt29 { margin-bottom: 0 !important; } .performance_report_container12 { } .performance_report_container15 { display: flex; justify-content: flex-end; } .performance_report_container7 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.9rem; background-color: #ffffff; padding: 0.6rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .performance_report_container13 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.9rem; background-color: #ebeff2; padding: 0.6rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .performance_report_container10 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.9rem; background-color: #ebeff2; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .performance_report_container9 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.9rem; background-color: #ffffff; padding: 0.8rem; border-radius: 0.35rem; margin-bottom: 0.8rem; } .performance_report_container8 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; max-width: 55%; } .performance_report_container18 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; max-width: 49%; } .performance_report_row6 { display: flex; justify-content: space-between; /*align-items: center;*/ } .performance_report_txt14 { font-weight: 600 !important; font-size: 0.9rem; } .performance_report_row7 { display: flex; justify-content: space-between; align-items: center; margin-top: 0.3rem; } .performance_report_txt15 { font-size: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 17vw; margin-top: 0.25rem; } .performance_report_txt16 { font-weight: 600 !important; font-size: 0.8rem; } .performance_report_row8 { display: flex; justify-content: center; align-items: center; height: 14rem; margin-top: 0.8rem; margin-bottom: 1rem; } .performance_report_row23 { display: flex; justify-content: center; align-items: center; height: 14rem; min-height: 14rem; max-height: 14rem !important; margin-top: 0.8rem; margin-bottom: 1rem; } .performance_report_row12 { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 20rem; min-height: 20rem; max-height: 20rem; margin-top: 0.8rem; } .performance_report_row9 { display: flex; justify-content: flex-end; align-items: center; } .performance_report_icon3 { margin-left: 0.3rem; } .performance_report_txt17{ } .performance_report_row10 { background-color: #ebeff2; border-radius: 0.75rem; /* height: 44.8rem;*/ height: 47rem; padding: 1.2rem; /* border: 1px solid #3a3b3c;*/ } .performance_report_row11 { background-color: #ebeff2; border-radius: 0.75rem; height: 20.5rem; padding: 1.2rem; border: 1px solid #3a3b3c; } .performance_report_row13 { background-color: #ebeff2; border-radius: 0.75rem; /* height: 22rem;*/ height: 25rem; padding: 1.2rem; border: 1px solid #3a3b3c; } .performance_report_row14 { display: flex; justify-content: center; align-items: center; flex-direction: column; color: #726f84; margin-bottom: 1rem; } .performance_report_row15 { display: flex; justify-content: center; align-items: center; flex-direction: column; color: #1e9752; } .tab-content { padding: 1.2rem; } .performance_report_row16 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .performance_report_txt27 { /* width: 74%;*/ width: 100%; white-space: nowrap; overflow: hidden; margin-bottom: 0.25rem !important; text-overflow: ellipsis; } .performance_report_row19 { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .performance_report_row17 { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 0.5rem; } .performance_report_row20 { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin-right: 0.5rem; width: 26%; } .performance_report_row21 { display: flex; justify-content: space-between; width: 100%; align-items: center; margin-bottom: 0.5rem; } .performance_report_row22 { width: 20vw; } @media only screen and (max-width: 1786px) { .date_range_theme4 { max-width: 6vw; } } @media only screen and (max-width: 1654px) { .date_range_theme4 { max-width: 20vw; margin-right: 1rem; } } @media only screen and (max-width: 1562px) { .date_range_theme2 { max-width: 4vw; } .date_range_theme3 { max-width: 14vw; } } @media only screen and (max-width: 1248px) { .date_range_theme2 { max-width: 18vw; } .date_range_theme3 { max-width: 18vw; } } @media only screen and (max-width: 1250px) { .performance_report_flx_child2 { width: 100%; margin-right: 0; } .performance_report_flx_child3 { width: 100%; margin-left: 0; flex-direction: row; height: 24rem; } .performance_report_flx2_child1 { } .performance_report_flx2_child4 { } .performance_report_flx_child1 { width: 100%; margin-right: 0; } .performance_report_flx_child4 { width: 100%; margin-left: 0; } .theme_card34 { margin: 0; margin-right: 24px; } .performance_report_row8 { height: 14.2rem; min-height: 14.2rem; max-height: 14.2rem; } .performance_report_row12 { height: 18.8rem; min-height: 18.8rem; max-height: 18.8rem; } .performance_report_txt30 { /*max-width: 40vw;*/ } .performance_report_txt24 { max-width: 40vw; } .performance_report_txt31 { /*max-width: 30vw;*/ } .performance_report_txt18 { max-width: 30vw; } .performance_report_txt15 { max-width: 27vw; } } /* END PERFORMANCE REPORT PG */ /* START IMPORT PG */ .import_container1 { /* position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); */ text-align: center; width: 100%; display: flex; flex-direction: row; justify-content: center; } .import_container12 { margin-top: 3rem; } .import_container13 { margin-top: 3rem; margin-bottom: 2rem; } .import_container10 { padding-left: 0.5rem; padding-right: 0.5rem; max-height: 38.5rem; overflow-y: auto; } .import_container2 { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; width: 100%; } .import_container5 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; border-bottom: 0.15rem solid #3a3b3c; padding-bottom: 0.8rem; } .import_row5 { text-align: left; margin-top: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; } .import_row6 { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .import_container3 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .import_container0 { max-width: 1200px !important; } .import_row1 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .import_row2 { max-width: 100%; margin-top: 1rem; } .import_container8 { flex: 84%; } .import_container9 { flex: 16%; text-align: center; } .import_container7 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: baseline; } .import_container11 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 1rem; } .import_row3 { width: 60%; max-width: 1400px; } .import_row7 { width: 80%; max-width: 1600px; } .import_row2 > .dropify-wrapper { background-color: #ffffff; border: 0.1rem dashed #3a3b3c; } .import_row4 { max-width: 100%; margin-top: 1rem; display: flex; } .import_container4 { flex: 1; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; margin: 6px; height: 15rem; display: flex; flex-direction: column; justify-content: space-between; } .import_txt3 { text-align: center; font-weight: 600; font-size: 1rem; } .import_container6 { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; min-height: 15rem; display: flex; flex-direction: column; justify-content: flex-start; margin-top: 1.5rem; margin-bottom: 1.5rem; background-color: #ffffff; padding-left: 2rem; padding-right: 2rem; } .import_txt1 { font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; } .import_txt2 { font-weight: 600; } .import_icon1 { font-size: 2.5rem; margin-top: 2.5rem; } .import_icon2 { font-size: 1rem; } .theme_btn51 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.9rem; width: 100%; } .theme_btn51:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn52 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; } .theme_btn52:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_input13 { border: 0.12rem solid #3A3B3C !important; border-radius: 0.35rem; background-color: #ebeff2 !important; font-weight: 500; color: #3A3B3C !important; font-size: 0.9rem; padding: 1.1rem .9rem; } .theme_input13 > .form-control:disabled, .form-control[readonly] { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; outline:none; } .theme_select4 .select2-container .select2-selection--single { border: 0.12rem solid #3A3B3C; border-radius: 0.35rem; width: 100% !important; background-color: #ebeff2; font-size: 0.9rem; } .theme_select4 > .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #3A3B3C transparent transparent transparent; } .theme_select4 > .select2-container .select2-selection--single .select2-selection__rendered { color: #3A3B3C; } /* END IMPORT PG */ /* START FEEDBACK PG */ .feedback_flx_parent { display: flex; /* flex-direction: row; justify-content: center; align-items: center; */ flex-wrap: wrap; justify-content: center; } .feedback_flx_child1 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 23%; } .feedback_row1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .feedback_txt1{ font-size: 0.9rem !important; } .feedback_txt2{ font-size: 0.8rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; font-size: 0.85rem !important; color: #919191; } .feedback_container1 { /*width: 100%; margin-top: 1rem;*/ width: 100%; height: 46.2rem; overflow-y: auto; margin-top: 0.5rem; padding-right: 0.5rem; } .feedback_container2 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem !important; margin-top: 0.4rem; margin-bottom: 0.4rem; } .feedback_container23 { padding-left: 0 !important; } .feedback_line1 { background-color: #3a3b3c; width: 10rem; height: 0.12rem; } .feedback_container3 { display: flex; width: 100%; flex-wrap: wrap; } .feedback_row2 { display: flex; width: 100%; flex-wrap: wrap; } .feedback_container4 { background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem; font-size: 0.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex: 1; /*min-width: 20rem;*/ margin-bottom: 0.5rem; width: 100%; } .feedback_txt3{ font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .feedback_row3 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; width: 100%; margin-top: 0.4rem; } .feedback_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; margin-left: 0.5rem; margin-right: 0.5rem; } .feedback_row4 { display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; } .feedback_flx_child2 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 72%; } .feedback_row5 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .feedback_container22 { max-width: 40%; } .feedback_row6 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; width: 82%; } .feedback_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 100%;*/ margin-bottom: 0.25rem; } .feedback_txt6 { margin-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; } .feedback_txt7 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; /*max-width: 100%;*/ } .feedback_txt8 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; } .feedback_container6 { width: 90%; } .feedback_container5 { margin-bottom: 0.5rem !important; } .feedback_txt9 { font-weight: 700; } .feedback_txt10 { font-weight: 700; } .feedback_container7 { max-height: none !important; height: 33rem !important; } .feedback_container7_chat { max-height: none !important; height: 43rem !important; } .feedback_icon3 { cursor: pointer; transition-duration: 0.3s; font-size: 1.5rem; } .feedback_icon3:hover { color: #4654AB; } .feedback_editor1 { max-height: 410px; /* width:100% !important; */ } .feedback_container8 { padding: 1rem !important; } .feedback_icon1 { cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.3rem; font-size: 0.85rem !important; color: #3a3b3c; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .feedback_icon1:hover { color: #4654AB; } .feedback_icon2 { margin-right: 17px; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.8rem !important; padding-right: 0.6rem; } .feedback_container9 { display: flex; } .feedback_container10 { width: 50%; } .feedback_container11 { width: 50%; margin-left: 1rem; margin-top: 0.7rem; display: flex; flex-direction: column; height: 45rem; } .feedback_container12 { background-color: #ebeff2; /*border: 0.12rem solid #3a3b3c; border-radius: 0.35rem;*/ padding: 1rem; /*margin-left: 0.2rem; margin-right: 0.2rem;*/ height: 100%; font-size: 0.9rem; font-weight: 500; line-height: 1.5; border-radius: 0.75rem; } .feedback_container20 { /*max-height: 12rem;*/ max-height: 100%; overflow-y: auto; padding-right: 0.5rem; } .feedback_container24 { /* max-height: 10rem; overflow-y: auto; padding-right: 1rem; */ } .feedback_container13 { margin-bottom: 0.5rem; } .feedback_container14 { flex: 2; /*padding-left: 0.2rem; padding-right: 0.2rem;*/ margin-top: 0.2rem; margin-bottom: 0.75rem; min-height: 20rem; max-height: 22rem; } .feedback_container15 { flex: 1; margin-top: 0.2rem; overflow: auto; } .theme_card40 { background-color: #EBEFF2 !important; margin-top: 2.5%; margin-bottom: 0 !important; margin-top: 1rem; height: 44.7rem; border-radius: 0.75rem; } .theme_btn56 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 100%; font-size: 0.9rem; margin-top: 0.3rem; /*margin-left: 0.2rem; margin-right: 0.2rem;*/ } .theme_btn56:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn57 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.4rem; padding-bottom: 0.4rem; width: 40%; font-size: 0.9rem; margin-top: 0.3rem; margin-left: 0.2rem; margin-right: 0.2rem; } .theme_btn57:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .feedback_iframe { width: 100%; border-radius: 0.35rem; height: 100%; } .feedback_container16 { font-size: 0.7rem; margin-left: 0.5rem; } .feedback_txt11 { color: #e6b451; } .feedback_container17 { display: flex; justify-content: space-between; } .feedback_txt12 { color: #d0d7df; } .feedback_container18 { display: flex; font-weight: 700; margin-bottom: 0.25rem; } .feedback_txt16 { font-weight: 700; } .feedback_txt13 { margin-right: 0.5rem; } .feedback_txt14 { margin-right: 1rem; } .feedback_txt15 { background: white; padding: 0.5rem 1rem; border-radius: 0.25rem; font-style: italic; font-weight: 500; margin-top: 0.5rem; font-size: 0.9rem; /*line-height: 1.5;*/ } .feedback_container19 { margin-top: 1rem; } /*@media only screen and (max-width: 1545px) { 1260*/ @media only screen and (max-width: 1199px) { .feedback_flx_child1 { width: 98.5%; margin-right: 24px; height: auto; padding-bottom: 1rem; } .feedback_flx_child2 { width: 98.5%; } .feedback_container4 { margin: 0.5rem; /*max-width: 275px;*/ min-width: 275px; } .feedback_flx_parent { flex-direction: column-reverse; } .feedback_container1 { /*height: 45rem;*/ height: auto; margin-top: 1rem; padding-right: 0; } } @media only screen and (max-width: 1852px) { .theme_btn56 { width: 100%; } .theme_btn57 { width: 100%; } } @media only screen and (min-width: 1854px) { .feedback_row4 { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } } /* END FEEDBACK PG */ /* START SALES MANAGER INTERACTION HISTORY PG */ .sale_manager_history_flx_parent { display: flex; /* flex-direction: row; justify-content: center; align-items: center; */ flex-wrap: wrap; justify-content: center; } .sale_manager_history_flx_child1 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 23%; } .sale_manager_history_txt6 { font-weight: bold; } .sale_manager_history_flx_child2 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; padding-bottom: 0; padding-top: 1rem; margin: 12px; height: 52rem; width: 72%; } .sale_manager_history_row1 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .sale_manager_history_txt1 { font-size: 0.9rem !important; } .sale_manager_history_txt2{ font-size: 0.8rem !important; cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.2rem; font-size: 0.85rem !important; color: #919191; } .sale_manager_history_container1 { /*width: 100%; margin-top: 1rem;*/ width: 100%; height: 46.2rem; overflow-y: auto; margin-top: 0.5rem; padding-right: 0.5rem; } .sale_manager_history_container3 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem !important; margin-top: 0.4rem; margin-bottom: 0.4rem; } .sale_manager_history_line1 { background-color: #3a3b3c; width: 10rem; height: 0.12rem; } .sale_manager_history_row2 { display: flex; width: 100%; flex-wrap: wrap; } .sale_manager_history_container4 { background-color: #ebeff2; border-radius: 0.35rem; padding: 1rem; font-size: 0.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex: 1; /*min-width: 20rem;*/ margin-bottom: 0.5rem; width: 100%; } .sale_manager_history_txt3 { font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .sale_manager_history_row3 { display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 0.9rem; width: 100%; margin-top: 0.4rem; } .sale_manager_history_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; margin-left: 0.5rem; margin-right: 0.5rem; } .sale_manager_history_txt7 { font-size: 0.9rem !important; box-shadow: : 0px 0px 1vw 0px rgb(0 0 0 / 20%) !important; } .sale_manager_history_row4 { display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; } .sale_manager_history_container5 { padding: 1.2rem; background-color: #ebeff2; border-radius: 0.75rem; margin-top: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.8rem; } .sale_manager_history_row5 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .sale_manager_history_row5 > .text-muted { font-size: 0.9rem !important; } .sale_manager_history_row7 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .sale_manager_history_row7 > .text-muted { font-size: 0.9rem !important; } .sale_manager_history_row6 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .sale_manager_history_row6 > .text-muted { font-size: 0.9rem !important; } .sale_manager_history_txt8 { font-weight: 700 !important; background-color: #b3fac2; color: #1e9752 !important; border: 0.1rem solid #1e9752; width: 3.3rem; height: 1.6rem; border-radius: 0.35rem; display: flex; flex-direction: row; justify-content: center; align-items: center; } .sale_manager_history_icon1 { font-size: 0.8rem; margin-right: 0.2rem; } .sale_manager_history_txt9 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; } .sale_manager_history_txt5 { overflow: hidden; line-height: 1.5; text-overflow: ellipsis; max-width: 100%; } .sale_manager_history_txt10 { font-weight: 700 !important; } .sale_manager_history_container6 { background-color: transparent !important; /*min-height: 39.7rem !important; max-height: 39.7rem !important;*/ height: 39rem !important; width: 100%; margin-bottom: 0.5rem; margin-top: 0.5rem; } .sale_manager_history_icon2 { color: #4654AB; } @media only screen and (max-width: 1397px) { .sale_manager_history_flx_child1{ width: 28%; } .sale_manager_history_flx_child2{ width: 67%; } } @media only screen and (max-width: 1152px) { .sale_manager_history_flx_child1{ width: 32%; } .sale_manager_history_flx_child2{ width: 63%; } } /* END SALES MANAGER INTERACTION HISTORY PG */ /* START NEW VIDEO CALL PG */ /* END NEW VIDEO CALL PG */ .new_video_call_container1{ max-width: none !important; } .new_video_call_row1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .new_video_call_row2 { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; width: 100%; } .new_video_call_container2 { max-width: 40%; } .new_video_call_txt1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 100%;*/ margin-bottom: 0.25rem; } .new_video_call_txt10 { padding-right: 55px !important; } .new_video_call_txt11 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 35%; width: auto; } .new_video_call_txt2 { margin-left: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; } .new_video_call_txt3 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; } .new_video_call_txt4 { margin-right: 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%; width: auto; } .new_video_call_container3 { /*height: 45vw;*/ /*height: 47vw;*/ margin-top: 1rem; overflow: hidden; display: flex; } .new_video_call_container4 { /*background-color: aliceblue;*/ background-color: #111; flex: 75%; border-radius: 0.75rem; display: flex; flex-direction: column; } .new_video_call_container5 { flex: 25%; margin-left: 1rem; } .new_video_call_container24 { /*background-color: beige;*/ width: 100%; /*padding: 0.5rem;*/ display: flex; flex-direction: column; justify-content: center; flex: 20%; min-height: 37.2vw; } .new_video_call_container25 { /*background-color: azure;*/ flex: 1; /*padding: 0.5rem;*/ display: flex; flex-wrap: wrap; /*height: 38vw !important; max-height: 38vw !important; min-height: 38vw !important;*/ overflow: auto; justify-content: center; overflow-x: hidden; } .new_video_call_container26 { /*background-color: antiquewhite;*/ /*width: 32.95%;*/ width: 30%; /* min-height: 12vw;*/ margin: 0.2rem; flex-grow: 1; /*min-width: 10vw; min-height: 12vw;*/ /*min-width: 10vw; min-height: 10rem;*/ display: flex; flex-direction: column; border: 0.12rem solid #ffffff; border-radius: 0.35rem; } .new_video_call_container23 { position: absolute; top: 0; right: 0; } .new_video_call_container9 { flex: 90%; padding: 0.8rem; display: flex; position: relative; } .new_video_call_container15 { flex: 20%; /*background-color: beige;*/ } .new_video_call_container16 { flex: 80%; margin-left: 1rem; /*background-color: oldlace;*/ } .new_video_call_container10 { flex: 10%; display: flex; justify-content: space-between; /*background-color: antiquewhite;*/ align-items: center; padding: 1rem; padding-top: 0; } .new_video_call_theme_card { border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-bottom: 0; padding: 1rem; } .theme_card42 { background-color: #EBEFF2 !important; /*height: 56rem;*/ /*height: 100%;*/ border-radius: 0.75rem; margin-bottom: 0; } .new_video_call_container6 { /*height: 48rem !important;*/ height: 37.5vw !important; } .new_video_call_container7 { padding: 1rem !important; } .new_video_call_container8 { padding-left: 0 !important; } .new_video_call_icon1 { cursor: pointer; transition-duration: 0.3s; color: #3a3b3c; margin-top: 0.3rem; font-size: 0.85rem !important; color: #3a3b3c; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.25rem; } .new_video_call_icon1:hover { color: #4654AB; } .new_video_call_icon2 { /* margin-right: 25px;*/ margin-right: 17px; background-color: #ffffff !important; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-top: -0.1rem; padding-left: 0.8rem !important; padding-right: 0.6rem; } .new_video_call_container13 { display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; } .new_video_call_txt7 { margin-right: 0.5rem; margin-left: 0.5rem; } .new_video_call_container11 { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 100%; background-color: #4654AB; } .new_video_call_container12 { height: 2px; width: 20px; margin: 0 !important; background-color: #ffffff; } .new_video_call_container12 > .new_video_call_progress_bar { background-color: #d51840; /*width:60%;*/ height:10px } .new_video_call_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 2.5rem;*/ } .new_video_call_txt6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*max-width: 3.6vw;*/ } .new_video_call_container14 { color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items: center; } .new_video_call_container17 { display: flex; flex-direction: row; justify-content: center; align-items: center; /*width: 5.2rem; min-width: 5.2rem; max-width: 5.2rem;*/ width: auto; padding: 0 0.5rem; } .new_video_call_container18 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .new_video_call_icon3 { width: 2.75rem; height: 2.75rem; border-radius: 100%; border: 0.15rem solid #ffffff; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; transition-duration: 0.3s; font-size: 1rem; background-color: transparent; color: #ffffff; } #video_call_screen_share { display: none; } .new_video_call_txt8 { background-color: #d51840; } .new_video_call_txt8:hover { background-color: #d51840; color: #ffffff; } .new_video_call_row3 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .new_video_call_container19 { /*width: 100%; margin-top: 1rem;*/ width: 100%; height: 49.2rem; overflow-y: auto; overflow-x: hidden; } .new_video_call_row4 { display: flex; width: 100%; flex-wrap: wrap; } .new_video_call_container22 { display: flex; justify-content: space-between; align-items: center; width: 100%; color: #ffffff; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.2rem; padding-bottom: 0.2rem; flex: 8%; background-color: #111; } .new_video_call_container21 { background-color: #000000; border-radius: 0.35rem; border: 0.12rem solid #ffffff; font-size: 0.9rem; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; flex: 1; /*min-width: 20rem;*/ margin: 0.2rem; width: 100%; min-width: 18rem; } .new_video_call_txt9 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70%; font-size: 0.9rem; } .new_video_call_img1 { background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; min-height: 14rem; max-height: 14rem; object-fit:cover; object-position:top; } .new_video_call_img3 { background-position: center; background-repeat: no-repeat; background-size: cover; height: 14rem; object-fit:cover; object-position:top; } .new_video_call_img2 { background-position: center; background-repeat: no-repeat; background-size: cover; height: 7rem; width: 11rem; object-fit:cover; object-position:top; border-radius: 0.35rem; border: 0.12rem solid #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); margin-right: 2rem; margin-top: 2rem; } @media only screen and (min-width: 2001px) { .video_call_iframe3 { height: 7vw; width: 10vw; margin-right: 2rem; margin-top: 2rem; } .video_call_iframe3_2 { width: 10vw; } } /*@media only screen and (max-width: 1650px) {*/ @media only screen and (max-width: 1365px) { .new_video_call_container3 { flex-direction: column; height: 100%; } .new_video_call_container4 { flex: 100%; } .new_video_call_container5 { flex: 100%; margin-left: 0rem; } .theme_card42 { margin-top: 1rem; } /* .new_video_call_container19 { height: 45rem; height: auto; margin-top: 1rem; padding-right: 0; }*/ /* .new_video_call_container21 { margin: 0.5rem; max-width: 275px; min-width: 275px; }*/ } /* START MY ACCOUNT PG */ .my_account_container1 { max-width: 1400px; } .my_account_img1 { width: 100%; border-radius: 0.75rem; height: 16rem; min-height: 16rem; max-height: 16rem; background-position: center; background-repeat: no-repeat; background-size: cover; object-fit:cover; object-position:top; } .my_account_container2 { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 100%; } .my_account_container3 { flex: 1%; margin-left: 1%; } .my_account_txt1 { font-weight: 600; font-size: 1rem; margin-bottom: 0.3rem; } .my_account_txt6 { font-weight: 600; font-size: 1.2rem; margin-bottom: 0.3rem; } .my_account_txt2 { font-weight: 500; font-size: 0.8rem; } .my_account_txt3 { font-weight: 600; } .my_account_container4 { background-color: #ebeff2; border-radius: 0.75rem; padding: 1.5rem; margin-top: 0.8rem; } .my_account_container6 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); /*max-width: 23rem;*/ } .my_account_container5 { display: flex; justify-content: space-between; width: 100%; align-items: flex-start; } .my_account_container7 { } .my_account_container8 > .dropify-wrapper { height: 18rem !important; border: 0.15rem dashed #3a3b3c; border-radius: 0.75rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .my_account_flx_parent { display: flex; } .my_account_flx_parent2 { display: flex; margin-top: -7.7rem; } .my_account_flx_child1 { flex: 72%; margin-right: 24px; } .my_account_flx_child2 { flex: 22%; max-width: 22%; } .my_account_container9 { } .my_account_txt7 { width: 100%; } .my_account_container10 { padding: 1rem !important; padding-top: 0 !important; padding-bottom: 1.2rem !important; text-align: center; width: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; } .my_account_txt4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .my_account_txt5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .my_account_icon1 { margin-right: 0.5rem; } /* END MY ACCOUNT PG */ /* START CRM HOME PG */ .crm_container1 { max-width: 1600px !important; } .crm_container3 { margin-bottom: 0 !important; } .crm_flx_parent { display: flex; flex-wrap: wrap; } .crm_flx_child2 { margin: 12px; margin-left: 0 !important; width: 68%; } .crm_flx_child3 { /*padding: 1.5rem; padding-bottom: 0; padding-top: 1rem;*/ margin: 12px; margin-right: 0 !important; height: 52rem; width: 30%; display: flex; flex-direction: column; justify-content: space-between; } .theme_card51 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; height: 52rem; padding-top: 1rem; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1rem; } .theme_card52 { background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); padding: 1.5rem; flex: 1; padding-bottom: 0; } .crm_row1{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; } .crm_row8{ display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; margin-bottom: 0.8rem; } .crm_row2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; } .crm_row7 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 0.8rem; } .crm_txt1{ } .crm_img1 { border-radius: 100%; width: 3.2rem; height: 3.2rem; margin-right: 1rem; } .crm_txt11 { font-weight: 700; } .crm_txt12 { font-weight: 700; color: #1e9752; font-size: 0.85rem; } .crm_container4 { background-color: #D3D6EA; color: #4654AB; display: flex; justify-content: space-between; font-size: 0.85rem; } .crm_container5 { text-align: center; padding-top: 1rem; padding-bottom: 1rem; background-color: #D3D6EA; flex: 1; } .crm_container6 { background-color: #4654AB; color: #ffffff; } #crm_list_view { } .crm_txt14 { font-weight: 700; color: #d51840; font-size: 0.85rem; } .crm_txt15 { font-weight: 700; color: #c8be4d; font-size: 0.85rem; } .crm_txt16 { font-weight: 700; color: #c98b3e; font-size: 0.85rem; } #crm_calendar_view { display: none; } .crm_txt17 { font-weight: 700; } .crm_txt18 { font-weight: 500; font-size: 0.8rem; } .crm_txt13 { font-weight: 500; } .crm_txt9 { font-weight: 700; } .crm_txt3 { font-size: 0.9rem; color: #d51840; } .crm_txt8 { font-size: 1rem; } .crm_txt5 { font-weight: 700; } .crm_txt6 { font-weight: 700; cursor: pointer; } .crm_txt7 { cursor: pointer; } .crm_txt4 { font-size: 0.8rem; margin-right: 0.5rem; } .crm_container2 { background-color: #ebeff2; border-radius: 0.75rem; height: 42.5rem; /*padding: 1.2rem;*/ border: 1px solid #3a3b3c; overflow-x: hidden; } .crm_container2::-webkit-scrollbar { width: 0; height: 0; } .crm_container2::-webkit-scrollbar-track { background: none; } .crm_container2::-webkit-scrollbar-thumb { background: none; } .crm_container2::-webkit-scrollbar-thumb:hover { background: none; } .crm_row3 { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 0.8rem; font-size: 0.8rem; align-items: center; } .crm_row15 { display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 0.8rem; font-size: 0.8rem; align-items: center; } .crm_row4 { display: flex; justify-content: space-between; /*align-items: center;*/ } .crm_txt2 { font-weight: 600 !important; font-size: 1rem; text-align: center; width: 100%; margin-bottom: 0.5rem; } .crm_row5 { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 20rem; min-height: 20rem; max-height: 20rem; margin-top: 0.8rem; background-color: #ffffff; border-radius: 0.75rem; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); } .crm_row13 { background-color: #ffffff; width: 100%; padding-left: 0.85rem; padding-top: 0.85rem; padding-bottom: 0.8rem; font-size: 0.85rem; } .crm_row14 { background-color: #ebeff2; width: 100%; padding-left: 0.85rem; padding-top: 0.85rem; padding-bottom: 0.8rem; font-size: 0.85rem; } .crm_txt10 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .crm_row10 { display: flex; flex-direction: column; height: 21.6rem; background-color: #ebeff2; border-radius: 0.75rem; border: 1px solid #3a3b3c; margin-top: 1.8rem; overflow: hidden; } .crm_icon3 { cursor: pointer; } .theme_chkbox8 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox8 { margin-right: 1rem; line-height: 1.8; } .theme_chkbox9 > .checkbox-primary input[type=checkbox]:checked+label::before { background-color: #4654AB; border-color: #4654AB; } .theme_chkbox9 { margin-right: 0.5rem; line-height: 1.8; } .crm_row6 { display: flex; justify-content: flex-start; align-items: baseline; } .crm_row9 { margin-top: 0.25rem; } .crm_row11 { margin-top: 1rem; } .theme_btn63 { color: #ffffff; background-color: #111111; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.8rem; margin-left: 0.5rem; margin-right: 0.5rem; } .theme_btn66 { color: #4654AB; background-color: #D3D6EA; border: none; font-weight: 700; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.8rem; padding-bottom: 0.8rem; width: 49%; } .theme_btn66:hover { color: #ffffff; background-color: #4654AB; outline: none !important; } .theme_btn63:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); outline: none !important; } .crm_icon1 { margin-right: 0.5rem; } .crm_icon2 { margin-left: 0.5rem; margin-right: 0.8rem; } .crm_select { display: flex; flex-direction: row; align-items: center; width: 8rem; margin-bottom: 0; } .crm_row12 { display: flex; justify-content: space-between; width: 100%; background-color: #4654AB;; color: #ffffff; font-weight: 700; border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1.2rem; padding-bottom: 1.2rem; } .crm_select > .select2-container .select2-selection--single .select2-selection__rendered { color: #3A3B3C; line-height: 30px !important; } .crm_select > .select2-container .select2-selection--single { font-size: 0.8rem !important; height: 28px !important; } .crm_select .select2-container .select2-selection--single { border-bottom: 1px solid #3A3B3C; } .crm_select > .select2-container .select2-selection--single .select2-selection__arrow b { /*border-color: #3A3B3C transparent transparent transparent;*/ } .crm_select > .select2-container .select2-selection--single .select2-selection__arrow { height: 28px !important; } .crm_select > .select2-container--open .select2-dropdown--below { font-size: 0.8rem !important; } .crm_select2 { display: flex; flex-direction: row; align-items: center; margin-bottom: 0; background-color: #111111; border: none; font-weight: 600; transition-duration: 0.3s; border-radius: 0.35rem; font-family: 'Inter', sans-serif; outline: none !important; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.8rem; width: 10rem; } .crm_select2:hover { color: #ffffff; box-shadow: 0px 0px 1vw 0px rgb(0 0 0 / 20%); outline: none !important; } .crm_select2 > .select2-container .select2-selection--single .select2-selection__rendered { color: #ffffff !important; line-height: 30px !important; font-size: 600; } .crm_select2 > .select2-container .select2-selection--single { font-size: 0.8rem !important; height: 28px !important; } .crm_select2 .select2-container .select2-selection--single { border-bottom: 1px solid #111111; } .crm_select2 > .select2-container .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent; } .crm_select2 > .select2-container .select2-selection--single .select2-selection__arrow { height: 28px !important; } .crm_select2 > .select2-container--open .select2-dropdown--below { font-size: 0.8rem !important; } .crm_row16 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; background-color: #ffffff; font-size: 0.9rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .crm_row19 { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; background-color: #ebeff2; font-size: 0.9rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; } .crm_row17 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .crm_row18 { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } input::placeholder { color: #A0A0A0 !important; } @media only screen and (max-width: 1250px) { .crm_flx_child2 { width: 100%; margin-right: 0; } .crm_flx_child3 { width: 100%; margin-left: 0; flex-direction: row; height: 50.8rem; } .crm_row5 { height: 18.8rem; min-height: 18.8rem; max-height: 18.8rem; } .crm_row10 { height: 21.6rem; } } .select2-container { /*width: auto !important;*/ } /* .select2-container { left: 0 !important; } .select2-container--open { left: 0 !important; }*/ .select2-container--default { } /* END CRM HOME PG */ /* END TEMPLATE BODY */ /* START BELOW 1023 PX SCREEN MESSAGE */ @media only screen and (max-width: 1023px) { #wrapper { display: none; } .account-pages { display: none; } #screen_msg { display: block; } } .unit_detail_scenes_container{ padding: 1.5rem; border-radius: 0.75rem; background-color: #ebeff2 !important; margin-bottom: 1rem; margin-top: 0.5rem !important; padding-bottom: 0.8rem; padding-top: 0.8rem; } .unit_detail_scenes_remove_scene { font-size: 1.5rem; cursor: pointer; position: absolute; right: -0.5rem; transition-duration: 0.3s; margin-top: -1.8rem; } /* END BELOW 1023 PX SCREEN MESSAGE */ .html_content { width: 100%; max-width: 1200px; height: 60vh; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 1.5; color:greenyellow; background-color: #1e1e1e; border: none; border-radius: 8px; padding: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); resize: none; outline: none; overflow: auto; white-space: pre-wrap; tab-size: 5; } .html_content::placeholder { color: #fdfdfd; font-style: italic; font-size: 18px; line-height:400px; text-align: center; } .html_content:active { box-shadow: 0 0 10px rgba(97, 218, 251, 0.7); border: 1px solid rgba(97, 218, 251, 0.8); } #header_content , #footer_content , #div_body , #html_body , #cdn_content, #html_middle_content { width: 100%; max-width: 1200px; height: 60vh; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 1.5; color:greenyellow; background-color: #1e1e1e; border: none; border-radius: 8px; padding: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); resize: none; outline: none; overflow: auto; white-space: pre-wrap; tab-size: 5; } #header_content::placeholder , #footer_content::placeholder , #div_body::placeholder , #html_body::placeholder , #cdn_content::placeholder , #html_middle_content::placeholder { color: #fdfdfd; font-style: italic; font-size: 18px; line-height:400px; text-align: center; } #header_content:active, #footer_content:active , #div_content:active , #html_body:active , #cdn_content:active , #html_middle_content:active { box-shadow: 0 0 10px rgba(97, 218, 251, 0.7); border: 1px solid rgba(97, 218, 251, 0.8); }