/* wirn MedWatchTech Dashboard build with Bootstrap v3+ Author: MedWatchTech Template. font-family: 'Nunito', sans-serif; - for body all contents and for all button except some font-family: 'Poppins', sans-serif; - page title all and some buttons */ @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap'); * { scrollbar-width: thin; scrollbar-color: #EEF1F1 #EEF1F1; /*scroll-direction: horizontal;*/} *::-webkit-scrollbar { width: 9px; height: 9px;} *::-webkit-scrollbar-track { background: #EEF1F1; box-shadow: inset -2px -2px 2px #FFFFFF, inset 2px 2px 2px #D1D9E6;} *::-webkit-scrollbar-thumb { background-color: #EEF1F1; border-radius: 10px; border: none; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25), inset 0px 4px 4px #FFFFFF;} *::-webkit-scrollbar-thumb { width: 11px; height: 11px;} ::-o-selection { background: #FF9E99; color: #fff; text-shadow: none;} ::-ms-selection { background: #FF9E99; color: #fff; text-shadow: none;} ::-webkit-selection { background: #384341; color: #fff; text-shadow: none;} ::-moz-selection { background: #00AFAA; color: #fff; text-shadow: none;} ::selection { background: #00AFAA; color: #fff; text-shadow: none; } :root{ } /* wirn - default customizations */ html, body { height: 100%; } html, body { font-family: 'Nunito', sans-serif !important; color: #384341; } html.original, body.original { height: 100%; overflow: hidden; position: relative;} .btn, .app .btn { font-family: 'Nunito', sans-serif !important; text-transform: uppercase !important; } .popover, .tooltip, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar { font-family: 'Nunito', sans-serif !important;} button:focus, a:focus { outline: none !important;} .app .page-row-head .page-header, .profile .profile-header, .app-content .app-content-holder .profile-header h5, .modalT .modal-dialog .modal-title, .modalT .modal-dialog .modal-sub-title, .card-chatBox.card-expand-chat .card-header .chat-title, .card.card-general-table .card-body .card-deck .card.card-transparent .card-body, .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle, .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle, .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb .breadcrumb-item a, .card-chatBox, .card-chatBox .chat-group-single-headin { font-family: 'Poppins', sans-serif !important; } .toast{ font-family: 'Poppins', sans-serif !important;} .font-nunit { font-family: 'Nunito', sans-serif !important;} .font-popin { font-family: 'Poppins', sans-serif !important;} body a:focus { outline: none !important; } body img:focus { outline: none !important; } a img:focus { outline: none !important; } button.btn:focus { outline: none !important; } a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } button.btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button.btn:hover, button.btn:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.btn:hover, a.btn:focus { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } button.btn i { text-shadow: none; } a i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fa { letter-spacing: normal; } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; } .img-responsive, .thumbnail>img, .thumbnail a>img { margin: 0px auto; } .form-control::-webkit-input-placeholder { color: #7F8D8C !important;} .form-control:-moz-placeholder { color: #7F8D8C !important; opacity: 1;} .form-control::-moz-placeholder { color: #7F8D8C !important; opacity: 1;} .form-control:-ms-input-placeholder { color: #7F8D8C !important;} html { background-color: #EEF1F1 ;/*#E5E5E5*/ text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } body { color: #525252; background-color: #EEF1F1; padding: 0px !important; margin: 0px !important; font-weight: normal; text-rendering: optimizeLegibility; position: relative; } ul li { list-style: none; } a, .btn-link { color: #FF9E99; } a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: #00AFAA; } a, a:hover, a:focus { text-decoration: none !important; outline: none !important; } a.btn-scroll-top { background: rgb(255 158 153 / 99%); color: #FFFFFF !important; bottom: 0.3rem; right: 0.3rem; } a.btn-scroll-top:hover, a.btn-scroll-top:focus { background: rgb(0 175 170 / 99%); color: #FFFFFF !important; } a.btn-scroll-top i{ color: #FFFFFF !important;} .disabled { cursor: not-allowed !important; filter: alpha(opacity=65) !important; -webkit-box-shadow: none !important; box-shadow: none !important; opacity: .65 !important; } .disabled { pointer-events: none !important; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed !important; filter: alpha(opacity=65) !important; -webkit-box-shadow: none !important; box-shadow: none !important; opacity: .65 !important; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none !important; } .none { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .bgnone { background: none !important; background-color: transparent !important; } .brnone { border: none !important; border-color: transparent !important; border-width: 0 !important; border-style: none !important; } .shdnone { box-shadow: none !important; text-shadow: none !important; } .rndnone { border-radius: 0 !important; } .allstlnone { background: none !important; background-color: transparent !important; border: none !important; border-color: none !important; border-width: 0 !important; border-style: none !important; box-shadow: none !important; text-shadow: none !important; border-radius: 0 !important; } .blocking { display: block !important; opacity: 1 !important; height: inherit !important; padding: 0 !important; margin: 0 !important; width: inherit !important; visibility: visible !important; } .clear { clear: both !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .relative{ position: relative !important;} .no-pad { padding: 0 !important; } .no-gap { margin: 0 !important; } .no-lefty { padding-left: 0px !important; } .no-leftty { padding-left: 0px !important; } .no-rightty { padding-right: 0px !important; } /* end - wirn - default customizations */ /* wirn - custom */ .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .overflow { overflow-x: hidden; overflow-y: visible; } .Shifted { display: inline-block; width: auto; margin-right: 10px; } /* wirn - custom - overwrite */ .app { padding-top: 0px; } .app-header { height: 82px; } .app-header::after { } .app-header::before { content: ""; position: absolute; top: 9px; left: auto; bottom: auto; right: 29px; height: 83px; width: 83px; } .app-header::before { border-radius: 50%; } .app-sidebar { width: 222px; top: 82px; /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ } .app-header .brand { width: 222px; height: 100px; border-radius: 0 0 50px 0; } .app-header .brand .brand-logo { padding: 0; height: 100px; } .app-header .brand img { margin: 0 auto; } .app-header .menu { flex: 0; } .app-header .menu .dropdown-menu { min-width: 200px; } .app-header .menu.menu-hgfigma .dropdown-menu { filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6); background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; } .app-header .menu.menu-hgfigma .dropdown-menu { margin: 0 !important; } .app-header .menu.menu-hgfigma .dropdown-menu i { width: 35px !important; height: 35px; font-size: 20px; margin: 0 0.25rem 0 0; padding: 0.35rem 0 0 0; } .app-header .menu.menu-hgfigma .dropdown-menu i { color: #62CBC9; text-shadow: 1px 1px 1px #00837D;} .app-header .menu.menu-hgfigma .dropdown-menu .dropdown-item { padding: 2px 20px;} .app-header .menu.menu-hgfigma .dropdown-menu .dropdown-item:hover i, .app-header .menu.menu-hgfigma .dropdown-menu .dropdown-item:focus i, .app-header .menu.menu-hgfigma .dropdown-menu .dropdown-item:active i { color: #62CBC9; text-shadow: none;} .app-header .menu-left { flex: 1; } .app-header .desktop-toggler .menu-toggler { padding: 0; } .app-header .menu .menu-item .menu-link { padding: 22px 10px 20px 10px; /*12px 10px 20px 10px*/ } .app-header .menu .menu-item.item-last { position: relative; } .app-header .menu .menu-item.item-last .menu-link { padding: 20px 25px 20px 5px; } .app-header .menu .menu-item.item-nu-one .menu-link { padding: 22px 15px 20px 5px; } .app-header .menu .menu-item.item-last .menu-img { height: 68px; width: 68px; border-radius: 50%; } .app-header .menu .menu-item.item-last .menu-img img { width:52px; height:52px;} .app-header .menu .menu-item.item-last .menu-img { background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7) } .app-header .menu .menu-item .menu-img.online:before { width: 15px; height: 15px; right: 20px; bottom: 20px; } .app-header .menu .menu-item.item-last .menu-img.mr-3 { margin-right: 0.75rem!important; } .app-header .menu .menu-item .menu-text { white-space: nowrap; } .app-header .menu .menu-item .menu-caret { font-size: 25px; } .app-header .menu .menu-item .menu-caret .caret { color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9); } .app-header .menu .menu-item .menu-caret .caret:before { content: '\f107'; } .app-header .menu .menu-item .menu-icon { border: none; border-radius: 50%; width: 38px; height: 38px; } .app-header .menu .menu-item .menu-icon { background: #EEF1F1; box-shadow: inset 1px 2px 3px #D1D9E6, inset -2px -3px 3px rgba(255, 255, 255, 0.7); } .app-header .menu .menu-item .menu-icon { text-align: center; position: relative; } .app-header .menu .menu-item .menu-icon i { line-height: 35px; font-size: 17px; } .app-header .menu.menu-left .menu-item .desktop-toggler { width: 57px; } .app-header .menu .menu-item .menu-link:focus i, .app-header .menu .menu-item .menu-link:hover i { color: #FF9E99; } .app-header .menu .menu-item .menu-link:hover .menu-caret, .app-header .menu .menu-item .menu-link:focus .menu-caret, .app-header .menu .menu-item .menu-link:hover .menu-caret .caret, .app-header .menu .menu-item .menu-link:focus .menu-caret .caret { color: #FF9E99; } .app-header .menu .menu-item .menu-icon img.ptop-4 { padding-top: 4px; } .app-header .menu .menu-item .menu-text{ margin-top: -0.5rem;} .app-header .menu .menu-item .menu-caret{ margin-top: -0.5rem;} .app-header .menu .menu-item .menu-icon{ position: relative;} .app-header .menu .menu-item .menu-icon i.text-nitify{ color: #FF6259; text-shadow: none; font-size: 9px; line-height: normal; } .app-header .menu .menu-item .menu-icon i.text-nitify{ position: absolute; margin: auto; padding: 0; top: 4px; bottom: auto; right: auto; left: -1px; z-index: 32;} .app-header .menu.menu-hgfigma .menu-item.item-last .menu-link{} .app-header .menu .menu-item .menu-toggler.menu-link .menu-icon i{ color: #00AFAA; line-height: 38px;} .app-header .menu .menu-item .menu-toggler.menu-link:hover, .app-header .menu .menu-item .menu-toggler.menu-link:focus, .app-header .menu .menu-item .menu-toggler.menu-link:active, .app-header .menu .menu-item .menu-toggler.menu-link.active{ opacity: 0.9;} .app-header .menu .menu-item .menu-toggler.menu-link:hover .menu-icon i, .app-header .menu .menu-item .menu-toggler.menu-link:focus .menu-icon i, .app-header .menu .menu-item .menu-toggler.menu-link:active .menu-icon i, .app-header .menu .menu-item .menu-toggler.menu-link.active .menu-icon i{ color: #FF6259; } .app-sidebar .menu .menu-item .menu-link { color: #5D6A68; line-height: 28px; font-size: 14px; padding: 0px 10px; } .app-sidebar .menu .menu-item .menu-link:hover, .app-sidebar .menu .menu-item .menu-link:focus { font-weight: bold; } /*background: rgba(201, 210, 227, 0); color: #384341;*/ .app-sidebar .menu .menu-item .menu-link:hover, .app-sidebar .menu .menu-item .menu-link:focus{ background: rgba(201, 210, 227, 0.0); color: #00afaa;} .app-sidebar .menu .menu-item.active:not(.has-sub)>.menu-link { color: #384341; } .app-sidebar .menu .menu-item.active .menu-link { font-weight: bold; color: #00afaa; } .app-sidebar .menu .menu-item.active .menu-link i { color: #FF9E99; } .app-sidebar .menu .menu-item .menu-link:focus i, .app-sidebar .menu .menu-item .menu-link:hover i { color: #FF9E99; } .app-header .menu .menu-item.active .menu-link i { color: #FF9E99;} .app-sidebar .menu .menu-item .menu-icon { width: 35px; height: 35px; } .app-sidebar .menu .menu-item .menu-icon+.menu-text { margin-top: 0px; height: 35px; line-height: 39px; } .app-sidebar .menu .menu-item .menu-submenu { padding-left: 0; padding-top: 10px; } .app-sidebar .menu .menu-item .menu-submenu { background: linear-gradient(177.7deg, rgba(255, 223, 222, 0.1) 0.76%, rgba(159, 45, 188, 0.023) 215.3%); box-shadow: inset 0px 2px 5px #D1D9E6, inset 0px -2px 5px #FFFFFF; } .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link { padding: 6px 10px; } .app-sidebar .menu .menu-item .menu-caret { opacity: .99; color: #BDC7C5; } .app-sidebar .menu .menu-item .menu-caret .caret { font-size: 18px; line-height: 30px; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95); } .app-sidebar .menu .menu-item .menu-caret b.caret:before { content: '\f054'; } .app-sidebar .menu .menu-item.active .menu-caret b.caret:before {content: "\f078";} .app-sidebar .menu .menu-item.active .menu-caret .caret{ color: #FF9E99;} .app-sidebar .menu .menu-header { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .app-sidebar .menu .menu-item .menu-icon, .app-sidebar .menu .menu-item.active:not(.has-sub)>.menu-link .menu-icon { } .app-sidebar .menu .menu-item .menu-icon i, .app-sidebar .menu .menu-item.active:not(.has-sub)>.menu-link .menu-icon i { font-size: 20px; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.9); } .app-sidebar .menu .menu-item .menu-link:hover .menu-icon i, .app-sidebar .menu .menu-item .menu-link:focus .menu-icon i, .app-sidebar .menu .menu-item .menu-link.active .menu-icon i { color: #FF9E99; } .app-sidebar .menu .menu-item .menu-link:hover .menu-caret, .app-sidebar .menu .menu-item .menu-link:focus .menu-caret, .app-sidebar .menu .menu-item .menu-link:hover .menu-caret .caret, .app-sidebar .menu .menu-item .menu-link:focus .menu-caret .caret { color: #FF9E99; } .app-sidebar-minified .app-sidebar { width: 0px; } .app-sidebar-minified .app-content { margin-left: 30px; } .app-sidebar .app-sidebar-content { margin-top: 89px; padding: 0 0 10em 0; } .app-sidebar .menu .menu-item .menu-text { font-size: 14px; } .app-sidebar .menu .menu-item.active .menu-text { color: #00afaa; } .app-sidebar .menu .menu-item { padding: 0 10px; margin-bottom: 20px; } .app-sidebar .menu .menu-item .menu-submenu .menu-item { padding: 0; margin: 0; overflow: hidden; } .app-sidebar .menu .menu-item .menu-submenu .menu-item .menu-link { padding: 3px 10px 3px 55px; } .app-sidebar .menu .menu-submenu .menu-item .menu-link:hover, .app-sidebar .menu .menu-submenu .menu-item .menu-link:focus, .app-sidebar .menu .menu-submenu .menu-item .menu-link.active { font-weight: bold; color: #ff6259; } /*background: rgba(252, 228, 228, 0.99); color: #ff6259; border-radius: 0; | background: rgba(201, 210, 227, 0); color: #384341;*/ .app-sidebar .menu .menu-submenu .menu-item .menu-link:hover, .app-sidebar .menu .menu-submenu .menu-item .menu-link:focus, .app-sidebar .menu .menu-submenu .menu-item .menu-link.active { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #d1d9e6, inset -5px -5px 10px #ffffff; border-radius: 0px 30px 30px 0px; } .app-sidebar .menu .menu-submenu .menu-item.active .menu-link { font-weight: bold; color: #ff6259; } /*background: rgba(252, 228, 228, 0.99); color: #ff6259; border-radius: 0; | background: rgba(201, 210, 227, 0); color: #384341;*/ .app-sidebar .menu .menu-submenu .menu-item.active .menu-link { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #d1d9e6, inset -5px -5px 10px #ffffff; border-radius: 0px 30px 30px 0px; } .app-sidebar .menu .menu-item.active .menu-submenu .menu-item .menu-link .menu-text { color: #5D6A68;} .app-sidebar .menu .menu-item.active .menu-submenu .menu-item.active .menu-link .menu-text { color: #00afaa; /*#384341*/} .app-sidebar .menu .menu-item{ position: relative;} .app-sidebar .menu .menu-item .menu-custom-icon{ position: absolute; right: 3rem; left: auto; top: 0.475rem; bottom: auto; margin: auto; padding: 0; width: 20px; height: 20px; text-align: center;} .app-sidebar .menu .menu-item .menu-custom-icon i{ font-size: 18px; line-height: 20px; text-shadow: none; color: #FF9E99; /*#00AFAA*/ } .app-sidebar .menu .menu-item:hover .menu-custom-icon i, .app-sidebar .menu .menu-item:focus .menu-custom-icon i, .app-sidebar .menu .menu-item:active .menu-custom-icon i, .app-sidebar .menu .menu-item.active .menu-custom-icon i{ color: #BDC7C5;} .brand-gap { width: 221px; } .sidebar-logo .brand { width: 221px; height: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .sidebar-logo .brand img { max-height: 100%; max-width: 100% } .sidebar-logo .brand img { margin: 0 auto; } .sidebar-logo .brand .brand-logo { font-weight: 700; color: #212837; font-size: 20px; text-decoration: none; height: 99px; width: 100%; padding: 0px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .sidebar-logo .brand .brand-logo .logo { display: block; height: 26px; width: 26px; border: 2px solid #1f6bff; margin-right: 8px; position: relative; -webkit-border-radius: 16px; border-radius: 16px } .sidebar-logo .brand .brand-logo .logo:before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5px; margin-right: -5px; width: 10px; height: 10px; background: #1a5bd9; -webkit-border-radius: 6px; border-radius: 6px } .sidebar-logo .brand i { font-size: 26px; margin-right: 10px } .app-header { box-shadow: 5px 15px 25px #d1d9e6;/* 5px 5px 10px #D1D9E6 */} .app-sidebar { box-shadow: 6px 0px 10px rgba(31, 107, 255, 0.0); border-right: none; } .app-content { margin-left: 222px; padding: 83px 0px 0px 0px; overflow: hidden !important; } .app-content .app-content-holder { padding: 0px; min-height: 850px; } .app-content .app-content-holder { background: #EEF1F1; border-radius: 30px 0 0 0; box-shadow: inset 5px 5px 10px 0px rgba(255, 255, 255, 0.99), 5px 0px 15px rgba(209, 217, 230, 0.99); } .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle { border: none; background: #00AFAA; color: #9F2DBC; } .btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88); } .btn-default.btn-circle:not(:disabled):not(.disabled).active, .btn-default.btn-circle:not(:disabled):not(.disabled):active, .show>.btn-default.btn-circle.dropdown-toggle { border: none; background: transparent; color: #9F2DBC; } .profile .profile-header .profile-header-content { padding: 0; } .profile .profile-header .profile-header-content .profile-header-tab { margin-left: 0; } .app-sidebar-minified .app-sidebar .menu-item .menu-link .menu-caret { font-size: 12px; right: -10px; } .app-sidebar-minified .app-sidebar.sidebar-logo .brand { display: none; } .app-sidebar-minified .app-sidebar .menu-item .menu-link .menu-icon { width: 1.25rem; height: 1.25rem; } .app-sidebar-minified .app-sidebar .menu-item .menu-link .menu-icon img { width: 33px; height: 33px; } .app-sidebar-minified .app-sidebar .menu-item.item-logo .menu-link:hover, .app-sidebar-minified .app-sidebar .menu-item.item-logo .menu-link:focus, .app-sidebar .menu .menu-item.item-logo .menu-link:hover, .app-sidebar .menu .menu-item.item-logo .menu-link:focus { background: none; } .app .dropdown { background: none; border: none; box-shadow: none; padding: 0; margin: 0; } .app .dropdown .btn-dropdown { background: none; border: none; border-radius: 0; box-shadow: none; } .app .dropdown .btn-dropdown i { color: #62CBC9; font-size: 22px; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.9); } .app .dropdown .btn-dropdown:hover i, .app .dropdown .btn-dropdown:focus i { color: #FF9E99; } .app-content .app-content-holder .card { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; border: none; } .app-content .app-content-holder .card.card-height-hvs{ min-width: 696px;/*706*/ min-height: 320px; /*379px*/} .app-content .app-content-holder .card.card-height-act{ min-width: 696px;/*706*/ min-height: 255px; /*356px*/} .app-content .app-content-holder .card.card-height-bp{ min-width: 417px; min-height: 370px; /*446px*/} .app-content .app-content-holder .card.card-height-gol{ min-width: 417px; min-height: 343px; /*343px*/} .app-content .app-content-holder .card.card-height-bp .card-body { /*height: 382px;*/ } .app-content .app-content-holder .card.card-height-gol .card-body { /*height: 285px;*/ } .app-content .app-content-holder .tab-content .card.card-height-hvs, .app-content .app-content-holder .tab-content .card.card-height-act, .app-content .app-content-holder .tab-content .card.card-height-bp, .app-content .app-content-holder .tab-content .card.card-height-gol{ /*min-width: 550px; min-height: 350px;*/ position: relative;} .app-content .app-content-holder .profile-header h5 { font-weight: 600; font-size: 14px; line-height: 26px; text-align: left; color: #384341; } .app-content .app-content-holder .profile-header .content-info { color: #5D6A68; } .app-content .app-content-holder .profile-header .content-info .big-text { font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; } .app-content .app-content-holder .profile-header .content-info b { font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #384341; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header{ position: relative;} .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block{ position: relative;} .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz{} .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .top-left-text, .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .top-right-text, .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .bottom-left-text, .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .bottom-right-text{ color: #FF6259; padding: 0; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .top-left-text{ position: absolute; top: 0; left: 0; bottom: auto; right: auto; margin: auto; z-index: 9; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .bottom-right-text{ position: absolute; top: auto; left: auto; bottom: 0; right: 0; margin: auto; z-index: 9; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .top-right-text{ position: absolute; top: 0; left: auto; bottom: auto; right: 0; margin: auto; z-index: 9; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-block .caption-textz .bottom-left-text{ position: absolute; top: auto; left: 0; bottom: 0; right: auto; margin: auto; z-index: 9; } .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-progress{ background: none; background-color: transparent; border-radius: 10px; height: 7.5px;} .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-text .text-lightgreen, .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-text .text-green, .app-content .app-content-holder.viewtabsholdsin .card .card-body.profile-header .chart-text .text-magenta { font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app-content .app-content-holder .card.card-transparent { background: none; box-shadow: none; } .app-content .app-content-holder.general-gaping { padding: 25px 30px; position:relative;} .app-content .app-content-holder.general-gaping.top-gap-sm { padding-top: 3px;} .app-content .app-content-holder.general-gaping.side-gap-sm { padding-left: 0px; padding-right: 0;} .app.app-content-full-width .app-content .app-content-holder.general-margin { margin: 0 0 0 15px;} .app-content .app-content-holder.tabsshowin { } .app-content .app-content-holder.tabsholdin { /*border-top-left-radius: 0;*/ padding: 25px 30px; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header { border: none; position: absolute; top: -31px; left: 2em; bottom: auto; right: auto; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item { position: relative; margin: 0 -3.75rem 0 0; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link { width: 149px; height: 31px; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px -5px 10px #D1D9E6; border: none; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link { text-align: center; font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #5D6A68; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link { border-top-left-radius: 46px; border-top-right-radius: 46px; padding: .5rem 1.7rem;} .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item.show .nav-link, .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link.active { text-align: center; font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #CC0A00; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item.show .nav-link, .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link.active { width: 149px; height: 31px; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px -5px 10px #D1D9E6; border: none; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .close{ position: absolute; left: auto; right: 27px; top: 0.5em; bottom: auto; z-index: 99;} .app-content .app-content-holder.tabsholdin .profile .profile-header .profile-header-content .profile-header-tab .nav-item .nav-link .nav-field { font-size: 1.35rem; } .app-content .app-content-holder.tabsholdin .profile .profile-header .profile-header-content .profile-header-tab .nav-item .nav-link .nav-field i { } .app-content .app-content-holder.tabsholdin .profile .profile-header .profile-header-content .profile-header-tab .nav-item .nav-link { text-align: left; } .app-content .app-content-holder.tabsholdin .profile .profile-header .profile-header-content .profile-header-tab .nav-item .nav-link .nav-value { font-style: normal; font-weight: bold; font-size: 12px; line-height: 24px; color: #384341; } .app-content .app-content-holder.tabsholdin .profile .profile-header .profile-header-content .profile-header-tab .nav-item .nav-link .nav-value b { font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #384341; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item.show { position: relative; z-index: 9; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item.show .nav-link, .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item.show .nav-link.active { position: relative; cursor: pointer; } .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header .nav-item .nav-link a.close { /*position: absolute; left: auto; right: 1.8em; top: 0.8em; bottom: auto; z-index: 369;*/} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group { } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group .rounded { border-radius: 20px!important; line-height:2.2;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group .bg-info i { line-height:2.2;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group span button.btn-link i { color:#00AFAA;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group span button.btn-link:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .btn-group span button.btn-link:focus i{ color:#384341;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.profile .profile-header .chart-group { } .group-search { margin-top: 0.69rem; } .group-search .input-group .input-group-text { color: #00AFAA; background-color: transparent; border: none; border-radius: 0; } .group-search .input-group .input-group-text a, .group-search .input-group .input-group-text a i { color: #00AFAA; text-shadow:none;} .group-search .input-group .control-broder { border-radius: 40px; } .group-search .input-group .input-group-append { position: absolute; right: 5px; left: auto; bottom: auto; top: 4px; z-index: 99; } .app-content .app-content-holder .card.card-general-table { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; } .app-content .app-content-holder .card.card-general-table .card-body { overflow: hidden; } .card-general-table .card-body .table { table-layout: auto; } .card-general-table .row-head { height: 70px; background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 20px 20px 0px 0px; padding: 0 35px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -ms-border-radius: 20px 20px 0px 0px; -o-border-radius: 20px 20px 0px 0px; } .card-general-table .row-head .paginate-holdz { width: 100%; height: 36px;} .card-general-table .row-head .dataTables_length label { line-height: 28px; font-weight: bold; } .card-general-table .row-head .dataTables_length .form-control { width: 20%; } .card-general-table .row-head .dataTables_info { float: right; background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px; width: 243px; height: 33px; text-align: left; line-height: 36px; color: #384341; font-weight: bold; } .card-general-table .row-head .dataTables_info { padding: 0 14px; } .card-general-table .row-head label { width: 100px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 24px; text-align: left; color: #384341;} .card-general-table .row-head select.custom-select.form-control{ width: 72px; height: 23px; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; filter: none; border-radius: 10px; -webkit-filter: none; } .card-general-table .row-head select.custom-select.form-control{ font-size: 12px; line-height: 25px; padding-top: 0; padding-bottom: 0;} .card-general-table .row-foot { height: 70px; padding: 0 35px; border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; -ms-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; } .card-general-table .row-foot .dataTables_length { width: 100%; margin: 15px 0 0 15px; } .card-general-table .row-foot .dataTables_length label { } .card-general-table .row-foot .dataTables_length .form-control { width: 20%; } .card-general-table .row-foot .paginate_button label { width: 90px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 24px; text-align: right; color: #384341;} .card-general-table .row-foot .paginate_button select.custom-select.form-control{ width: 70px; height: 23px; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; filter: none; border-radius: 10px; -webkit-filter: none; } .card-general-table .row-foot .paginate_button select.custom-select.form-control{ font-size: 12px; line-height: 25px; padding-top: 0; padding-bottom: 0;} .card-general-table .row-foot .paginate-holdz { width: 100%; height: 36px;} .card-general-table .pagination .paginate_button { width: auto; height: 23px; filter: drop-shadow(5px 5px 10px #D1D9E6);/*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .card-general-table .pagination .paginate_button .page-link { background: rgba(0, 175, 170, 0.7); box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; color: #9F2DBC; } .card-general-table .pagination .paginate_button .page-link { min-width: 75px; height: 23px; line-height: 23px; padding-top: 0; padding-bottom: 0; border: none; text-align: center; white-space: nowrap; font-size: 14px; color: #FFFFFF; margin: 0 5px; } .card-general-table .pagination .paginate_button:hover, .card-general-table .pagination .paginate_button:focus { box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); } .card-general-table .pagination .paginate_button .page-link:hover, .card-general-table .pagination .paginate_button .page-link:focus { background: #00AFAA; color: #9F2DBC; box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88); } .card-general-table .pagination .paginate_button.disabled .page-link { background: #BDC7C5; box-shadow: inset 1px 1px 1px #7F8D8C; color: #FFFFFF; } .card-general-table .pagination .paginate_button .page-link i{ color: #FFFFFF; line-height: 23px;} .card-general-table .pagination .paginate_button .page-link.exteem i{ font-size: 16px; line-height: 23px;} .card-general-table .dt-buttons .btn { margin: 0 15px 0 0; border: none; box-shadow: none; background: transparent; } .card-general-table .dt-buttons .btn i { font-size: 17px; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95); } .card-general-table .dt-buttons .btn:hover i, .card-general-table .dt-buttons .btn:focus i { color: #9F2DBC; } .card-general-table .btn { margin: 0 15px 0 0; border: none; box-shadow: none; background: transparent; } .card-general-table .btn i { font-size: 17px; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95); } .card-general-table .btn:hover i, .card-general-table .btn:focus i { color: #9F2DBC; } .app-content .app-content-holder.contentholdin .custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px;} .app-content .app-content-holder.contentholdin .custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.contentholdin .custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative;} .app-content .app-content-holder.contentholdin .custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit:hover i, .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.contentholdin .custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.contentholdin .custom-card .card-link:hover, .app-content .app-content-holder.contentholdin .custom-card .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .custom-card hr{ border: none !important;} .contentholdin .gallery-content-container{ border:none; position: relative;} .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-link, .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-link i{ color: #FF9E99;} .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-link:hover, .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-link:focus, .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .contentholdin .content-header .gallery-menu-container .text-truncate .btn-group .btn{ padding-left: 3px; padding-right: 3px;} .contentholdin .content-header .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .contentholdin .content-body .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .contentholdin .content-body .gallery-menu-container .card{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px 20px 0 0;} .contentholdin .content-body .gallery-menu-container .card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-bottom: none; } .contentholdin .content-body .gallery-menu-container .card .card-header:first-child { border-radius: 20px 20px 0 0;} .contentholdin .content-body .gallery-menu-container .table.table-insert{ table-layout: auto !important; border: none !important;} .contentholdin .content-body .gallery-menu-container .table.table-insert th, .contentholdin .content-body .gallery-menu-container .table.table-insert td { white-space: nowrap; border:none; border-bottom: 1px solid #dae0ec;} .contentholdin .content-body .gallery-menu-container .table.table-insert th:first-child, .contentholdin .content-body .gallery-menu-container .table.table-insert td:first-child{ border-right: 1px solid #D9E0E0;} .contentholdin .content-body .gallery-menu-container .table.table-insert th:nth-child(2), .contentholdin .content-body .gallery-menu-container .table.table-insert td:nth-child(2){ width: 155px; min-width: 155px; max-width: 155px;} .contentholdin .content-body .gallery-menu-container .table.table-insert .icon-axson i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.95); /*0px -1px 1px rgba(255, 255, 255, 0.9), */} .contentholdin .content-body .gallery-menu-container .table.table-insert .icon-axson:hover i, .contentholdin .content-body .gallery-menu-container .table.table-insert .icon-axson:focus i{ color: #384341;} .contentholdin .content-body .gallery-menu-container .table.table-insert tbody tr:hover, .contentholdin .content-body .gallery-menu-container .table.table-insert tbody tr:focus, .contentholdin .content-body .gallery-menu-container .table.table-insert tbody tr:active, .contentholdin .content-body .gallery-menu-container .table.table-insert tbody tr.active { background: rgba(255, 223, 222, 0.3); /*#FFDFDE*/} .contentholdin .content-body .gallery-menu-container .card .card-header a.text-decoration-none{ color: #BDC7C5; } .contentholdin .content-body .gallery-menu-container .card .card-header a.text-decoration-none i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(159, 45, 188, 0.6);} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 70%); border-radius: 30px; height: 35px;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 35px; } .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn:hover, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn:focus, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 30px;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ padding: 0rem 1.7rem; color: #FF6259; font-size: 16px; line-height: 37px; font-weight: bold; text-transform: capitalize !important; border:none; height: 35px; min-width: 103px; display: inline-block;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny:hover, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny:focus, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active, .contentholdin .content-header .gallery-menu-container .btn-group.group-tab .btn{ min-width: 103px; border: none; box-shadow: none; margin: 0;} .contentholdin .content-header .gallery-content-container .group-info .btn{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; margin: 0 30px;} .contentholdin .content-header .gallery-content-container .group-info .btn, .contentholdin .content-header .gallery-content-container .group-info .btn:hover, .contentholdin .content-header .gallery-content-container .group-info .btn:focus, .contentholdin .content-header .gallery-content-container .group-info .btn.active{ padding: 0; border:none; text-shadow: none; filter:none; cursor: default;} .contentholdin .content-header .gallery-content-container .group-info .btn span{ background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .contentholdin .content-header .gallery-content-container .group-info .btn span{ display: inline-block; width: 100%; min-width: 150px; height: 100%; min-height: 80px;} .contentholdin .content-header .gallery-content-container .group-info .btn span h2{ display: inline-block; width: 100%; height: auto; color: #384341; font-size: 24px; line-height: 28px; font-weight: bold; margin: 0.5em 0 0 0; padding: 0;} .contentholdin .content-header .gallery-content-container .group-info .btn span p{ color: #5D6A68; font-size: 16px; font-weight: bold; margin: 0; padding: 0;} .contentholdin .content-header .gallery-content-container .group-info .btn span p small{ color: #5D6A68; font-size: 16px; margin: 0; padding: 0; text-transform: lowercase !important;} .contentholdin .content-body .gallery-content-container .card .card-body h2{ font-weight: bold; font-size: 16px; line-height: 25px;} .contentholdin .content-body .gallery-content-container .card .card-body h2.text-danger{ color: #FF9E99 !important;} .contentholdin .content-body .gallery-content-container .card .card-body h2.text-indigo{ color: #BD78CE !important;} .contentholdin .content-body .gallery-content-container .card .card-body h2 .icon-toggole{} .contentholdin .content-body .gallery-content-container .card .card-body h2 .icon-toggole i{ color: #62CBC9; filter: drop-shadow(0px 1px 1px rgba(159, 45, 188, 0.95)); /*drop-shadow(0px -1px 1px rgba(255, 255, 255, 0.9)), */} .contentholdin .content-body .gallery-content-container .card .card-body h2 .icon-toggole:hover i, .contentholdin .content-body .gallery-content-container .card .card-body h2 .icon-toggole:focus i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn{ display: inline-block; width: auto;} .contentholdin.tagshold .content-header .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .contentholdin.tagshold .content-body .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .contentholdin.tagshold .content-body .title .title-head{ font-weight: 600; font-size: 16px; line-height: 28px; color: #5D6A68;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; position: relative; min-height: 480px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead{ width: 151px; height: 151px; text-align: center; display: inline-block; vertical-align: middle;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead{ position: absolute; left: 0; right: 0; bottom: auto; top: -3.75em; z-index: 99; margin: auto; padding: 0;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15); border-radius: 50%;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead .lead-inne{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); border-radius: 50%;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead .lead-inne{ width: 118px; height: 118px; text-align: center; display: inline-block; vertical-align: middle; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead .lead-inne img{ margin: 0px auto; padding: 0px; vertical-align: middle;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead .lead-inne img{ width: 60px; height: auto;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .lead .lead-inne img.pad1{ padding: 0px; margin: 0px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list { height: 550px; overflow-y: scroll; overflow-x: scroll; } .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list { display: inline-block; width: 100%; padding: 15px 5px 15px 10px; } .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item { text-align: center; margin: 0 11px 11px 0; } .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item { display: inline-block; width: 90px; height: 150px; } .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item span { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341; margin: 10px 0; padding: 0 2px; white-space: nowrap; display: inline-block; width: 95px; height: 30px; overflow: hidden;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a { text-align: center;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a:hover, .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a:focus { background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a img { margin: 0 auto; padding: 20px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap{ padding-top: 8em;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap label{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file{ width: 23px; height: 21px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-input{ width: 23px; height: 21px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label{ width: 23px; height: 21px; line-height: normal; padding: 0; margin: 0; overflow: hidden; background-color: transparent; border: none;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label::after{ display: none;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby{ display: flex;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ flex: 1; line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby .form-control{ flex: 1; max-width: 35%;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-drop .form-control { flex: 1; max-width: 55%;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up{ position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; height: 50px; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down{ position: relative; background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; height: 50px; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down:focus{ box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus::after{ content: ""; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ white-space: nowrap;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { color: #62CBC9;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { position: absolute; top: auto; bottom: 0; left: auto; right: auto; margin: auto; z-index: 99;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success i { color: #62CBC9; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:hover i, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:focus i { color: #FF9E99;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.picture { right: 73px; bottom: 28px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.camera { right: 23px; bottom: 28px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a { position: relative;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:hover i, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:focus i { color: #00AFAA;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload img, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a img{ width: 67px; height: auto;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ border:none; background:transparent; cursor:pointer; display: inline-block; width:55%; margin-bottom: .5rem;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:hover, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:focus { border:none; outline:none; box-shadow:none;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon { display: inline-block; width:auto; height:auto; margin-bottom: .5rem;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon i { font-size: 22px; line-height: 41px; color: #FF9E99;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:hover i, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:focus i{ color: #00AFAA;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group.tag-date-holder .tag-date-link i{ font-size: 22px; color: #FF9E99;} .clockpicker-align-left.popover > .arrow { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .popover.clockpicker-popover { background: #EEF1F1 !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; border-radius: 0px 0px 20px 20px !important;} .popover.clockpicker-popover { max-width: 336px ; width: 336px !important; height: auto;} .popover.clockpicker-popover .popover-title { background-color: transparent !important; font-weight: bold; font-size: 24px; line-height: 28px; color: #384341 !important; padding:20px 0px;} .popover.clockpicker-popover .popover-title span{ color: #384341 !important;} .popover.clockpicker-popover .popover-content { background-color: transparent !important; text-align:center;} .popover.clockpicker-popover .popover-content .clockpicker-plate { background: linear-gradient(180deg, rgba(209, 217, 230, 0.7) 0%, rgba(255, 223, 222, 0.49) 100%) !important; box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7) !important; border:none !important;} .popover.clockpicker-popover .popover-content .clockpicker-plate { margin:0 auto;} .contentholdin.tagshold .content-body .gallery-content-container .page-header a.text-decoration-none {} .contentholdin.tagshold .content-body .gallery-content-container .page-header a.text-decoration-none i { font-size: 20px; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-more{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #00AFAA;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:hover, .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:focus{ color: #FF9E99;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap a.icon-green{ padding: 0 10px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap label.custom-control-label{ line-height: inherit;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-switch{ padding-top: 0.65rem;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { position: relative; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { position: absolute; top: -15px; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left::before { left: 2px; right: auto;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right::before { left: auto; right: 2px;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left { text-align: left;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right { text-align: right;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { text-align: center;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { text-align: center;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { margin: 5px 0 0 0;} .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .contentholdin.tagshold .content-body .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { width: 70px;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn { background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-warning { background:#ffff00;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-danger { background:#ff0000;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-primary { background:#0000ff;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-success { background:#2a922e;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-info-brown { background:#7B3F00;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-info-pink { background:#ff66cc;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-lightgreen { background:#99D9D9;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-green { background:#00AFAA;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-magenta { background:#9F2DBC;} .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-warning, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-danger, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-primary, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-success, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-info-brown, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-info-pink, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-lightgreen, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-green, .app-content .app-content-holder.contentholdin.sleephold .content-body .gallery-content-container .card .card-body .chart-legend .labelAsRange button.btn.btn-magenta { width:22px; height:15px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok{} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single:focus .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.green, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.red{ position: relative; display: inline-block; width: auto; padding: 0 20px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.green em, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.red em{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; padding: 0; margin: 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.green em, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.red em{ position: absolute; left: 0; right: auto; top: 5px; bottom: auto;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.green em{ background: #62CBC9;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card .card-body h2 span.red em{ background: #CC0A00;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok{ /*background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF;*/} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single { width: 83px; height: 102px; margin: 0 35px 35px 0; text-align: center;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok { width: 68px; height: 68px; margin: 0 auto;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok::after { content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 68px; height: 68px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok b { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .text-blok { white-space: nowrap; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok img { max-width:50%;} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:focus .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single.active .pict-blok{ /*background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);*/} .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single.active .pict-blok{ background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder .card-chart-rounded{} .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical { height: 226px; width: 9px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track .slider-selection { background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track-low, .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track-high { background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track { left: 25%; height: 226px; width: 9px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track-low, .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-track-high{ height: 226px !important; width: 9px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-handle { height: 31px; width: 9px; } .app-content .app-content-holder .card-chart-rounded .card-body .slider.slider-vertical .slider-handle { background: #62CBC9; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25), inset 0px 4px 4px rgba(180, 104, 206, 0.25); border-radius: 10px; } .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph{} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .magenta, .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .light-green { font-weight: bold; font-size: 12px; line-height: 20px; color: #5D6A68;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .magenta i { color: #9F2DBC; } .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .light-green i { color: #62CBC9; } .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok{ position: relative; margin-top: 0em; /*1em*/} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok{ width: 226px; height: auto; max-width: 100%; min-width: 100%; display: block;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info{ width: 145px; height: 170px; position: absolute; margin: auto; z-index: 99; left: 0; right: 0; top: 0; bottom: 0;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info h6, .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info h2, .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info p { padding: 0; margin: 0;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info h6 { font-weight: normal; font-size: 16px; line-height: 30px; color: #384341;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info h2 { font-weight: bold; font-size: 24px; line-height: 30px; color: #384341;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info p { font-weight: normal; font-size: 12px; line-height: 15px; color: #384341;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-weight-info i { color: linear-gradient(180deg, #D3A5DF 0%, #FFDFDE 88.02%); text-shadow: inset 1px 1px 1px rgba(148, 30, 177, 0.3); /*, inset -1px -1px 1px #FFFFFF;*/ } .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-pic-demo{ position: absolute; margin: auto; z-index: 9; left: 0; right: 0; top: 0; bottom: 0;} .app-content .app-content-holder .card-chart-rounded .card-body .rounded-graph .weight-blok .abs-pic-demo svg { width:100% !important; max-width: 100% !important; height: auto !important;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph{} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations{} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide{ padding: 0rem 1rem!important;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide-text{ padding: .5rem .0rem!important;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide-text .slide-item{ position: relative; margin-bottom: 3.3rem ;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide-text .slide-item i { font-size: 24px; color: #9F2DBC; text-shadow: 0px 4px 4px rgba(56, 67, 65, 0.35); /*inset 0px 4px 4px rgba(98, 203, 201, 0.3)*/} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide-text .slide-item.item-green i { font-size: 24px; color: #62CBC9; text-shadow: 0px 4px 4px rgba(56, 67, 65, 0.35); /*inset 0px 4px 4px rgba(98, 203, 201, 0.3)*/} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide-text .slide-item i { width: 22px; height: 22px; position: absolute; left: 0.35em; right: auto; top: -1.05em; bottom: auto; margin: auto;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide img { width: 17px; height: auto;} .app-content .app-content-holder .card-chart-rounded .card-body .information-graph .informations .slide img.img-goalslide{ display: block ; width: 17px ; height: 238px ;} .contentholdin .content-body .gallery-menu-container .card .card-body{ padding: 0.2rem !important;} .app-content .app-content-holder.contentholdin .card .card-body.chart-block{ position: relative;} .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz{ } .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .top-left-text, .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .top-right-text, .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .bottom-right-text, .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .bottom-left-text{ color: #FF6259; padding: 0; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; } .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .top-left-text{ position: absolute; top: 0; left: 0; bottom: auto; right: auto; margin: auto; z-index: 9; } .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .bottom-right-text{ position: absolute; top: auto; left: auto; bottom: 0; right: 0; margin: auto; z-index: 9; } .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .top-right-text{ position: absolute; top: 0; left: auto; bottom: auto; right: 0; margin: auto; z-index: 9; } .app-content .app-content-holder.contentholdin .card .card-body.chart-block .caption-textz .bottom-left-text{ position: absolute; top: auto; left: 0; bottom: 0; right: auto; margin: auto; z-index: 9; } .app-content .app-content-holder.contentholdin .card .card-body .chart-progress{ background: none; background-color: transparent; border-radius: 10px; height: 7.5px;} .app-content .app-content-holder.contentholdin .card .card-body .chart-text .text-lightgreen, .app-content .app-content-holder.contentholdin .card .card-body .chart-text .text-green, .app-content .app-content-holder.contentholdin .card .card-body .chart-text .text-magenta { font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app-content .app-content-holder.contentholdin .card .chart-progress{ background: none; background-color: transparent; border-radius: 10px; height: 7.5px;} .app-content .app-content-holder.contentholdin .card .chart-text .text-lightgreen, .app-content .app-content-holder.contentholdin .card .chart-text .text-green, .app-content .app-content-holder.contentholdin .card .chart-text .text-magenta { font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar hr{ display: inline-block; width: 100%; margin-top: 5px; margin-bottom: 5px; border:none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.emailholdsin .mailbox { background: none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-body { border:none; border-left: 1px solid #D9E0E0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-body .mailbox-sidebar { max-width: 100%;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-body .mailbox-sidebar+.mailbox-content { border-left:none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar { max-width:188px; min-width: 188px; width: auto;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link { display: inline-block; width: 100%; height: 47px; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link { font-weight: normal; font-size: 14px; line-height: 36px; color: #384341; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item { padding-left: 0; padding-bottom: 0; padding-top: 0; padding-right: 8px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .arrow{ position: absolute; right: 0.5rem; left: auto; top: 0; bottom: auto; z-index: 999; padding: 0; margin: auto;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .arrow{ display: inline-block; width: 47px; height: 47px; text-align: center;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .arrow i{ line-height: 47px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link.active { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link.active{ font-weight: bold; font-size: 14px; line-height: 36px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link .icon-hold { display: inline-block; width: 50px; padding-right: 11px; padding-left: 13px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link .icon-hold img { margin: 0 auto; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link .number { font-weight: normal; font-size: 12px; line-height: 36px; color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-link.active .number { font-weight: bold; font-size: 12px; line-height: 36px; color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu { position: relative !important; top: 0 !important; bottom: auto !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; transform: translate3d(0px, 0px, 0px) !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu { background: none; box-shadow: none; border-radius: 0; border: none; padding-left: 31px; min-width: 12rem;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item { font-weight: normal; font-size: 14px; line-height: 30px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item .icon-hold { display: inline-block; width: 32px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item .icon-hold img{ margin: -5px 10px 0px 0px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item.active { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-toolbar .mailbox-toolbar-item.dropdown .dropdown-menu .dropdown-item.active{ font-weight: bold; color: #384341;} .modalMail label{ font-weight: bold; font-size: 14px; line-height: 39px; color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list { width: 100%;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-itemz { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; margin-left: .4rem!important; margin-right: .3rem!important; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-thumbnails { width: 42px; height: 42px; display: block; padding: 0; margin: 0 15px 0 0; float: left; border-radius: 50%; text-align: center;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-thumbnails { background: #D1D9E6; color: #FFFFFF; font-weight: bold; font-size: 20px; line-height: 44px; text-transform: uppercase;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message .mailbox-thumbnails, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message .mailbox-thumbnails, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message .mailbox-thumbnails { background: #FFFFFF; color: #9F2DBC;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-thumbnails.thumbnails-colored { background: #9F2DBC; color: #FFFFFF;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; padding: 0; border: none; overflow: hidden; height:70px; width:98.5%; margin:0 5px 18px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox { max-width: 52px; min-width: 52px; width: auto; padding: .9375rem 0rem;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); padding: .9375rem 1.25rem; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message { background: #9F2DBC;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message .mailbox-thumbnails.thumbnails-colored, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message .mailbox-thumbnails.thumbnails-colored, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message .mailbox-thumbnails.thumbnails-colored { background: #FFFFFF; color: #9F2DBC;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-title{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-desc { max-height: 1.3rem; margin-right: 3rem;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment .mailbox-checkbox:after{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment .mailbox-message{ position: relative;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment .mailbox-message:after { content: '\f0c6'; text-align: center; color: #BDC7C5; font-size: 16px; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.9);/*0px -0.5px 0.5px rgba(255, 255, 255, 0.9),*/ font-family: Font Awesome\ 5 Free, Font Awesome\ 5 Pro, FontAwesome!important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment .mailbox-message:after { width: 30px; height: 30px; position: absolute; top: auto; right: 0.85rem; left: auto; bottom: 0; padding: 0; margin: auto; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment:hover .mailbox-message:after, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment:focus .mailbox-message:after, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment:active .mailbox-message:after, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.has-attachment.active .mailbox-message:after{ color: #FFFFFF; text-shadow: none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-list-item-link .mailbox-sender-name{ font-weight: normal; font-size: 16px; line-height: 25px; color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-list-item-link .mailbox-desc { font-weight: normal; font-size: 14px; line-height: 20px; color: #7F8D8C;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-message .mailbox-list-item-link .mailbox-time { font-weight: normal; font-size: 12px; line-height: 20px; color: #7F8D8C; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.unread .mailbox-message .mailbox-list-item-link .mailbox-sender-name { font-weight: bold; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.unread .mailbox-message .mailbox-list-item-link .mailbox-desc { color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.unread .mailbox-message .mailbox-list-item-link .mailbox-time { font-weight: bold; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message .mailbox-list-item-link .mailbox-time, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message .mailbox-list-item-link .mailbox-sender-name, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:hover .mailbox-message .mailbox-list-item-link .mailbox-desc, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message .mailbox-list-item-link .mailbox-time, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message .mailbox-list-item-link .mailbox-sender-name, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item:focus .mailbox-message .mailbox-list-item-link .mailbox-desc, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message .mailbox-list-item-link .mailbox-time, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message .mailbox-list-item-link .mailbox-sender-name, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.active .mailbox-message .mailbox-list-item-link .mailbox-desc { color: #FFFFFF;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent { background: none; box-shadow:none; height: auto;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message { background: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-checkbox { max-width: 52px; min-width: 52px; width: auto; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-checkbox { padding: 0; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message { padding: 0 1.25rem;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent:hover .mailbox-message, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent:focus .mailbox-message, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent.active .mailbox-message { background: none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name { } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a { position: relative; display: inline-block; width: 22px; height: 22px; cursor: pointer; vertical-align: top; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a img { display: inline-block; position: absolute; top: -2px; bottom: auto; left: 0; right: 0; margin: auto; z-index: 9;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a:hover img, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a:focus img { filter: hue-rotate(334deg);} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a i { color: #BDC7C5; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.9); /*0px -0.5px 0.5px rgba(255, 255, 255, 0.9),*/ } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a:hover i, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a:focus i { color: #FF9E99; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file{ width: 22px; height: 22px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file .custom-file-input{ opacity: 0; width: 22px; height: 22px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file .custom-file-label{ width: 22px; height: 22px; background: none; border: none; padding: 0; margin: 0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file .custom-file-label{ bottom: -0.19rem; top: 0px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file .custom-file-label i{ cursor: pointer; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-sender-name a .custom-file .custom-file-label::after{ display: none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time { font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time { height:28px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time a { } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time a i { color: #7F8D8C; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time a:hover i, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time a:focus i, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-message .mailbox-sender .mailbox-time a.active i { color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-buttons { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail{ padding-left: 0; padding-right: 0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mail-title { font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header { padding: 1.05rem 0; border: none; border-bottom: 1px solid #D9E0E0; border-top: 1px solid #D9E0E0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mail-title, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-form { padding-left: 26px; padding-right: 26px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .btn-attah{ background: #9F2DBC; border:1px solid #9F2DBC; border-radius: 10px; box-shadow: none; filter: none; font-style: normal; font-weight: bold !important; font-size: 14px; line-height: 24px; color: #FFFFFF; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .btn-attah{ padding: 0 15px; margin: 0; text-transform: none !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .btn-attah:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .btn-attah:focus{ color: #7F8D8C; background: #EEF1F1; border: 1px solid #3A67DE; box-sizing: border-box; border-radius: 10px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment { } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment { width: auto; margin-bottom: 1.625rem; background: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-file { background: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-file i { color: #9F2DBC; text-shadow: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-name { font-style: normal; font-weight: 600; font-size: 12px; line-height: 18px; color: #384341; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-name:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-name:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-content .mailbox-detail-attachment .mailbox-attachment .document-name.active{ color: #FF9E99;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold{} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok{ flex: 1 1 500px!important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-name{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people{ font-weight: normal; font-size: 12px; line-height: 18px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people a{ font-weight: normal; font-size: 12px; line-height: 18px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people a{ margin: 0 2px 0 8px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people a:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people a:focus{ color: #FF9E99;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people .addr{ font-weight: bold; font-size: 12px; line-height: 20px; color: #384341; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people .last-link{ font-weight: bold; font-size: 12px; line-height: 20px; color: #00AFAA;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people .last-link:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-blok .mdh-people .last-link:focus{ color: #FF9E99;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-datetime .last-link{ font-weight: bold; font-size: 12px; line-height: 20px; color: #00AFAA;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-datetime .last-link:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-datetime .last-link:focus{ color: #FF9E99;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-detail .mailbox-detail-header .mdh-hold .mdh-datetime{ font-weight: bold; font-size: 12px; line-height: 20px; color: #5D6A68;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form { background: none;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header {} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .col-form-label { font-weight: bold; font-size: 16px; line-height: 46px/*36px*/; color: #7F8D8C; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-body { padding: 1.25rem;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-body p { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .form-control, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .bootstrap-tagsinput { background-color:transparent !important; border-color:transparent !important; border-radius: 0px !important; box-shadow: none !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .form-group { width: auto; border: none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-form-header .form-group{ margin-bottom: 0 !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-form-header .form-group.input-group .mailbox-link-ccbcc a { font-weight: bold; font-size: 16px; line-height: 39px; color: #7F8D8C;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-form-header .form-group.input-group .mailbox-link-ccbcc a:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-form-header .form-group.input-group .mailbox-link-ccbcc a:focus{ color: #00AFAA;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-form-header .form-group .bootstrap-tagsinput{ padding: 0.7rem 0.75rem !important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .form-control{ height: auto; line-height: 47px; /*40px | calc(1.5em + 0.75rem + 16px)*/} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-form-header .col{ align-items: center!important;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment { } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment { width: auto; margin-bottom: 1.625rem; background: none; position: relative; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-file { background: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-file i { color: #9F2DBC; text-shadow: none; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-name { font-style: normal; font-weight: 600; font-size: 12px; line-height: 18px; color: #384341; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-name:hover, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-name:focus, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment .document-name.active{ color: #FF9E99;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment a.close { position: absolute; top: 0; bottom: auto; right: 3px; left: auto; margin: auto; padding: 0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment a.close i { color: #FF6259; font-size: 20px;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment a.close:hover i, .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-content .mailbox-form .mailbox-detail-attachment .mailbox-attachment a.close:focus i { color: #00AFAA; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent.item-heading { margin:0 5px 0;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent.item-heading { height:50px; min-height:50px; max-height:50px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item.mailbox-transparent .mailbox-checkbox .custom-checkbox .custom-control-label{ width: 22px;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table { background: none; box-shadow: none; border-radius:0; border:none;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert th:first-child, .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert td:first-child { border-right: 1px solid #D9E0E0;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { width: 98%; margin: 0 auto; overflow: hidden;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; } .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead { background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 20px 20px 0px 0px; padding: 0 0px; } .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th{ border-top:none; line-height: 3;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th:last-child, .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody td:last-child { text-align: center;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody { } .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam th.cert-cell{ border-right: none;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam .cert-cell{ text-align: center; border-right: 1px solid #D9E0E0;} .care-team-people.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam .data-ce1476ll{ text-align: center; border-left: 1px solid #D9E0E0;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i { line-height: 35px; font-size: 17px; } .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:focus i, .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:hover i { } .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm{ display: inline-block; background: #9F2DBC; color: #FFFFFF; border: none; border-radius: 15px; box-shadow: inset 7px 7px 30px rgb(255 255 255 / 20%), inset -7px -7px 30px rgb(209 217 230 / 20%); } .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm{ padding: 0.23em 0.75em; font-weight: 700 !important; margin: 0; height: auto; font-size: 12px; line-height: normal; text-transform: capitalize !important;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:hover, .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:focus, .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:active{ background: #676767;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp{ border-bottom: 1px solid #D9E0E0;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp{ border: none; border-bottom: none; margin: 0;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li{ font-weight: 600; font-size: 16px; line-height: 34px;/*28px*/ color: #7F8D8C; padding: 0.07rem 0; margin: 0; border: none; border-bottom: none;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a{ font-weight: bold; font-size: 16px; line-height: inherit; color: #384341; padding: 0; margin: 0; border: none; border-bottom: none;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:hover, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:focus, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:active, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:hover, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:focus, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:active{ border: none; border-bottom: none; margin: 0; } .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ min-width: 200px; background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ padding: .5rem 0;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a{ line-height: 2.75; padding: 0 23px;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:hover, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:focus, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:active{ background: #9F2DBC; color: #FFFFFF;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a.active{ color: #FFFFFF;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 140px; height: 34px;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control{ margin: -0px 0 0 0;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ margin: -6px 0 0 0;} .contacts.app-content .app-content-holder.contentholdin .card-general-table { background: none; box-shadow: none; border-radius:0; border:none;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert th:first-child, .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert td:first-child { border-right: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { width: 98%; margin: 0 auto; overflow: hidden;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; } .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead { background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 20px 20px 0px 0px; padding: 0 0px; } .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th{ border-top:none; line-height: 3;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th:last-child, .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody td:last-child { text-align: center;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody { } .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam th.cert-cell{ border-right: none;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam .cert-cell{ text-align: center; border-right: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam .data-ce1476ll{ text-align: center; border-left: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i { line-height: 35px; font-size: 17px; } .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:focus i, .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:hover i { } .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm{ display: inline-block; background: #9F2DBC; color: #FFFFFF; border: none; border-radius: 15px; box-shadow: inset 7px 7px 30px rgb(255 255 255 / 20%), inset -7px -7px 30px rgb(209 217 230 / 20%); } .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm{ padding: 0.23em 0.75em; font-weight: 700 !important; margin: 0; height: auto; font-size: 12px; line-height: normal; text-transform: capitalize !important;} .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:focus, .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm:active{ background: #676767;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp{ border-bottom: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp{ border: none; border-bottom: none; margin: 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li{ font-weight: 600; font-size: 16px; line-height: 34px;/*28px*/ color: #7F8D8C; padding: 0.07rem 0; margin: 0; border: none; border-bottom: none;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a{ font-weight: bold; font-size: 16px; line-height: inherit; color: #384341; padding: 0; margin: 0; border: none; border-bottom: none;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:focus, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li:active, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:focus, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li a:active{ border: none; border-bottom: none; margin: 0; } .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ min-width: 200px; background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ padding: .5rem 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a{ line-height: 2.75; padding: 0 23px;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:focus, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:active{ background: #9F2DBC; color: #FFFFFF;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a.active{ color: #FFFFFF;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 140px; height: 34px;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control{ margin: -0px 0 0 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ margin: -6px 0 0 0;} .ui-autocomplete{ } .ui-autocomplete.list-pending{ filter: drop-shadow(-5px -5px 10px rgba(221, 227, 227, 0.3)), drop-shadow(5px 5px 10px rgba(56, 67, 65, 0.4)); background: #EEF1F1 !important; border-radius: 10px; border:none; height: 200px !important; overflow: auto !important;} .ui-autocomplete.list-pending .ui-menu-item{} .ui-autocomplete.list-pending .ui-menu-item .single-ctp{ border-bottom: 1px solid #D9E0E0;} .ui-autocomplete.list-pending .ui-menu-item .single-ctp .link{ width: 35px; height: 35px; display: inline-block;} .ui-autocomplete.list-pending .ui-menu-item .single-ctp .link .pending-thumbnails{ display: inline-block; width: 35px; height: 35px; background: #9F2DBC; border-radius: 50%; text-align: center; line-height: 35px; font-weight: bold; font-size: 20px; color: #FFFFFF;} .ui-autocomplete.list-pending .ui-menu-item .single-ctp .link img{ border-radius:50%;} .ui-autocomplete.list-pending .ui-menu-item .single-ctp .btn.active .btn-inny{ background: #62CBC9; box-shadow: inset 3px 3px 15px #FFFFFF, inset -3px -3px 15px #D1D9E6; border-radius: 30px; color: #9F2DBC; font-weight: bold !important; font-size: 14px; line-height: 37px; } .ui-autocomplete.list-pending .ui-menu-item .single-ctp .text-ctp{ font-weight: bold !important; font-size: 14px; line-height: 20px; color: #384341 !important;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck{ padding: 0 0.75rem;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent{ text-align: center; white-space: nowrap; margin: 0.9rem 1rem; } .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body{ padding: 5px; } .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb{ width: 151px; height: 151px; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb{ border-radius: 50%; display: inline-block; margin: 0 auto 15px;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner{ width: 118px; height: 118px; background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7);} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner{ border-radius: 50%; display: inline-block; margin: 0 auto; text-align: center;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb img, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner img{ width: 118px; height: 118px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner.thumb-sm img{ width: 49px; height: 49px; margin: 0 auto; } .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner em{ font-style: normal; font-weight: bold; font-size: 50px; line-height: 28px; text-align: center; letter-spacing: 0.05em; color: #00AFAA; text-transform: uppercase;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .user-thumb .user-thumb-inner em{ display: block; margin: 0 auto;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body h5, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small{ margin: 0 0 10px 0; padding: 0;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body h5{ font-weight: bold; font-size: 18px; line-height: 28px; color: #384341;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text{ font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small{ font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small i{ color: #62CBC9 !important; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small i{ margin: 0 20px 0 0;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small:hover i, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small:focus i{ color:#5D6A68;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text.text-small{ font-weight: bold; font-size: 12px; line-height: 23px; color: #7F8D8C;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent:hover .card-body .user-thumb, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent:focus .card-body .user-thumb, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent.active .card-body .user-thumb{ background: #9F2DBC; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent:hover .card-body .user-thumb .user-thumb-inner, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent:focus .card-body .user-thumb .user-thumb-inner, .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent.active .card-body .user-thumb .user-thumb-inner{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar hr{ display: inline-block; width: 100%; margin-top: 5px; margin-bottom: 5px; border:none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body { border:none; min-height: 676px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-sidebar { max-width: 100%;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-sidebar+.hgdrive-content { border-left:none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar { max-width:188px; min-width: 188px; width: auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link { display: inline-block; width: 100%; height: 47px; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link { font-weight: normal; font-size: 14px; line-height: 36px; color: #384341; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item { padding-left: 0; padding-bottom: 0; padding-top: 0; padding-right: 8px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link.active { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link.active { font-weight: bold; font-size: 14px; line-height: 36px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link .icon-hold { display: inline-block; width: 50px; padding-right: 11px; padding-left: 13px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link .icon-hold img { margin: 0 auto; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link .number { font-weight: normal; font-size: 12px; line-height: 36px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-link.active .number { font-weight: bold; font-size: 12px; line-height: 36px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu { position: relative !important; top: 0 !important; bottom: auto !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; transform: translate3d(0px, 0px, 0px) !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu { background: none; box-shadow: none; border-radius: 0; border: none; padding-left: 31px; min-width: 12rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item { font-weight: normal; font-size: 14px;line-height: 30px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item .icon-hold{ display: inline-block; width: 32px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item .icon-hold img{ margin-top: -5px; padding-right: 10px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item.active { background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 0px 30px 30px 0px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item:active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item.active{ font-weight: bold;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .arrow{ position: absolute; right: 0.5rem; left: auto; top: 0; bottom: auto; z-index: 999; padding: 0; margin: auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .arrow{ display: inline-block; width: 47px; height: 47px; text-align: center;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .arrow i{ line-height: 47px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu{ min-width: 200px; background: rgb(238 241 241 / 95%); border-radius: 10px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu{ padding: .5rem 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item{ line-height: 2.75; padding: 0 23px; display: inline-block; width: 100%;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item:focus{ background: #9F2DBC; color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item{ font-weight: bold; font-size: 14px; line-height: 2.75; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .icon-hold { display: inline-block; width: 32px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .icon-hold img{ margin: -5px 13px 0px 0px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu { backdrop-filter: blur(4px); filter: drop-shadow(-5px -5px 10px rgb(255, 255, 255 / 90%)), drop-shadow(5px 5px 10px #D1D9E6); -webkit-filter: drop-shadow(-5px -5px 10px rgb(255, 255, 255 / 90%)), drop-shadow(5px 5px 10px #D1D9E6);} .modalhgdrive label{ font-weight: bold; font-size: 14px; line-height: 39px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.item-heading{ overflow: visible;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list { width: 100%;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz { height: 100%; width: 100%; vertical-align: top; display: inline-block;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; margin-left: .4rem!important; margin-right: .3rem!important; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading { width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails { width: 40px; height: 30px; display: block; padding: 0; margin: 0 15px 0 0; float: left; border-radius: 50%; text-align: center;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails { background: none; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails i{ color: #FF9E99 !important; text-shadow: 1px 1px 1px #FF6259 !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails i{ font-size: 1.8em;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails i { color: #FFFFFF !important; text-shadow: none !important; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; overflow: hidden; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item { display: inline-block; vertical-align: top; margin: 0 18px 22px 0; padding: 0; border: none; width: 290px;/*270px*/ height: 60px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox { max-width: 52px; min-width: 52px; width: auto; padding: .9375rem 0rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); padding: 1.1rem 1.15rem; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message { background: #9F2DBC;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails.thumbnails-colored, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails.thumbnails-colored, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails.thumbnails-colored { background: #FFFFFF; color: #9F2DBC;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-title{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-desc { max-height: 1.3rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.has-attachment .hgdrive-checkbox:after{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name{ font-weight: normal; font-size: 16px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { font-weight: normal; font-size: 14px; line-height: 20px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-time { font-weight: normal; font-size: 12px; line-height: 20px; color: #7F8D8C; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name { font-weight: bold; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-time { font-weight: bold; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-desc, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-desc, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent { background: none; box-shadow:none; height: auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message { background: none; padding: 0rem 0.85rem .9375rem; display: inline-block; width: 100%; border:none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent:hover .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent:focus .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.active .hgdrive-message { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name { } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a { position: relative; display: inline-block; width: 111px; height: 35px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a { font-weight: 600; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a img { display: inline-block; position: absolute; top: 4px; bottom: auto; left: 0; right: 0; margin: auto; z-index: 99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:hover img, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:focus img { filter: hue-rotate(334deg);} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a i { color: #384341; text-shadow: none; /*0px 1px 1px rgba(159, 45, 188, 0.9); 0px -0.5px 0.5px rgba(255, 255, 255, 0.9),*/ } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:hover i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:focus i { color: #676767; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time { font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a { } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a.devd { border-left: 1px solid #D9E0E0; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a i { color: #BDC7C5; line-height: 1.7; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a:hover i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a:focus i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a.active i { color: #ff9e99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-buttons { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-header {} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-header .col-form-label { font-weight: bold; font-size: 16px; line-height: 25px; color: #7F8D8C; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-body { padding: 1.25rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-body p { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-header .form-control, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-header .bootstrap-tagsinput { background-color:transparent !important; border-color:transparent !important; border-radius: 0px !important; box-shadow: none !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-content .hgdrive-form .hgdrive-form-header .form-group { border: none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a { font-weight: bold; font-size: 16px; line-height: 39px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a:focus{ color: #00AFAA;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle{ color: #384341; font-weight: 600 !important; font-size: 16px; line-height: 28px; text-transform: capitalize !important; margin: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown.show > .btn-secondary.dropdown-toggle { background-color: transparent; border-color: transparent; box-shadow: none; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-form { padding-left: 26px; padding-right: 26px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail{ padding-left: 0; padding-right: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .mail-title { font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header { padding: 1.05rem 0; border: none; border-bottom: 1px solid #D9E0E0; border-top: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .mail-title, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-content, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold{} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok{ flex: 1 1 500px!important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-name{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people{ font-weight: normal; font-size: 12px; line-height: 18px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people a{ font-weight: normal; font-size: 12px; line-height: 18px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people a{ margin: 0 2px 0 8px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people a:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people a:focus{ color: #FF9E99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people .addr{ font-weight: bold; font-size: 12px; line-height: 20px; color: #384341; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people .last-link{ font-weight: bold; font-size: 12px; line-height: 20px; color: #00AFAA;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people .last-link:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-blok .mdh-people .last-link:focus{ color: #FF9E99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-datetime .last-link{ font-weight: bold; font-size: 12px; line-height: 20px; color: #00AFAA;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-datetime .last-link:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-datetime .last-link:focus{ color: #FF9E99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-detail .hgdrive-detail-header .mdh-hold .mdh-datetime{ font-weight: bold; font-size: 12px; line-height: 20px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sub-title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 30px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sub-title { display: inline-block; width: 100%; height: auto; padding: 5px 0 10px 13px; margin: 0 0 10px 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.item-heading{ overflow: visible;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez { height: 100%; width: 100%; vertical-align: top; display: inline-block;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.hgdrive-transparent.item-heading { width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails { width: 40px; height: 30px; display: block; padding: 0; margin: 0 15px 0 0; float: left; border-radius: 50%; text-align: center;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails { background: none; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails img { margin-top: 5px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails i{ color: #FF9E99 !important; text-shadow: 1px 1px 1px #FF6259 !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-thumbnails i{ font-size: 1.8em;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails i { color: #FFFFFF !important; text-shadow: none !important; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; overflow: hidden; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item { display: inline-block; vertical-align: top; margin: 0 18px 22px 0; padding: 0; border: none; width: 290px;/*268px*/ height: auto;/*268px*/} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-pict{} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-pict .pict{ width: 295px; height: 232px; overflow: hidden;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-pict .pict a{ display: inline-block; width: 100%;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-pict .pict img, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz .itemz-filez .hgdrive-list-item .hgdrive-pict .pict a img{ width: 100%; max-width: 100%; min-height: 232px; max-height: 100%; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-checkbox { max-width: 52px; min-width: 52px; width: auto; padding: .9375rem 0rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); padding: 0rem 1.15rem; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message{ height: 60px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:hover .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:focus .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.active .hgdrive-message { background: #9F2DBC;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-thumbnails.thumbnails-colored, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-thumbnails.thumbnails-colored, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-thumbnails.thumbnails-colored { background: #FFFFFF; color: #9F2DBC;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-title{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-desc { max-height: 1.3rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.has-attachment .hgdrive-checkbox:after{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name{ font-weight: normal; font-size: 16px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { font-weight: normal; font-size: 14px; line-height: 20px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-time { font-weight: normal; font-size: 12px; line-height: 20px; color: #7F8D8C; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name { font-weight: bold; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { color: #5D6A68;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-time { font-weight: bold; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:hover .hgdrive-message .hgdrive-list-item-link .hgdrive-desc, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item:focus .hgdrive-message .hgdrive-list-item-link .hgdrive-desc, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-time, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-desc { color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent { background: none; box-shadow:none; height: auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message { background: none; padding: 0rem 0.85rem .9375rem; display: inline-block; width: 100%; border:none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent:hover .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent:focus .hgdrive-message, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.active .hgdrive-message { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name { } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a { position: relative; display: inline-block; width: 111px; height: 35px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a { font-weight: 600; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a img { display: inline-block; position: absolute; top: 4px; bottom: auto; left: 0; right: 0; margin: auto; z-index: 99;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:hover img, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:focus img { filter: hue-rotate(334deg);} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a i { color: #384341; text-shadow: none; /*0px 1px 1px rgba(159, 45, 188, 0.9); 0px -0.5px 0.5px rgba(255, 255, 255, 0.9),*/ } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:hover i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-sender-name a:focus i { color: #676767; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time { font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a { } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a.devd { border-left: 1px solid #D9E0E0; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a i { color: #BDC7C5; line-height: 1.7; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a:hover i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a:focus i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent .hgdrive-message .hgdrive-sender .hgdrive-time a.active i { color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-buttons { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-header {} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-header .col-form-label { font-weight: bold; font-size: 16px; line-height: 25px; color: #7F8D8C; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-body { padding: 1.25rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-body p { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-header .form-control, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-header .bootstrap-tagsinput { background-color:transparent !important; border-color:transparent !important; border-radius: 0px !important; box-shadow: none !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-content .hgdrive-form .hgdrive-form-header .form-group { border: none; border-bottom: 1px solid #D9E0E0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a { font-weight: bold; font-size: 16px; line-height: 39px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-form-header .form-group.input-group .hgdrive-link-ccbcc a:focus{ color: #00AFAA;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-list-item .hgdrive-checkbox{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle{ font-weight: 600; font-size: 16px; line-height: 28px; text-transform: capitalize !important; margin: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle.btn-secondary:not(:disabled):not(.disabled).active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle.btn-secondary:not(:disabled):not(.disabled):active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-itemz.itemz-filez .hgdrive-message .hgdrive-sender .dropdown.show > .btn-secondary.dropdown-toggle { background-color: transparent; border-color: transparent; box-shadow: none; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-message .hgdrive-sender .dropdown .dropdown-toggle::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; color: #384341; font-weight: 900; border:none; margin: -1px ​0 0 5px; vertical-align: top; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb { margin: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb .breadcrumb-item, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb .breadcrumb-item a { color: #384341; font-weight: 600 !important; font-size: 16px; line-height: 28px; text-transform: capitalize !important; margin: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "\f054"; font-family: "Font Awesome 5 Pro"; color: #384341; font-weight: 900; border:none; vertical-align: top;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.hgdrive-transparent.item-heading .hgdrive-message .hgdrive-sender .breadcrumb .breadcrumb-item.active { font-weight: normal !important; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table { min-height: 478px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr { width: 99%; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th { font-style: normal; font-weight: bold; font-size: 16px; line-height: 30px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th { vertical-align: middle;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th:first-child, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr td:first-child { width: 350px; min-width: 350px; max-width: 350px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th:last-child, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr td:last-child { width: 100px; min-width: 100px; max-width: 100px; text-align: right;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown{ padding: .65rem; vertical-align: middle;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link{ text-transform: inherit !important; font-style: normal; font-weight: bold !important; font-size: 16px; line-height: 30px; color: #7F8D8C;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link{ margin: 0; padding: 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link:active{ color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .btn-link:visited{ /*color: #7F8D8C;*/} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .dropdown-menu .dropdown-item{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .dropdown-menu .dropdown-item:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .dropdown-menu .dropdown-item:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr th.dropdown .dropdown-menu .dropdown-item:active{ background: #9F2DBC; font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item { box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td { background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); line-height: 3.19;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td:first-child { border-radius: 10px 0px 0px 10px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td:last-child { border-radius: 0 10px 10px 0;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails { display: inline-block; width: 100%; position: relative;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-name { font-weight: bold; font-size: 16px; line-height: 40px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails img{ margin: -4px 8px 0 2px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.active { color: #FFFFFF; background-color: rgba(159, 45, 188, 0.99);} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:hover td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:focus td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.active td { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:hover td .folderz-thumbnails .folderz-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:focus td .folderz-thumbnails .folderz-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.active td .folderz-thumbnails .folderz-sender-name { color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-pict { display: inline-block; width: 35px; height: 22px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-pict img {} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-icon { display: inline-block; width: 35px; height: 22px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-icon { margin: 0 0px -3px 1px; position: relative; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-icon i { color: #FF9E99; font-size: 1.8em; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-icon i { position: absolute; left: 0; right: auto; top: 0; bottom: auto; margin: auto; padding: 0; z-index: 9;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:hover td .folderz-thumbnails .folderz-sender-icon i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item:focus td .folderz-thumbnails .folderz-sender-icon i, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.active td .folderz-thumbnails .folderz-sender-icon i{ color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:hover, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:focus, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd.active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:active, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:hover td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:focus td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd.active td, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.devd:active td { background: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr .dropdown-menu { filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6); background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr .dropdown-menu { min-width: 200px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr .dropdown-menu .dropdown-item, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr .dropdown-menu .dropdown-item a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr .dropdown-menu .dropdown-item a { display: inline-block; width: 100%;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.dropdown .dropdown-toggle::after { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.dropdown .dropdown-item .dropdown-toggle::after { display: inline-block !important; margin: 0; vertical-align: middle; content: ""; border: none; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 20px; float: right; color: #BD78CE; text-shadow: -1px -1px 1px rgb(255 255 255 / 70%), 1px 1px 1px rgb(159 45 188 / 15%); } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.dropdown .dropdown-item .dropdown-toggle::after { opacity: 1 !important; height: auto !important; padding: 0 !important; margin: 0 !important; width: auto !important; visibility: visible !important;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file { width: 85%; height: 30px; margin-bottom: -11px; cursor: pointer; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file .custom-file-input { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file .custom-file-label { padding: 0; margin: 0; color: #384341; background-color: transparent; border: 0px solid #c9d2e3; border-radius: 0px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file .custom-file-label { bottom: 0; height: 30px; width: 200px; left: -55px; padding-left: 55px; cursor: pointer;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file .custom-file-label { font-weight: bold; font-size: 14px; line-height: 30px; color: #384341; text-transform: capitalize;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item .custom-file .custom-file-label::after { display: none;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item:hover .custom-file .custom-file-label, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-sender .dropdown .dropdown-menu a.dropdown-item:focus .custom-file .custom-file-label { color: #FFFFFF;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu{ min-width: 11rem;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item{ overflow-x: hidden;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-toolbar .hgdrive-toolbar-item.dropdown .dropdown-menu .dropdown-item{ width: 145px; padding-right: 10px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.unread .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item.active .hgdrive-message .hgdrive-list-item-link .hgdrive-sender-name { overflow-y: hidden; height: 30px;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item td .folderz-thumbnails .folderz-sender-name, .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-body .hgdrive-list .hgdrive-itemz.itemz-folderz.folderz-table table.table-foldr tr.bg-item.active td .folderz-thumbnails .folderz-sender-name { overflow-y: hidden; height: 25px; overflow-x: hidden; width: 250px; display: inline-block; vertical-align: top;} .card-chatBox{ width: 355px; height: 100%; padding: 0; margin: auto; overflow: hidden; } .card-chatBox{ position: fixed; bottom: 0; top: 30%; right: 1%; left: auto; z-index: 8987; } .card-chatBox { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px 10px 0px 0px; border:none; } .card-chatBox .footer-chatBox { position: fixed; bottom: 0; top: auto; right: auto; left: auto; z-index: 8988;} .card-chatBox .footer-chatBox { margin: 0 auto 25px; padding: 25px 0.5rem 0; background: none; border: none;} .card-chatBox .footer-chatBox { width: 355px;} .card-chatBox .footer-chatBox .input-group { position: relative;} .card-chatBox .footer-chatBox .input-group .group-green {} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text { background: none; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0;} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik { margin: 0 0.5rem;} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik i { color: #62CBC9; text-shadow: none;/*inset 1px 1px 1px #00AFAA*/ } .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside { position: absolute; right: 4.5em; left: auto; top: 0.5em; bottom: 0; z-index: 999;} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside i { color: #62CBC9; text-shadow: none;/*inset 1px 1px 1px #00AFAA*/ } .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside i { position: absolute; right: 0; left: auto; bottom: 0; top: 0; margin: auto; padding: 0;} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik i, .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside i { font-size: 25px;} .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik:hover i, .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik:focus i, .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside:hover i, .card-chatBox .footer-chatBox .input-group .group-green .input-group-text .linkik-inside:focus i { color: #FF9E99;} .card-chatBox .footer-chatBox .input-group .form-control { background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 40px;} .card-chatBox .footer-chatBox .input-group .form-control { min-width: 202px; margin: 0 0.5rem; padding: .375rem 2.95rem .375rem .75rem;} .card-chatBox .card-formSearch { margin: 10px auto 5px; padding: 10px;} .card-chatBox .card-formSearch .form-control { background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 40px;} .card-chatBox .card-formSearch .form-control { min-width: 333px; } .card-chatBox .card-formSearch .input-group { position: relative;} .card-chatBox .card-formSearch .input-group .group-green {} .card-chatBox .card-formSearch .input-group .group-green .input-group-text { background: none; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0;} .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside { position: absolute; right: 1em; left: auto; top: 0.79em; bottom: 0; z-index: 999;} .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { color: #384341; text-shadow: none;/*inset 1px 1px 1px #00AFAA*/ } .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { position: absolute; right: 0; left: auto; bottom: 0; top: 0; margin: auto; padding: 0;} .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { font-size: 16px;} .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside:hover i, .card-chatBox .card-formSearch .input-group .group-green .input-group-text .linkik-inside:focus i { color: #FF9E99;} .card-chatBox .card-header { background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 10px 10px 0px 0px; border:none;} .card-chatBox .card-header { /*height: 80px;58px - actuals padding: 0rem 1.25rem;*/} .card-chatBox .card-header .chat-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; } .card-chatBox .card-header .text-chatLink i, .card-chatBox .card-header .icon-chatLink i { color: #BDC7C5;; font-size: 16px; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9);;} .card-chatBox .card-header .icon-chatLink.icon-blakz i { color: #384341; text-shadow: none; } .card-chatBox .card-header .text-chatLink:hover i, .card-chatBox .card-header .text-chatLink:focus i, .card-chatBox .card-header .icon-chatLink:hover i, .card-chatBox .card-header .icon-chatLink:focus i { color: #FF9E99;} .card-chatBox .card-header .text-chatLink { margin: 0 10px;} .card-chatBox .card-header .icon-chatLink { margin: 0 10px;} .card-chatBox .card-header .text-chatLink { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #384341;} .card-chatBox .card-header .text-chatLink:hover, .card-chatBox .card-header .text-chatLink:focus { color: #FF9E99;} .card-chatBox .card-header .icon-chatLink.icon-blakz i{ line-height: 2;} .card-chatBox .card-group-single-headin { min-height: 100px;/*185px*/ height: 100px; } .card-chatBox .card-group-single-headin .chat-group-single-headin { min-height: 100px;/*185px*/ height: 100px; } .card-chatBox .card-group-single-headin .chat-group-single-headin .text-dark { color: #384341 !important;} .card-chatBox .card-group-single-headin .chat-group-single-headin .text-muted { color: #5D6A68 !important;} .card-chatBox .card-group-single-headin .chat-group-single-headin .word-icon { background: #9F2DBC; border: 3px solid #EEF1F1; width: 42px; height: 42px; border-radius: 50%; padding: 0; margin: 0;} .card-chatBox .card-group-single-headin .chat-group-single-headin .word-icon { font-style: normal; font-weight: bold; font-size: 20px; line-height: 37px; color: #EEF1F1; } .card-chatBox .card-group-single-headin .chat-group-single-headin .text-thumbnailz { position: relative; width: 45px; height: 45px;} .card-chatBox .card-group-single-headin .chat-group-single-headin .text-thumbnailz .img-position { position: absolute; z-index: -123; left: auto; right: -2em; top: -1em; bottom: auto; margin: auto; padding: 0;} .card-chatBox .card-group-single-headin .chat-group-single-headin.singleUI .word-icon { background: #9F2DBC; border: 3px solid #EEF1F1; width: 50px; height: 50px; border-radius: 50%; padding: 0; margin: 0;} .card-chatBox .card-group-single-headin .chat-group-single-headin.singleUI .word-icon { font-style: normal; font-weight: bold; font-size: 24px; line-height: 44px; color: #EEF1F1; } .card-chatBox .card-group-single-headin .chat-group-single-headin.singleUI .text-thumbnailz { position: relative; width: 53px; height: 53px;} .card-chatBox .card-group-single-headin .chat-group-single-headin.singleUI .text-thumbnailz .img-position { position: absolute; z-index: -123; left: auto; right: -2em; top: -1em; bottom: auto; margin: auto; padding: 0;} .card-chatBox .card-body { background: #EEF1F1;} .card-chatBox .card-body .widget-chat .reply .widget-chat-message { background: #9F2DBC;} .card-chatBox .card-body .widget-chat .reply .widget-chat-message.last:before { border-bottom-color: transparent; border-left-color: transparent;} .card-chatBox.card-expand-chat { width: 385px; height: 100%; padding: 0; margin: auto; overflow: hidden;} .card-chatBox.card-expand-chat .footer-chatBox { background: #EEF1F1; width: 385px; margin: 0 auto 0; padding: 0.5rem 0.5rem 25px; border: none; } .card-chatBox.card-expand-chat .card-formSearch { margin: 15px auto; padding: 10px;} .card-chatBox.card-expand-chat .card-formSearch .form-control { background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 40px;} .card-chatBox.card-expand-chat .card-formSearch .form-control { min-width: 333px; } .card-chatBox.card-expand-chat .card-formSearch .input-group { position: relative;} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green {} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text { background: none; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0;} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside { position: absolute; right: 1em; left: auto; top: 0.79em; bottom: 0; z-index: 999;} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { color: #384341; text-shadow: none;/*inset 1px 1px 1px #00AFAA*/ } .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { position: absolute; right: 0; left: auto; bottom: 0; top: 0; margin: auto; padding: 0;} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside i { font-size: 16px;} .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside:hover i, .card-chatBox.card-expand-chat .card-formSearch .input-group .group-green .input-group-text .linkik-inside:focus i { color: #FF9E99;} .card-chatBox.card-expand-chat .card-header { background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 10px 10px 0px 0px; border:none;} .card-chatBox.card-expand-chat .card-header { /*height: 80px;58px - actuals padding: 0rem 1.25rem;*/ } .card-chatBox.card-expand-chat .card-header .chat-title { font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; } .card-chatBox.card-expand-chat .card-header .text-chatLink i, .card-chatBox.card-expand-chat .card-header .icon-chatLink i { color: #BDC7C5;; font-size: 16px; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9);;} .card-chatBox.card-expand-chat .card-header .text-chatLink:hover i, .card-chatBox.card-expand-chat .card-header .text-chatLink:focus i, .card-chatBox.card-expand-chat .card-header .icon-chatLink:hover i, .card-chatBox.card-expand-chat .card-header .icon-chatLink:focus i { color: #FF9E99;} .card-chatBox.card-expand-chat .card-header .text-chatLink { margin: 0 10px;} .card-chatBox.card-expand-chat .card-header .icon-chatLink { margin: 0 10px;} .card-chatBox.card-expand-chat .card-group-single-headin { min-height: 100px;/*185px*/ height: 100px; } .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin { min-height: 100px;/*185px*/ height: 100px; } .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .text-dark { color: #384341 !important;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .text-muted { color: #5D6A68 !important;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .word-icon { background: #9F2DBC; border: 3px solid #EEF1F1; width: 42px; height: 42px; border-radius: 50%; padding: 0; margin: 0;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .word-icon { font-style: normal; font-weight: bold; font-size: 20px; line-height: 37px; color: #EEF1F1; } .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .text-thumbnailz { position: relative; width: 45px; height: 45px;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin .text-thumbnailz .img-position { position: absolute; z-index: -123; left: auto; right: -2em; top: -1em; bottom: auto; margin: auto; padding: 0;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin.singleUI .word-icon { background: #9F2DBC; border: 3px solid #EEF1F1; width: 50px; height: 50px; border-radius: 50%; padding: 0; margin: 0;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin.singleUI .word-icon { font-style: normal; font-weight: bold; font-size: 24px; line-height: 44px; color: #EEF1F1; } .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin.singleUI .text-thumbnailz { position: relative; width: 53px; height: 53px; overflow: hidden !important; } .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin.singleUI .text-thumbnailz .img-position { position: absolute; z-index: -123; left: auto; right: -2em; top: -1em; bottom: auto; margin: auto; padding: 0;} .card-chatBox.card-expand-chat .card-group-single-headin .chat-group-single-headin.singleUI .text-thumbnailz img{ width: 50px; height: auto;} .card-chatBox.card-expand-chat .card-body { background: #EEF1F1;} .card-chatBox.card-expand-chat .card-body .widget-chat .reply .widget-chat-message { background: #9f2dbc /*#9F2DBC*/;} .card-chatBox.card-expand-chat .card-body .widget-chat .reply .widget-chat-message.last:before { border-bottom-color: transparent; border-left-color: transparent;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-message { background: #00AFAA /*#D9E0E0*/;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-message.last:before { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-item { /*align-items: flex-end;*/ align-items: flex-start;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-media { width: 2.7rem /*1.75rem*/; padding-top: 18px/*25px*/;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-name, .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-status { font-style: normal; font-weight: bold; font-size: 12px; line-height: 20px; color: #7F8D8C;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-name { padding-left: 10px; padding-right: 10px;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-status { padding-right: 10px; padding-left: 10px;} .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-message, .card-chatBox.card-expand-chat .card-body .widget-chat .reply .widget-chat-message{ color: #FFFFFF;} .card-chatBox .card-body .widget-chat .widget-chat-item > div+div, .card-chatBox.card-expand-chat .card-body .widget-chat .widget-chat-item > div+div { padding-right: 0.25rem; padding-left: 0.25rem;} .card-chatBox .card-body.body-listingz{ } .card-chatBox .card-body.body-listingz { padding-bottom: 5em; margin-bottom: 5em; } .card-chatBox .card-body.body-listingz hr.noborder{ border:none !important;} .card-chatBox .card-body.body-listingz .chat-headin{ font-style: normal; font-weight: bold; font-size: 12px; line-height: 15px; color: #7F8D8C; } .card-chatBox .card-body.body-listingz .list-itemz{ border-bottom: 1px solid #D9E0E0; cursor: pointer;} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow{ position: relative; width: 45px; height: 45px;} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow .word-icon{ background: #9F2DBC; border: 3px solid #EEF1F1; width: 42px; height: 42px; border-radius: 50%; padding: 0; margin: 0; text-align: center;} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow .word-icon{ font-style: normal; font-weight: bold; font-size: 20px; line-height: 37px; color: #EEF1F1;} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow .online-offline{ position: absolute; left: auto; bottom: auto; top: -0.3em; right: -0.3em; z-index: 99; margin: auto; padding: 0;} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow .online-offline .fa-green{ color: #00AFAA; border: 3px solid #eef1f1; border-radius: 50%; font-size: 11px; } .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow .online-offline .fa-red{ color: #ff6259;/*#FF9E99*/ border: 3px solid #eef1f1; border-radius: 50%; font-size: 11px; } .card-chatBox .card-body.body-listingz .list-itemz.group-itemz .chat-firstrow{ position: relative; width: 45px; height: 45px;} .card-chatBox .card-body.body-listingz .list-itemz.group-itemz .chat-firstrow .img-position{ position: absolute; z-index: 0; left: auto; right: -0.99em; top: -0.79em; bottom: auto; margin: auto; padding: 0;} .card-chatBox .card-body.body-listingz .list-itemz.group-itemz .chat-firstrow .img-position{ border: 3px solid #eef1f1; border-radius: 50%;} .card-chatBox .card-body.body-listingz .list-itemz .chat-bodyrow{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #384341;} .card-chatBox .card-body.body-listingz .list-itemz .chat-bodyrow .subh{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #5D6A68;} .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow{ font-style: normal; font-weight: bold; font-size: 12px; line-height: 20px; color: #5D6A68; white-space: nowrap;} .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-control-label::after, .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-control-label::before{ width: 20px; height: 20px;} .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-control-label::before{ background: #EEF1F1; box-shadow: inset 1px 1px 1px rgba(159, 45, 188, 0.4), inset -1px -1px 1px #FFFFFF; border:none;} .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-checkbox .custom-control-label::before, .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .card-chatBox .card-body.body-listingz .list-itemz .chat-lastrow .custom-control-input:checked~.custom-control-label::before{ background: #9F2DBC; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3), inset -1px -1px 1px rgba(255, 255, 255, 0.4);} .card-chatBox .card-body.body-listingz .list-itemz .chat-firstrow img{ width: 42px; height: 42px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .card-chatBox .btn-chatBox{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-size: 14px; line-height: 40px; color: #5D6A68; text-align: left; text-transform: capitalize!important; } .card-chatBox .btn-chatBox i{ float: right; line-height: 2; } .card-chatBox .btn-chatBox img{ float: left; padding: 0.5rem 0 0 0;} .card-chatBox .btn-chatBox:hover, .card-chatBox .btn-chatBox:focus{ color: #FF9E99;} .card-chatBox .btn-chatBox:hover i, .card-chatBox .btn-chatBox:focus i{ color: #384341;} .card-chatBox .card-body .widget-chat .widget-chat-message, .card-chatBox .card-body .widget-chat .reply .widget-chat-message{ color: #FFFFFF;} .widget-chat .reply .widget-chat-content{ text-align: left;} .widget-chat .widget-chat-content{ text-align: right;} .app-sidebar .menu .chat-notific{} .app-sidebar .menu .chat-notific .text-thumbnailz{ position: relative; margin: 1.5em 3em;} .app-sidebar .menu .chat-notific .text-thumbnailz.group{ width: 42px; height: 42px;} .app-sidebar .menu .chat-notific .text-thumbnailz.single{ width: 50px; height: 50px;} .app-sidebar .menu .chat-notific .text-thumbnailz .word-icon{ background: #9F2DBC; border: 3px solid #EEF1F1; border-radius: 50%; padding: 0; margin: 0; position: relative; z-index: 99; } .app-sidebar .menu .chat-notific .text-thumbnailz .word-icon{ font-style: normal; font-weight: bold; color: #EEF1F1; } .app-sidebar .menu .chat-notific .text-thumbnailz.group .word-icon{ display: inline-block; width: 42px; height: 42px; text-align: center; line-height: 37px; font-size: 20px; } .app-sidebar .menu .chat-notific .text-thumbnailz.single .word-icon{ display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 46px; font-size: 24px; } .app-sidebar .menu .chat-notific .text-thumbnailz .img-position{ position: absolute; z-index: 9; left: auto; right: -2em; top: -1em; bottom: auto; margin: auto; padding: 0;} .app-sidebar .menu .chat-notific .text-thumbnailz .closes{ position: absolute; z-index: 999; left: auto; right: 0; top: 0; bottom: auto; margin: auto; padding: 0;} .app-sidebar .menu .chat-notific .text-thumbnailz .closes{ background: #FFFFFF; border-radius: 50%; width: 18px; height: 18px;} .app-sidebar .menu .chat-notific .text-thumbnailz .closes i{ color: #FF6259; font-size: 20px;} .app-sidebar .menu .chat-notific .text-thumbnailz .closes{ display: none; opacity: 0; } .app-sidebar .menu .chat-notific .text-thumbnailz:hover .closes, .app-sidebar .menu .chat-notific .text-thumbnailz:focus .closes{ display: block; opacity: 1;} .app-content .app-content-holder .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text .small i { margin: 0 13px;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks{ position: relative;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i.text-nitify{ color: #FF6259; text-shadow: none; font-size: 9px; line-height: normal; } .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i.text-nitify{ position: absolute; margin: auto; padding: 0; top: 3px; bottom: auto; right: auto; left: -5px; z-index: 32;} .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks{ position: relative;} .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i.text-nitify{ color: #FF6259; text-shadow: none; font-size: 9px; line-height: normal; } .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i.text-nitify{ position: absolute; margin: auto; padding: 0; top: 3px; bottom: auto; right: auto; left: -5px; z-index: 32;} .care-team-people.app-content .app-content-holder.contentholdin .care-head .right-careLinks .btn-sm{ margin: -0.2rem 0 0 0;} .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header{ left: 2em;} .app-content .app-content-holder.tabsholdin.teampeoplehold{ /*margin-top: 2rem;*/ } .app-content .app-content-holder.tabsholdin.general-gaping._dashBoard{ margin-top: 2.95rem; } .app-content .app-content-holder.tabsholdin.teampeoplehold .nav-tabs.tabs-header{ left: 30%;} .app-content .app-content-holder.tabsholdin.contactshold{ /*margin-top: 2rem;*/ } .app-content .app-content-holder.tabsholdin.general-gaping._dashBoard{ margin-top: 2.95rem; } .app-content .app-content-holder.tabsholdin.contactshold .nav-tabs.tabs-header{ left: 30%;} .app-content .app-content-holder.tabsholdin .tab-content {} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane { flex-direction: row; flex-wrap: wrap;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane { position: relative;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card { } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex { position: relative; display: inline-block; width: 100%; height: 100%; padding: 0; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex { background: rgba(175, 113, 113, 0.001); } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex.HGT-abs { height: 848px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF{ position: absolute; z-index: 0123; left: auto; right: auto; top: auto; bottom: auto; padding: 0; margin: auto;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF .card-body { position: relative;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF.card.card-height-hvs{ min-width: 706px; min-height: 379px; width: 706px; height: 379px; /* 379px - original */ } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF.card.card-height-act{ min-width: 706px; min-height: 356px; width: 706px; height: 356px; /* 356px - original */ } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF.card.card-height-bp{ min-width: 419px; min-height: 446px; width: 419px; height: 446px; /* 446px - original */ } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .newBlok-withoutFlex .card.cardWOF.card.card-height-gol{ min-width: 419px; min-height: 377px; width: 419px; height: 377px; /* 377px - original */ } .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert th:first-child, .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert td .custom-checkbox{ width: 18px; height: 18px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { left: 0rem; width: 18px; height: 18px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { border-radius: 2px; } .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::after { left: 0rem; width: 18px; height: 18px; } .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .tabsholdin.contentholdin .tab-content .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok{} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single:hover .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight .weight-blok .wght-single:focus .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.green, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.red{ position: relative; display: inline-block; width: auto; padding: 0 20px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.green em, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.red em{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; padding: 0; margin: 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.green em, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.red em{ position: absolute; left: 0; right: auto; top: 5px; bottom: auto;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.green em{ background: #62CBC9;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card .card-body h2 span.red em{ background: #CC0A00;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok{ /*background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF;*/} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single { width: 83px; height: 102px; margin: 0 35px 35px 0; text-align: center;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok { width: 68px; height: 68px; margin: 0 auto;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok::after { content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 68px; height: 68px; left: 0; top: 0; right: 0; bottom: 0;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok b { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .text-blok { white-space: nowrap; font-size: 14px; line-height: 28px; color: #384341;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok img { max-width:50%;} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:hover .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:focus .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single.active .pict-blok{ /*background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);*/} .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok, .tabsholdin.contentholdin .tab-content .content-body .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single.active .pict-blok{ background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate{ position: relative;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos{ width: 65px; height: 65px; text-align: center; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos{ position: fixed; top: 9rem; bottom: auto; left: auto; right: -0.1rem; margin: auto; padding: 0; z-index: 999;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos i { font-size: 30px; line-height: 64px; color: #FF9E99 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95) !important;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos:focus i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos:active i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .btn-abspos.active i{ color: #62CBC9 !important;} .app-content .app-content-holder.tabsholdin .pickdate{ position: relative;} .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos{ width: 65px; height: 65px; text-align: center; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; } .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos{ position: fixed; top: 9rem; bottom: auto; left: auto; right: -0.1rem; margin: auto; padding: 0; z-index: 999;} .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos i { font-size: 30px; line-height: 64px; color: #FF9E99 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95) !important;} .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos:hover i, .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos:focus i, .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos:active i, .app-content .app-content-holder.tabsholdin .pickdate .btn-abspos.active i{ color: #62CBC9 !important;} .app-content .pickdate{ position: relative;} .app-content .pickdate .btn-abspos{ width: 65px; height: 65px; text-align: center; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; } .app-content .pickdate .btn-abspos{ position: fixed; top: 7rem; bottom: auto; left: auto; right: -0.1rem; margin: auto; padding: 0; z-index: 999;} .app-content .pickdate .btn-abspos i { font-size: 30px; line-height: 64px; color: #FF9E99 !important; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95) !important;} .app-content .pickdate .btn-abspos:hover i, .app-content .pickdate .btn-abspos:focus i, .app-content .pickdate .btn-abspos:active i, .app-content .pickdate .btn-abspos.active i{ color: #62CBC9 !important;} .app-content .page-header-icon{ position: fixed; top: 7rem; bottom: auto; left: auto; right: 2.3rem; margin: auto; padding: 0; z-index: 999;} .app-content .page-header-icon .datepen{ background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0; padding: 0;} .app-content .page-header-icon .datepen{ filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .app-content .page-header-icon .datepen .btn-datepen{ background: #00AFAA; box-shadow: inset 5px 5px 10px rgb(255 255 255 / 30%), inset -5px -5px 10px rgb(209 217 230 / 30%); border-radius: 15px; } .app-content .page-header-icon .datepen .btn-datepen{ width: 2.5rem; height: 2.5rem; display: inline-block;} .app-content .page-header-icon .datepen .btn-datepen i{ text-shadow: 0px -0.5px 0.5px rgb(255 255 255 / 90%), 0px 1px 1px rgb(159 45 188 / 90%); color: #FFFFFF;} .app-content .page-header-icon .datepen:hover, .app-content .page-header-icon .datepen:focus, .app-content .page-header-icon .datepen:active, .app-content .page-header-icon .datepen.active{ box-shadow: none; background: none; color: transparent;} .app-content .page-header-icon .datepen:hover .btn-datepen, .app-content .page-header-icon .datepen:focus .btn-datepen, .app-content .page-header-icon .datepen:active .btn-datepen, .app-content .page-header-icon .datepen.active .btn-datepen{ background: #00AFAA; color: #9F2DBC; box-shadow: 0px 1px 8px rgb(159 45 188 / 88%);} .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item .nav-link, .app-content .app-content-holder.tabsholdin._cpDetails .nav-tabs.tabs-header .nav-item .nav-link { box-shadow: 5px 0px 10px #D1D9E6, inset 5px 5px 10px #FFFFFF;} .app-content .app-content-holder .profile-header h5{ position: relative;} .app-content .app-content-holder .profile-header h5 .float-date{ position: absolute; right: 0; left: auto; top: 0; bottom: auto; margin: auto; padding: 0;} .app-content .app-content-holder .profile-header h5 .btn-group.btn-group-centertop { left: 0; right: 0; top: 1.8rem; bottom: auto; position: absolute; margin: auto; z-index: 3; } .app-content .app-content-holder .profile-header h5 .btn-group.btn-group-centertop { display: inline-block; width: auto; height: 30px; padding: 0;} .app-content .app-content-holder .profile-header .btn-group .btn{ padding-left: 3px; padding-right: 3px;} .app-content .app-content-holder .profile-header .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .app-content .app-content-holder .profile-header .btn-group .btn-link, .app-content .app-content-holder .profile-header .btn-group .btn-link i{ color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9);} .app-content .app-content-holder .profile-header .btn-group .btn-link:hover i, .app-content .app-content-holder .profile-header .btn-group .btn-link:focus i, .app-content .app-content-holder .profile-header .btn-group .btn-link:active i, .app-content .app-content-holder .profile-header .btn-group .btn-link.active i{ color: #FF9E99; } .app-content .app-content-holder .profile-header .icon-clnd, .app-content .app-content-holder .profile-header .icon-clnd i{ color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder .profile-header .icon-clnd:hover i, .app-content .app-content-holder .profile-header .icon-clnd:focus i, .app-content .app-content-holder .profile-header .icon-clnd:active i, .app-content .app-content-holder .profile-header .icon-clnd.active i{ color: #FF9E99;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok { background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok { width: 490px; height: auto; padding: 20px 40px; position: relative; margin-right: 15px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body { padding: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush {} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item { padding-left: 0; padding-right: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control { padding: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-input{} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right{ position: relative;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label { text-transform:unset !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label { width: 90%;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label { padding-left: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label b{ font-weight: normal;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label .control-edit{ display: inline-block; width: 90%; padding: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .custom-control-label .control-edit{ text-transform: unset !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .icon-clnd{ position: absolute; right: -4rem; left: auto; bottom: auto; top: -0.55rem;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .icon-clnd i{ color: #9F2DBC;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .icon-clnd:hover i, .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .icon-clnd:focus i, .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control.custom-radio.cc-right .icon-clnd.active i{ color: #62CBC9;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .card-title{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider{} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text{ text-align: center; margin: -0.3rem ​0 1.25rem;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b{ min-width: 42px; text-align: center; position: relative; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control{ width: 100%;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label{ width: 100%; padding-left: 40px; position: relative;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .icon-clnd{ position: absolute; right: -2rem; left: auto; bottom: auto; top: -0.19rem;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .icon-clnd i{ color: #9F2DBC;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .icon-clnd:hover i, .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .icon-clnd:focus i, .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .icon-clnd.active i{ color: #62CBC9;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-single{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok a.icon-clnd{ position: absolute; right: auto; left: auto; top: auto; bottom: auto; z-index: 369; padding: 0; margin: auto; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label{ width: 100%; padding-left: 40px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .control-edit{ display: inline-block; width: 90%; padding: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .list-group-flush .list-group-item .custom-control .custom-control-label .control-edit{ text-transform: unset !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd{ position: absolute; right: auto; left: auto; top: auto; bottom: auto; z-index: 369; padding: 0; margin: auto; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd{ width: 40px; height: 40px; display: inline-block; text-align: center;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd.edit{ right: 0px; top: -10px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd.delete{ right: 0px; top: 50px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd i{ color: #00AFAA; line-height: 38px; font-size: 16px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd:hover i, .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-clnd:focus i{ color: #FF9E99; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .icon-single{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked{ margin: 0.35rem 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic{ position: absolute; right: -0.25rem; left: auto; top: -0.25rem; bottom: auto; z-index: 369; padding: 0; margin: auto;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic.lefty{ left: -0.25rem; right: auto;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic{ background: #1cb5b2; border-radius: 20px; width: 36px; height: 36px; text-align: center; cursor: default !important; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic i{ font-size: 18px; color: #FFFFFF; line-height: 35px; text-shadow: none !important; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-selected{ background: #f0f5f5; box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); margin: 0.35rem 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-answered{ border:2px solid #FF9E99;/*#1cb5b2 | #9f2dbc*/ margin: 0.35rem 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic.lefty{ background: #d3150a;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-checked .icon-tic.lefty{ left: -0.25rem; right: auto;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok.survey-notans{ background: linear-gradient(180deg, rgba(209, 217, 230, 0.5) 0%, rgba(255, 223, 222, 0.05) 100%); box-shadow:none !important; } .app-content .app-content-holder.surveyhold .btn-ctp{ text-align: right; display: inline-block; width: 100%;} .app-content .app-content-holder.surveyhold .btn-ctp .btn{ padding: 0; background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0 0 0 5px;} .app-content .app-content-holder.surveyhold .btn-ctp .btn { filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .app-content .app-content-holder.surveyhold .btn-ctp .btn .btn-inny { box-shadow: inset 7px 7px 30px rgba(255, 255, 255,0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .app-content .app-content-holder.surveyhold .btn-ctp .btn .btn-inny { display: inline-block; background: #00AFAA; color: #FFFFFF; border:none; border-radius: 30px; position: relative;} .app-content .app-content-holder.surveyhold .btn-ctp .btn .btn-inny { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px;} .app-content .app-content-holder.surveyhold .btn-ctp .btn:hover, .app-content .app-content-holder.surveyhold .btn-ctp .btn:focus { background: none; color: transparent; } .app-content .app-content-holder.surveyhold .btn-ctp .btn:hover, .app-content .app-content-holder.surveyhold .btn-ctp .btn:focus { box-shadow: none;} .app-content .app-content-holder.surveyhold .btn-ctp .btn:hover .btn-inny, .app-content .app-content-holder.surveyhold .btn-ctp .btn:focus .btn-inny { background: #00AFAA; color: #9F2DBC; } .app-content .app-content-holder.surveyhold .btn-ctp .btn:hover .btn-inny, .app-content .app-content-holder.surveyhold .btn-ctp .btn:focus .btn-inny { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .app-content .app-content-holder.surveyhold .btn-ctp .btn .btn-inny.btn-red { background: #FF6259;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 12px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b::before { position: absolute; top: -20px; bottom: auto; left: auto; right: 21px; margin: auto; padding: 0; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.left::before { left: 2px; right: auto;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.right::before { left: auto; right: 2px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.left { text-align: left;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.right { text-align: right;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b { text-align: center;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.left , .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.right , .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b { margin: 10px 0 0 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.center{ text-indent: 1px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider.slider-output small.form-text b.center::before { left: 0; right: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text{ text-align: center; margin: .25rem 0 1.25rem 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b{ min-width: 60px; text-align: center; position: relative;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b .form-control.form-control-sm{ background: none; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b .form-control.form-control-sm{ width: 53px; height: 20px;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 12px; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b::before { position: absolute; top: -10px; bottom: auto; left: auto; right: auto; margin: auto; padding: 0; } .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.left::before { left: 0; right: auto;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.right::before { left: auto; right: 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.left .form-control.form-control-sm { text-align: left;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.right .form-control.form-control-sm { text-align: right;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b .form-control.form-control-sm{ text-align: center;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.left .form-control.form-control-sm , .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b.right .form-control.form-control-sm , .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b .form-control.form-control-sm { margin: 10px 0 0 0;} .app-content .app-content-holder.surveyhold .card.card-single-survey-blok .card-body .group-slider small.form-text b .form-control.form-control-sm.control-edit { margin: 0px 0 0 0;} .app-content .app-content-holder.surveyhold .takeSurveyHold .card.card-single-survey-blok{ width: 560px; margin-right: 25px;} .app-content .app-content-holder.surveyhold .takeSurveyHold .card.card-single-survey-blok:nth-of-type(2n+2){ margin-right: 0;} .app-content .app-content-holder.surveyhold .takeSurveyHold .card.card-single-survey-blok .body-Answ{} .app-content .app-content-holder.surveyhold .takeSurveyHold .card.card-single-survey-blok .body-Answ p{ font-size: 16px; color: #384341; line-height: 25px; font-style: normal; font-weight: normal;} .app-content .app-content-holder.surveyhold .takeSurveyHold .card.card-single-survey-blok .body-Answ p{ padding: 10px 0;} .app-content .app-content-holder.surveyhold .card-columns{ column-count: 3; column-gap: 2rem;} .app-content .app-content-holder.surveyhold .card-columns .card-single-survey-blok{ width: 100%; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff;} .app-header .menu .menu-item .menu-link .menu-img{} .calendar { background: #eef1f1; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar { font-family: 'Nunito', sans-serif !important;} .app-content .app-content-holder.contentholdin.calendarhold { position: relative;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover span, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus span{ background: none; box-shadow: none; border: none; border-radius: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green{ background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); border-radius: 10px; width: 67px; height: 23px; min-width: auto; min-height: auto; display: inline-block;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p{ display: inline-block; width: auto; line-height: inherit;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a i{ color: #FFFFFF; font-size: 16px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a i{ line-height: 1.4;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a:focus i{ color: #525252;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no p, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover p, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus p{ font-weight: 600; font-size: 16px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny:focus{ background: #676767;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin{ text-align: left; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin{ font-style: normal; font-weight: 600; font-size: 24px; line-height: 28px; color: #384341; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin{ padding: 0; margin: 0; display: inline-block; height: auto; width: 45%;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin small{ font-style: normal; font-weight: normal; font-size: 24px; line-height: 28px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no{ width: 23px; min-width: 23px; max-width: 23px; padding: 0; margin: 0; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no{ background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); border-radius:0; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no i{ color: #FFFFFF; font-size: 16px; line-height: 1.4; text-shadow: none;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no:focus{ background: #676767; box-shadow:none;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.onleft{ border-radius: 10px 0px 0px 10px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.onright{ border-radius: 0px 10px 10px 0px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ width: auto; min-width: 51px; max-width:fit-content; padding: 0 5px; margin: 0 4px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ background: #EEF1F1; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; text-align: center; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans:focus{ background: none; box-shadow:none; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover span, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus span{ background: none; box-shadow: none; border: none; border-radius: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green{ background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); border-radius: 10px; width: 67px; height: 23px; min-width: auto; min-height: auto; display: inline-block;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p{ display: inline-block; width: auto; line-height: inherit;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a i{ color: #FFFFFF; font-size: 16px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a i{ line-height: 1.4;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no span.btn-green p a:focus i{ color: #525252;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no p, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:hover p, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no:focus p{ font-weight: 600; font-size: 16px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-info .btn-no .btn-inny:focus{ background: #676767;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin{ text-align: left; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin{ font-style: normal; font-weight: 600; font-size: 24px; line-height: 28px; color: #384341; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin{ padding: 0; margin: 0; display: inline-block; height: auto; width: 45%;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .headin small{ font-style: normal; font-weight: normal; font-size: 24px; line-height: 28px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no{ width: 23px; min-width: 23px; max-width: 23px; padding: 0; margin: 0; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no{ background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); border-radius:0; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no i{ color: #FFFFFF; font-size: 16px; line-height: 1.4; text-shadow: none;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no:focus{ background: #676767; box-shadow:none;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.onleft{ border-radius: 10px 0px 0px 10px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.onright{ border-radius: 0px 10px 10px 0px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ width: auto; min-width: 51px; max-width:fit-content; padding: 0 5px; margin: 0 4px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ background: #EEF1F1; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; text-align: center; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-content-container .group-headin .btn-no.btn-trans:focus{ background: none; box-shadow:none; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container { max-width: 25rem; min-width: 25rem; width: 25rem; background: transparent; position: relative;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group{} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group button.btn{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-textuals{ font-weight: bold; font-size: 14px; line-height: 31px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus i{ } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus i{ } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify{ border-radius: 20px; text-align: left;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold{ height: 240px; overflow-x: hidden; overflow-y: auto;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h2, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h5, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3{ padding: 0; margin: 5px 0 15px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h2{ font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h5{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3 i{ color: #384341; text-shadow: none; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:hover a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group{} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group button.btn{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-textuals{ font-weight: bold; font-size: 14px; line-height: 31px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus i{ } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:hover i, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card .card-header .btn-group .btn-link:focus i{ } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify{ border-radius: 20px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold{ height: 240px; overflow-x: hidden; overflow-y: auto;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h2, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h5, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3{ padding: 0; margin: 5px 0 15px;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h2{ font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h5{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3 i{ color: #384341; text-shadow: none; } .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h2, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h3, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h4, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold h5{ padding: 0 0 0.85rem 0; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .link:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .link:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .link:active, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .link.active{ color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:hover a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify{ width: 100%; height: 22px; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file{ width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: hidden; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-input{ width: 100%; height: 100%; padding: 0; margin: 0 auto; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; text-align: left; color: #7F8D8C;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-label{ width: 100%; height: 100%; padding: 0; margin: 0 auto; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-label{ border: none; box-shadow: none; background-color: transparent; border-radius: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-input:lang(en)~.custom-file-label::after{ content: ""; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file .custom-file-label::after{ display: none;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file:hover .custom-file-label, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file:focus .custom-file-label, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file:active .custom-file-label, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner .gallery-menu-container .card.body-notify .card-body .notific-hold .uploadify .custom-file.active .custom-file-label{ color: #FF9E99;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar { background: #EEF1F1; backdrop-filter: blur(4px); border: none; border-radius:10px; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar { width: 340px; max-width:340px; height: auto; padding: 0; margin: 0; display: inline-block;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar { position: absolute; z-index: 999; left: auto; right: auto; top: auto; bottom: auto;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .close { position: absolute; left: auto; bottom: auto; top: 10px; right: 10px; padding: 0; margin: auto; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar::after { content: ''; width: 100%; height: 100%; padding: 0; margin: 0; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-right>.arrow { width: 31px; height: 26px; margin: auto; left: -0.89rem; right: auto; top: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow::after, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-right>.arrow::after { border-right-color: #EEF1F1; left: 0; border-width: 0.9rem 0.9rem 0.9rem 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow::before, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-right > .arrow::before { border-right-color:transparent; left: 0; border-width: 0.9rem 0.9rem 0.9rem 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=left]>.arrow, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-left>.arrow { width: 31px; height: 26px; margin: auto; left: auto; right: -0.89rem; top: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=left]>.arrow::after, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-left>.arrow::after { border-right-color: #EEF1F1; right: 0; border-width: 0.9rem 0 0.9rem 0.9rem;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-auto[x-placement^=left]>.arrow::before, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.bs-popover-left > .arrow::before { border-right-color:transparent; right: 0; border-width: 0.9rem 0 0.9rem 0.9rem;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header .form-control{ background: none; border: none; box-shadow: none; padding: 13px 33px 3px; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header .form-control{ padding: 0; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header .form-control{ font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #7F8D8C; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header.header-output { font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output { font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body{ background: none; border: none; box-shadow: none; height: auto; width: 100%; padding: 8px 0px; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group{ border-bottom: 1px solid #D9E0E0; display: inline-block; width: 100%; height: auto; padding: 0.39rem 33px; margin: 0 0 0.0rem 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-pinkiz{ background: rgba(255, 223, 222, 0.3); /*backdrop-filter: blur(4px);*/ padding: 0.39rem 0rem 0.39rem 2rem;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group:last-child{ border-bottom: none;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-control{ background: none; border: none; box-shadow: none; border-radius: 0; width: 100%; height: auto; padding: 0; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-control{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #7F8D8C;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .btn-simtext{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #7F8D8C; text-transform: capitalize !important; text-align: left;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .btn-simtext{ display: inline-block; width: 100%; height: 26px; padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file{ display: inline-block; width: 100%; height: 26px; overflow: hidden; padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-label{ background-color: transparent; border: none; border-radius: 0; box-shadow: none; font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #7F8D8C; text-transform: capitalize !important; text-align: left;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-label, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-input{ margin: 0; padding: 0; height: 26px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-label{ padding-right: 2rem;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-input:lang(en)~.custom-file-label::after{ content: "";} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-label::after{ display: none;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table th, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table td { padding: 0.25rem .65rem;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table th { font-style: normal; font-weight: bold; font-size: 12px; line-height: 2; color: #5D6A68;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table td { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table > .form-control { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no:focus{ margin: 0 0 0 10px; padding: 0; box-shadow: none; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny:focus{ background: #676767;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny.btn-red { background: #FF6259;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny.btn-red:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny.btn-red:focus{ background: #676767;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-buttns{ margin: 15px 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output .btn-link{ background: none; border: none; box-shadow: none; border-radius: 0; width: 100%; height: auto;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output .btn-link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C; text-align: left;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output .btn-link{ padding: 0; margin: 0; text-transform: none !important;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output .btn-link i{ color: #7F8D8C;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output i{ color: #384341; text-shadow: none;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output.output-link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output.output-link:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .header-output.output-link:focus{ color: #7F8D8C; text-decoration: underline;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah{ background: #9F2DBC; border:1px solid #9F2DBC; border-radius: 10px; box-shadow: none; filter: none; font-style: normal; font-weight: bold !important; font-size: 14px; line-height: 24px; color: #FFFFFF;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah{ padding: 0 15px; margin: 0; text-transform: none !important;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:focus{ color: #7F8D8C; background: #EEF1F1; border: 1px solid #3A67DE; box-sizing: border-box; border-radius: 10px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah.custom-file{ width: 50%;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah.custom-file .custom-file-label{ font-style: normal; font-weight: bold !important; font-size: 14px; line-height: 24px; color: #FFFFFF; padding: 0 15px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd{ } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select{ height: auto;/*26px*/ } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select .dropdown-toggle{ padding: 0; margin: 0; box-shadow: none; font-style: normal; font-weight: normal !important; font-size: 14px; line-height: 26px; color: #7F8D8C; text-transform: capitalize !important; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select .dropdown-toggle{ height: auto;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select .dropdown-toggle.btn::after{ display: none;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select .dropdown-toggle.btn:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group.group-selectdd .dropdown.bootstrap-select .dropdown-toggle.btn:focus{ box-shadow: none;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .table-dots, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.popover-calendar-entry .popover-body form, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.popover-calendar-entry .popover-body form table tr td{ /*position: relative;*/} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-group .table-dots table{ table-layout: fixed;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form table th{ width: 72px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body form table tr td .btn-group{ width: 205px; text-align: left;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body form table tr td .btn-group > .btn-text{ text-align: left; margin: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body form table tr td .btn-group > .btn-text.dropdown-toggle::after{ content: "\f078"; right: 0; left: auto; width: 22px; height: 22px; padding: 0; margin: 0; font-family: "Font Awesome 5 Pro"; font-weight: 900; color: #384341; text-align: center; filter: none; border: none; border-radius: 0;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.popover-calendar-entry .popover-body form table tr td .btn-group > .dropdown-menu{ /*right: 80% !important; left: auto !important;*/} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar.popover-calendar-value .popover-body form table tr td .btn-group > .dropdown-menu{ /*right: 80% !important; left: auto !important;*/} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group{} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text{ filter:none; background: none; box-shadow: none; border: none; padding: 0;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341; text-transform: none !important;} .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text:hover, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text:focus, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text:active, .app-content .app-content-holder.contentholdin.calendarhold .common-inner-hold .common-content-inner.right-section .gallery-content-container .popover.popover-calendar .popover-body .form-group .table-dots table tr td .btn-group .btn.btn-text.active{ color: #9F2DBC;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-header .form-control.control-shadow, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-control.control-shadow{ padding: 0.05rem 0.75rem; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; border-radius:10px; width: 90%; } .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-control.control-shadow.control-attach{ position: relative;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .form-control.control-shadow.control-attach::after{ content: "\f0c1"; font-family: "Font Awesome 5 Pro"; color: #3A67DE;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .custom-file .custom-file-label.label-shadow{ box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .popover-body .btn-simtext.btn-shadow{ border-radius: 10px; border: 2px solid #9F2DBC; /*3A67DE*/ padding: 0 15px; width: auto; color: #9f2dbc; font-weight: bold; height: 32px;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:hover, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:focus{ border: 1px solid #9F2DBC;} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:hover .custom-file-label, .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar form .form-group .btn-attah:focus .custom-file-label{ color: #7F8D8C;} .contacts.app-content .app-content-holder.contentholdin .card-general-table { background: none; box-shadow: none; border-radius:0; border:none;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert th:first-child, .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-insert td:first-child { border-right: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { width: 98%; margin: 0 auto; overflow: hidden;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 20px; } .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead { background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 20px 20px 0px 0px; padding: 0 0px; } .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th{ border-top:none; line-height: 3;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam thead th:last-child, .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody td:last-child { text-align: center;} .contacts.app-content .app-content-holder.contentholdin .card-general-table .table.table-cteam tbody { } .contacts.app-content .app-content-holder.contentholdin .card-general-table.table-inner-gap{ padding:25px 30px;} .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks i { line-height: 35px; font-size: 17px; } .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:focus i, .contacts.app-content .app-content-holder.contentholdin .care-head .right-careLinks .rlinks:hover i { } .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp{ border-bottom: 1px solid #D9E0E0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs{ border: none; border-bottom: none; margin: 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li{ font-weight: 600; font-size: 16px; line-height: 28px; color: #7F8D8C; padding: 0.5rem 0; margin: 0; border: none; border-bottom: none;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li a{ font-weight: bold; font-size: 16px; line-height: inherit; color: #384341; padding: 0; margin: 0; border: none; border-bottom: none;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li:focus, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li a:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li a:focus{ border: none; border-bottom: none; margin: 0; } .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li .dropdown-menu{ min-width: 200px; background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li .dropdown-menu{ padding: .5rem 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li .dropdown-menu a{ line-height: 2.75; padding: 0 23px;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li .dropdown-menu a:hover, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li .dropdown-menu a:focus{ background: #9F2DBC; color: #FFFFFF;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.form-control, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.custom-select{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.form-control, .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.custom-select{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 140px; height: 40px;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.form-control{ margin: -6px 0 0 0;} .contacts.app-content .app-content-holder.contentholdin .care-head .head-ctp .nav-tabs li select.custom-select{ margin: -6px 0 0 0;} .app-content .app-content-holder.general-gaping.contactshold .btn-no{ filter:none; -webkit-filter:none;} .app-content .app-content-holder.general-gaping.contactshold .btn-no .btn-inny{ padding: 4px 24px; width: auto; height: auto;} .app-content .app-content-holder.general-gaping.contactshold .btn-no, .app-content .app-content-holder.general-gaping.contactshold .btn-no:hover, .app-content .app-content-holder.general-gaping.contactshold .btn-no:focus{ margin: 0;} .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text.text-small a, .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text.text-small a:hover, .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text.text-small a:focus, .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .card-text.text-small a:active{ color: #384341;} .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body{ position: relative;} .app-content .app-content-holder.general-gaping.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent .card-body .custom-control.custom-checkbox{ position: absolute; margin: auto; padding: 0; z-index: 79; left: 0; top: 0; bottom: auto; right: auto; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.fixiHght{ min-height: 140px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp{ border-bottom: 1px solid #D9E0E0; min-height: 70px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok{ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single{ width: 40px; height: 57px; margin: 0 11px; padding: 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ background: #EEF1F1; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ width: 34px; height: 34px; position: relative; margin: 0 auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok img{ max-width: 26px; width: 26px; height: 26px; padding: 5px 0 0 0; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .text-blok{ display: inline-block; width: 100%; height: auto; font-style: normal; font-weight: normal; font-size: 10px; line-height: 28px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #384341 !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; color: #FF9E99 !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:focus, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:active{ color: #384341 !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link{ color: #FFFFFF; font-weight: bold; font-size: 20px; line-height: 40px; text-transform: uppercase;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link{ width: 40px; height: 40px; display: block; padding: 0px; margin: 0px; float: left; border-radius: 50%; text-align: center;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link{ overflow: hidden !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link-txt{ background: #9F2DBC;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link-txt:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link-txt:focus, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link-txt:active{ background: #D1D9E6;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .link img{ border-radius: 50%; } .app .contacts.app-content .app-content-holder.contactshold .care-head .head-ctp .nav-tabs-crgiver li{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-head .head-ctp .nav-tabs-crgiver li{ padding: 0.5rem 1rem; margin: 0 0.5rem 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-head .head-ctp .nav-tabs-crgiver li.font-xs{ font-style: normal; font-weight: 400; font-size: 10px; line-height: 20px;} .app .contacts.app-content .app-content-holder.contactshold .care-head .head-ctp .nav-tabs-crgiver li.font-sm{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px;} .app .contacts.app-content .app-content-holder.contactshold .care-head .head-ctp .nav-tabs-crgiver li.font-green{ color: #00AFAA;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .title-inner, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .title-slider{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox{ width: 45px; height: 45px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label{ width: 22px; height: 22px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label::after{ left: 0.045rem;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict{ position: relative;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ position: absolute; right: -0.25rem; left: auto; top: -0.55rem; bottom: auto; z-index: 9999; padding: 0; margin: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ left: -0.75rem; right: auto; opacity: 0; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close { background: #d3150a; cursor: pointer;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ border-radius: 20px; width: 26px; height: 26px; text-align: center; cursor: default !important; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close i{ font-size: 16px; color: #FFFFFF; line-height: 27px; text-shadow: none !important; cursor: pointer; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict:hover .btn-icon-close{ opacity: 1; } /* .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok, */ .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok { background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -2px -2px 2px rgb(255 255 255 / 80%), 2px 2px 2px rgb(159 45 188 / 30%); border-radius: 5px;} /* .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok::after, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok::after, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok::after, */ .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ content: ''; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(159, 45, 188, 0.3); border-radius: 5px;} /* .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok::after, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok::after, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok::after, */ .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok{ background: #FFDFDE; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px #FF6259; border-radius: 5px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive:hover .pict-blok, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive.active .pict-blok{ box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(255, 98, 89, 0.5);} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.2), 2px 2px 2px #FF6259; border-radius: 5px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} /* .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive:focus .pict-blok, */ .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info{ width: auto; min-width: 384px; max-width: 384px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{ width: 696px;/*706px*/ height: 235px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info{ width: 100% !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info.info-custom{ width: 90% !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .content-info{ width: 40%; margin-right: 60px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .comment-pass{ width: 75px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok{ width: 100%; position: relative;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments{ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ position: absolute; z-index: 159; margin: auto; padding: 0; left: auto; right: auto; top: auto; bottom: auto; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ width: auto; height: auto; display: inline-block; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ width: 278px; height: 34px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .control-round{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control{ padding: 0 15px; height: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ background: none; box-shadow: none; border: none; border-radius: 0; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ padding: 0; width: 40px; height: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ width: auto; height: auto; min-width: 300px; max-width: 300px; min-height: 108px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show p{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output{ width: 100%;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output p{ width: inherit; height: 80px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating{ width: 100%; height: 36px; border-top: 1px solid #D9E0E0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-green{ text-shadow: none; color: #00AFAA;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-red{ text-shadow: none; color: #CC0A00;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd{ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd i{ color: #62CBC9;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:hover i, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:focus i, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd.active i{ color: #FF6259;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ width: 370px; height: 235px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; /*transform: matrix(1, 0, 0, -1, 0, 0);*/ } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify{ border-radius: 20px; overflow: hidden;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold{ height: 235px; overflow-x: hidden; overflow-y: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ position: relative;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ border-bottom: 1px solid #D9E0E0; display: inline-block; width: 100%; height: auto; padding: 0.9rem 33px; margin: 0 0 0.0rem 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one.blok-pinkiz{ background: rgba(255, 223, 222, 0.3); /*backdrop-filter: blur(4px); padding: 0.39rem 0rem 0.39rem 2rem;*/} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one:last-child{ border-bottom: none;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #7F8D8C;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 em{ font-style: normal; color: #A7B2AF;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 i{ color: #384341; text-shadow: none; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ padding: 0; margin: 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:focus, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:active, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link.active{ color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:hover a, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green{ text-shadow: none; color: #00AFAA;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red{ text-shadow: none; color: #CC0A00;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ position: absolute; right: 2rem; left: auto; top: 1rem; bottom: auto; padding: 0; margin: auto; z-index: 14;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp-buttons{} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks img{ display: inline-block; width: 26px; height: 26px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider{ width: 100%; padding: 1rem 4rem;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 10px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { display: inline-block; width: 70px;/*62px*/ height: 26px; padding: 0; margin: 5px 0 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: 700 !important; font-size: 14px; line-height: 28px; color: #7F8D8C; text-transform: uppercase !important;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ display: inline-block; width: 47%; height: 26px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group:first-child .col-form-label { padding-top: calc(0rem + 1px); padding-bottom: calc(0.75rem + 10px);} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ padding-top: calc(0.09rem + 2px); padding-bottom: calc(2rem + 1px);} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ font-weight: 700; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ font-weight: 400; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ display: inline-block; width: 100%;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal{ height: 12px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ height: 12px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track .slider-selection{ background: #62CBC9; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25); border-radius: 10px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ background: url("../../assets/img/icon/slider-handle-shadow-whole.png") 0 0 no-repeat; box-shadow: none; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; top: -0.6rem; bottom: 0; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ margin-left: -15px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle:last-child{ margin-left: -25px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder{ position: relative;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ position: absolute; margin: auto; padding: 0; display: inline-block; width: 111px; height: 30px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ top: -1.5em; bottom: auto; left: 0; right: 0; z-index: 159; white-space: nowrap; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ font-style: normal; font-weight: 700; font-size: 16px; line-height: 28px; color: #384341; text-align: center; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; text-align: center; color: #5D6A68;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen{ position: relative; width: 100%; height: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { position: absolute; top: -0.6em; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen { margin: 5px 0 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left::before { left: 3px; right: auto;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right::before { left: auto; right: 6px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left { margin: 5px 0 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right { margin: 5px 0 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left, .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ font-weight: normal; min-width: 30px; max-width: 30px; width: 50px; height: 30px;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left{ text-align: left; float: left;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ text-align: right; float: right;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ background: none; border: 11px solid rgba(153, 217, 217, 0.4); border-radius: 50%; display: inline-block; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle::before{ content: ""; background: #00AFAA; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5); border-radius: 50%; width: 16px; height: 16px; display: inline-block; } .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left { margin: 5px -24px 0 0;} .app .contacts.app-content .app-content-holder.contactshold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right { margin: 5px 0 0 -20px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .devd{ border: none; border-right: 1px solid #D9E0E0; min-height: 800px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok{ padding: 0 20px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .certificate-title{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; text-align: left;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .certificate-title{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 0;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold{ width: 222px; height: 181px; padding: 0; margin: 0px 0px; position: relative;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok.blok-dual{ width: 626px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok.blok-dual .cr-hold{ width: 222px; height: 181px; padding: 0; margin: 0px 0px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok.blok-dual .cr-hold{ margin-right:40px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok.blok-dual .cr-hold:nth-of-type(2n-2){ margin-right:0px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .btn-no .btn-inny:hover, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .btn-no .btn-inny:focus{ background: #676767;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .linkAdd-form{ width: 100%;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .linkAdd-form .form-group{ width: 100%;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .linkAdd-form .form-group .form-control{ background: #EEF1F1; box-shadow: inset 3px 3px 4px #D1D9E6, inset -3px -3px 4px #FFFFFF; border-radius: 40px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .form-control.custom-select{ width: 222px; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .form-control.custom-select{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #7F8D8C;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown{ width: 222px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .btn.dropdown-toggle{ margin: 0; padding: 0 35px 0 14px; width: 100%; height: 42px; text-align: left; border-top-left-radius: 0; border-top-right-radius: 0;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .btn.dropdown-toggle{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 0px 0px 10px 10px; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .btn.dropdown-toggle{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #7F8D8C; text-transform: none !important; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .btn.dropdown-toggle::after{ display: none;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .dropdown-menu{ min-width: 13.85rem; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6); background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 0px 10px 10px 0px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .dropdown .dropdown-menu{ margin:-0.3rem 0 0 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status{ width: 100%; height: 42px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-value{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link a{ font-style: italic; font-weight: bold; font-size: 12px; line-height: 28px; text-align: right; color: #00AFAA;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link a:hover, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link a:focus, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link a:active, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-status .text-link a.active{ color: #FF9E99;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close{ position: absolute; top: -0.5rem; right: -0.5rem; bottom: auto; left: auto; padding: 0; margin: auto;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close{ width: 19px; height: 19px; background: #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close i{ color: #FF6259; font-size: 21px; text-shadow: none;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close:hover i, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close:focus i, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close:active i, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .close.active i{ color: #00AFAA;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-dropdown{ width: 100%; height: 42px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .bottom-dropdown .form-control.custom-select{ border-top-left-radius: 0; border-top-right-radius: 0;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify{ width: 100%; height: 139px;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file{ width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-input{ width: 137px; height: 100%; padding: 0; margin: 0 auto; cursor: pointer;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; text-align: center; color: #00AFAA;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-label{ width: 100%; height: 100%; padding: 0; margin: 0 auto; cursor: pointer;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-label{ border: none; box-shadow: none; background-color: transparent; border-radius: 0;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-input:lang(en)~.custom-file-label::after{ content: ""; cursor: pointer;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file .custom-file-label::after{ display: none;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file:hover .custom-file-label, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file:focus .custom-file-label, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file:active .custom-file-label, .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .uploadify .custom-file.active .custom-file-label{ color: #FF9E99;} .app-content .app-content-holder.general-gaping.CertifiRegisthold .cr-blok .cr-hold .content-hold{ height: 139.14px; padding: 0.13rem; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; } .app-content .app-content-holder.downApphold{ padding-top: 0; padding-bottom: 0;} .app-content .app-content-holder.downApphold hr{ border-color: transparent;} .app-content .app-content-holder.downApphold .group-versionz{ width: 100%; height:auto; padding:0em; margin:0em; text-align:center; position: relative; } .app-content .app-content-holder.downApphold .group-versionz{ } .app-content .app-content-holder.downApphold .group-versionz .group-blok{ width: 555px; margin-right: 10em; padding: 2.5rem 2rem 2.5rem; } .app-content .app-content-holder.downApphold .group-versionz .group-blok.devdRHS{ border-right: none; } .app-content .app-content-holder.downApphold .group-versionz .group-blok.devdLHS{ border-left: 1px solid #D9E0E0; } .app-content .app-content-holder.downApphold .group-versionz .group-blok.maintainHGT{ min-height: 767px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .title, .app-content .app-content-holder.downApphold .group-versionz .group-blok .title-head{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .title-head small{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-forms{} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-forms .form-group{ margin-bottom: 35px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-forms .form-group .form-control{ background: #EEF1F1; box-shadow: inset 3px 3px 4px #D1D9E6, inset -3px -3px 4px #FFFFFF; border-radius: 40px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables{} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged{} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item{ padding: 0; height: 131px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item{ display: flex!important; align-items: stretch!important;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .card-single{ display: inline-block; width: 248px; height: 101px; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers{ font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #384341;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers{ width: 120px;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers small{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers small{ display: inline-block; width: 100%; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .icon-single{ display: inline-block; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .icon-single:first-child{ margin-top: -0.5rem; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .icon-single:last-child{ margin-top: -0.3rem; } .app-content .app-content-holder.downApphold .group-versionz .group-blok .version-variables .group-marged .list-group-item .icon-single:hover img{ filter: hue-rotate(90deg) contrast(100%) brightness(100%); -webkit-filter: hue-rotate(90deg) contrast(100%) brightness(100%); } .app-content .app-content-holder.downApphold .sameHgt{ min-height: 333px;} .app-content .app-content-holder.downApphold .autoHgt{ width: 140px;} .app-content .app-content-holder.upApphold{ padding-top: 0; padding-bottom: 0;} .app-content .app-content-holder.upApphold hr{ border-color: transparent;} .app-content .app-content-holder.upApphold .group-versionz-upload{ width: 100%; height:auto; padding:0em; margin:0em; text-align:center; position: relative; } .app-content .app-content-holder.upApphold .group-versionz-upload{ } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok{ width: 555px; margin-right: 10em; padding: 2.5rem 2rem 2.5rem; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok.devdRHS{ border-right: none; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok.devdLHS{ border-left: 1px solid #D9E0E0; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok.maintainHGT{ min-height: 767px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .title, .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .title-head{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .title-head small{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-forms{} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-forms .form-group{ margin-bottom: 35px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-forms .form-group .form-control{ background: #EEF1F1; box-shadow: inset 3px 3px 4px #D1D9E6, inset -3px -3px 4px #FFFFFF; border-radius: 40px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables{} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged{} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item{ padding: 0; height: 131px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item{ display: flex!important; align-items: stretch!important;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .card-single{ display: inline-block; width: 248px; height: 101px; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers{ font-style: normal; font-weight: bold; font-size: 24px; line-height: 28px; color: #384341;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers{ width: 120px;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers small{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341;} .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .card-single .text-vers small{ display: inline-block; width: 100%; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .icon-single{ display: inline-block; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .icon-single:first-child{ margin-top: -0.5rem; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .icon-single:last-child{ margin-top: -0.3rem; } .app-content .app-content-holder.upApphold .group-versionz-upload .group-blok .version-variables .group-marged .list-group-item .icon-single:hover img{ filter: hue-rotate(90deg) contrast(100%) brightness(100%); -webkit-filter: hue-rotate(90deg) contrast(100%) brightness(100%); } .app-content .app-content-holder.upApphold .autoHgt{ width: 140px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 70%); border-radius: 30px; height: 35px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 35px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 30px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ padding: 0rem 1.7rem; color: #FF6259; font-size: 16px; line-height: 37px; font-weight: bold; text-transform: capitalize !important; border:none; height: 35px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .btn-group.group-tab .btn{ min-width: 103px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-link, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-link i{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-link:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-link:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .gallery-menu-container .text-truncate .btn-group .btn{ padding-left: 3px; padding-right: 3px;} .app-content .app-content-holder.upApphold.upFirmwhold{ padding: 25px 30px;} .app-content .app-content-holder.cmrholdIn .head-cmr{ } .app-content .app-content-holder.cmrholdIn .head-cmr{ border-bottom: 1px solid #D9E0E0; } .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr{} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control:hover, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control:focus, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control:active, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control{ width: 100%;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group:hover, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group:focus, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group:active, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control:hover, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control:focus, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control:active, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .form-control, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .input-group-text:hover i, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .app-content .app-content-holder.cmrholdIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .app-content .app-content-holder.cmrholdIn .head-cmr .group-cmr.group-cmr-button{ height: 50px;} .app-content .app-content-holder.cmrholdIn .head-cmr .btn{} .app-content .app-content-holder.cmrholdIn .head-cmr .dropzs{ padding: 0px 10px; } .app-content .app-content-holder.cmrholdIn .head-cmr .dropzs .btn-dropzs{ position: relative; } .app-content .app-content-holder.cmrholdIn .head-cmr .dropzs .btn-dropzs i{ line-height: 30px; font-size: 30px; } .app-content .app-content-holder.cmrholdIn .table-cmr tr th, .app-content .app-content-holder.cmrholdIn .table-cmr tr td{ text-align: left;} .app-content .app-content-holder.cmrholdIn .table-cmr tr th:last-child, .app-content .app-content-holder.cmrholdIn .table-cmr tr td:last-child{ text-align: center;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder{ border-radius: 10px; width: 100%; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder .icon-bg{ background: #00AFAA; padding: 0 15px; border-radius: 10px 0 0 10px; height: 50px;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder .icon-bg i{ line-height: 49px; font-size: 22px; color: #FFFFFF ;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder .text-bg{ line-height: normal; font-weight: bold; font-size: 14px; color: #384341;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder a{ color: #384341;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder a:hover, .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder a:focus, .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder a:active, .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder a.active{ color: #00AFAA;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder.disabled { background: #dae0ec; } .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder.disabled .icon-bg { background: #dae0ec;} .app-content .app-content-holder.cmrholdIn .head-cmr .icon-text-holder.disabled p a{ color: #adadad;} .app-content .app-content-holder.cmrholdIn .card-body .table.table-fixhead { table-layout: auto; width: 100% !important; } .app-content .app-content-holder.cmrholdIn .card-body .table.table-fixhead tr th, .app-content .app-content-holder.cmrholdIn .card-body .table.table-fixhead tr td { white-space:nowrap; } .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_length { width: 100% !important; } .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_length { padding:15px 30px; } .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_length label { min-width:333px; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_length label .custom-select.form-control { width:15%; text-align:center;} .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_info { width: 49%; float:left; padding:15px 30px; } .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_info { text-align: left; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { width: 49%; float:right; padding:15px 30px; } .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_info, .app-content .app-content-holder.cmrholdIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { min-height:66px;} .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate {} .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination { margin: 9px 0; } .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button { filter:none; border-radius: 30px;} .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link , .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { width:auto; min-width:auto; height:auto; background:none; box-shadow:none; border-radius:0; padding: 0.0rem 0.5rem; } .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link { color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrholdIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { color: #88918f;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr{ } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr{ border-bottom: 1px solid #D9E0E0; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr{} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:hover, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:focus, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:active, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ width: 100%;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group:hover, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group:focus, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group:active, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control:hover, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control:focus, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control:active, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text:hover i, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .group-cmr.group-cmr-button{ height: 50px;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .btn{} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .dropzs{ padding: 0px 10px; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .dropzs .btn-dropzs{ position: relative; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .dropzs .btn-dropzs i{ line-height: 30px; font-size: 30px; } .app-content .app-content-holder.cmrhold.reportholdsIn .table-cmr tr th, .app-content .app-content-holder.cmrhold.reportholdsIn .table-cmr tr td{ text-align: left;} .app-content .app-content-holder.cmrhold.reportholdsIn .table-cmr tr th:last-child, .app-content .app-content-holder.cmrhold.reportholdsIn .table-cmr tr td:last-child{ text-align: center;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder{ border-radius: 10px; width: 100%; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder .icon-bg{ background: #00AFAA; padding: 0 15px; border-radius: 10px 0 0 10px; height: 50px;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder .icon-bg i{ line-height: 49px; font-size: 22px; color: #FFFFFF ;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder .text-bg{ line-height: normal; font-weight: bold; font-size: 14px; color: #384341;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder a{ color: #384341;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder a:hover, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder a:focus, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder a:active, .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder a.active{ color: #00AFAA;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder.disabled { background: #dae0ec; } .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder.disabled .icon-bg { background: #dae0ec;} .app-content .app-content-holder.cmrhold.reportholdsIn .head-cmr .icon-text-holder.disabled p a{ color: #adadad;} .app-content .app-content-holder.cmrhold.reportholdsIn .card-body .table.table-fixhead { table-layout: auto; width: 100% !important; } .app-content .app-content-holder.cmrhold.reportholdsIn .card-body .table.table-fixhead tr th, .app-content .app-content-holder.cmrhold.reportholdsIn .card-body .table.table-fixhead tr td { white-space:nowrap; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { width: 100% !important; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { padding:15px 30px; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label { min-width:333px; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label .custom-select.form-control { width:15%; text-align:center;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { width: 49%; float:left; padding:15px 30px; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { text-align: left; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { width: 49%; float:right; padding:15px 30px; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info, .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { min-height:66px;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate {} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination { margin: 9px 0; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button { filter:none; border-radius: 30px;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link , .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { width:auto; min-width:auto; height:auto; background:none; box-shadow:none; border-radius:0; padding: 0.0rem 0.5rem; } .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link { color: #384341; font-weight: bold;} .app-content .app-content-holder.cmrhold.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { color: #88918f;} .app .app-content .app-content-holder.generikformzholdsin { position: relative;} .app .app-content .app-content-holder.generikformzholdsin .content-body{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container { border:none;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok { } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card { background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; position: relative; min-height: 480px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control{ width: 100%; line-height: 2.6; font-weight: normal; font-size: 16px; color: #384341; border: 2px solid transparent;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.select-hw{ line-height: 2;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control{ position: relative; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 10px; height: 50px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.custom-select.custom-multiple{ height: 125px !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.custom-area{ height: 125px !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.red{ border-color: #ff3b30; border-width: 2px; border-style: solid;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.green{ border-color: #1abd36; border-width: 2px; border-style: solid;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ width: 151px; height: 151px; text-align: center; display: inline-block; vertical-align: middle;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ margin: 0 auto; padding: 0; cursor:pointer; position:relative;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15); border-radius: 50%;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); border-radius: 50%;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne{ width: 118px; height: 118px; text-align: center; display: inline-block; vertical-align: middle; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img{ margin: 0px auto; padding: 0px; vertical-align: middle;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img{ width: 118px; height: 118px; border-radius: 50%;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img.pad1{ padding: 0px; margin: 0px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne i{ font-size: 40px; color: #62CBC9; text-shadow: none; /*0px -1px 1px rgb(255 255 255 / 90%), 0px 1px 1px rgb(159 45 188 / 95%)*/} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ opacity:0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ position:absolute; left:auto; right:auto; top:auto; bottom:auto; z-index:321654; padding:0; margin:auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ background:rgba(0, 0, 0, 0.45); box-shadow:none; width:118px; height:118px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute i{ color:#FFFFFF !important; font-size: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:hover .lead-absolute, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:focus .lead-absolute, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:active .lead-absolute, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead.active .lead-absolute{ opacity:1;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-text{ margin: 2rem 0 0 0; padding: 0; text-align: left; line-height: 50px; font-weight: normal; font-size: 14px; color: #384341;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card label{ display: inline-block; width: 100%; margin: 0; padding: 0 0 10px 9px; text-align: left; font-style: normal; font-weight: bold; font-size: 15px; line-height: 25px; color: #737373;/*#384341*/} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card label{ /*display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;*/} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput{ position: relative; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; border-radius:10px !important; height: auto; min-height: 50px; padding: .375rem .75rem !important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff !important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-sideby.group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-sideby.group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .control-wid-mid{ border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-time-n-date .input-group .input-group-text{ border-top-left-radius: 0; border-bottom-left-radius: 0; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; height: auto; padding: .375rem .75rem !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-checkbox{ width: auto; height: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-checkbox .custom-control-label{ height: auto; padding: 0 0 6px 30px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control.custom-checkbox .custom-control-label::after { left: 0;/*0.05rem*/ } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame{ box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; height: auto; min-height:auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn{ background: #d9e0e9; border-radius: 10px; color: #384341; padding: 7px 10px; margin: 0 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn i{ color: #5D6A68;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .note-btn{ background: #d9e0e9; border-radius: 5px; color: #384341; padding: 7px; margin: 0 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .note-btn i{ color: #5D6A68;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control{ height: 40px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-rule-alert .custom-control.control-no-fix-height{ height: auto ;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control label{ text-transform:capitalize !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file { height: 50px; width: 100%; padding: 0; margin: 0; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-input { opacity: 0; width: inherit; height: inherit;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { width: inherit; height: inherit; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { display: block; width: 100%; height: 50px; min-height: 50px; overflow: auto; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label::after{ display: none; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 39px; color: #5D6A68; text-align: left; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:hover .custom-file-label, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:focus .custom-file-label, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:active .custom-file-label, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file.active .custom-file-label { box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group { margin-bottom: 2rem; position: relative; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .btn{ background: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; width: 100%; color: #384341; text-transform: capitalize !important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:hover span.text, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:focus span.text, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:active span.text, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a.active span.text{ color: #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle::after { display: inline-block; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle::after { position: inherit; top: auto; bottom: auto; width: auto; height: auto; z-index: 123; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle:empty::after { margin-left: 0; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control.custom-checkbox .custom-control-label{ line-height: 30px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt{ width: 150px; height: 25px; border-radius: 0; background: none; box-shadow: none; border: none;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc1{ background: #85604B;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc2{ background: #9D7C69;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc3{ background: #B49380;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc4{ background: #CFAD9A;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc5{ background: #EBCDBC;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn:focus{ border-radius: 0; box-shadow: none; filter: none; width: 30px; padding: 0; margin: 0 -0.269rem 0 0 ;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.active{ border: 3px solid #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a { position: relative; width: 70px; height: 70px; overflow:hidden;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a:hover i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a:focus i { color: #00AFAA;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload img, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a img{ width: 70px; height: 70px; border-radius: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .btn-upload{ font-weight: 700;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ display: inline-block; opacity: 1; width: auto; height: auto; padding: .15rem 1.15rem;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ position: absolute; top: auto; bottom: -2.25rem; left: 0; right: 0; z-index: 999; margin: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ text-align: right; line-height: 30px; font-weight: bold; font-size: 14px; color: #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ border-radius: 10px; background: transparent; box-shadow: none;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp.green{ background-color: rgba(26,189,54,.9);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp.red{ background-color: rgba(255,59,48,.9);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group.group-rule-alert .btn-group { float:left;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group.group-rule-alert .btn-group > .dropdown-menu { left:0 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .card-up{ box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); min-height:auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .card-up h3{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; text-align: left;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message{ font-weight: normal; font-size: 12px; line-height: 20px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message em{ font-weight: bold;font-style: normal;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text{ position: relative;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .faliure, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .seccess{ margin: 0 0 8px 0; padding: 2px 5px 2px 40px; display: inline-block; vertical-align: top; width: 100%; height: auto; line-height: 26px; font-size: 13px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .faliure{ color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .seccess{ color: #00AFAA;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close{ position: absolute; right: -0.75rem; left: auto; top: -0.75rem; bottom: auto; z-index: 369; padding: 0; margin: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close{ border-radius: 20px; width: 36px; height: 36px; text-align: center; background: #9F2DBC;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close i{font-size: 18px; color: #FFFFFF; line-height: 35px; text-shadow: none !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.faliure::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.faliure::after{ content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: none !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.seccess::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.seccess::after{ content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #00AFAA !important; text-shadow: none !important;} .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn{ font-weight: 700; } .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn a{ color: #FFFFFF;} .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn:hover a, .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn:focus a, .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn.active a{ color: #9F2DBC;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text{ position: absolute; margin: auto; padding: 0; right: 0; left: auto; top: 0; bottom: 0; z-index: 357;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text{ width: 40px; height: 20px; line-height: 55px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text .icon-tip{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group { background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 10px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group { display: inline-block; width: 70px; height: 50px; padding: 0; margin: 0px 0 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: normal !important; font-size: 14px; line-height: 20px; color: #7F8D8C; text-transform: lowercase !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn{ display: inline-block; width: 47%; height: 50px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn.active { color: #384341;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-hw .btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .apiky .card-general-table .card-body .table { table-layout: fixed;} .app-content .app-content-holder.tabsholdin .nav-tabs.tabs-header.header-at-top-fixin{ position: fixed; top: 7.1em; left: 18em; z-index: 999999;} .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block{ position: relative; } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block .chart-hold { } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block .chart-hold .chart-inner-hold { } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block .chart-hold .chart-inner-hold .highcharts-container { } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block .chart-hold .chart-inner-hold .highcharts-container svg { width:100% !important; max-width: 100% !important; height: auto !important; } .app .app-content .app-content-holder.widget-groupMonitor{} .app .app-content .app-content-holder.widget-groupMonitor a{ color: #5D6A68; line-height: 20px; font-size: 14px;} .app .app-content .app-content-holder.widget-groupMonitor a:hover, .app .app-content .app-content-holder.widget-groupMonitor a:focus, .app .app-content .app-content-holder.widget-groupMonitor a:active, .app .app-content .app-content-holder.widget-groupMonitor a.active{ color: #9F2DBC;} .app .app-content .app-content-holder.widget-groupMonitor em{ color: #384341; font-style: normal;} .app .app-content .app-content-holder.widget-groupMonitor b{ color: #384341; font-weight: normal;} .app .app-content .app-content-holder.widget-groupMonitor .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; padding: 0; margin: 0;} .app .app-content .app-content-holder.widget-groupMonitor i{ text-shadow: none; /*color: #5D6A68;*/} .app .app-content .app-content-holder.widget-groupMonitor .number{ color: #384341; font-style: normal; font-weight: 600; font-size: 20px; line-height: 20px;} .app .app-content .app-content-holder.widget-groupMonitor .text-green, .app .app-content .app-content-holder.widget-groupMonitor .text-green i, .app .app-content .app-content-holder.widget-groupMonitor .text-green .number{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .text-orange, .app .app-content .app-content-holder.widget-groupMonitor .text-orange i, .app .app-content .app-content-holder.widget-groupMonitor .text-orange .number{ color: #FF6259 !important;} .app .app-content .app-content-holder.widget-groupMonitor .text-magenta, .app .app-content .app-content-holder.widget-groupMonitor .text-magenta i, .app .app-content .app-content-holder.widget-groupMonitor .text-magenta .number{ color: #9F2DBC !important;} .app .app-content .app-content-holder.widget-groupMonitor .card{ background:#f1f4f4;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header{ border-bottom: none; height: auto;/*103px*/} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; padding: 0 10px 0 0; margin: 0 10px 0 0; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .title a{ color: #5D6A68; font-style: normal; font-weight: 700; font-size: 16px; line-height: 18px; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .title a:hover, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .title a:focus, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .title a:active{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link{ text-align: center;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a{ color: #9F2DBC; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a em{ color: #9F2DBC; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:hover, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:focus, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:active, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:hover em, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:focus em, .app .app-content .app-content-holder.widget-groupMonitor .card .card-header .dttm-link a:active em{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-header i{ color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgb(255 255 255 / 90%), 0px 1px 1px rgb(159 45 188 / 90%);} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader{ } .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; padding: 0; margin: 0;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .title{ text-transform: uppercase;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .title small{ padding: 0 10px; margin: 0 5px; text-transform: uppercase;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .title small span{ text-transform: lowercase;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .title small span .number{ font-weight: 700; font-size: 24px;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-subheader .graph-holder { width: auto !important; height: auto !important; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder{} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record{ width: 32.3399%; height: 80px; margin: 1px 1px; padding: 12px;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record{ box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; border-radius: 10px;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .bottom-text-level{ color: #5D6A68; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp{ color: #FFFFFF; border-radius: 10px; padding: 3px 0; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp .number{ color: #FFFFFF;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp.green{ background: #00AFAA;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp.orange{ background: #FF6259;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .top-text-icon-level{ text-transform: uppercase; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .top-text-icon-level .title{ color: #899392;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record .top-text-icon-level i{ color: #bdc7c5;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record:hover, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record:focus, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record:active{ box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%);} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .card-record-holder .card-single-record.active{ box-shadow: inset 3px 3px 20px rgb(255 255 255 / 50%), inset -3px -3px 20px rgb(209 217 230 / 50%); background: #FFDFDE; } .app .app-content .app-content-holder.widget-groupMonitor .card .no-shadow, .app .app-content .app-content-holder.widget-groupMonitor .card .no-shadow i{ text-shadow: none !important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time{ text-align: center; color: #384341; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; width: 100% !important; padding: 0 !important; margin: 0px 0px 15px !important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link{ flex-direction: row!important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a{ color: #9F2DBC; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; padding: 0 10px 0 !important;} .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a em{ color: #9F2DBC; } .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:hover, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:focus, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:active, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:hover em, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:focus em, .app .app-content .app-content-holder.widget-groupMonitor .card .card-body .title.date-time .dttm-link a:active em{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder{} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder a{ color: #5D6A68; line-height: 20px; font-size: 14px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder a:hover, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder a:focus, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder a:active, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder a.active{ color: #9F2DBC;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder em{ color: #384341; font-style: normal;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder b{ color: #384341; font-weight: normal;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; padding: 0; margin: 0;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder i{ text-shadow: none; /*color: #5D6A68;*/} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .number{ color: #384341; font-style: normal; font-weight: 600; font-size: 20px; line-height: 20px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-green, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-green i, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-green .number{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-orange, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-orange i, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-orange .number{ color: #FF6259 !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-magenta, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-magenta i, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .text-magenta .number{ color: #9F2DBC !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab{ /*background:#f1f4f4; box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); border-radius: 20px; border: none; */} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header{ border-bottom: none; height: 70px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; padding: 0 10px 0 0; margin: 0 10px 0 0; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .title a{ color: #5D6A68; font-style: normal; font-weight: 700; font-size: 16px; line-height: 18px; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .title a:hover, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .title a:focus, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .title a:active{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link{ text-align: center;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a{ color: #9F2DBC; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a em{ color: #9F2DBC; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:hover, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:focus, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:active, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:hover em, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:focus em, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header .dttm-link a:active em{ color: #00AFAA !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-header i{ color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgb(255 255 255 / 90%), 0px 1px 1px rgb(159 45 188 / 90%);} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader{ } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .title{ color: #384341; font-style: normal; font-weight: 600; font-size: 22px; line-height: 22px; padding: 0; margin: 0;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .title{ text-transform: uppercase;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .title small{ padding: 0 10px; margin: 0 5px; text-transform: uppercase;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .title small span{ text-transform: lowercase;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .title small span .number{ font-weight: 700; font-size: 24px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-subheader .graph-holder { width: auto !important; height: auto !important; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder{} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record{ width: 32.3399%; height: 80px; margin: 1px 1px; padding: 12px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record{ box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; border-radius: 10px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .bottom-text-level{ color: #5D6A68; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp{ color: #FFFFFF; border-radius: 10px; padding: 3px 0; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp .number{ color: #FFFFFF;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp.green{ background: #00AFAA;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .bottom-text-level.fillUp.orange{ background: #FF6259;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .top-text-icon-level{ text-transform: uppercase; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .top-text-icon-level .title{ color: #899392;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record .top-text-icon-level i{ color: #bdc7c5;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record:hover, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record:focus, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record:active{ box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%);} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .card-record-holder .card-single-record.active{ box-shadow: inset 3px 3px 20px rgb(255 255 255 / 50%), inset -3px -3px 20px rgb(209 217 230 / 50%); background: #FFDFDE; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .no-shadow, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .no-shadow i{ text-shadow: none !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time{ text-align: center; color: #384341; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; width: 100% !important; padding: 0 !important; margin: 0px 0px 15px !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link{ flex-direction: row!important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a{ color: #9F2DBC; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; padding: 0 10px 0 !important;} .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a em{ color: #9F2DBC; } .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:hover, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:focus, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:active, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:hover em, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:focus em, .app .app-content .app-content-holder.widget-groupMonitor .tab-content .GMblok_Holder .cardGMblok_UndTab .card-body .title.date-time .dttm-link a:active em{ color: #00AFAA !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ color: #384341; font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #d1d9e6, inset -5px -5px 10px #ffffff; border-radius: 30px 30px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ display: inline-block; width: auto; height: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header .title-head{ color: #384341; font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; text-transform: capitalize;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header .text-decoration-none{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg { filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg { box-shadow: none; background: none; border: none; padding: 0; margin: 0; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny { box-shadow: inset 10px 10px 30px rgba(255, 255, 255, 0.0), inset -10px -10px 30px rgba(209, 217, 230, 0.0); border-radius: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny { width: 60px; height: 60px; text-align: center; padding: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny i { line-height: 60px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active .btn-inny { box-shadow: none; background: #56c7c5;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active .btn-inny i { color: #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg { filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg { box-shadow: none; background: none; border: none; padding: 0; margin: 0; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny { box-shadow: inset 10px 10px 30px rgba(255, 255, 255, 0.0), inset -10px -10px 30px rgba(209, 217, 230, 0.0); border-radius: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny { width: 50px; height: 50px; text-align: center; padding: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny i { line-height: 50px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active .btn-inny, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active .btn-inny { box-shadow: none; background: #ff7b73;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active .btn-inny i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active .btn-inny i { color: #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group .btn{ font-weight: 700 !important;} .app .app-content .card-goal{} .app .app-content .card-goal .header-goal h5{ font-weight: 600; font-size: 14px; line-height: 26px; text-align: left; color: #384341;} .app .app-content .card-goal .header-goal{ position: relative;} .app .app-content .card-goal .header-goal .float-date{ position: absolute; right: 0; left: auto; top: 0; bottom: auto; margin: auto; padding: 0;} .app .app-content .card-goal .header-goal .fixed-date{ position: relative; margin: 0; padding: 0; } .app .app-content .card-goal .header-goal .btn-group.btn-group-centertop { left: 0; right: 0; top: 1.8rem; bottom: auto; position: absolute; margin: auto; z-index: 3; } .app .app-content .card-goal .header-goal .btn-group.btn-group-centertop { display: inline-block; width: auto; height: 30px; padding: 0;} .app .app-content .card-goal .header-goal .btn-group .btn{ padding-left: 3px; padding-right: 3px;} .app .app-content .card-goal .header-goal .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .app .app-content .card-goal .header-goal .btn-group .btn-link, .app .app-content .card-goal .header-goal .btn-group .btn-link i{ color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9);} .app .app-content .card-goal .header-goal .btn-group .btn-link:hover i, .app .app-content .card-goal .header-goal .btn-group .btn-link:focus i, .app .app-content .card-goal .header-goal .btn-group .btn-link:active i, .app .app-content .card-goal .header-goal .btn-group .btn-link.active i{ color: #FF9E99; } .app .app-content .card-goal .header-goal .icon-clnd, .app .app-content .card-goal .header-goal .icon-clnd i{ color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app .app-content .card-goal .header-goal .icon-clnd:hover i, .app .app-content .card-goal .header-goal .icon-clnd:focus i, .app .app-content .card-goal .header-goal .icon-clnd:active i, .app .app-content .card-goal .header-goal .icon-clnd.active i{ color: #FF9E99;} .app .app-content .card-goal .body-goal{} .app .app-content .card-goal .body-goal .rounded-graph{} .app .app-content .card-goal .body-goal .rounded-graph .magenta, .app .app-content .card-goal .body-goal .rounded-graph .light-green { font-weight: bold; font-size: 12px; line-height: 20px; color: #5D6A68;} .app .app-content .card-goal .body-goal .rounded-graph .magenta i { color: #9F2DBC; } .app .app-content .card-goal .body-goal .rounded-graph .light-green i { color: #62CBC9; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok{ position: relative; margin-top: 0em; /*1em*/} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok{ /*max-width: 100%; min-width: 100%;*/ display: inline-block;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info{ width: 143.79px; height: auto;/*167.4px*/ text-align: center; position: relative; z-index: 99999; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info h6, .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info h2, .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info p { padding: 0; margin: 0;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info h6 { font-weight: normal; font-size: 16px; line-height: 30px; color: #384341;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info h2 { font-weight: bold; font-size: 24px; line-height: 30px; color: #384341;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info p { font-weight: normal; font-size: 12px; line-height: 15px; color: #384341;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info i { /*color: linear-gradient(180deg, #D3A5DF 0%, #FFDFDE 88.02%); text-shadow: inset 1px 1px 1px rgba(148, 30, 177, 0.3);*/ /*, inset -1px -1px 1px #FFFFFF;*/ } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-pic-demo{ position: absolute; margin: auto; z-index: 9; left: 0; right: 0; top: 0; bottom: 0;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-pic-demo svg { width:100% !important; max-width: 100% !important; height: auto !important;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok{ width: 250px; height: 250px; border-radius: 50%; background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok::before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #EEF1F1; z-index: -99; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok::before{ padding: 0; width: 218.47px; height: 218.47px; border-radius: 50%; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok::after{ padding: 0; width: 218.47px; height: 218.47px; border-radius: 50%; box-shadow: -10px -10px 30px #FFFFFF, 10px 10px 20px #D1D9E6; } .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .light-green-line{ border: 8px solid #62CBC9; box-sizing: border-box; box-shadow: inset 0px 4px 4px rgba(180, 104, 206, 0.25); filter: drop-shadow(0px 2px 4px rgba(148, 30, 177, 0.25)); z-index: 9999;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .light-green-line{ width: calc(100% - 15px); height: calc(100% - 15px); /*234.14px | 235px*/} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .magenta-line{ border: 10px solid #9F2DBC; box-sizing: border-box; z-index: 999;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .magenta-line{ width: calc(100% + 0px); height: calc(100% + 0px); /*250px*/} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .border-line{ display: inline-block; border-radius: 50%;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .border-line{ position: absolute;} .app .app-content .card-goal .body-goal .information-graph{} .app .app-content .card-goal .body-goal .information-graph .slide{ padding: 0rem 1rem!important;} .app .app-content .card-goal .body-goal .information-graph .slide-text{ padding: .5rem .0rem!important;/*.5rem .0rem*/} .app .app-content .card-goal .body-goal .information-graph .slide-text .slide-item{ position: relative; margin-bottom: 3.3rem ;} .app .app-content .card-goal .body-goal .information-graph .slide-text .slide-item i { font-size: 24px; color: #9F2DBC; text-shadow: 0px 4px 4px rgba(56, 67, 65, 0.35); /*inset 0px 4px 4px rgba(98, 203, 201, 0.3)*/} .app .app-content .card-goal .body-goal .information-graph .slide-text .slide-item.item-green i { font-size: 24px; color: #62CBC9; text-shadow: 0px 4px 4px rgba(56, 67, 65, 0.35); /*inset 0px 4px 4px rgba(98, 203, 201, 0.3)*/} .app .app-content .card-goal .body-goal .information-graph .slide-text .slide-item i { width: 22px; height: 22px; position: absolute; left: 0.35em; right: auto; top: -1.05em; bottom: auto; margin: auto;} .app .app-content .card-goal .body-goal .information-graph .slide img { width: 17px; height: auto;} .app .app-content .card-goal .body-goal .information-graph .slide img.img-goalslide{ display: block ; width: 17px ; height: 238px ;} .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical { height: 226px;/*226px - 186px*/ width: 9px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track .slider-selection { background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-low, .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-high { background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track { left: 25%; height: 226px;/*226px*/ width: 9px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-low, .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-high{ height: 226px !important;/*186px*/ width: 9px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-handle { height: 31px; width: 9px; } .app .app-content .card-goal .body-goal .information-graph .slider.slider-vertical .slider-handle { background: #62CBC9; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25), inset 0px 4px 4px rgba(180, 104, 206, 0.25); border-radius: 10px; } .app .app-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item { position: relative; margin: 0;} .app .app-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i { position: relative; width: 22px; height: 22px; left: auto; right: auto; bottom: auto; top: auto; padding: 0; margin: 0;} .app .app-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i { font-size: 18px;} .app .app-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item b{ font-weight: 600;} .app .app-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item span{ font-weight: 700; color: #5D6A68;} .app .app-content .card-fourth-default.card-goal.see_lookup .body-goal .information-graph .slide-text .slide-item{ font-size: 16px;} .app .app-content .card-fourth-default.card-goal.see_lookup .body-goal .information-graph .slide-text .slide-item span{ font-size: 18px;} .app .app-content .card-fourth-default.card-goal.see_lookup .body-goal .rounded-graph .weight-blok { width: 100px; height: 100px; max-width: none; min-width: auto;} /* 100 multyply 218 division 250 | in that case - 218 and 250 number is fixed */ .app .app-content .card-fourth-default.card-goal.see_lookup .body-goal .rounded-graph .weight-blok::before{ width: 87.2px; height: 87.2px;} .app .app-content .card-fourth-default.card-goal.see_lookup .body-goal .rounded-graph .weight-blok::after{ width: 87.2px; height: 87.2px;} .app .app-content .card-fourth-default.card-goal.see_lookup_another .body-goal .rounded-graph .weight-blok { width: 150px; height: 150px; max-width: none; min-width: auto;} /* 150 multyply 218 division 250 | in that case - 218 and 250 number is fixed */ .app .app-content .card-fourth-default.card-goal.see_lookup_another .body-goal .rounded-graph .weight-blok::before{ width: 130.8px; height: 130.8px;} .app .app-content .card-fourth-default.card-goal.see_lookup_another .body-goal .rounded-graph .weight-blok::after{ width: 130.8px; height: 130.8px;} .app .app-content .card-goal .body-goal .rounded-graph.graph-hc .weight-blok::before, .app .app-content .card-goal .body-goal .rounded-graph.graph-hc .weight-blok::after { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app .app-content .card-goal .body-goal .rounded-graph.graph-hc .weight-blok { box-shadow:none; border-radius: 0; background: none; /*width:100%; height:100%; min-width:250px; max-width:900px;*/} .app .app-content .card-goal .body-goal .rounded-graph.graph-hc .weight-blok .abs-pic-demo { position:inherit;} .app .app-content .card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info.gradient-icon i.fa-gradient{ font-size: 3.3em; background: linear-gradient(180deg, #D3A5DF 0%, #FFDFDE 88.02%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 1px 1px 1px rgba(148, 30, 177, 0.3), -1px -1px 1px #FFFFFF; /* inset , inset -1px -1px 1px #FFFFFF */ } .app .app-content .card-goal .body-goal .rounded-graph.graph-hc .weight-blok .abs-weight-info.gradient-icon i.fa-gradient{ font-size: 3.3em; background: linear-gradient(180deg, #D3A5DF 0%, #FFDFDE 88.02%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 1px 1px 1px rgba(148, 30, 177, 0.3), -1px -1px 1px #FFFFFF; /* inset , inset -1px -1px 1px #FFFFFF */ } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access{} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok { background: #EEF1F1; box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); border-radius: 20px; position: relative; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok { position: relative; min-height: auto; height: 80px; width: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok.active{ background: #f6f7f7; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control{ width: 100%; line-height: 2.6; font-weight: normal; font-size: 16px; color: #384341; border: 2px solid transparent;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control{ position: relative; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 10px; height: 50px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.custom-select.custom-multiple{ height: 125px !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.custom-area{ height: 125px !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:focus, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:active, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.red{ border-color: #ff3b30; border-width: 2px; border-style: solid;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.green{ border-color: #1abd36; border-width: 2px; border-style: solid;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-text{ margin: 2rem 0 0 0; padding: 0; text-align: left; line-height: 50px; font-weight: normal; font-size: 14px; color: #384341;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok label{ display: inline-block; width: 100%; margin: 0; padding: 0 0 10px 9px; text-align: left; font-style: normal; font-weight: bold; font-size: 15px; line-height: 25px; color: #737373;/*#384341*/} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok label{ /*display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;*/} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .control-wid-mid{ border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .group-time-n-date .input-group .input-group-text{ border-top-left-radius: 0; border-bottom-left-radius: 0; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; height: auto; padding: .375rem .75rem !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-checkbox{ width: auto; height: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-checkbox .custom-control-label{ height: auto; padding: 0px 0px 0px 30px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label::after { left: 0rem; top: 0.49rem; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label::before { left: 0rem; top: 0.49rem; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control{ height: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control label, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label .form-control-plaintext.control-edit{ text-transform:capitalize !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group { margin-bottom: 2rem; position: relative; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label{ line-height: 40px; width: 288px; height: 35px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a { position: relative; width: 70px; height: 70px; overflow:hidden;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a:hover i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a:focus i { color: #00AFAA;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload img, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a img{ width: 70px; height: 70px; border-radius: 20px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ display: inline-block; opacity: 1; width: auto; height: auto; padding: .15rem 1.15rem;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ position: absolute; top: auto; bottom: -2.25rem; left: 0; right: 0; z-index: 999; margin: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ text-align: right; line-height: 30px; font-weight: bold; font-size: 14px; color: #FFFFFF;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ border-radius: 10px; background: transparent; box-shadow: none;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp.green{ background-color: rgba(26,189,54,.9);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp.red{ background-color: rgba(255,59,48,.9);} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group.group-rule-alert .btn-group { float:left;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group.group-rule-alert .btn-group > .dropdown-menu { left:0 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control{ width: 80%; margin: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label{ width: 100%; padding-left: 40px; position: relative;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label{ font-style: normal; font-size: 15px; color: #384341;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label b{ font-weight: 700;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label .form-control-plaintext.control-edit{ font-style: normal; font-weight: 700; font-size: 15px; color: #384341;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd{ position: absolute; right: auto; left: auto; bottom: auto; top: auto;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd i{ color: #FF9E99; text-shadow: none;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd:hover i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd:focus i, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.active i{ color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.modify{ right: 3rem; top: 0.5rem;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.remove{ right: 1rem; top: 0.5rem;} .app .app-content .app-content-holder._inOnePage{ min-height: 800px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop{} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card{ width: auto; height: auto; min-width: 400px; max-width: 900px; min-height: 200px; max-height: 400px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-first-default{ width: 706px; height: 290px; margin-right: 1rem;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-third-default{ width: 706px; height: 290px; margin-right: 1rem;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-second-default{ width: 419px; height: 290px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-fourth-default{ width: 419px; height: 290px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text{ padding: 0rem 0rem!important;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item{ position: relative; margin-bottom: 1.9rem;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i{ font-size: 22px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-low, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-high { height: 166px !important; } .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph{ } .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok { width: 180px; height: 180px; } .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::before{ width: 180.47px; height: 180.47px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::after{ width: 180.47px; height: 180.47px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info{ width: 103.79px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info img{ max-width: 35%;} .app-content .app-content-holder.contentholdin .content-body .gallery-menu-container.container-differ-button a.btn{ width:85% ;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-first-default, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-third-default, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-second-default, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card.card-fourth-default{ background:none !important; box-shadow:none !important;} .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-first-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-third-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-second-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-fourth-default{ background: #EEF1F1 !important; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15) !important;} /* .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-low, .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-high { height: 166px !important; } */ .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph{ } /* .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok { width: 180px; height: 180px; } .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::before{ width: 180.47px; height: 180.47px;} .app .app-content .app-content-holder._inOnePage .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::after{ width: 180.47px; height: 180.47px;} */ .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message{ display: inline-block; width: 100%; height: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message{ display: inline-block; width: 100%; height: 100%; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error em.doubleLane{ line-height: 16px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner{ display: flex !important; flex-wrap: wrap!important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: auto; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group{ margin-bottom: 0.9rem;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message{ display: inline-block; width: 100%; height: 50px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message{ display: inline-block; width: 100%; height: 50px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error{ margin: 0 0 15px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.fixiHght{ min-height: 140px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp{ border-bottom: 1px solid #D9E0E0; min-height: 70px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok{ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single{ width: 40px; height: 57px; margin: 0 11px; padding: 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ background: #EEF1F1; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ width: 34px; height: 34px; position: relative; margin: 0 auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok img{ max-width: 26px; width: 26px; height: 26px; padding: 5px 0 0 0; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .text-blok{ display: inline-block; width: 100%; height: auto; font-style: normal; font-weight: normal; font-size: 10px; line-height: 28px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #384341 !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; color: #FF9E99 !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:focus, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:active{ color: #384341 !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link{ color: #FFFFFF; font-weight: bold; font-size: 20px; line-height: 40px; text-transform: uppercase;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link{ width: 40px; height: 40px; display: block; padding: 0px; margin: 0px; float: left; border-radius: 50%; text-align: center;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link{ overflow: hidden !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link-txt{ background: #9F2DBC;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link-txt:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link-txt:focus, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link-txt:active{ background: #D1D9E6;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .link img{ border-radius: 50%; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-head .head-ctp .nav-tabs-crgiver li{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-head .head-ctp .nav-tabs-crgiver li{ padding: 0.5rem 1rem; margin: 0 0.5rem 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-head .head-ctp .nav-tabs-crgiver li.font-xs{ font-style: normal; font-weight: 400; font-size: 10px; line-height: 20px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-head .head-ctp .nav-tabs-crgiver li.font-sm{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-head .head-ctp .nav-tabs-crgiver li.font-green{ color: #00AFAA;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .title-inner, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .title-slider{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox{ width: 45px; height: 45px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label{ width: 22px; height: 22px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label::after{ left: 0.045rem;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict{ position: relative;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ position: absolute; right: -0.25rem; left: auto; top: -0.55rem; bottom: auto; z-index: 9999; padding: 0; margin: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ left: -0.75rem; right: auto; opacity: 0; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close { background: #d3150a; cursor: pointer;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ border-radius: 20px; width: 26px; height: 26px; text-align: center; cursor: default !important; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close i{ font-size: 16px; color: #FFFFFF; line-height: 27px; text-shadow: none !important; cursor: pointer; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict:hover .btn-icon-close{ opacity: 1; } /* .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok, */ .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok { background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -2px -2px 2px rgb(255 255 255 / 80%), 2px 2px 2px rgb(159 45 188 / 30%); border-radius: 5px;} /* .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok::after, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok::after, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok::after, */ .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ content: ''; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(159, 45, 188, 0.3); border-radius: 5px;} /* .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:hover .pict-blok::after, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:focus .pict-blok::after, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single:active .pict-blok::after, */ .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok{ background: #FFDFDE; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px #FF6259; border-radius: 5px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive:hover .pict-blok, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive.active .pict-blok{ box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(255, 98, 89, 0.5);} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.2), 2px 2px 2px #FF6259; border-radius: 5px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} /* .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive:focus .pict-blok, */ .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp .cr-giver-info{ width: auto; min-width: 384px; max-width: 384px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{ width: 696px;/*706px*/ height: 235px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info{ width: 100% !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info.info-custom{ width: 90% !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .content-info{ width: 40%; margin-right: 60px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .comment-pass{ width: 75px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok{ width: 100%; position: relative;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments{ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ position: absolute; z-index: 159; margin: auto; padding: 0; left: auto; right: auto; top: auto; bottom: auto; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ width: auto; height: auto; display: inline-block; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ width: 278px; height: 34px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .control-round{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control{ padding: 0 15px; height: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ background: none; box-shadow: none; border: none; border-radius: 0; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ padding: 0; width: 40px; height: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ width: auto; height: auto; min-width: 300px; max-width: 300px; min-height: 108px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show p{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output{ width: 100%;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output p{ width: inherit; height: 80px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating{ width: 100%; height: 36px; border-top: 1px solid #D9E0E0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-green{ text-shadow: none; color: #00AFAA;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-red{ text-shadow: none; color: #CC0A00;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd{ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd i{ color: #62CBC9;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:hover i, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:focus i, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd.active i{ color: #FF6259;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ width: 370px; height: 235px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; /*transform: matrix(1, 0, 0, -1, 0, 0);*/ } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify{ border-radius: 20px; overflow: hidden;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold{ height: 235px; overflow-x: hidden; overflow-y: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ position: relative;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ border-bottom: 1px solid #D9E0E0; display: inline-block; width: 100%; height: auto; padding: 0.9rem 33px; margin: 0 0 0.0rem 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one.blok-pinkiz{ background: rgba(255, 223, 222, 0.3); /*backdrop-filter: blur(4px); padding: 0.39rem 0rem 0.39rem 2rem;*/} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one:last-child{ border-bottom: none;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #7F8D8C;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 em{ font-style: normal; color: #A7B2AF;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 i{ color: #384341; text-shadow: none; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ padding: 0; margin: 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:focus, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:active, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link.active{ color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:hover a, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green{ text-shadow: none; color: #00AFAA;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red{ text-shadow: none; color: #CC0A00;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ position: absolute; right: 2rem; left: auto; top: 1rem; bottom: auto; padding: 0; margin: auto; z-index: 14;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp-buttons{} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks img{ display: inline-block; width: 26px; height: 26px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider{ width: 100%; padding: 1rem 4rem;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 10px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { display: inline-block; width: 70px;/*62px*/ height: 26px; padding: 0; margin: 5px 0 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: 700 !important; font-size: 14px; line-height: 28px; color: #7F8D8C; text-transform: uppercase !important;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ display: inline-block; width: 47%; height: 26px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group:first-child .col-form-label { padding-top: calc(0rem + 1px); padding-bottom: calc(0.75rem + 10px);} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ padding-top: calc(0.09rem + 2px); padding-bottom: calc(2rem + 1px);} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ font-weight: 700; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ font-weight: 400; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ display: inline-block; width: 100%;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal{ height: 12px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ height: 12px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track .slider-selection{ background: #62CBC9; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25); border-radius: 10px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ background: url("../../assets/img/icon/slider-handle-shadow-whole.png") 0 0 no-repeat; box-shadow: none; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; top: -0.6rem; bottom: 0; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ margin-left: -15px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle:last-child{ margin-left: -25px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder{ position: relative;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ position: absolute; margin: auto; padding: 0; display: inline-block; width: 111px; height: 30px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ top: -1.5em; bottom: auto; left: 0; right: 0; z-index: 159; white-space: nowrap; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ font-style: normal; font-weight: 700; font-size: 16px; line-height: 28px; color: #384341; text-align: center; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; text-align: center; color: #5D6A68;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen{ position: relative; width: 100%; height: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { position: absolute; top: -0.6em; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen { margin: 5px 0 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left::before { left: 3px; right: auto;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right::before { left: auto; right: 6px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left { margin: 5px 0 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right { margin: 5px 0 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left, .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ font-weight: normal; min-width: 30px; max-width: 30px; width: 50px; height: 30px;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left{ text-align: left; float: left;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ text-align: right; float: right;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ background: none; border: 11px solid rgba(153, 217, 217, 0.4); border-radius: 50%; display: inline-block; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle::before{ content: ""; background: #00AFAA; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5); border-radius: 50%; width: 16px; height: 16px; display: inline-block; } .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left { margin: 5px -24px 0 0;} .app .care-team-people.app-content .app-content-holder.teampeoplehold .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right { margin: 5px 0 0 -20px;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr{ } .app-content-full-width .app-content-holder.reportholdsIn .head-cmr{ border-bottom: 1px solid #D9E0E0; } .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr{} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:hover, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:focus, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control:active, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ width: 100%;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group:hover, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group:focus, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group:active, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control:hover, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control:focus, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control:active, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .form-control, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text:hover i, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .app-content-full-width .app-content-holder.reportholdsIn .head-cmr .form-group.group-report{ min-width: 500px;} .app-content-full-width .app-content-holder.reportholdsIn .card-body .table.table-fixhead { table-layout: auto; width: 100% !important; } .app-content-full-width .app-content-holder.reportholdsIn .card-body .table.table-fixhead tr th, .app-content-full-width .app-content-holder.reportholdsIn .card-body .table.table-fixhead tr td { white-space:nowrap; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { width: 100% !important; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { padding:15px 30px; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label { min-width:333px; line-height: 36px; color: #384341; font-weight: bold;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label .custom-select.form-control { width:15%; text-align:center;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { width: 49%; float:left; padding:15px 30px; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { text-align: left; line-height: 36px; color: #384341; font-weight: bold;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { width: 49%; float:right; padding:15px 30px; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info, .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { min-height:66px;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate {} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination { margin: 9px 0; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button { filter:none; border-radius: 30px;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link , .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { width:auto; min-width:auto; height:auto; background:none; box-shadow:none; border-radius:0; padding: 0.0rem 0.5rem; } .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link { color: #384341; font-weight: bold;} .app-content-full-width .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { color: #88918f;} .app-content-holder.reportholdsIn .card-body .table.table-fixhead { table-layout: auto; width: 100% !important; } .app-content-holder.reportholdsIn .card-body .table.table-fixhead tr th, .app-content-holder.reportholdsIn .card-body .table.table-fixhead tr td { white-space:nowrap; } .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { width: 100% !important; } .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length { padding:15px 30px; } .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label { min-width:333px; line-height: 36px; color: #384341; font-weight: bold;} .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_length label .custom-select.form-control { width:15%; text-align:center;} .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { width: 49%; float:left; padding:15px 30px; } .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info { text-align: left; line-height: 36px; color: #384341; font-weight: bold;} .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { width: 49%; float:right; padding:15px 30px; } .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_info, .app-content-holder.reportholdsIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { min-height:66px;} .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate {} .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination { margin: 9px 0; } .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button { filter:none; border-radius: 30px;} .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link , .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { width:auto; min-width:auto; height:auto; background:none; box-shadow:none; border-radius:0; padding: 0.0rem 0.5rem; } .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link { color: #384341; font-weight: bold;} .app-content-holder.reportholdsIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { color: #88918f;} .app-content .app-content-holder.contentholdin .common-inner-hold{ height: auto; min-height: 500px; width: 100%; position: relative; z-index: 357;} .app-content .app-content-holder.contentholdin .common-inner-hold .common-content-inner{} .app-content .app-content-holder.contentholdin .common-inner-hold .common-content-inner.left-section{} .app-content .app-content-holder.contentholdin .common-inner-hold .common-content-inner.right-section{ width: 100%; position: relative;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-link, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-link i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-link:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-link:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn{ padding-left: 3px; padding-right: 3px; padding-top: 0; padding-bottom: 0; margin:0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn:active, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .text-truncate .btn-group .btn.active{ box-shadow: none;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 70%); border-radius: 30px; height: 35px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 35px; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 30px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ padding: 0rem 1.7rem; color: #FF6259; font-size: 16px; line-height: 37px; font-weight: bold; text-transform: capitalize !important; border:none; height: 35px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .btn-group.group-tab .btn{ min-width: 103px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; margin: 0 30px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn.active{ padding: 0; border:none; text-shadow: none; filter:none; cursor: default;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn span{ background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn span{ display: inline-block; width: 100%; min-width: 150px; height: 100%; min-height: 80px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn span h2{ display: inline-block; width: 100%; height: auto; color: #384341; font-size: 24px; line-height: 28px; font-weight: bold; margin: 0.5em 0 0 0; padding: 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn span p{ color: #5D6A68; font-size: 16px; font-weight: bold; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info .btn span p small{ color: #5D6A68; font-size: 16px; margin: 0; padding: 0; text-transform: lowercase !important;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2{ font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2.text-danger{ color: #FF9E99 !important;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2.text-indigo{ color: #BD78CE !important;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2 .icon-toggole{} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2 .icon-toggole i{ color: #62CBC9; filter: drop-shadow(0px 1px 1px rgba(159, 45, 188, 0.95)); /*drop-shadow(0px -1px 1px rgba(255, 255, 255, 0.9)), */} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2 .icon-toggole:hover i, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body h2 .icon-toggole:focus i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-body{ padding: 0.2rem !important;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container{ border:none; position: relative;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px 20px 0 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-bottom: none; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header:first-child { border-radius: 20px 20px 0 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert{ table-layout: auto !important; border: none !important;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert th, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert td { white-space: nowrap; border:none; border-bottom: 1px solid #dae0ec;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert th:first-child, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert td:first-child{ border-right: 1px solid #D9E0E0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert td:nth-child(2){ width: 155px; min-width: 155px; max-width: 155px;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert .icon-axson i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.95); /*0px -1px 1px rgba(255, 255, 255, 0.9), */} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert .icon-axson:hover i, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert .icon-axson:focus i{ color: #384341;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert tbody tr:hover, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert tbody tr:focus, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert tbody tr:active, .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-insert tbody tr.active { background: rgba(255, 223, 222, 0.3); /*#FFDFDE*/} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-cardiachistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-cardiachistory td:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-activehistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-activehistory td:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-bghistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-bghistory td:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-sleephistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-sleephistory td:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-weighthistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-weighthistory td:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-tagHistory th:nth-child(2), .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .table.table-tagHistory td:nth-child(2){ width: auto; min-width: inherit; max-width: inherit;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header a.text-decoration-none{ color: #BDC7C5; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header a.text-decoration-none i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(159, 45, 188, 0.6);} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .group-info{ width: auto;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok{} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single:focus .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok{ /*background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF;*/} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single { width: 83px; height: 102px; margin: 0 35px 35px 0; text-align: center;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok { width: 68px; height: 68px; margin: 0 auto;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok::after { content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 68px; height: 68px; left: 0; top: 0; right: 0; bottom: 0;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok b { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .text-blok { font-size: 14px; line-height: 18px; color: #384341;/*white-space: nowrap;*/} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok img { max-width:50%;} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:focus .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single.active .pict-blok{ /*background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);*/} .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok, .app-content .app-content-holder.contentholdin.weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single.active .pict-blok{ background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin.tagshold .title .title-head{ font-weight: 600; font-size: 16px; line-height: 28px; color: #5D6A68;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; position: relative; min-height: 480px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead{ width: 151px; height: 151px; text-align: center; display: inline-block; vertical-align: middle;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead{ position: absolute; left: 0; right: 0; bottom: auto; top: -3.75em; z-index: 99; margin: auto; padding: 0;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15); border-radius: 50%;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead .lead-inne{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); border-radius: 50%;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead .lead-inne{ width: 118px; height: 118px; text-align: center; display: inline-block; vertical-align: middle; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead .lead-inne img{ margin: 0px auto; padding: 0px; vertical-align: middle;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead .lead-inne img{ width: 60px; height: auto;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .lead .lead-inne img.pad1{ padding: 0px; margin: 0px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list { height: 550px; overflow-y: scroll; overflow-x: scroll; } .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list { display: inline-block; width: 100%; padding: 15px 5px 15px 10px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item { text-align: center; margin: 0 11px 11px 0; } .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item { display: inline-block; width: 90px; height: 150px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item span { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341; margin: 10px 0; padding: 0 2px; white-space: nowrap; display: inline-block; width: 95px; height: 30px; overflow: hidden;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a { text-align: center;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a:hover, .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a:focus { background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a img { margin: 0 auto; padding: 20px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item.picture-img a img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item.picture-img a{ /*width: 48px; height: 48px; overflow-y: hidden !important;*/} .app-content .app-content-holder.contentholdin.tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item.picture-img a img{ width: 48px; height: 48px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap{ padding-top: 8em;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap label{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file{ width: 23px; height: 21px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-input{ width: 23px; height: 21px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label{ width: 23px; height: 21px; line-height: normal; padding: 0; margin: 0; overflow: hidden; background-color: transparent; border: none;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label::after{ display: none;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby{ display: flex;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ flex: 1; line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby .form-control{ flex: 1; max-width: 35%;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-drop .form-control { flex: 1; max-width: 55%;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up{ position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; height: 50px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down{ position: relative; background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; height: 50px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down:focus{ box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus::after{ content: ""; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ white-space: nowrap;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { color: #62CBC9;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { position: absolute; top: auto; bottom: 0; left: auto; right: auto; margin: auto; z-index: 99;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success i { color: #62CBC9; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:hover i, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:focus i { color: #FF9E99;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.picture { right: 73px; bottom: 28px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.camera { right: 23px; bottom: 28px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a { position: relative;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:hover i, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:focus i { color: #00AFAA;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload img, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a img{ width: 67px; height: auto;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ border:none; background:transparent; cursor:pointer; display: inline-block; width:55%; margin-bottom: .5rem;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:hover, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:focus { border:none; outline:none; box-shadow:none;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon { display: inline-block; width:auto; height:auto; margin-bottom: .5rem;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon i { font-size: 22px; line-height: 41px; color: #FF9E99;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:hover i, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:focus i{ color: #00AFAA;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group.tag-date-holder .tag-date-link i{ font-size: 22px; color: #FF9E99;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .page-header a.text-decoration-none {} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .page-header a.text-decoration-none i { font-size: 20px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #00AFAA;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:hover, .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:focus{ color: #FF9E99;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.icon-green{ padding: 0 10px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap label.custom-control-label{ line-height: inherit;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-switch{ padding-top: 0.65rem;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { position: relative; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { position: absolute; top: -15px; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left::before { left: 2px; right: auto;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right::before { left: auto; right: 2px;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left { text-align: left;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right { text-align: right;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { text-align: center;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { text-align: center;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { margin: 5px 0 0 0;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { width: 70px;} .app-content .app-content-holder.contentholdin .custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px;} .app-content .app-content-holder.contentholdin .custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.contentholdin .custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative;} .app-content .app-content-holder.contentholdin .custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit:hover i, .app-content .app-content-holder.contentholdin .custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.contentholdin .custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.contentholdin .custom-card .card-link:hover, .app-content .app-content-holder.contentholdin .custom-card .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .custom-card hr{ border: none !important;} .app-content .app-content-holder.contentholdin .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin .gallery-menu-container .card{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px 20px 0 0;} .app-content .app-content-holder.contentholdin .gallery-menu-container .card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-bottom: none; } .app-content .app-content-holder.contentholdin .gallery-menu-container .card .card-header:first-child { border-radius: 20px 20px 0 0;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert{ table-layout: auto !important; border: none !important;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert th, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert td { white-space: nowrap; border:none; border-bottom: 1px solid #dae0ec;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert th:first-child, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert td:first-child{ border-right: 1px solid #D9E0E0;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert th:nth-child(2), .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert td:nth-child(2){ width: 155px; min-width: 155px; max-width: 155px;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert .icon-axson i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.95); /*0px -1px 1px rgba(255, 255, 255, 0.9), */} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert .icon-axson:hover i, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert .icon-axson:focus i{ color: #384341;} .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert tbody tr:hover, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert tbody tr:focus, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert tbody tr:active, .app-content .app-content-holder.contentholdin .gallery-menu-container .table.table-insert tbody tr.active { background: rgba(255, 223, 222, 0.3); /*#FFDFDE*/} .app-content .app-content-holder.contentholdin .gallery-menu-container .card .card-header a.text-decoration-none{ color: #BDC7C5; } .app-content .app-content-holder.contentholdin .gallery-menu-container .card .card-header a.text-decoration-none i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(159, 45, 188, 0.6);} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2{ font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2.text-danger{ color: #FF9E99 !important;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2.text-indigo{ color: #BD78CE !important;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2 .icon-toggole{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2 .icon-toggole i{ color: #62CBC9; filter: drop-shadow(0px 1px 1px rgba(159, 45, 188, 0.95)); /*drop-shadow(0px -1px 1px rgba(255, 255, 255, 0.9)), */} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2 .icon-toggole:hover i, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body h2 .icon-toggole:focus i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .gallery-content-container .content-container-inner-blok .btn{ display: inline-block; width: auto;} .app-content .app-content-holder.contentholdin .gallery-content-container{ border:none; position: relative;} .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-textuals{ font-size: 16px; color: #384341; line-height: 25px;} .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-link, .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-link i{ color: #FF9E99;} .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-link:hover, .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-link:focus, .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn-link i{ text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin .gallery-menu-container .text-truncate .btn-group .btn{ padding-left: 3px; padding-right: 3px;} .app-content .app-content-holder.contentholdin .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 70%); border-radius: 30px; height: 35px;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 35px; } .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn:hover, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn:focus, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 30px;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ padding: 0rem 1.7rem; color: #FF6259; font-size: 16px; line-height: 37px; font-weight: bold; text-transform: capitalize !important; border:none; height: 35px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.contentholdin .gallery-menu-container .btn-group.group-tab .btn{ min-width: 103px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; margin: 0 30px;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn, .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn:focus, .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn.active{ padding: 0; border:none; text-shadow: none; filter:none; cursor: default;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn span{ background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn span{ display: inline-block; width: 100%; min-width: 150px; height: 100%; min-height: 80px;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn span h2{ display: inline-block; width: 100%; height: auto; color: #384341; font-size: 24px; line-height: 28px; font-weight: bold; margin: 0.5em 0 0 0; padding: 0;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn span p{ color: #5D6A68; font-size: 16px; font-weight: bold; margin: 0; padding: 0;} .app-content .app-content-holder.contentholdin .gallery-content-container .group-info .btn span p small{ color: #5D6A68; font-size: 16px; margin: 0; padding: 0; text-transform: lowercase !important;} .app-content .app-content-holder.importDataIn .head-cmr{ } .app-content .app-content-holder.importDataIn .head-cmr{ border-bottom: 1px solid #D9E0E0; } .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr{} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control:hover, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control:focus, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control:active, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control{ width: 100%;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group:hover, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group:focus, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group:active, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control:hover, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control:focus, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control:active, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .form-control, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .input-group-text:hover i, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .app-content .app-content-holder.importDataIn .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .app-content .app-content-holder.importDataIn .head-cmr .group-cmr.group-cmr-button{ height: 50px;} .app-content .app-content-holder.importDataIn .head-cmr .btn{} .app-content .app-content-holder.importDataIn .head-cmr .dropzs{ padding: 0px 10px; } .app-content .app-content-holder.importDataIn .head-cmr .dropzs .btn-dropzs{ position: relative; } .app-content .app-content-holder.importDataIn .head-cmr .dropzs .btn-dropzs i{ line-height: 30px; font-size: 30px; } .app-content .app-content-holder.importDataIn .table-cmr tr th, .app-content .app-content-holder.importDataIn .table-cmr tr td{ text-align: left;} .app-content .app-content-holder.importDataIn .table-cmr tr th:last-child, .app-content .app-content-holder.importDataIn .table-cmr tr td:last-child{ text-align: center;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder{ border-radius: 10px; width: 100%; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder .icon-bg{ background: #00AFAA; padding: 0 15px; border-radius: 10px 0 0 10px; height: 50px;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder .icon-bg i{ line-height: 49px; font-size: 22px; color: #FFFFFF ;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder .text-bg{ line-height: normal; font-weight: bold; font-size: 14px; color: #384341;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder a{ color: #384341;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder a:hover, .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder a:focus, .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder a:active, .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder a.active{ color: #00AFAA;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder.disabled { background: #dae0ec; } .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder.disabled .icon-bg { background: #dae0ec;} .app-content .app-content-holder.importDataIn .head-cmr .icon-text-holder.disabled p a{ color: #adadad;} .app-content .app-content-holder.importDataIn .card-body .table.table-fixhead { table-layout: auto; width: 100% !important; } .app-content .app-content-holder.importDataIn .card-body .table.table-fixhead tr th, .app-content .app-content-holder.importDataIn .card-body .table.table-fixhead tr td { white-space:nowrap; } .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_length { width: 100% !important; } .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_length { padding:15px 30px; } .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_length label { min-width:333px; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_length label .custom-select.form-control { width:15%; text-align:center;} .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_info { width: 49%; float:left; padding:15px 30px; } .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_info { text-align: left; line-height: 36px; color: #384341; font-weight: bold;} .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { width: 49%; float:right; padding:15px 30px; } .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_info, .app-content .app-content-holder.importDataIn .fixTableHead div.dataTables_wrapper div.dataTables_paginate { min-height:66px;} .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate {} .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination { margin: 9px 0; } .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button { filter:none; border-radius: 30px;} .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link , .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { width:auto; min-width:auto; height:auto; background:none; box-shadow:none; border-radius:0; padding: 0.0rem 0.5rem; } .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link { color: #384341; font-weight: bold;} .app-content .app-content-holder.importDataIn .fixTableHead .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.disabled .page-link { color: #88918f;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok{ margin: 0 !important; height: 39px;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file { height: 50px; width: 100%; padding: 0; margin: 0; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-input { opacity: 0; width: inherit; height: 39px;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-label { width: inherit; height: 39px; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-label { display: block; width: 100%; height: 39px; min-height: 39px; overflow: hidden; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-label { background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 40px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-label::after{ display: none; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 29px; color: #5D6A68; text-align: left; margin: 0; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file:hover .custom-file-label, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file:focus .custom-file-label, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file:active .custom-file-label, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file.active .custom-file-label { box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file.disabled{ background-color:transparent !important; line-height: normal !important; border-radius:40px !important; -webkit-border-radius:40px !important; -moz-border-radius:40px !important; -ms-border-radius:40px !important; -o-border-radius:40px !important; } .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .custom-file .custom-file-input.disabled{ opacity: 0 !important; background-color:transparent !important; line-height: normal !important; border-radius:40px !important; -webkit-border-radius:40px !important; -moz-border-radius:40px !important; -ms-border-radius:40px !important; -o-border-radius:40px !important;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group{ margin: 0;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-mtype, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-search, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-upload{ margin: 0; height: 39px;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-progress{ margin: 0; height: 19px;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-mtype, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-search, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-upload, .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-progress{ width: 300px;} .app-content .app-content-holder.importDataIn .head-cmr .csv-blok .form-group.group-progress .progress-bar{ background-color: #9F2DBC; /*#00AFAA-#9F2DBC-#FF6259*/transition: width 0.3s ease-in-out; animation: progressbar 5s forwards linear; -webkit-animation: progressbar 5s forwards linear; } @keyframes progressbar{ 0%{ width: 0%; } 50%{ width: 50%; } 100%{ width: 100%; }} .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert th:first-child { width: 40px; min-width: 40px; height: auto; text-align: center !important; } .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert th:first-child .custom-checkbox{ margin: 0 auto !important;} .app .app-content.group_user_history-people { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp{ border-bottom: 1px solid #D9E0E0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp{ border: none; border-bottom: none; margin: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li{ font-weight: 600; font-size: 16px; line-height: 34px;/*28px*/ color: #7F8D8C; padding: 0.07rem 0; margin: 0; border: none; border-bottom: none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li a{ font-weight: bold; font-size: 16px; line-height: inherit; color: #384341; padding: 0; margin: 0; border: none; border-bottom: none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li:active, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li a:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li a:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li a:active{ border: none; border-bottom: none; margin: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ min-width: 200px; background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu{ padding: .5rem 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a{ line-height: 2.75; padding: 0 23px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a:active{ background: #9F2DBC; color: #FFFFFF;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li .dropdown-menu a.active{ color: #FFFFFF;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ font-weight: bold; font-size: 16px; line-height: 25px; color: #384341; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 140px; height: 34px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.form-control{ margin: -0px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-ctp li select.custom-select{ margin: -6px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-crgiver li{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-crgiver li{ padding: 0.5rem 1rem; margin: 0 0.5rem 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-crgiver li.font-xs{ font-style: normal; font-weight: 400; font-size: 10px; line-height: 20px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-crgiver li.font-sm{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .nav-tabs-crgiver li.font-green{ color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .rlinks i { line-height: 35px; font-size: 17px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .rlinks:focus i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .rlinks:hover i { } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .btn-sm{ display: inline-block; background: #9F2DBC; color: #FFFFFF; border: none; border-radius: 15px; box-shadow: inset 7px 7px 30px rgb(255 255 255 / 20%), inset -7px -7px 30px rgb(209 217 230 / 20%); } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .btn-sm{ padding: 0.23em 0.75em; font-weight: 700 !important; margin: 0; height: auto; font-size: 12px; line-height: normal; text-transform: capitalize !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .btn-sm:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .btn-sm:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-head .head-ctp .right-careLinks .btn-sm:active{ background: #676767;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension{ position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.fixiHght{ min-height: 140px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp{ position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp{ border-bottom: 1px solid #D9E0E0; min-height: 70px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh{ min-height: 100px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single{ width: 40px; height: 57px; margin: 0 20px; padding: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .text-blok{ display: inline-block; width: 100%; height: auto; font-style: normal; font-weight: normal; font-size: 10px; line-height: 33px; color: #384341; text-transform: uppercase;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok{ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single{ width: 40px; height: 57px; margin: 0 11px; padding: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ background: #EEF1F1; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok{ width: 34px; height: 34px; position: relative; margin: 0 auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px rgba(159, 45, 188, 0.2); border-radius: 5px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok img{ max-width: 26px; width: 26px; height: 26px; padding: 5px 0 0 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .text-blok{ display: inline-block; width: 100%; height: auto; font-style: normal; font-weight: normal; font-size: 10px; line-height: 28px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #384341 !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; color: #FF9E99 !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info .text-ctp a:active{ color: #384341 !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link{ color: #FFFFFF; font-weight: bold; font-size: 20px; line-height: 40px; text-transform: uppercase;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link{ width: 40px; height: 40px; display: block; padding: 0px; margin: 0px; float: left; border-radius: 50%; text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link{ overflow: hidden !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link-txt{ background: #9F2DBC;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link-txt:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link-txt:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link-txt:active{ background: #D1D9E6;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .link img{ border-radius: 50%; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .title-inner, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .title-slider{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox{ width: 45px; height: 45px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label{ width: 22px; height: 22px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-chkbox .custom-checkbox .custom-control-label::after{ left: 0.045rem;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict{ position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ position: absolute; right: -0.25rem; left: auto; top: -0.55rem; bottom: auto; z-index: 9999; padding: 0; margin: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ left: -0.75rem; right: auto; opacity: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close { background: #d3150a; cursor: pointer;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close{ border-radius: 20px; width: 26px; height: 26px; text-align: center; cursor: default !important; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict .btn-icon-close i{ font-size: 16px; color: #FFFFFF; line-height: 27px; text-shadow: none !important; cursor: pointer; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-pict:hover .btn-icon-close{ opacity: 1; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok { background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -2px -2px 2px rgb(255 255 255 / 80%), 2px 2px 2px rgb(159 45 188 / 30%); border-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ content: ''; box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(159, 45, 188, 0.3); border-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.active .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok{ background: #FFDFDE; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.8), 2px 2px 2px #FF6259; border-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive:hover .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive.active .pict-blok{ box-shadow: inset -2px -2px 2px rgba(255, 255, 255, 0.8), inset 2px 2px 2px rgba(255, 98, 89, 0.5);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ content: ''; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.2), 2px 2px 2px #FF6259; border-radius: 5px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single.crgvactive .pict-blok::after{ position: absolute; width: 34px; height: 34px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .cr-giver-info{ width: auto; min-width: 384px; max-width: 384px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension{ width: 100%; position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{ width: 696px;/*706px*/ height: 235px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info{ width: 100% !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .graph-info.info-custom{ width: 90% !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-block .chart-info-blok .content-info{ width: 40%; margin-right: 60px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .comment-pass{ width: 75px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok{ width: 100%; position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments{ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ position: absolute; z-index: 159; margin: auto; padding: 0; left: auto; right: auto; top: auto; bottom: auto; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz{ width: auto; height: auto; display: inline-block; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group{ width: 278px; height: 34px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .control-round{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control{ padding: 0 15px; height: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .form-control, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ background: none; box-shadow: none; border: none; border-radius: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .input-group .input-group-append .input-group-text{ padding: 0; width: 40px; height: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 5px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show{ width: auto; height: auto; min-width: 300px; max-width: 300px; min-height: 108px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show p{ font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output{ width: 100%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-output p{ width: inherit; height: 80px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating{ width: 100%; height: 36px; border-top: 1px solid #D9E0E0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings{ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-green{ text-shadow: none; color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-red{ text-shadow: none; color: #CC0A00;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-detailed-info .card-crgiver .chart-info-blok .chart-info-comments .commentz-generalz .group-comment-show .comment-rating .ratings .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd{ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd i{ color: #BDC7C5;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd:focus i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .icon-clnd.active i{ color: #FF6259;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ width: 370px; height: 235px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; /*transform: matrix(1, 0, 0, -1, 0, 0);*/ } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify{ border-radius: 20px; overflow: hidden;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold{ height: 235px; overflow-x: hidden; overflow-y: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one{ border-bottom: 1px solid #D9E0E0; display: inline-block; width: 100%; height: auto; padding: 0.9rem 33px; margin: 0 0 0.0rem 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one.blok-pinkiz{ background: rgba(255, 223, 222, 0.3); /*backdrop-filter: blur(4px); padding: 0.39rem 0rem 0.39rem 2rem;*/} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one:last-child{ border-bottom: none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #7F8D8C;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 em{ font-style: normal; color: #A7B2AF;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3 i{ color: #384341; text-shadow: none; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one p, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h3, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h4, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one h5{ padding: 0; margin: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link:active, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .link.active{ color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:hover a, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green{ text-shadow: none; color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red{ text-shadow: none; color: #CC0A00;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-green, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-red, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .cr-giver-comments .card-crgiver-message.body-notify .notific-hold .blok-one .icon-yellow{ position: absolute; right: 2rem; left: auto; top: 1rem; bottom: auto; padding: 0; margin: auto; z-index: 14;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single{ width: 50px; height: 70px; text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok { width: 45px; height: 45px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok::after { width: 45px; height: 45px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp.single-guh .cr-giver-icon-holder .cr-giver-icon-blok .crgv-single .pict-blok img { max-width: 25px; width: 25px; height: auto; padding: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp-buttons{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp-buttons .rlinks img{ display: inline-block; width: 26px; height: 26px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider{ width: 100%; padding: 1rem 4rem;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group { display: inline-block; width: 70px;/*62px*/ height: 26px; padding: 0; margin: 5px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: 700 !important; font-size: 14px; line-height: 28px; color: #7F8D8C; text-transform: uppercase !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn{ display: inline-block; width: 47%; height: 26px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.active { color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group:first-child .col-form-label { padding-top: calc(0rem + 1px); padding-bottom: calc(0.75rem + 10px);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ padding-top: calc(0.09rem + 2px); padding-bottom: calc(2rem + 1px);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label{ font-weight: 700; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ font-weight: 400; font-style: normal; font-size: 14px; line-height: 22px; text-align: right; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .col-form-label small{ display: inline-block; width: 100%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal{ height: 12px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ background: #EEF1F1; box-shadow: inset -2px -2px 3px #FFFFFF, inset 3px 3px 3px #D1D9E6; border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track{ height: 12px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-track .slider-selection{ background: #62CBC9; box-shadow: 0px 2px 4px rgba(148, 30, 177, 0.25); border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ background: url("../../assets/img/icon/slider-handle-shadow-whole.png") 0 0 no-repeat; box-shadow: none; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; top: -0.6rem; bottom: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle{ margin-left: -15px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .slider.slider-horizontal .slider-handle:last-child{ margin-left: -25px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder{ position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ position: absolute; margin: auto; padding: 0; display: inline-block; width: 111px; height: 30px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ top: -1.5em; bottom: auto; left: 0; right: 0; z-index: 159; white-space: nowrap; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .blok-slider-value{ font-style: normal; font-weight: 700; font-size: 16px; line-height: 28px; color: #384341; text-align: center; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 28px; text-align: center; color: #5D6A68;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen{ position: relative; width: 100%; height: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen::before { position: absolute; top: -0.6em; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen { margin: 5px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-left::before { left: 3px; right: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .line-gen.ex-right::before { left: auto; right: 6px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ font-weight: normal; min-width: 30px; max-width: 30px; width: 50px; height: 30px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-left{ text-align: left; float: left;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .form-group .blok-slider-holder .svalue-MinMax .ex-right{ text-align: right; float: right;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ background: none; border: 11px solid rgba(153, 217, 217, 0.4); border-radius: 50%; display: inline-block; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle{ width: 38px; height: 38px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .css-based .form-group .slider.slider-horizontal .slider-handle::before{ content: ""; background: #00AFAA; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5); border-radius: 50%; width: 16px; height: 16px; display: inline-block; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin { width: 100%; position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content {} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tab-pane {} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tab-pane .demo-title{ font-family: 'Poppins', sans-serif !important; font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; color: #5D6A68; text-align: left; text-transform: none; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tab-pane .demo-title{ padding: 0.5rem 2rem 1rem; margin: 0 0 0.95rem 0; border-bottom: 1px solid #D9E0E0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight{ background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok{} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single:hover .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight .weight-blok .wght-single:focus .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single{ display: inline-block; width: 120px; height: 160px; margin: 0 28px 28px 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok{ display: inline-block; width: 120px; height: 120px; position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok::after{ content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 120px; height: 120px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok img{ margin: 0 auto 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .pict-blok b{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single .text-blok{ display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok{ /*background: rgba(255, 223, 222, 0.5); box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF;*/} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single { width: 83px; height: 102px; margin: 0 35px 35px 0; text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok { width: 68px; height: 68px; margin: 0 auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok::after { content: ''; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*-4px -4px 4px rgba(255, 255, 255, 0.7),*/ border-radius: 10px; position: absolute; width: 68px; height: 68px; left: 0; top: 0; right: 0; bottom: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok b { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .text-blok { white-space: nowrap; font-size: 14px; line-height: 28px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single .pict-blok img { max-width:50%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:hover .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single:focus .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph.weight-icon .weight-blok .wght-single.active .pict-blok{ /*background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15);*/} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:hover .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single:focus .pict-blok, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .weighthold .gallery-content-container .card.card-weight.weight-graph .weight-blok .wght-single.active .pict-blok{ background: linear-gradient(180deg, rgba(255, 223, 222, 0.35) 0%, rgba(211, 165, 223, 0.1) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container { max-width: 23rem; min-width: 23rem; width: 23rem; background: transparent; /*#9F2DBC*/} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .title .title-head{ font-weight: 600; font-size: 16px; line-height: 28px; color: #5D6A68;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; position: relative; min-height: 480px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead{ width: 151px; height: 151px; text-align: center; display: inline-block; vertical-align: middle;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead{ position: absolute; left: 0; right: 0; bottom: auto; top: -3.75em; z-index: 99; margin: auto; padding: 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15); border-radius: 50%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead .lead-inne{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); border-radius: 50%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead .lead-inne{ width: 118px; height: 118px; text-align: center; display: inline-block; vertical-align: middle; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead .lead-inne img{ margin: 0px auto; padding: 0px; vertical-align: middle;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead .lead-inne img{ width: 60px; height: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .lead .lead-inne img.pad1{ padding: 0px; margin: 0px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list { height: 550px; overflow-y: scroll; overflow-x: scroll; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list { display: inline-block; width: 100%; padding: 15px 5px 15px 10px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item { text-align: center; margin: 0 11px 11px 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item { display: inline-block; width: 90px; height: 150px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item span { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341; margin: 10px 0; padding: 0 2px; white-space: nowrap; display: inline-block; width: 95px; height: 30px; overflow: hidden;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a { text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a:focus { background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-menu-container .card .widget-img-list .widget-img-list-item a img { margin: 0 auto; padding: 20px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap{ padding-top: 8em;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap label{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file{ width: 23px; height: 21px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-input{ width: 23px; height: 21px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label{ width: 23px; height: 21px; line-height: normal; padding: 0; margin: 0; overflow: hidden; background-color: transparent; border: none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-file .custom-file-label::after{ display: none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby{ display: flex;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ flex: 1; line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby .form-control{ flex: 1; max-width: 35%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-drop .form-control { flex: 1; max-width: 55%;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up{ position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; height: 50px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down{ position: relative; background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; height: 50px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-down:focus{ box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-control.control-up:focus::after{ content: ""; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby label{ white-space: nowrap;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { color: #62CBC9;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success { position: absolute; top: auto; bottom: 0; left: auto; right: auto; margin: auto; z-index: 99;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success i { color: #62CBC9; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success:focus i { color: #FF9E99;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.picture { right: 73px; bottom: 28px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-success.camera { right: 23px; bottom: 28px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a { position: relative;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a:focus i { color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload img, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .thumbnails-upload a img{ width: 67px; height: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control{ border:none; background:transparent; cursor:pointer; display: inline-block; width:55%; margin-bottom: .5rem;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .control:focus { border:none; outline:none; box-shadow:none;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon { display: inline-block; width:auto; height:auto; margin-bottom: .5rem;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon i { font-size: 22px; line-height: 41px; color: #FF9E99;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .input-group .input-group-addon:focus i{ color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group.tag-date-holder .tag-date-link i{ font-size: 22px; color: #FF9E99;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .page-header a.text-decoration-none {} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .page-header a.text-decoration-none i { font-size: 20px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:hover, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.text-more:focus{ color: #FF9E99;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap a.icon-green{ padding: 0 10px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap label.custom-control-label{ line-height: inherit;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-group .custom-switch{ padding-top: 0.65rem;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { position: relative; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 8px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b::before { position: absolute; top: -15px; bottom: auto; left: 0; right: 0; margin: auto; padding: 0; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left::before { left: 2px; right: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right::before { left: auto; right: 2px;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left { text-align: left;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right { text-align: right;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b { margin: 5px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.left , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.right , .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .cr-giver-mainitem-blok .single-ctp-extension .tabsholdin .tab-content .tagshold .gallery-content-container .card.card-tags .card-body.body-gap .group-sideby.group-slider small.form-text b.center { width: 70px;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt{ display: flex; flex-direction: row; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; height: 48px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt{ width: 375px; margin: 0 0 0 0rem; border: none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.btn-sptc1{ background: #85604B;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.btn-sptc2{ background: #9D7C69;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.btn-sptc3{ background: #B49380;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.btn-sptc4{ background: #CFAD9A;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.btn-sptc5{ background: #EBCDBC;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn:hover, .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn:focus{ width: auto; border: none; border-radius: 0px; box-shadow: none; filter: none; padding: 0; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn.active{ border: 3px solid #fd2a1e;} .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn:first-child{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; } .app .app-content .app-content-holder.generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .btn-group.group-spt .btn:last-child{ border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; } .app .app-content .app-content-holder.widget-groupMonitor .GMblok_SinglePage{} .app .app-content .app-content-holder.widget-groupMonitor .GMblok_SinglePage .card{ width: 32.33333%; margin: 3px -3px;} /* wirn - How to limit text to n lines with CSS? | https://albertwalicki.com/learn/solutions/how-to-limit-text-to-n-lines | START */ .card-general-table .card-body .table-responsive.responsive-custom .table.userTbl td:nth-last-of-type(2n+1) /* Odd Element(s) dectected */ { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .card-general-table .card-body .table-responsive.responsive-custom .table.userTbl td:nth-last-of-type(2n) /* Even Element(s) dectected */ { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .card-general-table .card-body .table-responsive.responsive-custom .table.userTbl td.ifOverFlow{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100px; min-width: 100px;} .card-general-table .card-body .table-responsive.responsive-custom .table.userTbl td.ifOverFlow{ /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;*/ } /* wirn - How to limit text to n lines with CSS? | FINISH */ .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag{} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag .form-group label.block{ width: 100%;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag .form-group .btn{ margin-top: 0.7rem;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag .form-group label{ line-height: 3.3;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag .form-group .located{ height: 70px; padding: 0.375rem 0.75rem;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .location-tag .form-group .located{ font-size: 15px; color: #5D6A68; font-weight: 600; line-height: 2;} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-tags{} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-tags .form-group{} .app-content .app-content-holder.contentholdin.tagshold .gallery-content-container .card.card-tags .card-body.body-gap .form-tags .form-group label{ padding: 0 !important; margin: 0 !important;} .for_DesigNOnly{} .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-first-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-third-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-second-default, .app .app-content .app-content-holder._inOnePage.for_DesigNOnly .tab-content .holder_iop .card.card-fourth-default{ background: #EEF1F1 !important; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15) !important;} .app .app-content .app-content-holder .tab-content .holder_iop .GMblok_Holder{ /*height:100% !important; min-height:612px !important;*/} .app .app-content .app-content-holder{ min-height: 800px;} .app .app-content .app-content-holder .tab-content .holder_iop{} .app .app-content .app-content-holder .tab-content .holder_iop .card{ width: auto; height: auto; min-width: 400px; max-width: 900px; min-height: 200px; max-height: 400px;} .app .app-content .app-content-holder .tab-content .holder_iop .card.card-first-default{ width: 706px; height: 290px; margin-right: 1rem;} .app .app-content .app-content-holder .tab-content .holder_iop .card.card-third-default{ width: 706px; height: 290px; margin-right: 1rem;} .app .app-content .app-content-holder .tab-content .holder_iop .card.card-second-default{ width: 419px; height: 290px;} .app .app-content .app-content-holder .tab-content .holder_iop .card.card-fourth-default{ width: 419px; height: 290px;} .app .app-content .app-content-holder.contentholdin .content-body .gallery-menu-container.container-differ-button a.btn{ width:85% ;} .app .app-content .app-content-holder .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text{ padding: 0rem 0rem!important;} .app .app-content .app-content-holder .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item{ position: relative; margin-bottom: 1.9rem;} .app .app-content .app-content-holder .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item:last-child{ margin-bottom:0;} .app .app-content .app-content-holder .tab-content .holder_iop .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i{ font-size: 22px;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph { /*margin:2rem 0 0 0;*/} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph { margin:2rem 0 0 0;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide { margin:1rem 0 0 0;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text { margin: 0.5rem 0 0 0;} /* .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info{ width: 103.79px;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok .abs-weight-info img{ max-width: 35%;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok{ width: 250px; height: 250px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::before{ width: 218.47px; height: 218.47px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .rounded-graph .weight-blok::after{ width: 228.47px; height: 228.47px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical { height: 226px; width: 9px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track { height: 226px; width: 9px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-low, .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-track-high{ height: 226px !important; width: 9px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slider.slider-vertical .slider-handle { height: 31px; width: 9px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item{ position: relative; margin-bottom: 3.3rem ;} .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i { font-size: 24px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item.item-green i { font-size: 24px; } .app .app-content .app-content-holder .tab-content .card-fourth-default.card-goal .body-goal .information-graph .slide-text .slide-item i { width: 22px; height: 22px; } */ /*218.47px*/ /*226px - 186px*/ /*226px*/ /*186px*/ .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ font-weight: bold; font-size: 14px; line-height: 20px; color: #384341; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 150px; height: auto;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ margin: -0px 0 0 0;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ font-weight: bold; font-size: 14px; line-height: 20px; color: #384341; } .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ border: none; box-shadow: none; background-color: transparent; border-radius: 0; padding: 0; width: 150px; height: auto;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-menu-container .card .card-header select.form-control.control-bgu{ margin: -0px 0 0 0;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon{ width: 30px; height: 30px; display: inline-block; text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon{ position: absolute; left: 12px; right: auto; top: 16px; bottom: auto; z-index: 69; padding: 0; margin: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon i{ color: #FF9E99; font-weight: 700; font-size: 20px; line-height: 1.6; text-shadow: none; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon:focus i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon:active i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok .single-ctp .colla-icon.active i{ color: #00AFAA;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon{ width: 30px; height: 30px; display: inline-block; text-align: center;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon{ position: absolute; left: 12px; right: auto; top: 10px; bottom: auto; z-index: 69; padding: 0; margin: auto;} .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon i{ color: #FF9E99; font-weight: 700; font-size: 20px; line-height: 1.6; text-shadow: none; } .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon:hover i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon:focus i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon:active i, .app .app-content.group_user_history-people .app-content-holder.groupuserhistoryholdin .care-body .cr-giver-main-blok.main-blok-slider .colla-icon.active i{ color: #00AFAA;} .app-content .app-content-holder.contentholdin .common-inner-hold .gallery-content-container .card .card-body .text-icon img{ width: 48px !important; height: auto !important; } .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner.table-striped tbody tr:nth-of-type(odd){ background-color: rgb(228 233 237);} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner{ /*border-left: 1px solid #dae0ec; border-right: 1px solid #dae0ec;*/ border-bottom: 1px solid #dae0ec;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .row-foot{ background-color: rgba(228 233 237, 0.0); height: auto; margin: 0 0 2rem 0; padding: 10px 0px; /*border-left: 1px solid #dae0ec; border-right: 1px solid #dae0ec;*/ border-bottom: 1px solid #dae0ec; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .app-content .app-content-holder .card.card-general-table .table.table-margedata .dt-buttons .btn .active{ color: #9F2DBC;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td.dt-buttons .btn i{ color: #9F2DBC;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td.dt-buttons .btn:hover i, .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td.dt-buttons .btn:focus i, .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td.dt-buttons .btn:active i, .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td.dt-buttons .btn.active i{ color: #FF9E99;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group>.custom-select:not(:last-child), .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group>.form-control:not(:last-child){ border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td{ line-height: 2.6;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody th:nth-child(1), .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td{ border-bottom: 1px solid #dae0ec ;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .table.table-margedatainner tr td{ line-height: normal;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group{ flex-wrap: nowrap;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group .form-control{ color: #384341; font-weight: bold;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group .input-group-append .input-group-text{ background-color: #62CBC9; border-color: #62CBC9;} .app-content .app-content-holder .card.card-general-table .table.table-margedata tbody td .input-group .input-group-append .input-group-text i{ color: #FFFFFF; text-shadow: none;} .app-content .app-content-holder.userInHold .head-cmr{ } .app-content .app-content-holder.userInHold .head-cmr{ border-bottom: 1px solid #D9E0E0; } .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr{} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control:hover, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control:focus, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control:active, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control{ width: 100%;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group:hover, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group:focus, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group:active, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control:hover, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control:focus, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control:active, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .form-control, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .input-group-text:hover i, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .app-content .app-content-holder.userInHold .head-cmr .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .app-content .app-content-holder.userInHold .head-cmr .group-cmr.group-cmr-button{ height: 50px;} .app-content .app-content-holder.userInHold .head-cmr .btn{} .app-content .app-content-holder.userInHold .head-cmr .dropzs{ padding: 0px 10px; } .app-content .app-content-holder.userInHold .head-cmr .dropzs .btn-dropzs{ position: relative; } .app-content .app-content-holder.userInHold .head-cmr .dropzs .btn-dropzs i{ line-height: 30px; font-size: 30px; } .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder{ border-radius: 10px; width: 100%; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder .icon-bg{ background: #00AFAA; padding: 0 15px; border-radius: 10px 0 0 10px; height: 50px;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder .icon-bg i{ line-height: 49px; font-size: 22px; color: #FFFFFF ;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder .text-bg{ line-height: normal; font-weight: bold; font-size: 14px; color: #384341;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder a{ color: #384341;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder a:hover, .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder a:focus, .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder a:active, .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder a.active{ color: #00AFAA;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder.disabled { background: #dae0ec; } .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder.disabled .icon-bg { background: #dae0ec;} .app-content .app-content-holder.userInHold .head-cmr .icon-text-holder.disabled p a{ color: #adadad;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok{ margin: 0 !important; height: 39px;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file { height: auto; width: auto; padding: 0; margin: 0; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-input { opacity: 0; width: inherit; height: 40px; top: -9px;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-label { width: inherit; height: 39px; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-label { display: block; width: 100%; height: 39px; min-height: 39px; overflow: hidden; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-label { background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 40px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-label::after{ display: none; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 29px; color: #5D6A68; text-align: left; margin: -8px 0 0 0; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file:hover .custom-file-label, .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file:focus .custom-file-label, .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file:active .custom-file-label, .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file.active .custom-file-label { box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file.disabled{ background-color:transparent !important; line-height: normal !important; border-radius:40px !important; -webkit-border-radius:40px !important; -moz-border-radius:40px !important; -ms-border-radius:40px !important; -o-border-radius:40px !important; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .custom-file .custom-file-input.disabled{ opacity: 0 !important; background-color:transparent !important; line-height: normal !important; border-radius:40px !important; -webkit-border-radius:40px !important; -moz-border-radius:40px !important; -ms-border-radius:40px !important; -o-border-radius:40px !important;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group{ margin: 0;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-upload label.name{ height: auto; padding: 0 15px 0 0; line-height: 3.5;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-upload label.name{ font-weight: 600; font-size: 16px; color: #7F8D8C; margin: 0; border: none; border-bottom: none; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-upload{ margin: 0; height: auto;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-progress{ margin: 0; height: 19px;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-upload{ width: auto; margin: 0 0 0 20px;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-progress{ width: 300px; margin: 0 20px 0 0;} .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-progress .progress-bar{ background-color: #9F2DBC; /*#00AFAA-#9F2DBC-#FF6259*/transition: width 0.3s ease-in-out; animation: progressbar 5s forwards linear; -webkit-animation: progressbar 5s forwards linear; } .app-content .app-content-holder.userInHold .head-cmr .csv-blok .form-group.group-progress .progress-bar{ font-weight: 700; line-height: 2;} @keyframes progressbar{ 0%{ width: 0%; } 50%{ width: 50%; } 100%{ width: 100%; }} .app .toasts-container.toasts-center{ left: 235px; right: 0; top: 65px; bottom: auto; margin: auto;} .app .toasts-container.toasts-center{ width: 444px;} .app .toasts-container .toast .toast-header{ padding: .55rem 1rem;} .app .toasts-container .toast .toast-body{ padding: 1.35rem 1.35rem 2rem 1.35rem;} .app .toasts-container .toast .toast-body .alert-message{ font-weight: normal; font-size: 12px; line-height: 20px; } .app .toasts-container .toast .toast-body .alert-message em{ font-weight: bold;font-style: normal;} .app .toasts-container .toast .toast-body .alert-message, .app .toasts-container .toast .toast-body .alert-message .form-text{ position: relative;} .app .toasts-container .toast .toast-body .alert-message .faliure, .app .toasts-container .toast .toast-body .alert-message .seccess{ margin: 0 0 8px 0; padding: 2px 5px 2px 40px; display: inline-block; vertical-align: top; width: 100%; height: auto; line-height: 26px; font-size: 13px;} .app .toasts-container .toast .toast-body .alert-message .faliure{ color: #FF6259;} .app .toasts-container .toast .toast-body .alert-message .seccess{ color: #00AFAA;} .app .toasts-container .toast .toast-body .alert-message .close{ position: absolute; right: -0.75rem; left: auto; top: -0.75rem; bottom: auto; z-index: 369; padding: 0; margin: auto;} .app .toasts-container .toast .toast-body .alert-message .close{ border-radius: 20px; width: 36px; height: 36px; text-align: center; background: #9F2DBC;} .app .toasts-container .toast .toast-body .alert-message .close i{font-size: 18px; color: #FFFFFF; line-height: 35px; text-shadow: none !important;} .app .toasts-container .toast .toast-body .alert-message .form-text.faliure::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .app .toasts-container .toast .toast-body .alert-message .form-text.faliure::after{ content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: none !important;} .app .toasts-container .toast .toast-body .alert-message .form-text.seccess::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .app .toasts-container .toast .toast-body .alert-message .form-text.seccess::after{ content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #00AFAA !important; text-shadow: none !important;} .app .toasts-container .toast .toast-body .btn-sm{ background: #9F2DBC; color: #FFFFFF; border: none; border-radius: 15px; box-shadow: inset 7px 7px 30px rgb(255 255 255 / 20%), inset -7px -7px 30px rgb(209 217 230 / 20%); } .app .toasts-container .toast .toast-body .btn-sm{ font-weight: 700 !important; font-size: 12px; line-height: normal; text-transform: capitalize !important;} .app .toasts-container .toast .toast-body .btn-sm{ display: inline-block; padding: 0.23em 0.75em; margin: 0 auto; height: auto; } .app .toasts-container .toast .toast-body .btn-sm:hover, .app .toasts-container .toast .toast-body .btn-sm:focus, .app .toasts-container .toast .toast-body .btn-sm:active{ background: #676767;} .app .app-content .app-content-holder.userInHold .card.card-issue-box{ background: none; box-shadow: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.9), 4px 4px 3px rgba(159, 45, 188, 0.25); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box{ width: 20%; padding: 0rem; margin: 0 1.5rem 0 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold{ height: 444px; position: relative; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one{ position: relative; height: 360px; overflow-x: hidden; overflow-y: auto;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one{ display: inline-block; width: 100%; padding: 0rem; margin: 0 0 0.0rem 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one.blok-pinkiz{ background: rgba(255, 223, 222, 0.3); border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one.blok-pinkiz{ display: inline-block; width: 100%; height: 55px; padding: 0.9rem 33px; margin: 0 0 0.0rem 0; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one:last-child{ border-bottom: none;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h5{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h3{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 36px; color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h3{ display: inline-block; width: 100%; height: auto; border-bottom: 1px solid #D9E0E0; padding: 0.1rem 1.5rem; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h3:last-child{ border-bottom: none;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h3 em{ font-style: normal; color: #A7B2AF; margin-right: 0.35rem;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h3 i{ color: #384341; text-shadow: none; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one p, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h4, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one h5{ padding: 0; margin: 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .link:hover, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .link:focus, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .link:active, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .link.active{ color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue:hover a, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue:focus a, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue:focus a:hover, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-green{ text-shadow: none; color: #00AFAA;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-red{ text-shadow: none; color: #CC0A00;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-green, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-red, .app .app-content .app-content-holder.userInHold .card.card-issue-box .left-box .notific-hold .blok-one .icon-yellow{ position: absolute; right: 2rem; left: auto; top: 1rem; bottom: auto; padding: 0; margin: auto; z-index: 14;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box{ width: 100%; padding: 0rem; margin: 0rem;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold{ height: 444px; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one{ position: relative; height: 360px; overflow-x: hidden; overflow-y: auto;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one{ display: inline-block; width: 100%; padding: 0.9rem 33px; margin: 0 0 0.0rem 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one.blok-pinkiz{ background: rgba(255, 223, 222, 0.3); border-radius: 20px 20px 0 0; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; -o-border-radius: 20px 20px 0 0; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one.blok-pinkiz{ height: 55px; display: inline-block; width: 100%; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one:last-child{ border-bottom: none;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one p{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h5{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 23px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h3{ font-style: normal; font-weight: 700; font-size: 14px; line-height: 26px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h3 small{ font-style: normal; font-weight: 600; font-size: 14px; line-height: 26px; color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h3 em{ font-style: normal; color: #A7B2AF; margin-right: 0.35rem;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h3 i{ color: #384341; text-shadow: none; } .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h3{ display: inline-block; width: 100%; height: auto; padding: 0 0 0.75rem 0; margin: 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h4{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one p, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h4, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one h5{ padding: 0; margin: 0;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .link:hover, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .link:focus, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .link:active, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .link.active{ color: #384341;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue:hover a, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue:focus a, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue:focus a:hover, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blue:focus a:focus { color: #7F8D8C; text-decoration: underline !important;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-green{ text-shadow: none; color: #00AFAA;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-red{ text-shadow: none; color: #CC0A00;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-yellow{ text-shadow: none; color: #FEDD32;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-green, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-red, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .blok-one .icon-yellow{ position: absolute; right: 2rem; left: auto; top: 1rem; bottom: auto; padding: 0; margin: auto; z-index: 14;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .close{ position: absolute; top:15px; bottom: auto; right: 15px; left: auto; padding: 0; margin: auto;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .close{ cursor: pointer; opacity: 0.79;} .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .close i{ color: #af0900; text-shadow: none;} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one{ display: flex; } .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link, .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-linkicon{ align-items: center; flex-direction: row; justify-content: center;} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-linkicon{ padding: 19px 0px; margin: 0;} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link{ padding: 20px 0px; margin: 0 5px;} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link{ color: #FF6259;/*#FF9E99*/} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link:hover, .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link:focus, .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link:active, .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link.active{ color: #00AFAA;} .app .app-header .menu.menu-hgfigma .menu-item.item-nu-one .menu-link:last-child{ margin-right: 10px;} .app .app-header .menu.menu-hgfigma .menu-item.item-last .menu-link{ position: relative;} .app .app-header .menu.menu-hgfigma .menu-item.item-last .menu-link .menu-text::after{ content: "|"; position: absolute; left: -4px; right: auto; top: 15px; bottom: 0; margin: auto; padding: 0;} .app .app-header .menu.menu-hgfigma .menu-item.item-last .menu-link .menu-text::after{ display: inline-block; width: auto; height: auto; } .app .app-header .menu.menu-hgfigma .menu-item.item-last .menu-link .menu-text.menu-name-truncate{ width: 100px; min-width: 100px; max-width: 100px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group{} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr th, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr td{ border-top: none; border-bottom: 0px solid #dae0ec;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr td{ width: 61px; min-width: 61px; max-width: 61px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr td:nth-child(2){ width: 61px; min-width: 61px; max-width: 61px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr td:nth-child(3){ width: 51px; min-width: 51px; max-width: 51px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group tbody tr td.dt-buttons{ text-align: left; width: 111px; min-width: 111px; max-width: 111px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule{ margin: 13px 0 0 0; padding: 0; box-shadow: none; text-shadow: none;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule i{ color: #FF6259; text-shadow: none;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule:hover i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule:focus i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule:active i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .dt-buttons .btn-group-rule.active i{ color: #62CBC9;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .form-control{ padding: .375rem .75rem; margin: 0; height: 45px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .form-control.custom-select{ line-height: 2;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card-general-table table.table-rule-group .form-control.custom-select{ line-height: 2;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header.title .title-head{ width: 300px; line-height: 3; margin: 0 15px 0 5px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .title-head{ width: auto; line-height: 2.5; margin: 0 15px 0 5px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .text-decoration-none i{ font-size: 20px; color: #62CBC9; text-shadow: none;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .text-decoration-none:hover i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .text-decoration-none:focus i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .text-decoration-none:active i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .text-decoration-none.active i{ color: #9F2DBC;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .form-group{} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .form-group .form-control{ width: 100%; height: 45px; padding: .375rem .75rem; margin: 0; line-height: 2.6; font-weight: normal; font-size: 16px; color: #384341; border: 2px solid transparent;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-minus .form-control.custom-area{} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body hr.deepdevD{ border-color: rgb(103 103 103 / 35%); border-width: 2px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .title-head{ width: auto; line-height: 2.5; margin: 0 15px 0 5px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .title-head .form-control-plaintext{ min-width: 252px; width: auto; height: 40px; padding: 0.375rem 0.75rem; margin: 0;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .title-head .form-control-plaintext{ font-family: 'Poppins', sans-serif !important; line-height: 2; font-size: 0.95rem; font-weight: 500;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon{ padding: 0 10px; margin: 0 5px;} .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon i{ text-shadow: none; color: #FF6259; } .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon:hover i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon:focus i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon:active i, .app .app-content .app-content-holder .content-body .gallery-content-container .content-container-inner-blok .card .card-body .row-head .page-header .operate-icon.active i{ color: #00afaa;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title{ cursor: pointer;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .form-control-plaintext{ min-width: 252px; width: auto; height: 40px; padding: 0.375rem 0.75rem; margin: 0;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .form-control-plaintext{ font-family: 'Poppins', sans-serif !important; line-height: 2; font-size: 0.95rem; font-weight: 500;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon{ padding: 0 10px; margin: 0 5px;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon i{ text-shadow: none; color: #00afaa;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon:hover i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon:focus i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon:active i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.active i{ color: #FF6259;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.icon-operate i{ text-shadow: none; color: #9F2DBC;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.icon-operate:hover i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.icon-operate:focus i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.icon-operate:active i, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .operate-icon.icon-operate.active i{ color: #525252;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .btn-textualz{ color: #384341; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-transform: capitalize !important; box-shadow: none;} .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .btn-textualz:hover, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .btn-textualz:focus, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .btn-textualz:active, .app .app-content .app-content-holder.contentholdin.generikformzholdsin .content-body .gallery-content-container.rule-un-group .content-container-inner-blok .card .card-body .rule-group-title .btn-textualz.active{ box-shadow: none;} /* wirn - overwrite */ .app.app-loginregister .login .login-content{ position: relative; width: 441px; height: 624px; max-width:441px; min-height: 624px; z-index: 9; padding: 60px 40px;} .app.app-loginregister .login .login-content{ background: rgba(238, 241, 241, 0.7); backdrop-filter: blur(10px); border-radius: 20px;} .app.app-loginregister .login .login-content{ left: -30em; right: auto; top: 0; bottom: 0; margin: auto; z-index: 99;} .app.app-loginregister .login .login-content::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block;} .app.app-loginregister .login .login-content::after{ width:441px; height: 624px; background: rgba(238, 241, 241, 0.0); border-radius: 20px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /* filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */} .app.app-loginregister .login .login-content form .form-group{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #384341;} .app.app-loginregister .login .login-content form .form-group.group-input-control{ background: #EEF1F1; border-radius: 10px; position: relative; height: 49px;} .app.app-loginregister .login .login-content form .form-group.group-input-control::before{ content: ''; background: none; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; z-index: -2;} .app.app-loginregister .login .login-content form .form-group.group-input-control::before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: inline-block; width: 100%; height: 100%; } .app.app-loginregister .login .login-content form .form-group a.link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login .login-content form .form-group a.link:hover, .app.app-loginregister .login .login-content form .form-group a.link:focus{ color: #FF9E99; } .app.app-loginregister .login .login-content form .form-group .form-control { background: #EEF1F1; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.0); /*border-radius: 0px 0px;*/} .app.app-loginregister .login .login-content form .form-group .form-control { font-weight: normal; font-size: 16px; line-height: 25px; color: #7F8D8C;} .app.app-loginregister .login .login-content form .form-group .form-control.is-invalid { /*border: 3px solid #ff6b62;*/ border-left: none; border-right: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .app.app-loginregister .login .login-content form .form-group .form-control.is-valid { /*border: 3px solid #298682;*/ border-left: none; border-right: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .app.app-loginregister .login .login-content form .form-group.is-invalid .input-group-prepend .input-group-text { /*border: 3px solid #ff6b62;*/ border-right: none;} .app.app-loginregister .login .login-content form .form-group.is-valid .input-group-prepend .input-group-text { /*border: 3px solid #298682;*/ border-right: none;} .app.app-loginregister .login .login-content form .form-group.is-invalid .input-group-append .input-group-text { /*border: 3px solid #ff6b62;*/ border-left: none;} .app.app-loginregister .login .login-content form .form-group.is-valid .input-group-append .input-group-text { /*border: 3px solid #298682;*/ border-left: none;} .app.app-loginregister .login .login-content form .form-group .input-group-prepend .input-group-text{ background: #EEF1F1; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.0); border-radius: 10px 0px 0px 10px; border: none;} .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text{ background: #EEF1F1; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.0); border-radius: 0px 10px 10px 0px; border: none;} .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text i{ font-size: 18px; color: #525252; text-shadow: none;} .app.app-loginregister .login .login-content form .form-group .input-group-prepend .input-group-text, .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text, .app.app-loginregister .login .login-content form .form-group .form-control{ background: none; box-shadow: none;} .app.app-loginregister .login .login-content form .form-group .form-control{ width: auto;/*250px*/ height:49px;} .app.app-loginregister .login .login-content form .form-group.input-group.date-relative{ } .app.app-loginregister .login .login-content form .form-group.input-group.date-relative .datepicker{ top: 100% !important; left: 25% !important;} .app.app-loginregister .login .login-content form .form-group.input-group.date-relative .input-group-prepend{ width: 47px;} .app.app-loginregister .login .login-content form .form-group.input-group.date-relative .input-group-prepend .input-group-text{ padding:0 0 0 15px;} .app.app-loginregister .login .login-content form .form-group.input-group.date-relative .input-group-prepend .input-group-text img{ margin:-0.2rem 0 0 0;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-prepend{ width: 47px;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-prepend .input-group-text{ padding: 0 0 0 15px;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-prepend .input-group-text img{ margin: 0rem 0 0 0;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-prepend.height2part .input-group-text{ width: 47px;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-append{ width: 47px;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-append .input-group-text{ padding:0 0px 0 0;} .app.app-loginregister .login .login-content form .form-group.input-group .input-group-append .input-group-text img{ margin:0rem 0 0 0;} .app.app-loginregister .dropdown-toggle::after{ display: none;} .app.app-loginregister .btn-group > .dropdown-menu{ left: auto !important;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend{ width: 47px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend .btn-group{ width: 47px; text-align: center;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend .btn-group .btn{ margin: 0 auto; padding: 0 0 0 15px; text-align: center;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend .btn-group .btn i{ text-align: center;} .app.app-loginregister .login .login-content form .form-group.group-input-control:hover, .app.app-loginregister .login .login-content form .form-group.group-input-control:focus, .app.app-loginregister .login .login-content form .form-group.group-input-control:active, .app.app-loginregister .login .login-content form .form-group.group-input-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #D1D9E6, inset -4px -4px 4px #FFFFFF; border-radius: 10px; } .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone { width: 131px; } .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group { width: 131px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn { min-width: 105px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item{ width: 105px; padding: 0px 0px; } .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item:hover, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item:focus, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item:active, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .btn .dropdown-item.active{ background-color: transparent !important; background: none !important;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group img.img-flag{ width: 40px; padding-right: 5px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .country-code{ width: 50px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu{ height: 222px; overflow-x: hidden; overflow-y: auto;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu img.img-flag{ width: 40px; padding-right: 5px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .country-code{ width: 50px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .country-code, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .country-code{ text-align: left; font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341; text-transform: none !important;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .dropdown-item{ padding: 5px 12px;} .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .dropdown-item:hover .country-code, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .dropdown-item:focus .country-code, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .dropdown-item:active .country-code, .app.app-loginregister .login .login-content form .form-group.group-input-control .input-group-prepend.group-phone .btn-group .dropdown-menu .dropdown-item.active .country-code { color: #FFFFFF;} .app.app-loginregister hr.no-border{ border-color: transparent; margin-top: 0.5rem; margin-bottom: 0.5rem;} .app.app-loginregister .log-title{ font-weight: bold; font-size: 20px; line-height: 25px; color: #384341;} .app.app-loginregister .login .login-content form .form-group .input-group-append{ position: absolute; left: auto; right: 0;/*2.2rem*/ top: 0; bottom: 0; margin: auto; padding: 0; width: 34px; height: 34px;} .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text{ padding: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text i{ line-height: 34px; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app.app-loginregister .login .login-content form .form-group .input-group-append{ position: absolute; left: auto; right: 0;/*2.2rem*/ top: 0.4rem; bottom: auto; z-index:9999; margin: auto; padding: 0; width: 34px; height: 34px;} .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text{ padding: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .app.app-loginregister .login .login-content form .form-group .input-group-append .input-group-text i{ line-height: 34px;} .app.app-loginregister .login.register .login-content form .form-group.input-group .form-control { border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .app.app-loginregister .login .login-content .btn.btn-blok, .app.app-loginregister .login .login-content .btn.btn-blok a.btn-inny { width: auto; margin: 0 auto;} .app.app-loginregister .login .login-content h2 { display: inline-block; width: 365px; margin-left: -0.036em !important;} .app.app-loginregister .login .login-content h2 { font-style: normal; font-weight: bold; font-size: 68px; line-height: 68px; color: #384341; } .app.app-loginregister .login .login-content h3 { font-style: normal; font-weight: bold; font-size: 20px; line-height: 28px; color: #5D6A68; } .app.app-loginregister .login .login-content h3 { padding: 0 30px; } .app.app-loginregister .login .login-content.content-gap{ /*min-width: 309px; min-height: 666px;*/ padding: 60px 66px;} .app.app-loginregister .login .login-content form .form-group .custom-radio{ margin: 0 5px 0 0; padding: 4px 0 0 0; width: 120px; float: right;} .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-input{ width: 28px; height: 28px; right: -0.4rem; left: auto; top: -0.091rem; bottom: auto;} .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-label{ color: #384341; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-label{ padding-left: 0px; padding-right: 10px; } .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-label::before{ top: -0.41rem; left: auto; right: -1.5rem; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .app.app-loginregister .login .login-content form .form-group .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: auto; right: -1.17rem; top: -0.089rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .app.app-loginregister .login .login-content form .form-group .custom-checkbox{ margin: 0 5px 0 0; padding: 4px 0 0 0; width: 120px; float: right;} .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-input{ width: 22px; height: 22px; right: -0.4rem; left: auto; top: 0.1rem; bottom: auto;} .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-label{ color: #384341; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-label{ padding-left: 0px; padding-right: 10px; width: auto; height: auto;} .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-label::before { top: -0.1rem; left: auto; right: -1.5rem; width: 22px; height: 22px; border: none; background: #D1D9E6; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-label::before { border-radius: 2px; } .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; /*box-shadow: -1px -1px 1px #ffffff, 1px 1px 1px rgb(159 45 188 / 30%);*/ border-radius: 2px; } .app.app-loginregister .login .login-content form .form-group .custom-checkbox .custom-control-label::after { width: 22px; height: 22px; left: auto; right: -1.5rem; top: -0.15rem; } .app.app-loginregister .login .login-content form .form-group.group-choose{ display: inline-block; width: 100%; height: auto; padding: 7px 7px 7px 40px;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio{ margin: 0; padding: 0; width: 100%; display: inline-block; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-input{ width: 28px; height: 28px; right: auto; left: -0.4rem; top: -0.19rem; bottom: auto;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-label{ color: #384341; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-label{ padding-left: 30px; padding-right: 0px; padding-top: 0; margin-top: -5px; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-label::before{ top: -0.199rem; left: -0.4rem; right: auto; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -0.01rem; right: auto; top: 0.22rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox{ margin: 0; padding: 0; width: 100%; display: inline-block; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-input{ width: 28px; height: 28px; right: auto; left: -0.4rem; top: -0.19rem; bottom: auto;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-label{ color: #384341; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-label{ padding-left: 30px; padding-right: 0px; padding-top: 0; margin-top: -5px; } .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-label::before{ top: 0.1rem; left: -0.4rem; right: auto; width: 22px; height: 22px; background: #D1D9E6; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; border:none;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::before{ /*border-radius: 50%;*/} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::before{ /*box-shadow: -1px -1px 1px #ffffff, 1px 1px 1px rgb(159 45 188 / 30%);*/} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ /*background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;*/} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-label::after{ /*width: 16px; height: 16px; border-radius: 50%; left: -0.01rem; right: auto; top: 0.22rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;*/} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-label::after{ left: -0.4rem; right: auto; top: 0.1rem;} .app.app-loginregister .login .login-content form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .app.app-loginregister .login .login-content .group-links { position: absolute; width: 100%; height: auto; left: 0; right: 0; top: auto; bottom: 0rem; z-index: 19; margin: auto; } .app.app-loginregister .login .login-content .group-links .link{ width: 100%; display: inline-block; } .app.app-loginregister .login .login-content .group-links .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login .login-content .group-links .link:hover, .app.app-loginregister .login .login-content .group-links .link:focus, .app.app-loginregister .login .login-content .group-links .link:active, .app.app-loginregister .login .login-content .group-links .link.active{ color: #FF9E99;} .app.app-loginregister .login .login-content .group-links.bt-2{ border: none; border-top: 2px solid rgba(204, 203, 227, 0.65); } .app.app-loginregister .login .login-content .group-links .br-2{ border: none; border-right: 2px solid rgba(204, 203, 227, 0.65); } .app.app-loginregister .login .login-content form .form-group .input-group-prepend .input-group-text i{ font-size: 20px !important; color: #FF9E99 !important; text-shadow: inset 1px 1px 1px #FF6259 !important;} .app.app-loginregister .login .login-content i{ color: #62CBC9 !important; font-size: 22px !important; text-shadow: 0px 1px 1px rgb(159 45 188 / 90%) !important;} .app.app-loginregister .login .login-content form .form-group.control-left{ display: inline-block !important; width: 100%;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio{ display: block !important; width: 100%; text-align: center; float: none !important;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio{ margin: 0 5px 0 0; padding: 4px 0 0 0; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-input{ width: 28px; height: 28px; right: auto; left: 3.45rem; top: 0.15rem; bottom: auto; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-label{ color: #384341; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-label{ padding-left: 15px; padding-right: 0px; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-label::before{ top: -0.1rem; left: -1.5rem; right: auto; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -1.09rem; right: auto; top: 0.3rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-radio .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox{ margin: 0 0 0 2.5rem; padding: 0 0 0 0; width: auto; float: left;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-input{ width: 22px; height: 22px; right: auto; left: 0.0rem; top: 0.1rem; bottom: auto; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-label{ color: #384341; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-transform: capitalize !important; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-label{ padding-left: 35px; padding-right: 0px; width: auto; height: auto;} .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-label::before { top: 0.1rem; left: 0.0rem; right: auto; width: 22px; height: 22px; border: none; background: #D1D9E6; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-label::before { border-radius: 2px; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; border-radius: 2px; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-label::after { width: 22px; height: 22px; left: -0.009rem; right: auto; top: 0.11rem; bottom: auto; } .app.app-loginregister .login .login-content form .form-group.control-left .custom-checkbox .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .app.app-loginregister .login .login-content .icon-landinLink{ position: absolute; left: 1.5rem; right: auto; top: 4.3rem; bottom: auto; margin: auto; padding: 0; z-index: 63;} .app.app-loginregister .login .login-content .icon-landinLink i{ color: #BDC7C5 !important; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9) !important;} .app.app-loginregister .login .login-content .icon-landinLink:hover i, .app.app-loginregister .login .login-content .icon-landinLink:focus i, .app.app-loginregister .login .login-content .icon-landinLink:active i, .app.app-loginregister .login .login-content .icon-landinLink.active i{ color: #FF9E99 !important;} .app.app-loginregister .log-title.title-small{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #384341; padding: 0 3rem; } .app.app-loginregister .log-title.title-or{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #384341; padding: 0 3rem; text-transform: uppercase; } .app.app-loginregister .log-title.title-or{ position: relative;} .app.app-loginregister .log-title.title-or::after{ content: ""; background: #acb2ba; width: 40%; height: 1px; position: absolute; top:43%; bottom: 0; left: 0; right: auto;} .app.app-loginregister .log-title.title-or::before{ content: ""; background: #acb2ba; width: 40%; height: 1px; position: absolute; top:43%; bottom: 0; left: auto; right: 0;} .app.app-loginregister .login.register .login-content, .app.app-loginregister .login.fusername .login-content{ /*max-width: 310px;*/ padding: 60px 60px;} .app.app-loginregister .login.fusername .login-content, .app.app-loginregister .login.fpassword .login-content, .app.app-loginregister .login.sgcode .login-content{ min-height: 424px;} .app.app-loginregister .login .login-content .form-group.input-group-timing{ display: inline-block; text-align: center;} .app.app-loginregister .login .login-content .form-group.input-group-timing .form-control{ background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 5px; } .app.app-loginregister .login .login-content .form-group.input-group-timing .form-control{ display: inline-block; width: 39px; height: 39px; padding: 0; margin: 0 8px; } .app.app-loginregister .login .login-content .form-group.input-group-timing .form-control{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; text-align: center; color: #384341; } .app.app-loginregister .login .login-content.group-links { position: absolute; width: 100%; height: auto; left: 0; right: 0; top: auto; bottom: 0rem; z-index: 19; margin: auto; } .app.app-loginregister .login .login-content.group-links .link{ width: 100%; display: inline-block; } .app.app-loginregister .login .login-content.group-links .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login .login-content.group-links .link:hover, .app.app-loginregister .login .login-content.group-links .link:focus, .app.app-loginregister .login .login-content.group-links .link:active, .app.app-loginregister .login .login-content.group-links .link.active{ color: #FF9E99;} .app.app-loginregister .login .login-content.group-links.bt-2{ border: none; border-top: 2px solid rgba(204, 203, 227, 0.65); } .app.app-loginregister .login .login-content.group-links .br-2{ border: none; border-right: 2px solid rgba(204, 203, 227, 0.65); } .app.app-loginregister .login.login-new .login-new-whole{ position:relative; top:0; bottom:auto; left: -30em; right:auto; margin: auto; z-index: 99;} .app.app-loginregister .login.login-new .login-new-whole{ width:441px; height:623px;} .app.app-loginregister .login.login-new .login-new-whole .login-content{ left: 0; right: auto; top: 0; bottom: auto; margin: auto; z-index: 99;} .app.app-loginregister .login.login-new .login-new-whole .login-content{ border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -ms-border-radius: 20px 20px 0px 0px; -o-border-radius: 20px 20px 0px 0px; } .app.app-loginregister .login.login-new .login-new-whole .login-content{ height: 527px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks{ border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px 0px 0px; -moz-border-radius: 0px 0px 20px 20px 0px 0px; -ms-border-radius: 0px 0px 20px 20px 0px 0px; -o-border-radius: 0px 0px 20px 20px 0px 0px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks{ height: 100px; min-height: 96px; position: relative; width: 100%; height: 96px; left: 0em; right: auto; top: 1px; bottom: auto; z-index: 19; margin: auto; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks{ background: none; backdrop-filter: unset; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link{ width: 100%; display: inline-block; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link:hover, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link:focus, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link:active, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .link.active{ color: #FF9E99;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks.content-gapql{ padding: 0px 0px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql{ } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-left{ border-radius: 0px 0px 0px 20px; -webkit-border-radius: 0px 0px 0px 20px; -moz-border-radius: 0px 0px 0px 20px; -ms-border-radius: 0px 0px 0px 20px; -o-border-radius: 0px 0px 0px 20px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-right{ border-radius: 0px 0px 20px 0px; -webkit-border-radius: 0px 0px 20px 0px; -moz-border-radius: 0px 0px 20px 0px; -ms-border-radius: 0px 0px 20px 0px; -o-border-radius: 0px 0px 20px 0px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-left, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-right{ background: rgba(238, 241, 241, 0.7); backdrop-filter: blur(10px);} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-left, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-right{ flex: 0 0 49.9%; max-width: 49.9%; height: 96px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-left .loggap_2{ padding: 13px 28px 16px 0;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks .gql .gql-right .loggap_3{ padding: 13px 0 16px 28px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.content-gap-new{ min-height: 355px; padding: 52px 65px 19px 67px;} .app.app-loginregister .login.login-new .login-new-whole .login-content::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block;} .app.app-loginregister .login.login-new .login-new-whole .login-content::after{ width:auto; height: auto; background: rgba(238, 241, 241, 0.0); border-radius: 20px 20px 0px 0px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */ } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinks::after{ width:auto; height: auto; background: rgba(238, 241, 241, 0.0); border-radius: 0px 0px 20px 20px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz{ border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px 0px 0px; -moz-border-radius: 0px 0px 20px 20px 0px 0px; -ms-border-radius: 0px 0px 20px 20px 0px 0px; -o-border-radius: 0px 0px 20px 20px 0px 0px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz{ height: 100px; min-height: 60px; position: relative; width: 100%; height: 60px; left: 0em; right: auto; top: 2px; bottom: auto; z-index: 19; margin: auto; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz{ background: none; backdrop-filter: unset; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link{ width: 100%; display: inline-block; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link:hover, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link:focus, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link:active, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .link.active{ color: #FF9E99;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz.content-gapql{ padding: 0px 0px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql{ } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-left{ border-radius: 0px 0px 0px 20px; -webkit-border-radius: 0px 0px 0px 20px; -moz-border-radius: 0px 0px 0px 20px; -ms-border-radius: 0px 0px 0px 20px; -o-border-radius: 0px 0px 0px 20px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-right{ border-radius: 0px 0px 20px 0px; -webkit-border-radius: 0px 0px 20px 0px; -moz-border-radius: 0px 0px 20px 0px; -ms-border-radius: 0px 0px 20px 0px; -o-border-radius: 0px 0px 20px 0px; } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-left, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-right{ background: rgba(238, 241, 241, 0.7); backdrop-filter: blur(10px);} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-left, .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-right{ flex: 0 0 49.9%; max-width: 49.9%; height: 60px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-left .loggap_2{ padding: 13px 28px 16px 0;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz .gql .gql-right .loggap_3{ padding: 13px 0 16px 28px;} .app.app-loginregister .login.login-new .login-new-whole .login-content.content-gap-new{ min-height: 355px; padding: 52px 65px 19px 67px;} .app.app-loginregister .login.twoNuSignIN .login-content.content-gap-new{ min-height: 355px; padding: 52px 65px 19px 67px;} .app.app-loginregister .login.login-new .login-new-whole .login-content::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block;} .app.app-loginregister .login.login-new .login-new-whole .login-content::after{ width:auto; height: auto; background: rgba(238, 241, 241, 0.0); border-radius: 20px 20px 0px 0px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */ } .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block;} .app.app-loginregister .login.login-new .login-new-whole .login-content.group-quickLinkz::after{ width:auto; height: auto; background: rgba(238, 241, 241, 0.0); border-radius: 0px 0px 20px 20px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); /*filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */} .app.app-loginregister .login.login-new .login-new-whole .login-content h1{ margin: 0;} .app.app-loginregister .login.login-new .login-new-whole .loggap_1 { height: 36.35px;} .app.app-loginregister .login.login-new .login-new-whole .login-content .form-group{ margin-bottom: 17.91px;} .app.app-loginregister .login.login-new .login-new-whole .login-content .form-group.group-btnz{ margin-top: 0px; margin-bottom: 10px; /*margin-top: 21px; margin-bottom: 36px;*/} .app.app-loginregister .login .login-content .btn.btn-blok, .app.app-loginregister .login .login-content .btn.btn-blok a.btn-inny, .app.app-loginregister .login .login-content .btn.btn-blok a.btn-inny .btn-inm{ width: 100% !important;} .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons { position: relative; width: 125.71px; height: 40px; display: block; margin: 0 auto; padding: 0; filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); -webkit-filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15));} .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons::after { /*display: block; content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0; filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); -webkit-filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */} .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons .btn-inny { width: 125.71px; height: 40px; display: block; background: #00AFAA; border-radius: 30px; } .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons .btn-inny .btn-inm { display: flex; align-items: center; justify-content: center; text-align: center; width: 125.71px; height: 40px; background: rgba(0, 175, 170, 0.7); box-shadow: inset 10px 10px 30px rgb(255 255 255 / 70%), inset -10px -10px 30px rgb(209 217 230 / 70%); border-radius: 30px; } .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons .btn-inny .btn-inm { font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; color: #FFFFFF;} .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:hover, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:focus, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:active, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons.active { } .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:hover::after, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:focus::after, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:active::after, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons.active::after { background: rgba(159, 45, 188, 0.7); filter: blur(6px); } .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:hover .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:focus .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:active .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons.active .btn-inny { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6); } .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:hover .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:focus .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons:active .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blok.btn-logons.active .btn-inny .btn-inm { color: #9F2DBC; } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons { position: relative; width: 125.71px; height: 40px; display: block; margin: 0 auto; padding: 0; filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); -webkit-filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15));} .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons::after { /*display: block; content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0; filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); -webkit-filter: drop-shadow(4px 4px 4px rgba(159, 45, 188, 0.15)); */} .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons .btn-inny { width: 125.71px; height: 40px; display: block; background: #00AFAA; border-radius: 30px; } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons .btn-inny .btn-inm { display: flex; align-items: center; justify-content: center; text-align: center; width: 125.71px; height: 40px; background: rgba(0, 175, 170, 0.7); box-shadow: inset 10px 10px 30px rgb(255 255 255 / 70%), inset -10px -10px 30px rgb(209 217 230 / 70%); border-radius: 30px; } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons .btn-inny .btn-inm { font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; color: #FFFFFF;} .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:hover, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:focus, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:active, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons.active { } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:hover::after, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:focus::after, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:active::after, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons.active::after { background: rgba(159, 45, 188, 0.7); filter: blur(6px); } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:hover .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:focus .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:active .btn-inny, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons.active .btn-inny { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6); } .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:hover .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:focus .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons:active .btn-inny .btn-inm, .app.app-loginregister .login .login-content .btn.btn-blokc.btn-logons.active .btn-inny .btn-inm { color: #9F2DBC; } .app.app-loginregister .login .login-content.register-gap{ padding-top: 36px;} .app.app-loginregister .login .login-content.register-custom-height{ height: 854px; min-height:854px;} .app.app-loginregister .login .login-content.register-custom-height::after{ height: 854px;} .app.app-loginregister .login .login-content.register-gap .icon-landinLink{ top: 3.2rem;} .app.app-loginregister .login .login-content .error-message{ display: inline-block; width: 100%; height: 100%; } .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px; white-space: nowrap;} .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .app.app-loginregister .login .login-content .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app.app-loginregister .login .login-content .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .app.app-loginregister .login .login-content .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app.app-loginregister .login .login-content .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app.app-loginregister .login .login-content .error-mesg{ display: inline-block; width: 100%; height: 100%; } .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .app.app-loginregister .login .login-content .error-mesg small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app.app-loginregister .login .login-content .error-mesg.inner{ display: flex !important; flex-wrap: wrap!important; } .app.app-loginregister .login .login-content .error-mesg.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .app.app-loginregister .login .login-content .error-mesg.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .app.app-loginregister .loggap_2 { height: 83.25px;} .app.app-loginregister .login .lead.lead-corporate { width: 441px; height: 60px; z-index: 9; padding: 00px;} .app.app-loginregister .login .lead.lead-corporate { background: rgba(238, 241, 241, 0.7); backdrop-filter: blur(10px); border-radius: 20px; text-align: center;} .app.app-loginregister .login .lead.lead-corporate { position: absolute; left: 0; right: auto; top: auto; bottom: -62px;/*-124px*/ margin: auto; z-index: 99;} .app.app-loginregister .login .lead.lead-corporate { font-style: normal; font-weight: bold; font-size: 20px; line-height: 59px; color: #5D6A68;} .app.app-loginregister .login .lead.lead-corporate::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block; } .app.app-loginregister .login .lead.lead-corporate::after { width:441px; height: 60px; background: rgba(238, 241, 241, 0.0); border-radius: 20px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); } .app.app-loginregister .login .lead.lead-corporate .btn-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px; text-decoration: none !important; } .app.app-loginregister .login .lead.lead-corporate .btn-link:hover, .app.app-loginregister .login .lead.lead-corporate .btn-link:focus{ color: #FF9E99;} .app.app-loginregister .login .form-group.btn-group { background: #EEF1F1; } .app.app-loginregister .login .form-group.btn-group { display: inline-block; width: 70px; height: 49px; padding: 0; margin: 0;} .app.app-loginregister .login .form-group.btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: normal !important; font-size: 14px; line-height: 20px; color: #7F8D8C; text-transform: lowercase !important;} .app.app-loginregister .login .form-group.btn-group .btn{ display: inline-block; width: 47%; height: 49px;} .app.app-loginregister .login .form-group.btn-group .btn:hover, .app.app-loginregister .login .form-group.btn-group .btn:focus, .app.app-loginregister .login .form-group.btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .app.app-loginregister .login .form-group.btn-group .btn:hover, .app.app-loginregister .login .form-group.btn-group .btn:focus, .app.app-loginregister .login .form-group.btn-group .btn.active { color: #384341;} .app.app-loginregister .login .form-group.btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .app.app-loginregister .login .form-group.btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .app-content-holder.contentholdin .content-body .gallery-menu-container .card .card-body .table-tagHistory img{ width: 26px !important; height: 26px !important;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz { width: 441px; height: 60px; z-index: 9; padding: 00px;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz { background: rgba(238, 241, 241, 0.7); backdrop-filter: blur(10px); border-radius: 20px; text-align: center;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz { position: absolute; left: 0; right: auto; top: auto; bottom: -62;/*-124px*/ margin: auto; z-index: 99;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz { font-style: normal; font-weight: bold; font-size: 20px; line-height: 59px; color: #5D6A68;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; margin: auto; padding: 0; display: inline-block; } .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz::after { width:441px; height: 60px; background: rgba(238, 241, 241, 0.0); border-radius: 20px; box-shadow: 4px 4px 4px rgba(159, 45, 188, 0.15); } .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .btn-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px; text-decoration: none !important; } .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .btn-link:hover, .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .btn-link:focus{ color: #FF9E99;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link{ width: 49%; display: inline-block; text-transform: capitalize; } .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link:hover, .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link:focus, .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link:active, .app.app-loginregister .login .lead.lead-corporate.lead-nwLinkz .link.active{ color: #FF9E99;} .contentholdin .content-body .gallery-menu-container .table.table-insert.table-tagHistory td .custom-checkbox .custom-control-label::after, .contentholdin .content-body .gallery-menu-container .table.table-insert.table-weighthistory td .custom-checkbox .custom-control-label::after, .contentholdin .content-body .gallery-menu-container .table.table-insert.table-sleephistory td .custom-checkbox .custom-control-label::after, .contentholdin .content-body .gallery-menu-container .table.table-insert.table-activehistory td .custom-checkbox .custom-control-label::after, .contentholdin .content-body .gallery-menu-container .table.table-insert.table-bghistory td .custom-checkbox .custom-control-label::after, .contentholdin .content-body .gallery-menu-container .table.table-insert.table-cardiachistory td .custom-checkbox .custom-control-label::after { left: -0.045rem; width: 18px; height: 18px; } /* .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list { height: 550px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list { display: flex; flex-flow: row wrap; overflow-x: auto; justify-content: space-between; flex-wrap: nowrap;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item { text-align: center; width: auto; padding: inherit;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item { flex-grow:0; flex-shrink:0; flex-basis:95px; } .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item span { font-weight: bold; font-size: 14px; line-height: 28px; color: #384341; margin: 10px 0; padding: 0; display: inline-block; width: 100%; height: auto; white-space: nowrap;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a { background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a { text-align: center;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a:hover, .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a:focus { background: linear-gradient(180deg, rgba(255, 223, 222, 0.7) 0%, rgba(211, 165, 223, 0.2) 99.99%, rgba(231, 235, 242, 0) 100%); box-shadow: inset -4px -4px 4px rgba(255, 255, 255, 0.7), inset 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px;} .contentholdin.tagshold .content-body .gallery-menu-container .card .widget-img-list .widget-img-list-item a img { margin: 0 auto; padding: 20px;} .app-content .app-content-holder.tabsholdin._dashBoard { } .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header { z-index: -99; top: -35px; left: 30px; } .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item { } .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item .nav-link { box-shadow: 5px 0px 10px #D1D9E6, inset 5px 5px 10px #FFFFFF; height: 60px; padding: .699rem 1.7rem .5rem;} .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item.show { z-index: 99;} .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item.show .nav-link, .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item .nav-link.active { box-shadow: 5px 0px 10px #D1D9E6, inset 5px 5px 10px #FFFFFF; height: 60px; } .app-content .app-content-holder.tabsholdin._dashBoard .nav-tabs.tabs-header .nav-item .close { top: 0.8em;} .app-content .app-content-holder.tabsholdin._cpDetails .nav-tabs.tabs-header .nav-item .nav-link { box-shadow: 5px 0px 10px #D1D9E6, inset 5px 5px 10px #FFFFFF;} */ .error-mesg{ display: inline-block; width: 100%; height: 100%; } .error-mesg small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .error-mesg small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .error-mesg small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .error-mesg small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .error-mesg small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .error-mesg small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .error-mesg small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .error-mesg.inner{ display: flex !important; flex-wrap: wrap!important; } .error-mesg.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .error-mesg.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .error-mesg.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .error-mesg.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .error-mesg.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .error-mesg.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .error-mesg.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .tooltip{ box-shadow: 0px 1.5px 2px rgba(148, 30, 177, 0.7); border-radius: 10px;} .tooltip.top .tooltip-arrow { border-top-color: #FF6259; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #FF6259; } .tooltip.left .tooltip-arrow { border-left-color: #FF6259; } .tooltip.right .tooltip-arrow { border-right-color: #FF6259; } .tooltip.top{ margin-top: -42px !important;} .tooltip-inner { background-color: #FF6259; color:#FFDFDE; border-radius: 10px; } .tooltip-inner { font-weight: bold; font-size: 16px; line-height: 25px; color: #FFDFDE; } .tooltip.in { filter: alpha(opacity=100); opacity: 1; } .app .app-content .page-row-head .page-header { width: auto;} .app .app-content .page-row-head .page-header { color: #384341; font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; } .app .app-content .page-row-head .page-header { text-transform: capitalize; } .app .app-content .page-row-head .page-header small{ color: #384341; font-weight: normal; font-size: 20px; line-height: 28px; } .app .app-content .page-row-head h3.page-header { font-size:16px;} .app .app-content .page-row-head.group-sub-head { height:auto;} .card-general-table .row-head.group-sub-head { height:30px;} .app .app-content .page-row-head { height: 59px; width: 100%; position: relative; z-index: 9; } .app .app-content .page-row-head .dropdown {} .app .app-content .page-row-head .dropdown .dropdown-menu { min-width: 200px; background: rgba(238, 241, 241, 0.95); backdrop-filter: blur(4px); border-radius: 10px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6); padding: .5rem 0;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item { font-weight: bold; font-size: 14px; line-height: 30px; color: #384341; text-transform: capitalize;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item:hover, .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item:focus { color: #FFFFFF; background: #9F2DBC;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .icon-hold { display: inline-block; width: 32px;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .icon-hold img { margin: -5px 13px 0px 0px;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file { width: 85%; height: 30px; margin-bottom: -11px; cursor: pointer; } .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file .custom-file-input { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file .custom-file-label { padding: 0; margin: 0; color: #384341; background-color: transparent; border: 0px solid #c9d2e3; border-radius: 0px;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file .custom-file-label { bottom: 0; height: 30px; width: 200px; left: -55px; padding-left: 55px; cursor: pointer;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file .custom-file-label { font-weight: bold; font-size: 14px; line-height: 30px; color: #384341; text-transform: capitalize;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item .custom-file .custom-file-label::after { display: none;} .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item:hover .custom-file .custom-file-label, .app .app-content .page-row-head .dropdown .dropdown-menu .dropdown-item:focus .custom-file .custom-file-label { color: #FFFFFF;} .app .app-content .page-row-head .btn { padding: 0; background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0 0 0 0;/*5px*/ } .app .app-content .page-row-head .btn { filter: drop-shadow(5px 5px 10px #D1D9E6);} .app .app-content .page-row-head .btn .btn-inny { box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .app .app-content .page-row-head .btn .btn-inny { display: inline-block; background: #00AFAA; color: #FFFFFF; border: none; border-radius: 30px; position: relative; } .app .app-content .page-row-head .btn .btn-inny { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px; } .app .app-content .page-row-head div.btn input.btn-inny { text-transform:uppercase;} .app .app-content .page-row-head .btn:hover, .app .app-content .page-row-head .btn:focus, .app .app-content .page-row-head .btn.active { background: none; color: transparent; } .app .app-content .page-row-head .btn:hover, .app .app-content .page-row-head .btn:focus, .app .app-content .page-row-head .btn.active { box-shadow: none; } .app .app-content .page-row-head .btn:hover .btn-inny, .app .app-content .page-row-head .btn:focus .btn-inny, .app .app-content .page-row-head .btn.active .btn-inny { background: #00AFAA; color: #9F2DBC; } .app .app-content .page-row-head .btn:hover .btn-inny, .app .app-content .page-row-head .btn:focus .btn-inny, .app .app-content .page-row-head .btn.active .btn-inny { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88); } .app .app-content .page-row-head .btn .btn-inny.btn-red { background: #FF6259; } .app .app-content .page-row-head .dropzs { position: relative; width: 38px; height: 38px; background: transparent; } .app .app-content .page-row-head .dropzs .btn-dropzs { display: inline-block; position: absolute; top: -4px; bottom: auto; left: 0; right: 0; z-index: 99; } .app .app-content .page-row-head .dropzs .btn-dropzs { width: 38px; height: 38px; } .app .app-content .page-row-head .dropzs .btn-dropzs i { line-height: 36px; } .app .app-content .page-row-head .mt-top { margin-top: 13px; } .app .app-content .page-row-head .mt-top1 { margin-top: 17px; } .app .app-content .page-row-head .form-group.group-search{ width: 350px;} .app .app-content .page-row-head .btn-header{ } .app-sidebar-minified .page-row-head .page-header { padding-left: 8.55em; } .btn-stand-in{ font-family: 'Poppins', sans-serif !important; color: #9f9f9f !important; text-decoration: underline !important; font-weight: bold !important; text-transform: lowercase !important; font-size: 13px !important;} .btn-stand-in:hover, .btn-stand-in:focus, .btn-stand-in:active{ text-decoration: none !important; color: #000000 !important;} /* wirn - gridstack related */ .console-panel { -webkit-box-shadow: 0px 1px 5px 1px rgba(69,65,78,0.08); box-shadow: 0px 1px 5px 1px rgba(69,65,78,0.08); background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; height: 100%; display: flex; overflow: unset!important; flex-direction: column; } .console-panel.visible { overflow: visible!important } .console-panel-header { display: flex; flex: 0 0 70px; position: relative; background: #FFF; padding: 15px; align-items: center; justify-content: space-between; border-radius: 5px 5px 0 0; } .console-panel-header h5 { font-weight: 500; font-size: 14px; } .ui-draggable-handle { cursor: move } .console-panel-header .dropdown-menu-header { padding: 7px 8px } .console-panel-header span { font-size: 12px; color: #9c9c9c; font-weight: 500; } .console-panel-header span a { color: #399af2; font-style: italic; } .console-panel-header ul.top-header-btns > li ~ li { margin: 0 } .console-panel-header.light, .console-panel-header.light .cph-left span, .console-panel-header.light ul.top-header-btns > li > a { color: #FFF } .console-panel-header ul.top-header-btns > li > a { font-size: 13px; width: 32px; height: 32px; } .console-panel-header ul.top-header-btns > li > a i { line-height: 35px; } span.color-fill-icon { width: 20px; height: 20px; margin-right: 10px; border-radius: 4px; margin: 0 8px 0 0; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); } span.color-fill-icon.active { background: #FFF!important } .grid-stack>.grid-stack-item>.grid-stack-item-content.console-panel.fullscreen { position: fixed; left: 0; top: 0; z-index: 10000; height: 100%; width: 100%; right: auto; } .ui-resizable-disabled .console-panel-header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .console-panel-body, .console-panel-body-noscroll { flex: auto; padding: 0px; overflow: auto; position: relative; overflow: auto!important; } .console-panel-body.no-padding, .console-panel-body-noscroll.no-padding { padding: 0 } .console-panel-body.align-center, .console-panel-body-noscroll.align-center { display: flex; align-items: center; } .grid-stack>.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle { display: none!important } .grid-stack>.grid-stack-item:hover { z-index: 10 } .cph-right { display: flex; align-items: center; white-space: nowrap; } .cph-right > * ~ * { margin-left: 10px!important } .console-footer { padding: 10px; background: #f7f8fa; border-top: 1px solid #efefef; display: flex; justify-content: flex-end; align-items: center; } .console-panel-body .console-footer, .console-panel-body-noscroll .console-footer { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; } .console-panel-body.no-padding .console-footer, .console-panel-body-noscroll.no-padding .console-footer { margin-left: 0; margin-right: 0; margin-bottom: 0; } .console-stats .peity { margin: 5px 0; display: table; } .console-stats i { font-size: 12px; font-style: normal; font-weight: 400; color: #a6bcdb; } .stats-num { font-size: 21px; font-weight: 600; color: #4e4e4e; } .console-stats { margin: -3px 0 } .console-stats span.sparklines { display: table; margin: 10px 0 10px; } .cover-bottom { position: absolute; left: 0; bottom: 0; margin: 0; height: 40%; width: 100%; color: black; } .chart-container ~ .console-stats { margin: 20px 0 0; text-align: center; } /* .app-content .app-content-holder .profile-header { height:253px;} .app-content .app-content-holder .profile-header .content-info { height:60px; } .app-content .app-content-holder .profile-header .content-info { position: absolute; top: 11rem; bottom: 0; left: 0; right: 0; } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block.block-bp { height: 95px; } .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block.block-bp .block-bp-chart-holder {} .app-content .app-content-holder .tab-content .tab-pane .grid-stack .grid-stack-item .grid-stack-item-content .card-body .chart-block.block-bp .block-bp-chart-holder .bp-chart-inner { height:111px !important;} */ /* wirn - gridstack related END */ /* wirn - all modal and toast and popover styles overwrite - BEGIN */ .modalT .modal-dialog.modal-sm { max-width: 450px; } .modalT .modal-dialog .modal-content { min-height: 240px; border-radius: 20px; border: none; background: #EEF1F1; box-shadow: 10px 10px 20px rgba(17, 27, 26, 0.8); } .modalT .modal-dialog .modal-header { border: none; } .modalT .modal-dialog .modal-title { font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #384341; } .modalT .modal-dialog .modal-title { display: inline-block; width: 100%;} .modalT .modal-dialog .modal-body{ } .modalT .modal-dialog .modal-body form .form-group{ height: auto;} .modalT .modal-dialog .modal-body form .custom-file { height: 139px; width: 100%; padding: 0; margin: 0; overflow: auto;} .modalT .modal-dialog .modal-body form .custom-file .custom-file-input { opacity: 0; width: inherit; height: inherit;} .modalT .modal-dialog .modal-body form .custom-file .custom-file-label { width: inherit; height: inherit; } .modalT .modal-dialog .modal-body form .custom-file .custom-file-label { display: block; width: 100%; height: 139px; min-height: 39px; overflow: auto; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff;} .modalT .modal-dialog .modal-body form .custom-file .custom-file-label::after{ display: none; } .modalT .modal-dialog .modal-body form .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #5D6A68; text-align: left;} .modalT .modal-dialog .modal-body form .form-group label{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 34px;/*24px*/ color: #5D6A68; } .modalT .modal-dialog .modal-body form .form-group .custom-radio .custom-control-label{ line-height: 24px;} .modalT .modal-dialog .modal-header, .modalT .modal-dialog .modal-body{ padding: 2rem 1.45rem;} .modalT .modal-dialog .modal-body .list-pending{} .modalT .modal-dialog .modal-body .list-pending .single-ctp{ border-bottom: 1px solid #D9E0E0;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp{ margin-right: 1em;} .modalT .modal-dialog .modal-body .list-pending a.link{ width: 35px; height: 35px; display: inline-block;} .modalT .modal-dialog .modal-body .list-pending .pending-thumbnails{ display: inline-block; width: 35px; height: 35px; background: #9F2DBC; border-radius: 50%; text-align: center; line-height: 35px; font-weight: bold; font-size: 20px; color: #FFFFFF;} .modalT .modal-dialog .modal-body .list-pending .btn.active .btn-inny{ background: #62CBC9; box-shadow: inset 3px 3px 15px #FFFFFF, inset -3px -3px 15px #D1D9E6; border-radius: 30px; color: #9F2DBC; font-weight: bold !important; font-size: 14px; line-height: 37px; } .modalT .modal-dialog .modal-body .list-pending .text-ctp{ font-weight: bold !important; font-size: 14px; line-height: 20px; color: #384341 !important;} .modalT .modal-dialog .modal-body .list-pending .text-ctp.text-gray{ font-style: normal; font-weight: normal !important; font-size: 12px; line-height: 20px; color: #384341 !important; } .modalT .modal-dialog .modal-body .list-pending .single-ctp .btn-circle{ } .modalT .modal-dialog .modal-body .list-pending .single-ctp .btn-circle a.btn-inny{ border-radius: 50%; width: 30px !important; height: 30px !important; padding: 0; margin: 0 5px;} .modalT .modal-dialog .modal-body .list-pending .pending-thumbnails.nail-middle { line-height: 31px;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon{ margin: 0; } .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny{ padding: 0 0.85em;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:hover, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:focus, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:active, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny.active, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon:hover .btn-inny, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon:focus .btn-inny, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon:active .btn-inny, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.active .btn-inny{ background: none; box-shadow:none; border: none; border-radius: 0;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny i{ color: #00AFAA;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:hover i, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:focus i, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon .btn-inny:active i{ color: #9F2DBC;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.btn.disabled, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.btn.disabled .btn-inny{ background: none !important; box-shadow: none !important; cursor: not-allowed !important;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.btn.disabled .btn-inny{ line-height: 34px !important;} .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.btn.disabled i, .modalT .modal-dialog .modal-body .list-pending.list-group-permission .single-ctp .btn-single-icon.btn.disabled .btn-inny i{ color: #9ea5a3;} .modalT .modal-dialog .modal-body .list-pending.list-cert .link-icon-ctp{ font-style: normal; font-weight: normal; font-size: 10px; line-height: 20px; color: #00AFAA;} .modalT .modal-dialog .modal-body .list-pending.list-cert .link-icon-ctp:hover, .modalT .modal-dialog .modal-body .list-pending.list-cert .link-icon-ctp:focus, .modalT .modal-dialog .modal-body .list-pending.list-cert .link-icon-ctp:active, .modalT .modal-dialog .modal-body .list-pending.list-cert .link-icon-ctp.active { color: #FF9E99; } .modalT .modal-dialog .modal-body.body-cert{ padding: 46px 1rem 39px;} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb{ width: 151px; height: 151px; background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15);} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb{ border-radius: 50%; display: inline-block; margin: 0 auto 15px;} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner{ width: 118px; height: 118px; background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7);} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner{ border-radius: 50%; display: inline-block; margin: 0 auto; text-align: center;} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb img, .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner img{ width: 118px; height: 118px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner.thumb-sm img{ width: 49px; height: 49px; margin: 0 auto; } .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner em{ font-style: normal; font-weight: bold; font-size: 50px; line-height: 28px; text-align: center; letter-spacing: 0.05em; color: #00AFAA; text-transform: uppercase;} .modalT .modal-dialog .modal-body.body-cert .card-body .user-thumb .user-thumb-inner em{ display: block; margin: 0 auto;} .modalT .modal-dialog .modal-body.body-cert .card-body h5, .modalT .modal-dialog .modal-body.body-cert .card-body .card-text, .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small{ margin: 0 0 5px 0; padding: 0;} .modalT .modal-dialog .modal-body.body-cert .card-body h5{ font-weight: bold; font-size: 18px; line-height: 28px; color: #384341;} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text{ font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small{ font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small i{ color: #62CBC9 !important; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small i{ margin: 0 20px 0 0;} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small:hover i, .modalT .modal-dialog .modal-body.body-cert .card-body .card-text .small:focus i{ color:#5D6A68;} .modalT .modal-dialog .modal-body.body-cert .card-body .card-text.text-small{ font-weight: bold; font-size: 12px; line-height: 23px; color: #7F8D8C;} .modalT .modal-dialog .modal-body.body-cert .devdL{ border: none; border-right: 1px solid #D9E0E0;} .modalT .modal-dialog .modal-body.body-cert .devdR{ border: none; border-left: 1px solid #D9E0E0;} .modalT .modal-dialog .modal-body.body-cert .cr-blok.blok-dual{ width: 525px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok.blok-dual .cr-hold{ width: 222px; height: 181px; padding: 0; margin: 0px 0px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok.blok-dual .cr-hold{ margin-right:40px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok.blok-dual .cr-hold:nth-of-type(2n-2){ margin-right:0px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok{ padding: 0 20px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .certificate-title{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; text-align: left;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .certificate-title{ display: inline-block; width: 100%; height: auto; padding: 0; margin: 0;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; } .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold{ width: 222px; height: 181px; padding: 0; margin: 0px 0px; position: relative;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .modalT .modal-dialog .modal-body.body-cert .cr-blok .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .btn-no .btn-inny:hover, .modalT .modal-dialog .modal-body.body-cert .cr-blok .btn-no .btn-inny:focus{ background: #676767;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .linkAdd-form{ width: 100%;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .linkAdd-form .form-group{ width: 100%;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .linkAdd-form .form-group .form-control{ background: #EEF1F1; box-shadow: inset 3px 3px 4px #D1D9E6, inset -3px -3px 4px #FFFFFF; border-radius: 40px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status{ width: 100%; height: 42px;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-value{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link a{ font-style: italic; font-weight: bold; font-size: 12px; line-height: 28px; text-align: right; color: #00AFAA;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link a:hover, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link a:focus, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link a:active, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .bottom-status .text-link a.active{ color: #FF9E99;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close{ position: absolute; top: -0.5rem; right: -0.5rem; bottom: auto; left: auto; padding: 0; margin: auto;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close{ width: 19px; height: 19px; background: #FFFFFF; border-radius: 50%; } .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close i{ color: #FF6259; font-size: 21px; text-shadow: none;} .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close:hover i, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close:focus i, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close:active i, .modalT .modal-dialog .modal-body.body-cert .cr-blok .cr-hold .close.active i{ color: #00AFAA;} .modal.modalCbP .modal-dialog{ max-width: 789px;} .modal.modalCbP .modal-dialog .modal-body{ padding: 0; position: relative;} .modal.modalCbP .modal-dialog .modal-body .close{ position: absolute; top: 1rem; right: 1rem; bottom: auto; left: auto; padding: 0; margin: auto;} .modal.modalCbP .modal-dialog .modal-body .close{ width: 29px; height: 29px; background: #FFFFFF; border-radius: 50%; } .modal.modalCbP .modal-dialog .modal-body .close i{ color: #FF6259; font-size: 30px; text-shadow: none;} .modal.modalCbP .modal-dialog .modal-body .close:hover i, .modal.modalCbP .modal-dialog .modal-body .close:focus i, .modal.modalCbP .modal-dialog .modal-body .close:active i, .modal.modalCbP .modal-dialog .modal-body .close.active i{ color: #00AFAA;} .modal.modalCbP .modal-dialog .modal-body .big-pict img{ box-shadow: none;} .modal.modalCbP .modal-dialog .content-transparent{ background: none; box-shadow:none; border: none; border-radius: 0; } .modal-selecticn .modal-title{ font-weight: 600; font-size: 20px; line-height: 28px; color: #384341; text-align: center; display: inline-block; width: 100%;} .modal-selecticn .select-icon{} .modal-selecticn .select-icon a.icnic{ width: 104px; height: auto; display: inline-block; } .modal-selecticn .select-icon a.icnic .icnic-blok{ width: 104px; height: 104px; display: inline-block;} .modal-selecticn .select-icon a.icnic .icnic-blok img{ padding: 17px 0 0 0; } .modal-selecticn .select-icon a.icnic .icnic-blok{ background: #EEF1F1; box-shadow: none; border-radius: 10px; position: relative;} .modal-selecticn .select-icon a.icnic .icnic-blok::after{ content: ''; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: inline-block;} .modal-selecticn .select-icon a.icnic:hover .icnic-blok, .modal-selecticn .select-icon a.icnic:focus .icnic-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .modal-selecticn .select-icon a.icnic span{ text-align: center; display: inline-block; width: 100%; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modal-slticn label{ font-weight: 600; font-size: 20px; line-height: 54px; color: #384341;} .modal-slticn .input-group{ position: relative;} .modal-slticn .input-group > .form-control{ height: 56px; padding: .375rem 1.75rem;} .modal-slticn .input-group > .form-control:not(:last-child){ background: #EEF1F1; box-shadow: inset 5px 5px 10px #D1D9E6, inset -5px -5px 10px #FFFFFF; border-radius: 40px;} .modal-slticn .input-group .input-group-append{} .modal-slticn .input-group .input-group-append .input-group-text{ position: absolute; z-index: 99; left: auto; right: 10px; bottom: auto; top: 10px;} .modal-slticn .input-group .input-group-append .input-group-text{ color: #00AFAA; font-size: 19px; font-weight: bold;} .modal-slticn .input-group .input-group-append .input-group-text:hover, .modal-slticn .input-group .input-group-append .input-group-text:focus{ color: #384341;} .modal-slticn .select-icon a.icnic{ width: 67px; height: auto; display: inline-block; vertical-align: top; } .modal-slticn .select-icon a.icnic .icnic-blok{ width: 67px; height: 67px; display: inline-block; margin-bottom: 15px;} .modal-slticn .select-icon a.icnic .icnic-blok img{ padding: 17px 0 0 0; } .modal-slticn .select-icon a.icnic .icnic-blok{ background: #EEF1F1; box-shadow: none; border-radius: 10px; position: relative;} .modal-slticn .select-icon a.icnic .icnic-blok::after{ content: ''; box-shadow: -2.5px -2.5px 2.5px rgba(255, 255, 255, 0.7), 2.5px 2.5px 2.5px rgba(159, 45, 188, 0.15); border-radius: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: inline-block;} .modal-slticn .select-icon a.icnic:hover .icnic-blok, .modal-slticn .select-icon a.icnic:focus .icnic-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .modal-slticn .modal-dialog{ max-width: 630px; } .modal-slticn .modal-header, .modal-selecticn .modal-header{ border-bottom:none;} .modal-slticn label{ font-weight: 700;} .modalT.modalctp .modal-dialog .modal-title{ width: 75%; font-weight: 600; font-size: 20px; line-height: 34px; color: #384341;} .modalT.modalctp .modal-dialog .normalctp{ font-weight: normal; font-size: 16px; line-height: 25px; color: #384341;} .modalT.modalctp .modal-dialog .bolk-one{ display: inline-block; width: 100%; padding: 20px; margin: 0 0 15px 0;} .modalThumbUpload a.close{ background-color: #FFFFFF; border-radius: 50%; width: 24px; height: 24px;} .modalThumbUpload a.close{ color: #FF6259; width: 27px; height: 27px; position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; text-shadow: none; font-size: inherit; opacity: 1; margin: 0; padding: 0; line-height: inherit;} .modalThumbUpload .modal-content{ border-radius: 10px;} .modalT.modalhgdrive .modal-dialog{ min-width: 575px;} .modalT.modalhgdrive .modal-dialog .modal-title{ width: 75%; font-weight: 600; font-size: 20px; line-height: 34px; color: #384341;} .modalT.modalhgdrive .modal-dialog .normalhgdrive-text{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68;} .modalT.modalhgdrive .modal-dialog .normalhgdrive-text{ margin: -1rem 0 1rem 2.1rem !important;} .modalT.modalhgdrive .modal-dialog .normalhgdrive-text.ml-point{ margin: -1rem 0 1rem 1.9rem !important;} .modalT.modalhgdrive .modal-dialog .normalhgdrive-text .form-control.wd-80{ width: 80%; } .modalT.modalhgdrive .modal-dialog form .normalhgdrive-text .t-glink{ line-height: 2.75;} .modalT.modalhgdrive .modal-dialog .bolk-one{ display: inline-block; width: 100%; padding: 20px; margin: 0 0 15px 0;} .modalT.modalhgdrive .modal-dialog .modal-title.w-100{ width: 100%;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #384341;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-email{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #7F8D8C;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-position{ font-weight: bold; font-size: 14px; line-height: 28px; text-align: right; color: #7F8D8C;} .modalT.modalhgdrive .modal-dialog .modal-content.content-callingHide{ min-height: inherit;} .modalT.modalhgdrive .modal-dialog .modal-content.content-callingHide .modal-body{ padding: 0rem 1.45rem;} .modalT.modalhgdrive .modal-dialog .modal-content.content-callingHide .bolk-one{ padding: 15px 20px 5px; margin: 0;} .modalT.modalhgdrive .modal-dialog .t-glink{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; text-align: right; color: #00AFAA;} .modalT.modalhgdrive .modal-dialog .t-glink:hover, .modalT.modalhgdrive .modal-dialog .t-glink:focus{ color: #FF9E99;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .btn-comName{ margin: 0; padding: 0; font-style: normal; font-weight: bold !important; font-size: 14px; line-height: 28px; color: #384341;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .btn-comName{ text-transform: capitalize !important; box-shadow: none !important;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .dropdown-toggle::after{ display: inline-block; margin: 0 0 0 0.5rem; vertical-align: middle; content: ""; border: none; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 20px; float: right; color: #384341; text-shadow: none; line-height: 1;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-icon i{ font-size: 2.15em;} .modalT.modalhgdrive .modal-dialog .bolk-one-AutoHide{ width: 100%; display: inline-block;} .modalT.modalhgdrive .modal-dialog .bolk-one-AutoHide.bolk-gap{ margin-top: 31px;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .dropdown-menu { filter: drop-shadow(-5px -5px 10px rgba(221, 227, 227, 0.3)), drop-shadow(5px 5px 10px rgba(56, 67, 65, 0.4)); background: #EEF1F1; border-radius: 10px;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .dropdown-menu .dropdown-item { font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .dropdown-menu .dropdown-item:focus, .modalT.modalhgdrive .modal-dialog .shareWcontactz .t-name .dropdown .dropdown-menu .dropdown-item:hover { color: #FFFFFF; background: #9F2DBC;} .modalT.modalhgdrive .modal-dialog .bolk-one-AutoHide .hgd-items-hold{ width: 100%; height: 333px; display: inline-block; padding: 5px 20px; margin: 10px 0; } .modal.modalPRFL{} .modal.modalPRFL .modal-dialog{ max-width: 605px;} .modal.modalPRFL .modal-dialog .modal-content{} .modal.modalPRFL .modal-dialog .modal-content .modal-header{} .modal.modalPRFL .modal-dialog .modal-content .modal-body{} .modal.modalPRFL .modal-dialog .modal-content .modal-title{ font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left{} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img{ width: 121px; height: 121px; display: inline-block; padding: 0; margin: 0 auto;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img .profile-link{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); } .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img .profile-link{ display: inline-block; height: 121px; width: 121px; border-radius: 50%; padding: 0; margin: 0 auto;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img .profile-link .profileFLN{ font-style: normal; font-weight: bold !important; font-size: 44px; line-height: 28px; text-align: center; letter-spacing: 0.05em; color: #00AFAA;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img .profile-link img.profilepicture{ width: 91px; height: 91px; border-radius: 50%; overflow: hidden;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-img .profile-link img{ width: auto; height: auto; border-radius: 50%; overflow: hidden;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-button, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-button a{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; text-align: center; text-transform: uppercase; color: #00AFAA;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-button a:hover, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-button a:focus{ color: #FF9E99;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-name, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-name h4{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-nickname, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-nickname h4{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-name h4, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-left .profile-nickname h4{ padding: 0; margin: 0;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right{ border-left: 1px solid #D9E0E0; /*padding-left: 1.5rem!important;*/ } .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle{} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group{} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .col-form-label{ font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group i{} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .form-control { font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .form-control { display: inline-block; padding: 0; margin: 0; width: 125px; min-width: 125px; height: 35px; position:relative; /*float: left;*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .form-control.control-sm{ min-width: 42px; width: 42px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch{ position:relative; display: inline-block; width: 62%;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-fit{ display: inline-block; min-width: 42px; width: 42px; position:relative; /*float: left;*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-fit:before{ position:absolute; top:0.3rem; bottom:auto; left:auto; right:0.4rem; margin:auto; padding:0; z-index:9988;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-fit:before{ content:"'"; font-family: 'Poppins', sans-serif; color:#78807f; font-weight:bold; font-size:22px; display:inline-block; width:15px; height:15px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-inch{ display: inline-block; min-width: 42px; width: 42px; position:relative; /*float: left;*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-inch:before{ position:absolute; top:0.3rem; bottom:auto; left:auto; right:0.4rem; margin:auto; padding:0; z-index:9988;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch .control-inch:before{ content:'"'; font-family: 'Poppins', sans-serif; color:#78807f; font-weight:bold; font-size:22px; display:inline-block; width:15px; height:15px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-fit, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-inch{ width: 50px; min-width: 50px; font-style: normal; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-fit .form-control.control-sm, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-inch .form-control.control-sm{ width: 50px; min-width: 50px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-fit:before{ right: 0.9rem;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .fitinch.select-hw .control-inch:before{ right: 0.9rem;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group select.custom-select { appearance: none; background:transparent; } .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar{ display: inline-block; padding: 0; margin: 0; width: 125px; min-width: 125px; height: 35px; /*float: left;*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar{ color: #384341; line-height: 2.28;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar .toolbar-link{ color: #384341; } .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar .toolbar-link:hover, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar .toolbar-link:focus, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar .toolbar-link:active, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .toolbar .toolbar-link.active{ color: #62CBC9;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group h5{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 36px; color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group h5{ display: inline-block; padding: 0; margin: 0; width: 125px; min-width: 125px; height: 35px; /*float: left;*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .iconz {} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .iconz i { color: #62CBC9; font-size: 20px; text-shadow: none; /*text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);*/} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .iconz:hover i, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .iconz:focus i { color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group { background: #EEF1F1; box-shadow: inset 2px 2px 3px rgba(159, 45, 188, 0.2), inset -2px -2px 3px #FFFFFF; border-radius: 10px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group { display: inline-block; width: 70px;/*62px*/ height: 26px; padding: 0; margin: 5px 0 0 0;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn{ padding: 0; margin: 0; font-style: normal; font-weight: normal !important; font-size: 14px; line-height: 20px; color: #7F8D8C; text-transform: lowercase !important;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn{ display: inline-block; width: 47%; height: 26px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn:hover, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn:focus, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn.active { background: #62CBC9; box-shadow: -2px -2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px rgba(159, 45, 188, 0.15); } .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn:hover, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn:focus, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn.active { color: #384341;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn.btn-left{ border-radius: 10px 0 0 10px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group .btn.btn-right{ border-radius: 0 10px 10px 0; margin-right: -3px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-input{ width: 28px; height: 28px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-label{ /*width: 28px; height: 28px;*/ line-height: 24px;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-label{ padding-left: 11px; text-transform: uppercase !important;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-label::before{ top: -0.19rem; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -1.1039rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt{ width: 150px; height: 25px; border-radius: 0; background: none; box-shadow: none; border: none; margin-top: 0;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.btn-sptc1{ background: #85604B;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.btn-sptc2{ background: #9D7C69;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.btn-sptc3{ background: #B49380;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.btn-sptc4{ background: #CFAD9A;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.btn-sptc5{ background: #EBCDBC;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn:hover, .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn:focus{ border-radius: 0; box-shadow: none; filter: none; width: 30px; padding: 0; margin: 0 -0.269rem 0 0 ;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .form-group .btn-group.group-spt .btn.active{ border: 3px solid #FF6259;} .modal.modalPRFL .modal-dialog .modal-content .modal-body .prof-right .form-profIle .disabled{ background-color: transparent !important; line-height:normal !important; cursor: not-allowed !important; box-shadow: none !important; opacity: 0.85 !important;} .modal.modalAEvnt .modal-dialog{ max-width:831px;} .modal.modalAEvnt .form-group label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 39px; color: #5D6A68; text-align: right;} .modal.modalAEvnt .form-group label i{ font-size: 22px; color: #62CBC9; line-height: 35px; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.95); /*0px -1px 1px rgba(255, 255, 255, 0.9),*/} .modal.modalAEvnt .form-group .control-blue{ color: #0A5DDA;} .modal.modalAEvnt .form-group .control-blue::placeholder{ color: #0A5DDA;} .modal.modalAEvnt .form-group .latin-post-meridiem{ position: absolute; top: -0.5rem; bottom: auto; left: auto; right: -1.5rem; margin: auto; padding: 0; z-index: 9999;} .modal.modalAEvnt .form-group .latin-post-meridiem{ display: inline-block; width: 25px; height: 43px;} .modal.modalAEvnt .form-group .latin-post-meridiem a{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #7F8D8C; text-transform: uppercase;} .modal.modalAEvnt .form-group .latin-post-meridiem a:hover, .modal.modalAEvnt .form-group .latin-post-meridiem a:focus, .modal.modalAEvnt .form-group .latin-post-meridiem a.active{ color: #FF6259;} .modalT.modalAEvnt .select2-container, .modalT.modalAEvnt .select2-container--default .select2-selection--multiple{ overflow-y: auto !important;} .modal.modalQA{} .modal.modalQA .modal-dialog.modal-sm .modal-header .modal-title{ font-style: normal; font-weight: 600; font-size: 20px; line-height: 28px; color: #384341;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap{ padding-left: 0; padding-right: 0;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group { display: inline-block; width: 100%; margin: 0 auto;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item{ border-bottom: 1px solid #D9E0E0; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item.no-border{ border-bottom: none;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control{ padding: 0;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-radio.cc-right .custom-control-label{ width: 100%; padding-left: 10px; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-radio.cc-right .custom-control-label{ text-transform: capitalize !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-radio.cc-right .custom-control-label::before{ right: 1rem;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-radio.cc-right .custom-control-label::after{ right: 1.2999rem;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .control-plaintext{ width: 90%; margin: 0 auto; padding: .475rem .575rem;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-checkbox, .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-checkbox .custom-control-label{ width: 100%; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .custom-control.custom-checkbox .custom-control-label{ padding-top: 3px; padding-left: 30px;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider{} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text{ text-align: center; margin: .25rem 0 1.25rem 0;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b{ min-width: 42px; text-align: center; position: relative;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b .form-control.form-control-sm{ background: none; border: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b .form-control.form-control-sm{ width: 53px; height: 20px;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b::before { content: ""; background: #A7B2AF; border-radius: 2px; width: 1px; height: 12px; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b::before { position: absolute; top: -10px; bottom: auto; left: auto; right: auto; margin: auto; padding: 0; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.left::before { left: 0; right: auto;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.right::before { left: auto; right: 0;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.left .form-control.form-control-sm { text-align: left;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.right .form-control.form-control-sm { text-align: right;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b .form-control.form-control-sm{ text-align: center;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.left .form-control.form-control-sm , .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b.right .form-control.form-control-sm , .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider small.form-text b .form-control.form-control-sm { margin: 10px 0 0 0;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider.gslider-entry .slider {} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider.gslider-entry .slider .slider-track {} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider.gslider-entry .slider .slider-track .slider-selection { background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider.gslider-entry .slider .slider-handle { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .modal.modalQA .modal-dialog.modal-sm .modal-body.body-no-xgap .form-group .list-group .list-group-item .group-slider.gslider-entry .slider .tooltip { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important; } .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item{ position: relative; padding-bottom: 5px; padding-top: 3px;} .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item em .custom-control{ padding: 0;} .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item em .custom-control.custom-radio .custom-control-label{ width: 100%; padding-left: 10px; } .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item em .custom-control.custom-radio .custom-control-label{ text-transform: capitalize !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341;} .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item em .custom-control.custom-radio .custom-control-label::before{ top: 0.019rem; left: -0.35rem;} .modal.modalQA .modal-dialog.modal-sm .content-mulc .modal-body.body-no-xgap .form-group .list-group.group-noygap .list-group-item em .custom-control.custom-radio .custom-control-label::after{ top: .43rem; left: -0.00rem;} .modal.modalQA .plusadded{ display: inline-block; margin-left: 1.89rem !important;} .modal.modalQA .group-noygap .list-group-item{ padding-top: 0; padding-bottom: 0;} .modal.modalQA .group-noygap .list-group-item em{ position: absolute; left:3.1rem; top:0.5rem; bottom:auto; right:auto; padding:0; margin:auto; z-index: 3;} .modal.modalQA .group-noygap .list-group-item em{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #384341; text-transform: uppercase;} .modal.modalQA .content-mulc .list-group-item{ position: relative; } .modal.modalQA .content-mulc .list-group-item a.minus{ position: absolute; right: 3rem; left: auto; top: 0.7rem; bottom: auto; margin: auto; padding: 0;} .modal.modalQA .content-mula .list-group-item{ position: relative; padding: .75rem 1.25rem;} .modal.modalQA .content-mula .list-group-item a.minusa{ position: absolute; right: 2rem; left: auto; top: 0.7rem; bottom: auto; margin: auto; padding: 0;} .modal.modalQA .content-mula .list-group-item .custom-control .custom-control-label .form-control-plaintext.control-plaintext { padding: 0 .575rem; margin: 0;} .modal.modalQA .content-mulc .list-group-item a.minus, .modal.modalQA .content-mula .list-group-item a.minusa{ text-shadow: none;} .modal.modalQA .content-mulc .list-group-item a.minus i, .modal.modalQA .content-mula .list-group-item a.minusa i{ color: #FF9E99; text-shadow: none;} .modal.modalQA .content-mulc .list-group-item a.minus:hover i, .modal.modalQA .content-mulc .list-group-item a.minus:focus i, .modal.modalQA .content-mula .list-group-item a.minusa:hover i, .modal.modalQA .content-mula .list-group-item a.minusa:focus i{ color: #9F2DBC;} .modal .btn{ padding: 0; background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0 0 0 5px;} .modal .btn { filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .modal .btn .btn-inny { box-shadow: inset 7px 7px 30px rgba(255, 255, 255,0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .modal .btn .btn-inny { display: inline-block; background: #00AFAA; color: #FFFFFF; border:none; border-radius: 30px; position: relative;} .modal .btn .btn-inny { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px;} .modal .btn:hover, .modal .btn:focus { background: none; color: transparent; } .modal .btn:hover, .modal .btn:focus { box-shadow: none;} .modal .btn:hover .btn-inny, .modal .btn:focus .btn-inny { background: #00AFAA; color: #9F2DBC; } .modal .btn:hover .btn-inny, .modal .btn:focus .btn-inny { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .modal .btn .btn-inny.btn-red { background: #FF6259;} .modal .btn .btn-inny.btn-xs{ font-size: 12px; line-height: 34px;} .modal-content{ background: #EEF1F1; box-shadow: -10px -10px 20px rgba(221, 227, 227, 0.3), 10px 10px 20px rgba(56, 67, 65, 0.9); border-radius: 20px;} .modal-backdrop { background: #384341; } .modal-backdrop.show { opacity: .6; } .modal.modalXC { display: inline-block; width: 100%; height: auto; padding: 0; overflow: visible; } .modal.modalXC { position: absolute; left: 0; right: 0; top: 33%; bottom: 0; margin: auto; } .modal.modalXC .modal-dialog { max-width: 309px; height: auto; margin: 0 auto; } .modal.modalXC .modal-dialog .modal-content { box-shadow: none; padding: 27px 26px;} .modal.modalXC .modal-dialog .modal-content .title { font-style: normal; font-weight: bold; font-size: 20px; line-height: 28px; color: #384341; } .modal.modalXC .modal-dialog .modal-content .content { font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #384341; } .modal.modalXC .modal-dialog .modal-content .content .link { font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #00AFAA;} .modal.modalXC .modal-dialog .modal-content .content .link:hover, .modal.modalXC .modal-dialog .modal-content .content .link:focus { color: #FF9E99; } .modal.modalXC .modal-dialog .modal-content .title, .modal.modalXC .modal-dialog .modal-content .content { display: inline-block; width: 100%; padding: 0 0 15px 0; margin: 0; } .modal.modalXC .modal-dialog .modal-content .content .link { padding: 0 15px; margin: 0;} .modalT.modalCERT .modal-dialog.modal-lg{ max-width:815px;} .modalT.modalCERT .modal-dialog.modal-lg .modal-content .modal-body.body-cert .cr-blok .cr-hold .content-hold{ height: 139.14px; padding: 0.13rem; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; } .modal.modalWidg .list-group-flush .list-group-item .custom-control{ width: 100%; height: 27px;} .modal.modalWidg .list-group-flush .list-group-item .custom-control .custom-control-label{ width: 100%; height: 27px; padding-left: 40px;} .modal.modalWidg .list-group-flush .list-group-item .custom-control .custom-control-label{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 28px; color: #384341;} .modal.modalWidg .form-group .card { background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px; border: none; } .modal.modalWidg .form-group .card { height: 222px;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file { height: 50px; width: 100%; padding: 0; margin: 0; overflow: hidden;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-input { opacity: 0; width: inherit; height: inherit;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label { width: inherit; height: inherit; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label { display: block; width: 100%; height: auto; min-height: auto; overflow: hidden; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label::after{ display: none; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #5D6A68; text-align: left;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label{ padding: 0; margin: 0; background: none; box-shadow: none;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type { padding: 0; background-color: transparent; border: transparent; border-radius: 20px; line-height: normal; font-size: inherit; margin: 5px 0 0 0; height: auto; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type { filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type .btn-file { box-shadow: inset 7px 7px 30px rgba(255, 255, 255,0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type .btn-file { display: inline-block; background: #00AFAA; color: #FFFFFF; border:none; border-radius: 20px; position: relative; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type .btn-file { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:hover, .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:focus { background: none; color: transparent; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:hover, .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:focus { box-shadow: none;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:hover .btn-file, .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:focus .btn-file { background: #00AFAA; color: #9F2DBC; } .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:hover .btn-file, .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type:focus .btn-file { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .modalT.modalVW .modal-body .vw-hold{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; border: 2px solid transparent; } .modalT.modalVW .modal-body .vw-hold{ width: 181px; height: 211px; padding: 10px 10px; margin: 0px 10px; position: relative;} .modalT.modalVW .modal-body .vw-hold{ display: inline-block; text-align: center;} .modalT.modalVW .modal-body .vw-hold{ font-weight: normal; font-size: 16px; line-height: 25px; color: #5D6A68;} .modalT.modalVW .modal-body .vw-hold:hover, .modalT.modalVW .modal-body .vw-hold:focus, .modalT.modalVW .modal-body .vw-hold:active, .modalT.modalVW .modal-body .vw-hold.active { background: #9F2DBC; color: #FFFFFF; } .modalT.modalVW .modal-body .vw-hold .bottom-status{ width: 100%; height: 42px;} .modalT.modalVW .modal-body .vw-hold .bottom-status .text-value{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link, .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link a{ font-style: italic; font-weight: bold; font-size: 12px; line-height: 28px; text-align: right; color: #00AFAA;} .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link a:hover, .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link a:focus, .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link a:active, .modalT.modalVW .modal-body .vw-hold .bottom-status .text-link a.active{ color: #FF9E99;} .modalT.modalVW .modal-body .vw-hold .close{ position: absolute; top: -0.5rem; right: -0.5rem; bottom: auto; left: auto; padding: 0; margin: auto;} .modalT.modalVW .modal-body .vw-hold .close{ width: 19px; height: 19px; background: #FFFFFF; border-radius: 50%; } .modalT.modalVW .modal-body .vw-hold .close i{ color: #FF6259; font-size: 21px; text-shadow: none;} .modalT.modalVW .modal-body .vw-hold .close:hover i, .modalT.modalVW .modal-body .vw-hold .close:focus i, .modalT.modalVW .modal-body .vw-hold .close:active i, .modalT.modalVW .modal-body .vw-hold .close.active i{ color: #00AFAA;} .modalT.modalVW .modal-body .vw-hold img{ margin: 0 auto;} .modalT.modalVW .modal-body .vw-hold h4{ font-weight: bold; font-size: 16px; line-height: 25px; color: #5D6A68; text-transform: capitalize;} .modalT.modalVW .modal-body .vw-hold:hover h4, .modalT.modalVW .modal-body .vw-hold:focus h4, .modalT.modalVW .modal-body .vw-hold:active h4, .modalT.modalVW .modal-body .vw-hold.active h4{ color: #FFFFFF;} .modalT.modalVW .modal-dialog { max-width: 643px;} .modalT.modalVW .modal-body .vw-hold-rect{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; border: 2px solid transparent; } .modalT.modalVW .modal-body .vw-hold-rect{ width: 281px; height: 201px; padding: 10px 10px; margin: 0px 7px; position: relative;} .modalT.modalVW .modal-body .vw-hold-rect{ display: inline-block; text-align: center;} .modalT.modalVW .modal-body .vw-hold-rect{ font-weight: normal; font-size: 16px; line-height: 25px; color: #5D6A68;} .modalT.modalVW .modal-body .vw-hold-rect:hover, .modalT.modalVW .modal-body .vw-hold-rect:focus, .modalT.modalVW .modal-body .vw-hold-rect:active, .modalT.modalVW .modal-body .vw-hold-rect.active { background: #9F2DBC; color: #FFFFFF; } .modalT.modalVW .modal-body .vw-hold-rect .bottom-status{ width: 100%; height: 42px;} .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-value{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link, .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link a{ font-style: italic; font-weight: bold; font-size: 12px; line-height: 28px; text-align: right; color: #00AFAA;} .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link a:hover, .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link a:focus, .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link a:active, .modalT.modalVW .modal-body .vw-hold-rect .bottom-status .text-link a.active{ color: #FF9E99;} .modalT.modalVW .modal-body .vw-hold-rect .close{ position: absolute; top: -0.5rem; right: -0.5rem; bottom: auto; left: auto; padding: 0; margin: auto;} .modalT.modalVW .modal-body .vw-hold-rect .close{ width: 19px; height: 19px; background: #FFFFFF; border-radius: 50%; } .modalT.modalVW .modal-body .vw-hold-rect .close i{ color: #FF6259; font-size: 21px; text-shadow: none;} .modalT.modalVW .modal-body .vw-hold-rect .close:hover i, .modalT.modalVW .modal-body .vw-hold-rect .close:focus i, .modalT.modalVW .modal-body .vw-hold-rect .close:active i, .modalT.modalVW .modal-body .vw-hold-rect .close.active i{ color: #00AFAA;} .modalT.modalVW .modal-body .vw-hold-rect img{ margin: 0 auto;} .modalT.modalVW .modal-body .vw-hold-rect h4{ font-weight: bold; font-size: 16px; line-height: 25px; color: #5D6A68; text-transform: capitalize;} .modalT.modalVW .modal-body .vw-hold-rect:hover h4, .modalT.modalVW .modal-body .vw-hold-rect:focus h4, .modalT.modalVW .modal-body .vw-hold-rect:active h4, .modalT.modalVW .modal-body .vw-hold-rect.active h4{ color: #FFFFFF;} .modalT.modalVW .modal-dialog { max-width: 643px;} .modalT.modalVW .modal-dialog .modal-body .fixwidH{ height: 300px;} .modal.modalProfileUpload{} .modal.modalProfileUpload .profPUarea-hold{ border: 2px dashed #525252; border-radius: 30px; padding:35px; margin: 10px; text-align: center;} .modal.modalProfileUpload .modal-dialog .modal-body form .profPUarea-hold.custom-file{ height: 140px;} .modal.modalProfileUpload .modal-dialog .modal-body form .profPUarea-hold.custom-file .custom-file-label{ height: 135px; background-color:transparent; border: none; box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; } .modal.modalProfileUpload .modal-footer{ border-top: none;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose{ display: inline-block; width: 100%; height: auto; padding: 7px 7px;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio{ margin: 0 1rem 0 0; padding: 0; width: auto; display: inline-block; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-input{ width: 28px; height: 28px; right: auto; left: -0.4rem; top: -0.19rem; bottom: auto;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-label{ color: #384341; font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; text-transform: capitalize !important; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-label{ padding-left: 30px; padding-right: 0px; padding-top: 0; margin-top: -5px; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-label::before{ top: -0.199rem; left: -0.4rem; right: auto; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -0.01rem; right: auto; top: 0.22rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-radio .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox{ margin: 0; padding: 0; width: 100%; display: inline-block; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-input{ width: 28px; height: 28px; right: auto; left: -0.4rem; top: -0.19rem; bottom: auto;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-label{ color: #384341; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: capitalize !important; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-label{ padding-left: 30px; padding-right: 0px; padding-top: 0; margin-top: -5px; } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-label::before{ top: 0.1rem; left: -0.4rem; right: auto; width: 22px; height: 22px; background: #D1D9E6; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; border:none;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::before{ } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::before{ } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label::after{ } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-label::after{ } .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-label::after{ left: -0.4rem; right: auto; top: 0.1rem;} .modalQuery.modalT .modal-dialog .modal-body form .form-group.group-choose .custom-checkbox .custom-control-input:checked~.custom-control-label .link{ color: #FF9E99 !important;} .modal.modalSDR .form-group.group-cmr{} .modal.modalSDR .form-group.group-cmr .input-group{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .modal.modalSDR .form-group.group-cmr .input-group .form-control{ background: none; border-radius: 0; box-shadow: none; width: 75%;} .modal.modalSDR .form-group.group-cmr .input-group .form-control:hover, .modal.modalSDR .form-group.group-cmr .input-group .form-control:focus, .modal.modalSDR .form-group.group-cmr .input-group .form-control:active, .modal.modalSDR .form-group.group-cmr .input-group .form-control.active{ background: none; border-radius: 0; box-shadow: none;} .modal.modalSDR .form-group.group-cmr .form-control{ border-radius: 10px; width: auto; height: 50px; position: relative; background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; } .modal.modalSDR .form-group.group-cmr .form-control{ width: 100%;} .modal.modalSDR .form-group.group-cmr .input-group:hover, .modal.modalSDR .form-group.group-cmr .input-group:focus, .modal.modalSDR .form-group.group-cmr .input-group:active, .modal.modalSDR .form-group.group-cmr .input-group.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .modal.modalSDR .form-group.group-cmr .form-control:hover, .modal.modalSDR .form-group.group-cmr .form-control:focus, .modal.modalSDR .form-group.group-cmr .form-control:active, .modal.modalSDR .form-group.group-cmr .form-control.active{ background: #EEF1F1; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; border-radius: 10px;} .modal.modalSDR .form-group.group-cmr .input-group .form-control, .modal.modalSDR .form-group.group-cmr .form-control{ line-height: 2.6; font-weight: bold; font-size: 16px; color: #384341; } .modal.modalSDR .form-group.group-cmr .input-group .input-group-text{ padding: 0 10px 0 10px; border: none; background: none; cursor: pointer;} .modal.modalSDR .form-group.group-cmr .input-group .input-group-text:hover i, .modal.modalSDR .form-group.group-cmr .input-group .input-group-text:focus i{ color: #FF9E99;} .modal.modalSDR .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled).active, .modal.modalSDR .form-group.group-cmr .input-group .input-group-append .btn-default:not(:disabled):not(.disabled):active { background: none;} .modal.modalSDR .group-cmr.group-cmr-button{ height: 50px;} .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn{ margin: 0;} .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn .btn-inny{ border-radius: 0 10px 10px 0; height: 39px; line-height: 39px; } .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn:hover, .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn:focus, .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn:hover .btn-inny, .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .input-group-append .btn:focus .btn-inny { box-shadow:none;} .modal.modalAUS .modal-dialog .modal-content .modal-body .form-group .input-group .control-md{ width: 90%; border-radius: 10px 0 0 10px; } .modal.modalAUS .modal-dialog .modal-content .modal-body .table .dt-buttons .btn { margin: 0 15px 0 0; border: none; box-shadow: none; background: transparent; } .modal.modalAUS .modal-dialog .modal-content .modal-body .table .dt-buttons .btn i { font-size: 17px; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95); } .modal.modalAUS .modal-dialog .modal-content .modal-body .table .dt-buttons .btn:hover i, .modal.modalAUS .modal-dialog .modal-content .modal-body .table .dt-buttons .btn:focus i { color: #9F2DBC; } .modal.modalAUS .modal-dialog .modal-content .modal-body .table-responsive.FixH{ height: 333px;} .modal.modalAUS .modal-dialog .modal-content .modal-body .table-responsive.FixH .table-insert{ table-layout: fixed;} .modal.modal-cover.modalGMDash{} .modal.modal-cover.modalGMDash .modal-content{ background: none; box-shadow: none; border-radius: 0; } .modal-selecticn .select-icon a.icnic .icnic-blok i{ padding: 30px 0 0 0; color: #00AFAA; text-shadow: none; } .modal-gate .modal-title{ font-weight: 600; font-size: 20px; line-height: 28px; color: #384341; text-align: center; display: inline-block; width: 100%;} .modal-gate .select-icon{} .modal-gate .select-icon a.icnic{ width: 84px; height: auto; display: inline-block; } .modal-gate .select-icon a.icnic .icnic-blok{ width: 84px; height: 64px; display: inline-block; line-height: 64px; font-size: 20px; font-weight: 600; } .modal-gate .select-icon a.icnic .icnic-blok{ color: #3abfbc; background: #EEF1F1; box-shadow: none; border-radius: 10px; position: relative;} .modal-gate .select-icon a.icnic .icnic-blok::after{ content: ''; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 4px 4px 4px rgba(159, 45, 188, 0.15); border-radius: 10px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; display: inline-block;} .modal-gate .select-icon a.icnic:hover .icnic-blok, .modal-gate .select-icon a.icnic:focus .icnic-blok{ background: rgba(255, 223, 222, 0.5); opacity: 0.8; box-shadow: inset 0px -5px 30px #D1D9E6, inset 5px 5px 30px #FFFFFF; border-radius: 10px;} .modal-gate .select-icon a.icnic span{ text-align: center; display: inline-block; width: 100%; font-weight: bold; font-size: 14px; line-height: 28px; color: #384341;} .modal.modalGenDateCalendar .modal-header.no-border{ border-bottom: none; border-top:none;} .modal.modalGenDateCalendar .modal-footer.no-border{ border-bottom: none; border-top:none;} .modal.modalGenDateCalendar .modal-dialog{ min-width: 400px; width: 400px;} .modal.modalGenDateCalendar .card.toast.custom-card{ position: relative; left: 0; right: 0; top: 0; bottom: 0;} .modal.modalGenDateCalendar .card.toast.custom-card{ width: calc(100% - 2.1em); min-width: calc(100% - 2.1em);} .modal.modalGenDateCalendar .modal-body .close{ position: absolute; top:20px; bottom: auto; right: 20px; left: auto; z-index: 321; margin: auto; padding: 0;} .modal.modalGenDateCalendar .text-red i{ color: #ff3b30!important;} .modal.modal-RulrG .modal-body.body-firmw .btn-group > .dropdown-menu { padding:15px 0; left: 0% !important; } .modal.modal-RulrG .modal-body.body-firmw .form-group.group-AlertType {} .modal.modal-RulrG .modal-body.body-firmw .form-group.group-AlertType .btn-group{ height:40px;} .modal.modal-RulrG .modal-body.body-firmw .form-group.group-AlertType .bootstrap-tagsinput{ padding: .17rem .75rem !important;} .modal.modal-RulrG .modal-dialog.modal-dialog-scrollable .modal-body.body-firmw{ height:555px; overflow-y: auto;} .modal-open .modal { overflow-x: hidden; overflow-y: auto;} .modal.modalAssignTag .modal-body .form-group .card .list-group-flush .list-group-item img{ width: 26px !important; height: 26px !important;} .modal.modalAssignTag .modal-body .form-group .card .list-group-flush .list-group-item .custom-control .custom-control-label{ padding-left: 30px;} .modalT.modal_CMR .modal-dialog .modal-body .graph-holder{} .modalT.modal_CMR .modal-dialog .modal-body .graph-holder .graph-content{ height: 250px;} .modal.modalT .modal-content .form-group .error-message{ display: inline-block; width: 100%; height: 100%; } .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error{ margin: 15px 0 5px; padding: 0 10px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .modal.modalT .modal-content .form-group .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .modal.modalT .modal-content .form-group .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .modal.modalT .modal-content .form-group .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .modal.modalT .modal-content .form-group .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .modalT .modal-dialog .modal-body.body-firmw form .form-group label{ line-height: 27px;} .modalT.modalContact .modal-dialog.modal-sm .modal-body .list-pending a.link{ overflow: hidden !important; border-radius:50%;} .modalT.modalContact .modal-dialog.modal-sm .modal-body .list-pending a.link img{ width: 35px; height: auto;} .modalT .modal-dialog .modal-body.body-firmw form .form-group.group-upload .custom-file .custom-file-label.custom-file-button-type{ filter:none; -webkit-filter:none; } .modal.note-modal{ top: 0; left: 0; bottom: 0; right: 0;} .modal.note-modal input.btn{ background: #00AFAA; box-shadow: inset 7px 7px 30px rgb(255 255 255 / 40%), inset -7px -7px 30px rgb(209 217 230 / 40%); color: #FFFFFF; border: none; border-radius: 30px;} .modal.note-modal input.btn:hover, .modal.note-modal input.btn:focus, .modal.note-modal input.btn:active{ color: #9F2DBC; box-shadow: 0px 1px 8px rgb(159 45 188 / 88%);} .modal.note-modal .modal-dialog{ box-shadow: none; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .modalT.modalCond .modal-dialog .modal-body form .form-group label { font-style: normal; font-weight: bold; font-size: 15px; line-height: 38px; color: #5D6A68;} .modalT.modalCond .modal-dialog .modal-body form .Cond-Hold { position: relative; display: inline-block; height: auto; width: 100%;} .toast{ background: #EEF1F1; box-shadow: -1px -1px 1px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); border-radius: 10px 10px 10px 10px; border: none;} .toast-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 10px 10px 0px 0px; border: none;} .toast-header small{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .card.toast.custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .card.toast.custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .card.toast.custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .card.toast.custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .card.toast.custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .card.toast.custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .card.toast.custom-card .card-header a.pen-edit:hover i, .card.toast.custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .card.toast.custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .card.toast.custom-card .card-link:hover, .card.toast.custom-card .card-link:focus{ color: #FF9E99;} .card.toast.custom-card hr{ border: none !important;} .card.toast.custom-card { position: absolute; left: 2.75%; right: auto; top: 7%; bottom: auto; z-index: 999; margin: auto; } .card.toast.custom-card.pos-calendar{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .card.toast.custom-card.pos-calendar .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .card.toast.custom-card.pos-calendar .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .card.toast.custom-card.pos-calendar .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .card.toast.custom-card.pos-calendar .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .card.toast.custom-card.pos-calendar .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .card.toast.custom-card.pos-calendar .card-header a.pen-edit:hover i, .card.toast.custom-card.pos-calendar .card-header a.pen-edit:focus i{ color:#5D6A68;} .card.toast.custom-card.pos-calendar .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .card.toast.custom-card.pos-calendar .card-link:hover, .card.toast.custom-card.pos-calendar .card-link:focus{ color: #FF9E99;} .card.toast.custom-card.pos-calendar hr{ border: none !important;} .card.toast.custom-card.pos-calendar { position: absolute; left: auto; right: auto; top: auto; bottom: auto; z-index: 999; margin: auto; width: 336px;} .card.toast.custom-card .app-vLD .card-link i{ text-shadow: none !important; color: #BDC7C5;} .card.toast.custom-card .app-vLD .card-link:hover i, .card.toast.custom-card .app-vLD .card-link:focus i, .card.toast.custom-card .app-vLD .card-link:active i{ color: #00AFAA;} .card.toast.custom-card .app-vLD .btn-no .btn-inny { padding: 4px 24px; width: auto; height: auto; } .card.toast.custom-card .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 0px; border-bottom: 2px solid #FFFFFF; height: 53px; } .card.toast.custom-card .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 50px; } .card.toast.custom-card .btn-group.group-tab .btn, .card.toast.custom-card .btn-group.group-tab .btn:hover, .card.toast.custom-card .btn-group.group-tab .btn:focus, .card.toast.custom-card .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .card.toast.custom-card .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .card.toast.custom-card .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .card.toast.custom-card .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 52px; font-weight: bold; text-transform: capitalize !important; border:none; } .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ height: 50px; min-width: 110px; display: inline-block;} .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:hover, .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:focus, .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active, .card.toast.custom-card .btn-group.group-tab .btn{ min-width: 110px; height: 50px; border: none; box-shadow: none; margin: 0;} .card.toast.custom-card.card-top-round{ border-radius: 30px 30px ; } .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 30px 30px 0 0 ; border-bottom: 2px solid #FFFFFF; height: 48px; } .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); border-radius:0px; height: 45px; } .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:hover, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:focus, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 0px;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 46px; font-weight: bold; text-transform: capitalize !important; border:none; height: 45px; min-width: 103px; display: inline-block;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ height: 45px; min-width: 110px; display: inline-block;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:hover, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:focus, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active, .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ min-width: 110px; height: 45px; border: none; box-shadow: none; margin: 0;} .loginregister .card.toast.custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .loginregister .card.toast.custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .loginregister .card.toast.custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative;} .loginregister .card.toast.custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .loginregister .card.toast.custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .loginregister .card.toast.custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .loginregister .card.toast.custom-card .card-header a.pen-edit:hover i, .loginregister .card.toast.custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .loginregister .card.toast.custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .loginregister .card.toast.custom-card .card-link:hover, .loginregister .card.toast.custom-card .card-link:focus{ color: #FF9E99;} .loginregister .card.toast.custom-card hr{ border: none !important;} .loginregister .card.toast.custom-card { position: absolute; left: 15%; right: auto; top: 10%; bottom: auto; z-index: 999; margin: auto; width: 336px;} .loginregister .card.toast.custom-card._OnDevice{ left: 0 !important; right: 0 !important; display: block !important;} .loginregister .card.toast.custom-card.custom-launchdownload .card-header a.pen-edit{ bottom: auto;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card { position: absolute; left: 2.75%; right: auto; top: 7%; bottom: auto; z-index: 999; margin: auto; width: 336px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.pos-calendar { position: absolute; left: auto; right: auto; top: auto; bottom: auto; z-index: 999; margin: auto; width: 336px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .app-vLD .card-link i{ text-shadow: none !important; color: #BDC7C5;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .app-vLD .card-link:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .app-vLD .card-link:focus i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .app-vLD .card-link:active i{ color: #00AFAA;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .app-vLD .btn-no .btn-inny { padding: 4px 24px; width: auto; height: auto; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 0px; border-bottom: 2px solid #FFFFFF; height: 53px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 50px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 52px; font-weight: bold; text-transform: capitalize !important; border:none; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ height: 50px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card .btn-group.group-tab .btn{ min-width: 110px; height: 50px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round{ border-radius: 30px 30px ; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 30px 30px 0 0 ; border-bottom: 2px solid #FFFFFF; height: 48px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); border-radius:0px; height: 45px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 46px; font-weight: bold; text-transform: capitalize !important; border:none; height: 45px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ height: 45px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .pickdate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ min-width: 110px; height: 45px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card { position: absolute; left: 0%; right: auto; top: 0%; bottom: auto; z-index: 999; margin: auto; width: 336px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.pos-calendar { position: absolute; left: auto; right: auto; top: auto; bottom: auto; z-index: 999; margin: auto; width: 336px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .app-vLD .card-link i{ text-shadow: none !important; color: #BDC7C5;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .app-vLD .card-link:hover i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .app-vLD .card-link:focus i, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .app-vLD .card-link:active i{ color: #00AFAA;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .app-vLD .btn-no .btn-inny { padding: 4px 24px; width: auto; height: auto; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 0px; border-bottom: 2px solid #FFFFFF; height: 53px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 50px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 52px; font-weight: bold; text-transform: capitalize !important; border:none; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ height: 50px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card .btn-group.group-tab .btn{ min-width: 110px; height: 50px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round{ border-radius: 30px 30px ; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 30px 30px 0 0 ; border-bottom: 2px solid #FFFFFF; height: 48px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); border-radius:0px; height: 45px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 46px; font-weight: bold; text-transform: capitalize !important; border:none; height: 45px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ height: 45px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content .tab-pane .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ min-width: 110px; height: 45px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate{position:relative;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card { position: absolute; left: auto; right: auto; top: auto; bottom: auto; z-index: 99999; margin: auto; width: 336px; height: auto;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar{ background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 0px 0px 20px 20px; border: none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); border-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header{ font-size: 10px; line-height: 13px; color: #384341; border: none !important; position: relative; text-align: left;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header .title{ font-size: 20px; line-height: 28px; color: #384341;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header a.pen-edit{ position: absolute; bottom: 26px; top: auto; right: 20px; left: auto; margin:auto; z-index: 99; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header a.pen-edit i{ color: #62CBC9; text-shadow: 0px 1px 1px rgba(159, 45, 188, 0.75); /*, inset 0px 0.5px 0.5px #FFFFFF*/} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header a.pen-edit:hover i, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-header a.pen-edit:focus i{ color:#5D6A68;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-link{ color: #00AFAA; font-weight: bold; font-size: 16px; line-height: 25px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-link:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar .card-link:focus{ color: #FF9E99;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar hr{ border: none !important;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.pos-calendar { position: absolute; left: auto; right: auto; top: auto; bottom: auto; z-index: 999; margin: auto; width: 336px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .app-vLD .card-link i{ text-shadow: none !important; color: #BDC7C5;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .app-vLD .card-link:hover i, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .app-vLD .card-link:focus i, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .app-vLD .card-link:active i{ color: #00AFAA;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .app-vLD .btn-no .btn-inny { padding: 4px 24px; width: auto; height: auto; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 0px; border-bottom: 2px solid #FFFFFF; height: 53px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); /*drop-shadow(-10px -10px 20px #FFFFFF)*/ border-radius:0px; height: 50px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab > .btn:first-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 52px; font-weight: bold; text-transform: capitalize !important; border:none; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ height: 50px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card .btn-group.group-tab .btn{ min-width: 110px; height: 50px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round{ border-radius: 30px 30px ; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded { box-shadow: 0px 0px 5px 2px rgb(159 45 188 / 0%); border-radius: 30px 30px 0 0 ; border-bottom: 2px solid #FFFFFF; height: 48px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ filter: drop-shadow(10px 10px 20px #D1D9E6); border-radius:0px; height: 45px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:focus, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn.active { padding: 0; background: none; border:none; box-shadow: none; text-shadow: none; filter:none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn:nth-child(2){ border-right: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:first-child .btn-inny { border-top-left-radius: 30px; border-bottom-left-radius: 0px; border-top-right-radius:0px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded > .btn:last-child .btn-inny { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:30px; border-bottom-right-radius: 0px;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ padding: 0rem 0rem; color: #FF6259; font-size: 16px; line-height: 46px; font-weight: bold; text-transform: capitalize !important; border:none; height: 45px; min-width: 103px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ height: 45px; min-width: 110px; display: inline-block;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny{ background: #FFDFDE; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 0px; } .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:hover, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny:focus, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active{ border:none; background: #FF6259; color: #FFFFFF; box-shadow:none;} .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn .btn-inny.active, .app-content .app-content-holder.tabsholdin .tab-content.content-commondate .card.toast.custom-card.card-top-round .btn-group.group-tab.tab-rounded .btn{ min-width: 110px; height: 45px; border: none; box-shadow: none; margin: 0;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-header{ background: #EEF1F1;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .right-linkz{ height: 33px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-link{ line-height: 33px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-link i{ font-size: 1.29em; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round-text{ width: 74px; height: 55px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round{ font-family: 'Nunito', sans-serif !important; font-style: normal; font-weight: bold; font-size: 24px; line-height: 53px; text-align: center; padding: .375rem .05rem;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round:focus{ background: rgba(255, 223, 222, 0.75); box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .round-text{ height: 25px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .round-text .control-round-text{ height: 25px; text-align: left;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals b{ line-height: 55px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm{ text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #7F8D8C; } .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:focus, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:focus{ color: #FF6259;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals{} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round-text{ width: 74px; height: 55px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round{ font-family: 'Nunito', sans-serif !important; font-style: normal; font-weight: bold; font-size: 24px; line-height: 53px; text-align: center; padding: .375rem .05rem;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round:focus{ background: rgba(255, 223, 222, 0.75); box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .round-text{ height: 25px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .round-text .control-round-text{ height: 25px; text-align: left;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals b{ line-height: 55px;} .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm{ text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #7F8D8C; } .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:focus, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:hover, .app-content .app-content-holder.contentholdin .content-body .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:focus{ color: #FF6259;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-header{ background: #EEF1F1;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .right-linkz{ height: 33px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-link{ line-height: 33px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-link i{ font-size: 1.29em; color: #62CBC9; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round-text{ width: 74px; height: 55px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round{ font-family: 'Nunito', sans-serif !important; font-style: normal; font-weight: bold; font-size: 24px; line-height: 53px; text-align: center; padding: .375rem .05rem;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .control-round:focus{ background: rgba(255, 223, 222, 0.75); box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .round-text{ height: 25px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .round-text .control-round-text{ height: 25px; text-align: left;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals b{ line-height: 55px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm{ text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #7F8D8C; } .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:focus, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .editClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:focus{ color: #FF6259;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals{} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round-text{ width: 74px; height: 55px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round{ background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round{ font-family: 'Nunito', sans-serif !important; font-style: normal; font-weight: bold; font-size: 24px; line-height: 53px; text-align: center; padding: .375rem .05rem;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .control-round:focus{ background: rgba(255, 223, 222, 0.75); box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .round-text{ height: 25px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .round-text .control-round-text{ height: 25px; text-align: left;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals b{ line-height: 55px;} .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm{ text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 14px; line-height: 28px; color: #7F8D8C; } .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-am:focus, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:hover, .app-content .app-content-holder.contentholdin .gallery-content-container .card .card-body .group-clockwise .card.toast.custom-clockwise .card-body .showClock-form .group-clock-manuals .latin-post-meridiem .meridiem-pm:focus{ color: #FF6259;} .toast-upload .toast-body .progress-bar{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .toast-upload .toast-body .progress-bar{ background-color: #00AFAA; /*#00AFAA-#9F2DBC-#FF6259*/transition: width 0.3s ease-in-out; animation: progressbar 5s forwards linear; -webkit-animation: progressbar 5s forwards linear; } @keyframes progressbar{ 0%{ width: 0%; } 50%{ width: 50%; } 100%{ width: 100%; }} .toast-upload .toast-body .progress-bar.faliure{ background-color: #FF6259; /*#00AFAA-#9F2DBC-#FF6259*/transition: width 0.3s ease-in-out; animation: progressbar 5s forwards linear; -webkit-animation: progressbar 5s forwards linear; } @keyframes progressbar{ 0%{ width: 0%; } 50%{ width: 50%; } 100%{ width: 100%; }} .toast-upload .toast-header .close i{ box-shadow: none !important; font-size: 11px; color: #212837;} .toast-upload .toast-body .text-uploading{ font-family: 'Poppins', sans-serif !important; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 1.9;} .clockpicker-align-left.popover > .arrow { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .popover.clockpicker-popover { background: #EEF1F1 !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; border-radius: 0px 0px 20px 20px !important;} .popover.clockpicker-popover { max-width: 336px ; width: 336px !important; height: auto;} .popover.clockpicker-popover .popover-title { background-color: transparent !important; font-weight: bold; font-size: 24px; line-height: 28px; color: #384341 !important; padding:20px 0px;} .popover.clockpicker-popover .popover-title span{ color: #384341 !important;} .popover.clockpicker-popover .popover-content { background-color: transparent !important; text-align:center;} .popover.clockpicker-popover .popover-content .clockpicker-plate { background: linear-gradient(180deg, rgba(209, 217, 230, 0.7) 0%, rgba(255, 223, 222, 0.49) 100%) !important; box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7) !important; border:none !important;} .popover.clockpicker-popover .popover-content .clockpicker-plate { margin:0 auto;} .popover.clockpicker-popover .clockpicker-am-pm-block { display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .popover{ border:none; background-color:transparent; box-shadow: 0px 1.5px 2px rgba(148, 30, 177, 0.7); border-radius: 10px;} .popover-title{ background-color: #FF6259; border-bottom: none; color:#FFDFDE;} .popover-content { background-color: #FF6259; color:#FFDFDE; } .popover.top { margin-top: -5px;} .popover.top > .arrow{ border-top-color: #FF6259; bottom: -5px;} .popover.top > .arrow:after{ border-top-color: #FF6259;} .popover.bottom { margin-bottom: -5px;} .popover.bottom > .arrow{ border-top-color: #FF6259; top: -5px;} .popover.bottom > .arrow:after{ border-top-color: #FF6259;} .popover.left { margin-left: -5px;} .popover.left > .arrow{ border-top-color: #FF6259; left: -5px;} .popover.left > .arrow:after{ border-top-color: #FF6259;} .popover.right { margin-right: -5px;} .popover.right > .arrow{ border-top-color: #FF6259; right: -5px;} .popover.right > .arrow:after{ border-top-color: #FF6259;} .colorpicker-bs-popover{ background: #EEF1F1; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .colorpicker-bs-popover .arrow{} .colorpicker-bs-popover.bs-popover-bottom > .arrow::before { border-bottom-color: #EEF1F1; } .colorpicker-bs-popover.bs-popover-bottom > .arrow::after { border-bottom-color: #EEF1F1; } .popover.popover-calendar { background: #EEF1F1; backdrop-filter: blur(4px); border: none; border-radius:10px; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6;} .popover.popover-calendar { width: auto; max-width:340px; height: auto; padding: 0; margin: 0; display: inline-block;} .popover.popover-calendar { position: absolute; z-index: 999; left: 0; right: auto; top: 0; bottom: auto;} .popover.popover-calendar::after { content: ''; width: 100%; height: 100%; padding: 0; margin: 0; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)), drop-shadow(5px 5px 10px #D1D9E6);} .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow, .popover.popover-calendar.bs-popover-right>.arrow { width: 31px; height: 26px; margin: auto; left: -0.89rem; right: auto; top: 0; bottom: 0;} .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow::after, .popover.popover-calendar.bs-popover-right>.arrow::after { border-right-color: #EEF1F1; /*#ff6259*/ left: 0; border-width: 0.9rem 0.9rem 0.9rem 0;} .popover.popover-calendar.bs-popover-auto[x-placement^=right]>.arrow::before, .popover.popover-calendar.bs-popover-right > .arrow::before { border-right-color:transparent; left: 0; border-width: 0.9rem 0.9rem 0.9rem 0;} .popover.popover-calendar.bs-popover-left>.arrow { width: 31px; height: 26px; margin: auto; left: auto; right: -0.89rem; top: 0; bottom: 0;} .popover.popover-calendar.bs-popover-auto[x-placement^=left]>.arrow::after, .popover.popover-calendar.bs-popover-left>.arrow::after { border-left-color: #EEF1F1; /*#ff6259*/ right: 0; border-width: 0.9rem 0 0.9rem 0.9rem;} .popover.popover-calendar.bs-popover-auto[x-placement^=left]>.arrow::before, .popover.popover-calendar.bs-popover-left > .arrow::before { border-left-color:transparent; right: 0; border-width: 0.9rem 0 0.9rem 0.9rem;} .popover.popover-calendar .popover-header, .popover.popover-calendar .popover-header .form-control{ background: none; border: none; box-shadow: none; padding: 13px 33px 3px; margin: 0;} .popover.popover-calendar .popover-header .form-control{ padding: 0; margin: 0;} .popover.popover-calendar .popover-header, .popover.popover-calendar .popover-header .form-control{ font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #7F8D8C; } .popover.popover-calendar .popover-header.header-output { font-style: normal; font-weight: bold; font-size: 20px; line-height: 23px; color: #384341;} .popover.popover-calendar form .form-group .header-output { font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; color: #384341; margin-bottom: 0;} .popover.popover-calendar .popover-body{ background: none; border: none; box-shadow: none; height: auto; width: 100%; padding: 8px 0px; margin: 0;} .popover.popover-calendar .popover-body .form-group{ border-bottom: 1px solid #D9E0E0; display: inline-block; width: 100%; height: auto; padding: 0.39rem 33px; margin: 0 0 0.0rem 0;} .popover.popover-calendar .popover-body .form-group.group-pinkiz{ background: rgba(255, 223, 222, 0.3); /*backdrop-filter: blur(4px);*/ padding: 0.39rem 0rem 0.39rem 2rem;} .popover.popover-calendar .popover-body .form-group:last-child{ border-bottom: none;} .popover.popover-calendar .popover-body .form-control{ background: none; border: none; box-shadow: none; border-radius: 0; width: 100%; height: auto; padding: 0; margin: 0;} .popover.popover-calendar .popover-body .form-control{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #7F8D8C;} .popover.popover-calendar form table th, .popover.popover-calendar form table td { padding: 0.25rem .65rem;} .popover.popover-calendar form table th { font-style: normal; font-weight: bold; font-size: 12px; line-height: 2; color: #5D6A68;} .popover.popover-calendar form table td { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .popover.popover-calendar form table > .form-control { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .popover.popover-calendar .popover-body .form-group .btn-no, .popover.popover-calendar .popover-body .form-group .btn-no:hover, .popover.popover-calendar .popover-body .form-group .btn-no:focus{ margin: 0 0 0 10px; padding: 0; box-shadow: none; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ } .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny:hover, .popover.popover-calendar .popover-body .form-group .btn-no .btn-inny:focus{ background: #676767;} .popover.popover-calendar .popover-body .form-group.group-buttns{ margin: 15px 0;} .popover.popover-calendar form .form-group .header-output .btn-link{ background: none; border: none; box-shadow: none; border-radius: 0; width: 100%; height: auto;} .popover.popover-calendar form .form-group .header-output .btn-link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 24px; color: #7F8D8C; text-align: left;} .popover.popover-calendar form .form-group .header-output .btn-link{ padding: 0; margin: 0; text-transform: none !important;} .popover.popover-calendar form .form-group .header-output .btn-link i{ color: #7F8D8C;} .popover.popover-calendar form .form-group .header-output i{ color: #384341; text-shadow: none;} .popover.popover-calendar form .form-group .header-output.output-link{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #3A67DE; cursor: pointer;} .popover.popover-calendar form .form-group .header-output.output-link:hover, .popover.popover-calendar form .form-group .header-output.output-link:focus{ color: #7F8D8C; text-decoration: underline;} .popover.popover-calendar form .form-group .btn-attah{ background: #9F2DBC; border:1px solid #9F2DBC; border-radius: 10px; box-shadow: none; filter: none; font-style: normal; font-weight: bold !important; font-size: 14px; line-height: 24px; color: #FFFFFF;} .popover.popover-calendar form .form-group .btn-attah{ padding: 0 15px; margin: 0; text-transform: none !important;} .popover.popover-calendar form .form-group .btn-attah:hover, .popover.popover-calendar form .form-group .btn-attah:focus{ color: #7F8D8C; background: #EEF1F1; border: 1px solid #3A67DE; box-sizing: border-box; border-radius: 10px;} /* wirn - all modal and toast and popover styles overwrite - END */ /* wirn - all forms , form elements , form inner elements styles overwrite - BEGIN */ .generikformzholdsin { position: relative;} .generikformzholdsin .content-body { } .generikformzholdsin .content-body .gallery-content-container { border:none;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok { } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card { background: #EEF1F1; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 20px; position: relative; min-height: 480px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control{ width: 100%; line-height: 2.6; font-weight: normal; font-size: 16px; color: #384341; border: 2px solid transparent;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control{ position: relative; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 10px; height: 50px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.custom-select.custom-multiple{ height: 125px !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.custom-area{ height: 125px !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:hover, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:focus, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control:active, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.red{ border-color: #ff3b30; border-width: 2px; border-style: solid;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-control.green{ border-color: #1abd36; border-width: 2px; border-style: solid;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ width: 151px; height: 151px; text-align: center; display: inline-block; vertical-align: middle;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ margin: 0 auto; padding: 0; cursor:pointer; position:relative;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead{ background: #EEF1F1; box-shadow: -4px -4px 4px rgba(255, 255, 255, 0.7), 3px 3px 3px rgba(159, 45, 188, 0.15); border-radius: 50%;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne{ background: linear-gradient(180deg, #D1D9E6 0%, rgba(255, 223, 222, 0.7) 100%); box-shadow: inset 3px 3px 4px rgba(148, 30, 177, 0.15), inset -2px -4px 4px rgba(255, 255, 255, 0.7); border-radius: 50%;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne{ width: 118px; height: 118px; text-align: center; display: inline-block; vertical-align: middle; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img{ margin: 0px auto; padding: 0px; vertical-align: middle;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img{ width: 118px; height: 118px; border-radius: 50%;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne img.pad1{ padding: 0px; margin: 0px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-inne i{ font-size: 40px; color: #62CBC9; text-shadow: none; /*0px -1px 1px rgb(255 255 255 / 90%), 0px 1px 1px rgb(159 45 188 / 95%)*/} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ opacity:0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ position:absolute; left:auto; right:auto; top:auto; bottom:auto; z-index:321654; padding:0; margin:auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute{ background:rgba(0, 0, 0, 0.45); box-shadow:none; width:118px; height:118px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead .lead-absolute i{ color:#FFFFFF !important; font-size: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:hover .lead-absolute, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:focus .lead-absolute, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead:active .lead-absolute, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .lead.active .lead-absolute{ opacity:1;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-text{ margin: 2rem 0 0 0; padding: 0; text-align: left; line-height: 50px; font-weight: normal; font-size: 14px; color: #384341;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card label{ display: inline-block; width: 100%; margin: 0; padding: 0 0 10px 9px; text-align: left; font-style: normal; font-weight: bold; font-size: 15px; line-height: 25px; color: #737373;/*#384341*/} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card label{ /*display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;*/} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput{ position: relative; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; border-radius:10px !important; height: auto; min-height: 50px; padding: .375rem .75rem !important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:hover, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:focus, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput:active, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .bootstrap-tagsinput.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff !important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-track{ background: #D9E0E0; box-shadow: inset 1px 1px 1px #7F8D8C; border-radius: 10px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-track .slider-selection{ background: #99D9D9; box-shadow: 0px 1px 2px rgba(148, 30, 177, 0.7); border-radius: 7px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .slider .slider-handle{ background: #62CBC9; box-shadow: 0px 2px 3px rgba(148, 30, 177, 0.5);} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-sideby.group-slider{ display: flex; flex-direction: column; flex-wrap: wrap;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-sideby.group-slider .form-text{ text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px; color: #5D6A68 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .control-wid-mid{ border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-time-n-date .input-group .input-group-text{ border-top-left-radius: 0; border-bottom-left-radius: 0; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; height: auto; padding: .375rem .75rem !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-checkbox{ width: auto; height: auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-checkbox .custom-control-label{ height: auto; padding: 0 0 6px 30px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control.custom-checkbox .custom-control-label::after { left: 0;/*0.05rem*/ } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame{ box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; height: auto; min-height:auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:hover, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:focus, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame:active, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn{ background: #d9e0e9; border-radius: 10px; color: #384341; padding: 7px 10px; margin: 0 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn i{ color: #5D6A68;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .note-btn{ background: #d9e0e9; border-radius: 5px; color: #384341; padding: 7px; margin: 0 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .note-btn i{ color: #5D6A68;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control{ height: 40px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control label{ text-transform:capitalize !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file { height: 50px; width: 100%; padding: 0; margin: 0; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-input { opacity: 0; width: inherit; height: inherit;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { width: inherit; height: inherit; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { display: block; width: 100%; height: 50px; min-height: 50px; overflow: auto; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label { background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: -5px -5px 10px rgb(255 255 255 / 90%), 5px 5px 10px #d1d9e6;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label::after{ display: none; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file .custom-file-label{ font-style: normal; font-weight: bold; font-size: 14px; line-height: 39px; color: #5D6A68; text-align: left; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:hover .custom-file-label, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:focus .custom-file-label, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file:active .custom-file-label, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-file.active .custom-file-label { box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group { margin-bottom: 2rem; position: relative; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .btn{ background: none; box-shadow: none; border-radius: 0; padding: 0; margin: 0; width: 100%; color: #384341; text-transform: capitalize !important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:hover span.text, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:focus span.text, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a:active span.text, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-autosearch .dropdown.bootstrap-select .dropdown-menu li a.active span.text{ color: #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle{} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle::after { display: inline-block; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle::after { position: inherit; top: auto; bottom: auto; width: auto; height: auto; z-index: 123; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card.note-editor.note-frame .note-toolbar .note-btn-group .note-btn-group .dropdown-toggle:empty::after { margin-left: 0; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .custom-control.custom-checkbox .custom-control-label{ line-height: 30px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt{ width: 150px; height: 25px; border-radius: 0; background: none; box-shadow: none; border: none;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc1{ background: #85604B;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc2{ background: #9D7C69;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc3{ background: #B49380;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc4{ background: #CFAD9A;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.btn-sptc5{ background: #EBCDBC;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn:hover, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn:focus{ border-radius: 0; box-shadow: none; filter: none; width: 30px; padding: 0; margin: 0 -0.269rem 0 0 ;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .btn-group.group-spt .btn.active{ border: 3px solid #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a { position: relative; width: 70px; height: 70px; overflow:hidden;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a:hover i, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a:focus i { color: #00AFAA;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload img, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .thumbnails-upload a img{ width: 70px; height: 70px; border-radius: 20px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .btn-upload{ font-weight: 700;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ display: inline-block; opacity: 1; width: auto; height: auto; padding: .15rem 1.15rem;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ position: absolute; top: auto; bottom: -2.25rem; left: 0; right: 0; z-index: 999; margin: auto; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ text-align: right; line-height: 30px; font-weight: bold; font-size: 14px; color: #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp{ border-radius: 10px; background: transparent; box-shadow: none;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp.green{ background-color: rgba(26,189,54,.9);} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .tooltipp.red{ background-color: rgba(255,59,48,.9);} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group.group-rule-alert .btn-group { float:left;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group.group-rule-alert .btn-group > .dropdown-menu { left:0 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .card-up{ box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); min-height:auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .card-up h3{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #384341; text-align: left;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message{ font-weight: normal; font-size: 12px; line-height: 20px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message em{ font-weight: bold;font-style: normal;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text{ position: relative;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .faliure, .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .seccess{ margin: 0 0 8px 0; padding: 2px 5px 2px 40px; display: inline-block; vertical-align: top; width: 100%; height: auto; line-height: 26px; font-size: 13px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .faliure{ color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .seccess{ color: #00AFAA;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close{ position: absolute; right: -0.75rem; left: auto; top: -0.75rem; bottom: auto; z-index: 369; padding: 0; margin: auto;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close{ border-radius: 20px; width: 36px; height: 36px; text-align: center; background: #9F2DBC;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .close i{font-size: 18px; color: #FFFFFF; line-height: 35px; text-shadow: none !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.faliure::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.faliure::after{ content: "\f05a"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: none !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.seccess::after{ position: absolute; left: 0; right: auto; top: 0.15rem; bottom: auto; z-index: 258; margin: auto; padding: 0; display: inline-block; width: 30px; height: 30px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card form .alert-message .form-text.seccess::after{ content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 900; line-height: 26px; font-size: 20px !important; color: #00AFAA !important; text-shadow: none !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text{ position: absolute; margin: auto; padding: 0; right: 0; left: auto; top: 0; bottom: 0; z-index: 357;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text{ width: 40px; height: 20px; line-height: 55px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .group-text .icon-tip{} .generikformzholdsin .content-body .gallery-content-container.rule-un-group{} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ color: #384341; font-style: normal; font-weight: 600; font-size: 22px; line-height: 26px; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ background: rgba(255, 223, 222, 0.6); box-shadow: inset 0px 5px 10px #d1d9e6, inset -5px -5px 10px #ffffff; border-radius: 30px 30px; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header.text-gate{ display: inline-block; width: auto; height: auto; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header .title-head{ color: #384341; font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; text-transform: capitalize;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .page-header .text-decoration-none{} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg { filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg { box-shadow: none; background: none; border: none; padding: 0; margin: 0; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny { box-shadow: inset 10px 10px 30px rgba(255, 255, 255, 0.0), inset -10px -10px 30px rgba(209, 217, 230, 0.0); border-radius: 20px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny { width: 60px; height: 60px; text-align: center; padding: 0;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg .btn-inny i { line-height: 60px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6);} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active .btn-inny { box-shadow: none; background: #56c7c5;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:hover .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:focus .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg:active .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .row-head .btn-rg.active .btn-inny i { color: #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg { filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg { box-shadow: none; background: none; border: none; padding: 0; margin: 0; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny { box-shadow: inset 10px 10px 30px rgba(255, 255, 255, 0.0), inset -10px -10px 30px rgba(209, 217, 230, 0.0); border-radius: 20px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny { width: 50px; height: 50px; text-align: center; padding: 0;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg .btn-inny i { line-height: 50px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6);} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active .btn-inny, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active .btn-inny { box-shadow: none; background: #ff7b73;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:hover .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:focus .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg:active .btn-inny i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group .group-minus .btn-rg.active .btn-inny i { color: #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group .btn{ font-weight: 700 !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access{} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok { background: #EEF1F1; box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); border-radius: 20px; position: relative; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok { position: relative; min-height: auto; height: 80px; width: auto;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:hover, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:focus, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok:active, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok.active{ background: #f6f7f7; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control{ width: 100%; line-height: 2.6; font-weight: normal; font-size: 16px; color: #384341; border: 2px solid transparent;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control{ position: relative; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 10px; height: 50px; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.custom-select.custom-multiple{ height: 125px !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.custom-area{ height: 125px !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:hover, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:focus, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control:active, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.active{ box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.red{ border-color: #ff3b30; border-width: 2px; border-style: solid;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-control.green{ border-color: #1abd36; border-width: 2px; border-style: solid;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-text{ margin: 2rem 0 0 0; padding: 0; text-align: left; line-height: 50px; font-weight: normal; font-size: 14px; color: #384341;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok label{ display: inline-block; width: 100%; margin: 0; padding: 0 0 10px 9px; text-align: left; font-style: normal; font-weight: bold; font-size: 15px; line-height: 25px; color: #737373;/*#384341*/} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok label{ /*display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;*/} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .control-wid-mid{ border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .group-time-n-date .input-group .input-group-text{ border-top-left-radius: 0; border-bottom-left-radius: 0; background: none !important; border: none !important; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6 !important; height: auto; padding: .375rem .75rem !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-checkbox{ width: auto; height: auto;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-checkbox .custom-control-label{ height: auto; padding: 0px 0px 0px 30px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label::after { left: 0rem; top: 0.49rem; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label::before { left: 0rem; top: 0.49rem; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control{ height: auto;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control label, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label .form-control-plaintext.control-edit{ text-transform:capitalize !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group { margin-bottom: 2rem; position: relative; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control.custom-checkbox .custom-control-label{ line-height: 40px; width: 288px; height: 35px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a { position: relative; width: 70px; height: 70px; overflow:hidden;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a i { position: absolute; right: -10px; top: -10px; bottom: auto; left: auto; z-index: 99; margin: auto; cursor: pointer;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a i { color: #FF6259; font-size: 20px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a:hover i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a:focus i { color: #00AFAA;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload img, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .thumbnails-upload a img{ width: 70px; height: 70px; border-radius: 20px;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ display: inline-block; opacity: 1; width: auto; height: auto; padding: .15rem 1.15rem;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ position: absolute; top: auto; bottom: -2.25rem; left: 0; right: 0; z-index: 999; margin: auto; } .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ text-align: right; line-height: 30px; font-weight: bold; font-size: 14px; color: #FFFFFF;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp{ border-radius: 10px; background: transparent; box-shadow: none;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp.green{ background-color: rgba(26,189,54,.9);} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group .tooltipp.red{ background-color: rgba(255,59,48,.9);} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group.group-rule-alert .btn-group { float:left;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .form-group.group-rule-alert .btn-group > .dropdown-menu { left:0 !important;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control{ width: 80%; margin: 0;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label{ width: 100%; padding-left: 40px; position: relative;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label{ font-style: normal; font-size: 15px; color: #384341;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label b{ font-weight: 700;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .custom-control .custom-control-label .form-control-plaintext.control-edit{ font-style: normal; font-weight: 700; font-size: 15px; color: #384341;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd{ position: absolute; right: auto; left: auto; bottom: auto; top: auto;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd i{ color: #FF9E99; text-shadow: none;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd:hover i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd:focus i, .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.active i{ color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.modify{ right: 3rem; top: 0.5rem;} .generikformzholdsin .content-body .gallery-content-container.rule-un-group.set-access .card.single-sa-blok .icon-clnd.remove{ right: 1rem; top: 0.5rem;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message{ display: inline-block; width: 100%; height: auto; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .form-group .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message{ display: inline-block; width: 100%; height: 100%; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: auto; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error em.doubleLane{ line-height: 16px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message small.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner{ display: flex !important; flex-wrap: wrap!important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: auto; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .notify-message.inner small.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group{ margin-bottom: 0.9rem;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message{ display: inline-block; width: 100%; height: 50px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error{ margin: 15px 0 5px; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message{ display: inline-block; width: 100%; height: 50px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error{ margin: 0 0 15px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: 85%; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error em.doubleLane{ line-height: 16px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner{ display: flex !important; flex-wrap: wrap!important; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner{ width: 354px; height: auto; position: absolute; margin: auto; top: 60px; bottom: auto; left: 0; right: 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error{ margin: 0 0 4px 0; padding: 0 5px; display: inline-block; vertical-align: top; width: 100%; height: 26px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error{ font-weight: normal; font-size: 12px; line-height: 20px; color: #FF6259;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error i{ line-height: 26px; font-size: 20px !important; color: #FF6259 !important; text-shadow: 1px 1px 1px #CC0A00 !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error i{ display: inline-block; vertical-align: top; width: auto; height: auto; margin: 0 7px 0 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error em{ display: inline-block; vertical-align: top; width: auto; height: auto; font-style: normal; line-height: 28px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .error-message.inner small.form-text.text-icon-error.last{ margin: 0 0 20px 0;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-condition .condition-hold{ display: inline-block; width: 100%; height: 50px; margin: 0px; padding: 0px; } .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .group-condition .condition-hold .btn-condit{ box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); margin: 9px 0 0 0; height: 35px; line-height: 1.7;} /* wirn - all forms , form elements , form inner elements styles overwrite - END */ .list-group-item{ background-color:transparent; border:none;} .note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-airframe .note-editing-area .note-codable { background: none; border: none; border-radius: 0; } .note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar { background: none; border: none; border-radius: 0; } .note-editor.note-frame .note-toolbar { background: none; border: none; border-radius: 0; } .note-popover .popover-content>.note-btn-group i, .note-editor .note-toolbar>.note-btn-group i { color: #BDC7C5; text-shadow: none; /*0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9)*/} .calendar { background: #eef1f1; } .datepicker{ /*border-radius: 0px 0px 20px 20px; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; */ padding: 0rem .0rem .9375rem; width: 85%; margin: 1rem auto 0;} .datepicker thead, .datepicker thead tr{ /*background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); */ border-radius: 0px; transform: matrix(1, 0, 0, -1, 0, 0);} .datepicker .prev:before{ content: "\f053";} .datepicker .next:before{ content: "\f054";} .datepicker .datepicker-switch, .datepicker .datepicker-switch:hover{ color: #384341; font-weight: bold; font-size: 20px; line-height: 28px;} .datepicker .next, .datepicker .prev{ color: #7F8D8C;} .datepicker .next:hover, .datepicker .prev:hover { color: #384341;} .datepicker .datepicker-days table tbody tr td, .datepicker .datepicker-months table tbody tr td span, .datepicker .datepicker-years table tbody tr td span{ border:none; border-radius: 50%;} .datepicker .datepicker-days table tbody tr td.active, .datepicker .datepicker-days table tbody tr td.selected { background: #9F2DBC !important; border: none !important; border-radius: 50%;} .datepicker .datepicker-days table tbody tr td.event { background: #00AFAA !important; border: none !important; border-radius: 50%;} .datepicker .datepicker-days table tbody tr td.focused, .datepicker .datepicker-days table tbody tr td.range, .datepicker .datepicker-days table tbody tr td:hover { background: rgba(159, 45, 188 , 0.1) !important; border-radius: 50%; color:#9F2DBC !important; } .datepicker .datepicker-days table tbody tr td.active:after, .datepicker .datepicker-days table tbody tr td.active:before, .datepicker .datepicker-days table tbody tr td.selected:after, .datepicker .datepicker-days table tbody tr td.selected:before { background: transparent;} .datepicker .datepicker-months table tbody tr td span:hover, .datepicker .datepicker-years table tbody tr td span:hover { background: rgba(159, 45, 188 , 0.1) !important; color: #384341; border-radius: 30px;} .datepicker .datepicker-years table tbody tr td span.focused, .datepicker .datepicker-months table tbody tr td span.focused{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .datepicker .datepicker-months table tbody tr td span.active, .datepicker .datepicker-years table tbody tr td span.active{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .datepicker .datepicker-months table tr td span, .datepicker .datepicker-years table tr td span { height: auto; line-height: 42px; font-size: 14px; color: #384341; font-size: 14px;} .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: rgba(159, 45, 188, 0.1) !important; /*9F2DBC*/ color:#9F2DBC !important; border: none !important; border-radius: 50%;} .datepicker table tr td.today.active, .datepicker table tr td.event{ color:#FFFFFF !important;} .datepicker .datepicker-days table thead tr th.dow, .datepicker .datepicker-months table thead tr th.dow, .datepicker .datepicker-years table thead tr th.dow, .datepicker .datepicker-decades table thead tr th.dow, .datepicker .datepicker-centuries table thead tr th.dow { color: #ff6259; font-size: .875rem; font-weight: 700; cursor: pointer;} .datetimepicker{ /*border-radius: 0px 0px 20px 20px; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; */ padding: 0rem .0rem .9375rem; width:100%;} .datetimepicker thead, .datetimepicker thead tr{ /*background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); */ border-radius: 0px; transform: matrix(1, 0, 0, -1, 0, 0);} .datetimepicker .prev:before{ content: "\f053";} .datetimepicker .next:before{ content: "\f054";} .datetimepicker th.switch, .datetimepicker th.switch:hover{ color: #384341; font-weight: bold; font-size: 20px; line-height: 28px;} .datetimepicker th.switch, .datetimepicker th.switch:hover, .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover{ background: none;} .datetimepicker .next, .datetimepicker .prev{ color: #7F8D8C;} .datetimepicker .next:hover, .datetimepicker .prev:hover { color: #384341;} .datetimepicker .datetimepicker-days table tbody tr td, .datetimepicker .datetimepicker-months table tbody tr td span, .datetimepicker .datetimepicker-years table tbody tr td span{ border:none; border-radius: 50%;} .datetimepicker .datetimepicker-days table tbody tr td.active, .datetimepicker .datetimepicker-days table tbody tr td.selected { background: #9F2DBC !important; border: none !important; border-radius: 50%;} .datetimepicker .datetimepicker-days table tbody tr td.focused, .datetimepicker .datetimepicker-days table tbody tr td.range, .datetimepicker .datetimepicker-days table tbody tr td:hover { background: rgba(159, 45, 188 , 0.1) !important; border-radius: 50%; } .datetimepicker .datetimepicker-days table tbody tr td.active:after, .datetimepicker .datetimepicker-days table tbody tr td.active:before, .datetimepicker .datetimepicker-days table tbody tr td.selected:after, .datetimepicker .datetimepicker-days table tbody tr td.selected:before { background: transparent;} .datetimepicker .datetimepicker-months table tbody tr td span:hover, .datetimepicker .datetimepicker-years table tbody tr td span:hover { background: rgba(159, 45, 188 , 0.1) !important; color: #384341; border-radius: 30px;} .datetimepicker .datetimepicker-years table tbody tr td span.focused, .datetimepicker .datetimepicker-months table tbody tr td span.focused{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .datetimepicker .datetimepicker-months table tbody tr td span.active, .datetimepicker .datetimepicker-years table tbody tr td span.active{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .datetimepicker .datetimepicker-months table tr td span, .datetimepicker .datetimepicker-years table tr td span { height: auto; line-height: 42px; font-size: 14px; color: #384341; font-size: 14px;} .datetimepicker table tr td.today, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today:hover { background: #9F2DBC !important; color:#FFFFFF !important; border: none !important; border-radius: 50%;} .datetimepicker table { margin: 0; width: 100%;} .datetimepicker .datepicker-days table thead tr th.dow, .datetimepicker .datetimepicker-days table thead tr th.dow { color: #ff6259; } .datetimepicker { border-radius: 0px;} .daterangepicker.show-calendar .drp-calendar{ padding: 0rem .0rem .9375rem; width:auto; /*border-radius: 0px 0px 20px 20px; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; */} .daterangepicker.show-calendar .drp-calendar thead, .daterangepicker.show-calendar .drp-calendar thead tr{ border-radius: 0px; transform: matrix(1, 0, 0, -1, 0, 0); /*background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%); */} .daterangepicker.show-calendar .drp-calendar .prev:before{ content: "\f053";} .daterangepicker.show-calendar .drp-calendar .next:before{ content: "\f054";} .daterangepicker.show-calendar .drp-calendar th.month, .daterangepicker.show-calendar .drp-calendar th.month:hover{ color: #384341 !important; font-weight: bold; font-size: 20px; line-height: 28px;} .daterangepicker.show-calendar .drp-calendar th.month, .daterangepicker.show-calendar .drp-calendar th.month:hover, .daterangepicker.show-calendar .drp-calendar thead tr:first-child th:hover, .daterangepicker.show-calendar .drp-calendar tfoot th:hover{ background: none;} .daterangepicker.show-calendar .drp-calendar .next, .daterangepicker.show-calendar .drp-calendar .prev{ color: #7F8D8C;} .daterangepicker.show-calendar .drp-calendar .next:hover, .daterangepicker.show-calendar .drp-calendar .prev:hover { color: #384341;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span{ border:none; border-radius: 50%;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.active, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.end-date, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.start-date { background: #9F2DBC !important; border: none !important; border-radius: 50%;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.focused, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.range, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td:hover { background: rgba(159, 45, 188 , 0.1) !important; border-radius: 50%; } .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.active:after, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.active:before, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.end-date:after, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.end-date:before, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.start-date:after, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td.available.start-date:before { background: transparent;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span:hover, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span:hover { background: rgba(159, 45, 188 , 0.1) !important; color: #384341; border-radius: 30px;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span.focused, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span.focused{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span.active, .daterangepicker.show-calendar .drp-calendar .calendar-table table tbody tr td span.active{ background: #9F2DBC !important; border: none !important; color: #FFFFFF; border-radius: 30px;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td span, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td span { height: auto; line-height: 42px; font-size: 14px; color: #384341; font-size: 14px;} .daterangepicker.show-calendar .drp-calendar .calendar-table table { margin: 0; width: 100%;} .daterangepicker.show-calendar .drp-calendar .calendar-table table thead tr th { color: #ff6259; } .daterangepicker.show-calendar .drp-calendar { border-radius: 0px;} .daterangepicker.show-calendar .drp-calendar .prev:before, .daterangepicker.show-calendar .drp-calendar .next:before{ display: none !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; width: 0 !important; visibility: hidden !important;} .daterangepicker .drp-buttons .btn { display: inline-block; background: #00AFAA; color: #FFFFFF; border: none; border-radius: 30px; box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); position: relative; padding: 0 0.7em; font-size: .7125rem; font-weight: 400 !important; text-transform: lowercase !important; margin: 0 0 0 10px; height: auto; font-size: 12px; line-height: 26px;} .daterangepicker .drp-buttons .btn:hover, .daterangepicker .drp-buttons .btn:focus, .daterangepicker .drp-buttons .btn:active, .daterangepicker .drp-buttons .btn.active{ background: #00AFAA; color: #9F2DBC; box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range{ background: linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%) !important;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.today, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.today.disabled, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.today.disabled:hover, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.today:hover { background: rgba(159, 45, 188, 0.1) !important; /*9F2DBC*/ color:#9F2DBC !important; border: none !important; border-radius: 50%;} .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.today.active { color:#FFFFFF !important;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.disabled, .daterangepicker.show-calendar .drp-calendar .calendar-table table tr td.disabled:hover, .datetimepicker .datetimepicker-days table tbody tr td.disabled, .datetimepicker .datetimepicker-days table tbody tr td.disabled:hover{ background:none !important; color:#7F8D8C !important;} .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover{ line-height: 42px !important; border-radius: 30px !important;} .datepicker .datepicker-years table tbody tr td span.focused, .datepicker .datepicker-months table tbody tr td span.focused{ background: rgba(159, 45, 188, 0.1) !important; color:#9F2DBC !important; } .files-processing{} .files-processing .badge{ /*font-family: 'Nunito', sans-serif !important;*/ font-family: 'Poppins', sans-serif !important; font-size: 13px; font-weight:500; color: #384341;/*#899392*/ } .files-processing .badge{ background: #eef1f1; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; border-radius: 10px;} .files-processing .badge{ display: inline-block; width: 100%; height: auto; margin: 2px 0 10px; text-align: left; } .files-processing .badge:hover, .files-processing .badge:focus, .files-processing .badge:active{ box-shadow: -4px -4px 4px rgb(255 255 255 / 70%), 4px 4px 4px rgb(159 45 188 / 15%); } .files-processing .badge a, .files-processing .badge a:hover, .files-processing .badge a:focus, .files-processing .badge a:active{ color: #384341;} .bootstrap-table .fixed-table-container .table thead th .th-inner{ text-align:center;} .fht-cell{ width:39px !important;} .bootstrap-table .fixed-table-container.fixed-height:not(.has-footer), .bootstrap-table .fixed-table-container.fixed-height .fixed-table-border{ border:none;} .group-autocomp .bootstrap-select.show .btn.dropdown-toggle{ background: none; border: none; box-shadow:none; color: #384341; margin: 0; padding: 0; height: 39px;} .modal .group-autocomp .btn{ margin: 0; height: 39px; position: relative;} .modal .group-autocomp .btn .filter-option{} .modal .group-autocomp .btn .filter-option .filter-option-inner{ height: 39px; padding: .375rem .75rem; line-height: 2; font-weight: normal; font-size: 14px; color: #384341;} .group-autocomp .form-control.bootstrap-select, .app .group-autocomp .form-control.bootstrap-select{ padding: 0;} .group-autocomp .btn-default:not(:disabled):not(.disabled).active, .group-autocomp .btn-default:not(:disabled):not(.disabled):active, .group-autocomp .show > .btn-default.dropdown-toggle{ background: none !important; border: none !important; box-shadow:none !important;} .group-autocomp .bootstrap-select > .dropdown-toggle::after { background: #62CBC9; border-radius: 0px 10px 10px 0px; border: none; } .group-autocomp .bootstrap-select > .dropdown-toggle::after { width: 37px; height: 39px; margin: 0;} .group-autocomp .bootstrap-select.show .btn.dropdown-toggle::after{ } .group-autocomp .bootstrap-select > .dropdown-toggle::before { content: "\f078"; font-size: 17px; color: #FFFFFF; text-align: center; line-height: 39px; font-family: "Font Awesome 5 Pro"; font-weight: 900; } .group-autocomp .bootstrap-select > .dropdown-toggle::before { display: inline-block; width: 34px; height: 39px; position: absolute; left: auto; right: 0; top: 0; bottom: 0; z-index: 9; } .group-autocomp .bootstrap-select .dropdown-menu{ background: #EEF1F1; border-radius: 10px; border: none !important; filter: drop-shadow(-5px -5px 10px rgba(221, 227, 227, 0.3)), drop-shadow(5px 5px 10px rgba(56, 67, 65, 0.4));} .app-header, .app-header .brand, .app-header::before { background-color: #EEF1F1; /*#EEF1F1*/} .app-content-full-width .app-header::before { background-color: transparent; /*#EEF1F1*/} a.close { font-size: 12px; opacity: 0.85; margin: 0 -0.5em 0 0; padding: 0; line-height: 1.35; } a.close i { color: #FF6259; } .img-logicn{ width: 20px; height: 25px;} .app .group-btn .btn { margin: 0; } .btn { padding: 0; background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0 0 0 5px; } .btn { filter: drop-shadow(5px 5px 10px #D1D9E6);/*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .btn .btn-inny { box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .btn .btn-inny { display: inline-block; background: #00AFAA; color: #FFFFFF; border: none; border-radius: 30px; position: relative; } .btn .btn-inny { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px; } .btn:hover, .btn:focus { background: none; color: transparent; } .btn:hover, .btn:focus { box-shadow: none; } .btn:hover .btn-inny, .btn:focus .btn-inny { background: #00AFAA; color: #9F2DBC; } .btn:hover .btn-inny, .btn:focus .btn-inny { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88); } .btn-sbb { filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); -webkit-filter: drop-shadow(4px 4px 7px rgba(189, 120, 206, 0.8)); } .btn-sbb .btn-inny { background: #00AFAA; box-shadow: inset 10px 10px 30px rgba(255, 255, 255, 0.6), inset -10px -10px 30px rgba(209, 217, 230, 0.6); border-radius: 20px;} .btn-sbb .btn-inny { width: 74px; height: 74px; text-align: center;} .btn-sbb .btn-inny i { line-height: 74px;} .btn-sbb:hover, .btn-sbb:focus, .btn-sbb:active, .btn-sbb.active { filter: drop-shadow(-10px -10px 20px #FFFFFF), drop-shadow(10px 10px 20px #D1D9E6);} .btn-sbb:hover .btn-inny, .btn-sbb:focus .btn-inny, .btn-sbb:active .btn-inny, .btn-sbb.active .btn-inny { color: #9F2DBC; background: #62CBC9; opacity: 0.8; box-shadow: inset 3px 3px 15px #FFFFFF, inset -3px -3px 15px #D1D9E6;} .btn-sbb:hover .btn-inny i, .btn-sbb:focus .btn-inny i, .btn-sbb:active .btn-inny i, .btn-sbb.active .btn-inny i { color: #9F2DBC;} .app .app-content .app-content-holder .btn-underTabs{ padding: 0; background-color: transparent; border: transparent; border-radius: 30px; line-height: normal; font-size: inherit; margin: 0 0 0 5px;} .app .app-content .app-content-holder .btn-underTabs{ filter: drop-shadow(5px 5px 10px #D1D9E6);/*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/} .app .app-content .app-content-holder .btn-underTabs .btn-inny { box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.40), inset -7px -7px 30px rgba(209, 217, 230, 0.40); } .app .app-content .app-content-holder .btn-underTabs .btn-inny { display: inline-block; background: #00AFAA; color: #FFFFFF; border: none; border-radius: 30px; position: relative; } .app .app-content .app-content-holder .btn-underTabs .btn-inny { padding: 0 1.5em; font-weight: 700 !important; margin: 0; height: 34px; font-size: 14px; line-height: 33px; } .app .app-content .app-content-holder .btn-underTabs:hover, .app .app-content .app-content-holder .btn-underTabs:focus { background: none; color: transparent; } .app .app-content .app-content-holder .btn-underTabs:hover, .app .app-content .app-content-holder .btn-underTabs:focus { box-shadow: none; } .app .app-content .app-content-holder .btn-underTabs:hover .btn-inny, .app .app-content .app-content-holder .btn-underTabs:focus .btn-inny { background: #00AFAA; color: #9F2DBC; } .app .app-content .app-content-holder .btn-underTabs:hover .btn-inny, .app .app-content .app-content-holder .btn-underTabs:focus .btn-inny { box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88); } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox{ width: 18px; height: 18px;} .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { left: 0rem; width: 18px; height: 18px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { border-radius: 2px; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::after { left: 0rem; width: 18px; height: 18px; } .contentholdin.weighthold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.weighthold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.taghisthold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.taghisthold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.activityhold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.activityhold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.sleephold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.sleephold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.cardiachold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.cardiachold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox{ width: 22px; height: 22px; margin: 0 auto;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox .custom-control-input{ width: 22px; height: 22px; left: auto; top: 3px; bottom: auto; right: auto;} .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox .custom-control-label::before { left: 0rem; width: 22px; height: 22px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox .custom-control-label::before { border-radius: 2px; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .app-content .app-content-holder.emailholdsin .mailbox .mailbox-list .mailbox-list-item .mailbox-checkbox .custom-checkbox .custom-control-label::after { left: -0.01rem; width: 22px; height: 22px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox{ width: 22px; height: 22px; margin: 0 auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox .custom-control-input{ width: 22px; height: 22px; left: auto; top: 3px; bottom: auto; right: auto;} .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox .custom-control-label::before { left: 0rem; width: 22px; height: 22px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox .custom-control-label::before { border-radius: 2px; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .app-content .app-content-holder.hgdriveholdsin .hgdrive .hgdrive-list .hgdrive-list-item .hgdrive-checkbox .custom-checkbox .custom-control-label::after { left: -0.01rem; width: 22px; height: 22px; } .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th:first-child { width: 44px; height: 22px;} .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th .custom-checkbox { width: 22px; height: 22px;} .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th .custom-checkbox .custom-control-label::before { left: 0rem; width: 22px; height: 22px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th .custom-checkbox .custom-control-label::before { border-radius: 2px; } .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .app-content .app-content-holder .card.card-general-table .card-body .table.table-cteam th .custom-checkbox .custom-control-label::after { left: -0.045rem; width: 22px; height: 22px; } .content-body .btn{ background: inherit; box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.60), inset -7px -7px 30px rgba(209, 217, 230, 0.60); color: #FFFFFF; border: none; border-radius: 30px;} .content-body .btn{ padding: .375rem 1.75rem; position: relative; filter: drop-shadow(5px 5px 10px #D1D9E6); } .content-body .btn::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -123; border: none; border-radius: 30px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)); } .content-body .btn-default{ background: #00AFAA; } .content-body .btn:hover, .content-body .btn:focus, .content-body .btn.active{ background: inherit; color: #9F2DBC; box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .content-body .btn-default{ background: #00AFAA; } .content-body .btn-default:hover, .content-body .btn-default:focus, .content-body .btn-default.active{ background: #00AFAA; } .content-body .btn-red{ background: #FF6259; } .content-body .btn-red:hover, .content-body .btn-red:focus, .content-body .btn-red.active{ background: #FF6259;} .content-body .btn.disabled, .content-body .btn[disabled], .content-body fieldset[disabled] .btn{ background: #BDC7C5 !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important;} .content-body .btn.disabled:hover, .content-body .btn.disabled:focus, .content-body .btn[disabled]:hover, .content-body .btn[disabled]:focus, .content-body fieldset[disabled] .btn:hover, .content-body fieldset[disabled] .btn:focus{ background: #7F8D8C !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important; } .common-content-inner.left-section .btn{ background: inherit; box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.60), inset -7px -7px 30px rgba(209, 217, 230, 0.60); color: #FFFFFF; border: none; border-radius: 30px;} .common-content-inner.left-section .btn{ padding: .375rem 1.75rem; position: relative; filter: drop-shadow(5px 5px 10px #D1D9E6); } .common-content-inner.left-section .btn::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -123; border: none; border-radius: 30px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)); } .common-content-inner.left-section .btn-default{ background: #00AFAA; } .common-content-inner.left-section .btn:hover, .common-content-inner.left-section .btn:focus, .common-content-inner.left-section .btn.active{ background: inherit; color: #9F2DBC; box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .common-content-inner.left-section .btn-default{ background: #00AFAA; } .common-content-inner.left-section .btn-default:hover, .common-content-inner.left-section .btn-default:focus, .common-content-inner.left-section .btn-default.active{ background: #00AFAA; } .common-content-inner.left-section .btn-red{ background: #FF6259; } .common-content-inner.left-section .btn-red:hover, .common-content-inner.left-section .btn-red:focus, .common-content-inner.left-section .btn-red.active{ background: #FF6259;} .common-content-inner.left-section .btn.disabled, .common-content-inner.left-section .btn[disabled], .common-content-inner.left-section fieldset[disabled] .btn{ background: #BDC7C5 !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important;} .common-content-inner.left-section .btn.disabled:hover, .common-content-inner.left-section .btn.disabled:focus, .common-content-inner.left-section .btn[disabled]:hover, .common-content-inner.left-section .btn[disabled]:focus, .common-content-inner.left-section fieldset[disabled] .btn:hover, .common-content-inner.left-section fieldset[disabled] .btn:focus{ background: #7F8D8C !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important; } .common-content-inner.right-section .btn{ background: inherit; box-shadow: inset 7px 7px 30px rgba(255, 255, 255, 0.60), inset -7px -7px 30px rgba(209, 217, 230, 0.60); color: #FFFFFF; border: none; border-radius: 30px;} .common-content-inner.right-section .btn{ padding: .375rem 1.75rem; position: relative; filter: drop-shadow(5px 5px 10px #D1D9E6); } .common-content-inner.right-section .btn::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: -123; border: none; border-radius: 30px; filter: drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)); } .common-content-inner.right-section .btn-default{ background: #00AFAA; } .common-content-inner.right-section .btn:hover, .common-content-inner.right-section .btn:focus, .common-content-inner.right-section .btn.active{ background: inherit; color: #9F2DBC; box-shadow: 0px 1px 8px rgba(159, 45, 188, 0.88);} .common-content-inner.right-section .btn-default{ background: #00AFAA; } .common-content-inner.right-section .btn-default:hover, .common-content-inner.right-section .btn-default:focus, .common-content-inner.right-section .btn-default.active{ background: #00AFAA; } .common-content-inner.right-section .btn-red{ background: #FF6259; } .common-content-inner.right-section .btn-red:hover, .common-content-inner.right-section .btn-red:focus, .common-content-inner.right-section .btn-red.active{ background: #FF6259;} .common-content-inner.right-section .btn.disabled, .common-content-inner.right-section .btn[disabled], .common-content-inner.right-section fieldset[disabled] .btn{ background: #BDC7C5 !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important;} .common-content-inner.right-section .btn.disabled:hover, .common-content-inner.right-section .btn.disabled:focus, .common-content-inner.right-section .btn[disabled]:hover, .common-content-inner.right-section .btn[disabled]:focus, .common-content-inner.right-section fieldset[disabled] .btn:hover, .common-content-inner.right-section fieldset[disabled] .btn:focus{ background: #7F8D8C !important; box-shadow: inset 1.5px 1.5px 1.5px #7F8D8C !important; border-radius: 30px !important; color: #FFFFFF !important; } .custom-switch .custom-control-input:checked~.custom-control-label::before { color: #fff; border: none; background-color: #D1D9E6; box-shadow: -1px -1px 1px #ffffff, 1px 1px 1px rgb(159 45 188 / 30%); } .custom-switch .custom-control-label::before { border: none; background-color: #E7EBF2; box-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px rgba(159, 45, 188, 0.3); border-radius: 7px; } .custom-switch .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #E7EBF2; border: none; } .custom-switch .custom-control-input:focus~.custom-control-label::before { box-shadow: -1px -1px 1px #ffffff, 1px 1px 1px rgb(159 45 188 / 30%); } .custom-switch .custom-control-label::after { top: calc(.15625rem + -2px); left: calc(-2.25rem + -1px); width: 20px; height: 20px; background-color: #D1D9E6; } .custom-switch .custom-control-label::after { border-radius: 14px; box-shadow: -1px -1px 1px #FFFFFF, 1px 1px 1px rgba(159, 45, 188, 0.3); } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #00AFAA; } .custom-checkbox .custom-control-input { top: 0.2rem; width: 22px; height: 22px;} .custom-checkbox .custom-control-label { width: 22px;/*120px*/ height: 22px;/*120px*/} .custom-checkbox { width: 22px; height: 22px; padding: 0;} .custom-checkbox .custom-control-label::before { left: 0rem; width: 22px; height: 22px; border: none; } .custom-checkbox .custom-control-label::before { background: #EEF1F1; box-shadow: inset 1px 1px 1px rgba(159, 45, 188, 0.25), inset -1px -1px 1px #FFFFFF; border-radius: 2px; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border: none; } .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background: #9F2DBC; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3), inset -1px -1px 1px rgba(255, 255, 255, 0.4); border-radius: 2px; } .custom-checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.3), inset -1px -1px 1px rgba(255, 255, 255, 0.4); } .custom-checkbox .custom-control-label::after { left: 0; width: 22px; height: 22px; right: 0; bottom: 0; top: 0.18rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")} .table-responsive.responsive-custom{ height: 444px !important; overflow-y: auto !important; overflow-x: auto !important;} .table-responsive.responsive-long{ height: 666px !important; overflow-y: auto !important; overflow-x: auto !important;} .contentholdin .content-body .gallery-menu-container .table.table-insert{ table-layout: auto !important;} .contentholdin .content-body .gallery-menu-container .table.table-insert th:first-child{ width: 18px; height: 18px;} .contentholdin .content-body .gallery-menu-container .table.table-insert th.date, .contentholdin .content-body .gallery-menu-container .table.table-insert td.date{ min-width: 108px; } .contentholdin .content-body .gallery-menu-container .table.table-insert th.time, .contentholdin .content-body .gallery-menu-container .table.table-insert td.time{ min-width: 108px; } .contentholdin .content-body .gallery-menu-container .table.table-insert th.date, .contentholdin .content-body .gallery-menu-container .table.table-insert td.date, .contentholdin .content-body .gallery-menu-container .table.table-insert th.date .th-inner, .contentholdin .content-body .gallery-menu-container .table.table-insert td.date .th-inner, .contentholdin .content-body .gallery-menu-container .table.table-insert th.time, .contentholdin .content-body .gallery-menu-container .table.table-insert td.time, .contentholdin .content-body .gallery-menu-container .table.table-insert th.time .th-inner, .contentholdin .content-body .gallery-menu-container .table.table-insert td.time .th-inner { text-align: left;} .contentholdin .gallery-menu-container .table.table-insert{ table-layout: auto !important;} .contentholdin .gallery-menu-container .table.table-insert th:first-child{ width: 18px; height: 18px;} .contentholdin .gallery-menu-container .table.table-insert th.date, .contentholdin .gallery-menu-container .table.table-insert td.date{ min-width: 108px; } .contentholdin .gallery-menu-container .table.table-insert th.time, .contentholdin .gallery-menu-container .table.table-insert td.time{ min-width: 108px; } .contentholdin .gallery-menu-container .table.table-insert th.date, .contentholdin .gallery-menu-container .table.table-insert td.date, .contentholdin .gallery-menu-container .table.table-insert th.date .th-inner, .contentholdin .gallery-menu-container .table.table-insert td.date .th-inner, .contentholdin .gallery-menu-container .table.table-insert th.time, .contentholdin .gallery-menu-container .table.table-insert td.time, .contentholdin .gallery-menu-container .table.table-insert th.time .th-inner, .contentholdin .gallery-menu-container .table.table-insert td.time .th-inner { text-align: left;} .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox{ width: 18px; height: 18px;} .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { left: 0rem; width: 18px; height: 18px; border: none; background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 35%), inset -1px -1px 1px #ffffff; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::before { border-radius: 2px; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: transparent; background-color: #9F2DBC; } .contentholdin .content-body .gallery-menu-container .table.table-insert td .custom-checkbox .custom-control-label::after { left: 0rem; width: 18px; height: 18px; } .contentholdin.weighthold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.weighthold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.taghisthold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.taghisthold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.activityhold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.activityhold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.sleephold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.sleephold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.cardiachold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.cardiachold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.temperaturehold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.temperaturehold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.oxygenhold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.oxygenhold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.bloodglucosehold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.bloodglucosehold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.heartratehold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.heartratehold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .contentholdin.bloodpressurehold .content-body .gallery-menu-container .table.table-insert.table-firstRow th:nth-child(2), .contentholdin.bloodpressurehold .content-body .gallery-menu-container .table.table-insert.table-firstRow td:nth-child(2) { width: auto; min-width: auto; max-width: inherit;} .empty-buttons-placeholder{ height: 96px;} hr.borderzzz{ border-style: dotted none none none; border-width: 5px 0 0 0; border-color: #FF6259 transparent transparent transparent;} .demo-title{ font-family: 'Poppins', sans-serif !important; color: #00AFAA; font-style: italic; font-weight: bold; font-size: 30px; line-height: 50px; text-align: center; padding: 15px 0 0 0; margin: 0 0 45px 0;} .custom-radio .custom-control-input{ width: 28px; height: 28px;} .custom-radio .custom-control-label{ /*width: 28px; height: 28px;*/} .custom-radio .custom-control-label{ padding-left: 11px; text-transform: uppercase !important;} .custom-radio .custom-control-label::before{ top: -0.19rem; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -1.1039rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .form-group .custom-radio .custom-control-input{ width: 28px; height: 28px;} .form-group .custom-radio .custom-control-label{ /*width: 28px; height: 28px;*/} .form-group .custom-radio .custom-control-label{ padding-left: 11px; text-transform: uppercase !important;} .form-group .custom-radio .custom-control-label::before{ top: -0.19rem; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .form-group .custom-radio .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .form-group .custom-radio .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .form-group .custom-radio .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: -1.1039rem; top: 0.25rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .custom-radio.cc-right .custom-control-input{ width: 28px; height: 28px; left: auto; right:1rem; top: -0.2197rem;} .custom-radio.cc-right .custom-control-label{ /*width: 28px; height: 28px;*/} .custom-radio.cc-right .custom-control-label{ padding-left: 0px; text-transform: uppercase !important;} .custom-radio.cc-right .custom-control-label::before{ top: -0.19rem; left: auto; right: -2rem; width: 28px; height: 28px; background: #EEF1F1; box-shadow: inset 2px 2px 3px #D1D9E6, inset -2px -2px 3px #FFFFFF; border:none;} .custom-radio.cc-right .custom-control-input:checked~.custom-control-label::before{ border-radius: 50%;} .custom-radio.cc-right .custom-control-input:checked~.custom-control-label::after{ background-image: none; background-color: #FF6259; border:3px solid #EEF1F1; box-shadow: -3px -3px 3px #FFFFFF, 3px 3px 3px #D1D9E6;} .custom-radio.cc-right .custom-control-label::after{ width: 16px; height: 16px; border-radius: 50%; left: auto; right: -1.6rem; background: #EEF1F1; box-shadow: -3px -3px 3px #ffffff, 3px 3px 3px #d1d9e6;} .btn-group {} .btn-group > .btn, .btn-group > .dropdown-toggle, .btn-group > .btn:hover, .btn-group > .btn:focus { filter:none; background: none; box-shadow: none; border: none;} .btn-group > .btn, .btn-group > .dropdown-toggle { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341; text-transform: none !important;} .btn-group > .dropdown-toggle i { color: #384341;} .btn-group > .dropdown-toggle { padding-top: 0; padding-bottom: 0;} .btn-group > .btn-text { padding: 0; margin: 0;} .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { filter:none ; background: none ; box-shadow: none ; border: none ; -webkit-filter:none ; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {} .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {} .btn-group > .dropdown-menu { min-width: 232px; left: -100% !important; background: #EEF1F1; box-shadow: -5px -5px 10px rgba(255, 255, 255, 0.9), 5px 5px 10px #D1D9E6; border-radius: 10px;} .btn-group > .dropdown-menu .dropdown-item { font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; color: #384341;} .btn-group > .dropdown-menu .dropdown-item:hover, .btn-group > .dropdown-menu .dropdown-item:focus { color: #FFFFFF; background: #9F2DBC;} .btn-no, .btn-no:hover, .btn-no:focus { background: none; box-shadow: none; border: none; border-radius: 0; padding: 0; margin: 0; filter:none; -webkit-filter:none; } .btn-no .btn-inny{ position: relative; margin: 0; padding: 0; text-transform: capitalize !important;} .btn-no .btn-inny{ background: #00AFAA; box-shadow: inset 3px 3px 20px rgba(255, 255, 255, 0.5), inset -3px -3px 20px rgba(209, 217, 230, 0.5); border-radius: 30px; width: 67px; height: 23px; color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 24px; cursor: pointer; } .btn-no .btn-inny::after{ content: ''; position: absolute; filter: drop-shadow(5px 5px 10px #D1D9E6); /*drop-shadow(-5px -5px 10px rgba(255, 255, 255, 0.9)),*/ display: inline-block; width: 67px; height: 23px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 30px;} .btn-no .btn-inny:hover, .btn-no .btn-inny:focus{ background: rgba(98, 203, 201, 0.8); color: #FFFFFF;} .select2-container { width:100% !important;} .select2-container--default .select2-selection--multiple { background-color: #EEF1F1 !important; box-shadow: inset 2px 2px 5px #D1D9E6, inset -2px -2px 5px #FFFFFF; border-radius: 10px !important; border:none !important;} .select2-container--default .select2-selection--multiple { height:50px !important; min-height:50px !important; overflow: auto !important;} .form-control, .app .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 6px); padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; } .form-control.control-textarea, .app .form-control.control-textarea { min-height: 39px; height: auto; } textarea.form-control, .app textarea.form-control { height: 240px !important; resize: none !important; } .custom-select, .app .custom-select { font-size: 14px; font-weight: 400; line-height: 20px; color: #384341; background-color: #EEF1F1; background-clip: padding-box; border: none; border-radius: 10px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff; } .form-control-plaintext, .app .form-control-plaintext{ background-color: transparent; border: solid transparent; border-width: 1px 0; box-shadow: none; } body .bootstrap-tagsinput{ font-size: 14px; font-weight: 400; line-height: 1.3125rem!important; color: #384341; border: none; background-clip: padding-box; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } body .bootstrap-tagsinput{ width: 100%; height: auto; padding: .67rem .75rem !important; background-color: #EEF1F1 !important; border-radius: 10px !important; box-shadow: inset 2px 2px 5px #d1d9e6, inset -2px -2px 5px #ffffff !important; } .selectTowIn .custom-select{ background:none;} .selectTowIn .custom-select.form-control{ height:60px; } .selectTowIn .select2-container{ height:50px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-autosearch .dropdown.bootstrap-select.form-control{ padding-top: 3px;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-autosearch .dropdown.bootstrap-select.form-control .form-control.selectpicker{ height: 50px !important; line-height: 40px !important;} .generikformzholdsin .content-body .gallery-content-container .content-container-inner-blok .card .card-body .form-group.group-autosearch .dropdown.bootstrap-select.form-control .btn{ font-weight: normal !important;} .text-truncate { text-overflow: unset; } .btn-nopad { padding: 0; } hr.no-bro{ border-top: none;} body .bootstrap-tagsinput input{ margin: 0; height: 2.3999rem; padding: 0;} .app-content .app-content-holder .card .card-body .rounded-graph .weight-blok{ width: 250px; height: 250px;} .mtless-num10{ margin-top: -10rem!important;} .mtless-num9{ margin-top: -9rem!important;} .mtless-num8{ margin-top: -8rem!important;} .mtless-num7{ margin-top: -7rem!important;} .mtless-num6{ margin-top: -6rem!important;} .mtless-num5{ margin-top: -5rem!important;} .mtless-num4{ margin-top: -4rem!important;} .mtless-num3{ margin-top: -3rem!important;} .mtless-num2{ margin-top: -2rem!important;} .mtless-num1{ margin-top: -1rem!important;} .mtless-num0{ margin-top: -0rem!important;} .mtless-num10dvd2{ margin-top: -10.5rem!important;} .mtless-num9dvd2{ margin-top: -9.5rem!important;} .mtless-num8dvd2{ margin-top: -8.5rem!important;} .mtless-num7dvd2{ margin-top: -7.5rem!important;} .mtless-num6dvd2{ margin-top: -6.5rem!important;} .mtless-num5dvd2{ margin-top: -5.5rem!important;} .mtless-num4dvd2{ margin-top: -4.5rem!important;} .mtless-num3dvd2{ margin-top: -3.5rem!important;} .mtless-num2dvd2{ margin-top: -2.5rem!important;} .mtless-num1dvd2{ margin-top: -1.5rem!important;} .mtless-num0dvd2{ margin-top: -0.5rem!important;} .width-100 { width: 100px!important;} .width-95 { width: 95px!important;} .width-90 { width: 90px!important;} .width-85 { width: 85px!important;} .width-80 { width: 80px!important;} .width-75 { width: 75px!important;} .width-70 { width: 70px!important;} .width-65 { width: 65px!important;} .width-60 { width: 60px!important;} .width-55 { width: 55px!important;} .width-50 { width: 50px!important;} .width-45 { width: 45px!important;} .width-40 { width: 40px!important;} .width-35 { width: 35px!important;} .width-30 { width: 30px!important;} .width-25 { width: 25px!important;} .height-500 { height: 500px!important;} .height-450 { height: 450px!important;} .height-400 { height: 400px!important;} .height-350 { height: 350px!important;} .height-300 { height: 300px!important;} .height-275 { height: 275px!important;} .height-250 { height: 250px!important;} .height-200 { height: 200px!important;} .height-175 { height: 175px!important;} .height-150 { height: 150px!important;} .height-100 { height: 100px!important;} .height-95 { height: 95px!important;} .height-90 { height: 90px!important;} .height-85 { height: 85px!important;} .height-80 { height: 80px!important;} .height-75 { height: 75px!important;} .height-70 { height: 70px!important;} .height-65 { height: 65px!important;} .height-60 { height: 60px!important;} .height-55 { height: 55px!important;} .height-50 { height: 50px!important;} .height-45 { height: 45px!important;} .height-40 { height: 40px!important;} .height-35 { height: 35px!important;} .height-30 { height: 30px!important;} .height-25 { height: 25px!important;} .height-20 { height: 20px!important;} .height-15 { height: 15px!important;} .height-10 { height: 10px!important;} .height-5 { height: 5px!important;} .right-55{ right: 55px !important;} .table td, .table th, .table.table-cteam td, .table.table-cteam th{ line-height: 2; } .table td, .table th{ padding: .65rem .45rem;} .overflow-HY{ overflow-y: hidden !important;} .overflow-HX{ overflow-x: hidden !important;} .overflow-HYX{ overflow-y: hidden !important; overflow-x: hidden !important;} .overflow-AY{ overflow-y: auto !important;} .overflow-AX{ overflow-x: auto !important;} .overflow-AYX{ overflow-y: auto !important; overflow-x: hidden !important;} .overflow-VY{ overflow-y: visible !important;} .overflow-VX{ overflow-x: visible !important;} .overflow-VYX{ overflow-y: visible !important; overflow-x: hidden !important;} .overflow-SY{ overflow-y: scroll !important;} .overflow-SX{ overflow-x: scroll !important;} .overflow-SYX{ overflow-y: scroll !important; overflow-x: hidden !important;} .caption-textz .top-left-text, .caption-textz .top-right-text, .caption-textz .bottom-left-text, .caption-textz .bottom-right-text{ color: #FF6259; padding: 0; font-weight: bold; font-size: 12px; line-height: 15px; text-align: center; text-transform: uppercase; } .caption-textz .top-left-text{ position: absolute; top: 0; left: 0; bottom: auto; right: auto; margin: auto; z-index: 9; } .caption-textz .top-right-text{ position: absolute; top: 0; left: auto; bottom: auto; right: 0; margin: auto; z-index: 9; } .caption-textz .bottom-left-text{ position: absolute; top: auto; left: 0; bottom: 0; right: auto; margin: auto; z-index: 9; } .caption-textz .bottom-right-text{ position: absolute; top: auto; left: auto; bottom: 0; right: 0; margin: auto; z-index: 9; } .multiselect-container > li { line-height:2.6; } .multiselect-container > li > a{ width:100%; display:inline-block; } .multiselect-container > li > a:hover, .multiselect-container > li > a:focus, .multiselect-container > li > a:active{ background:#e3e3e3!important;} .multiselect-container > li > a > label { width:100%; display:inline-block; padding: 2px 10px !important; } .multiselect-container > li > a > label { font-weight:700 !important; } .multiselect-container > li > a > label > input[type=checkbox] { margin: 0 5px 0 10px !important; } .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert .control-checkbox-OFF .custom-control-label::before { background: #EEF1F1; box-shadow: inset 1px 1px 1px rgb(159 45 188 / 25%), inset -1px -1px 1px #ffffff;} .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert .control-checkbox-OFF .custom-control-label::after { background-image:none; } .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert .control-checkbox-ON .custom-control-label::before { background: #9F2DBC; box-shadow: inset 1px 1px 1px rgb(0 0 0 / 30%), inset -1px -1px 1px rgb(255 255 255 / 40%);} .app-content .app-content-holder.contentholdin.importDataIn .card.card-general-table .table-responsive.responsive-custom .table.table-insert .control-checkbox-ON .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")} /* .invalid-tooltip, .valid-tooltip{ position: absolute; top: 0.3px; bottom: auto; left: auto; right: 0rem; z-index: 99; margin: auto; line-height: 34px; border-radius: 0px 10px 10px 0px; padding: .25rem 0.75rem;} .invalid-tooltip, .valid-tooltip{ width: 40px !important; height: 40.5px; text-align: center;} .invalid-tooltip{ background-color: rgba(255, 105, 96, 0.99);} .valid-tooltip{ background-color: rgba(38, 133, 129, 0.99);} .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated:valid~.valid-feedback, .was-validated:valid~.valid-tooltip, .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated:invalid~.invalid-feedback, .was-validated:invalid~.invalid-tooltip { display: inline-block; width: auto; color: #FFFFFF !important;} .is-valid~.valid-feedback i, .is-valid~.valid-tooltip i, .was-validated:valid~.valid-feedback i, .was-validated:valid~.valid-tooltip i, .is-invalid~.invalid-feedback i, .is-invalid~.invalid-tooltip i, .was-validated:invalid~.invalid-feedback i, .was-validated:invalid~.invalid-tooltip i{ color: #FFFFFF !important; text-shadow: none !important;} section.wrapper .form-generalIn .generalIn-formz.profile-settings{ width:100%; padding:0 20px;} section.wrapper .form-generalIn .formz-autocom{} section.wrapper .form-generalIn .formz-autocom .group-autocomplete{ display:inline-block; width:auto; height:auto; padding:4px 0 0 0; margin: -5px 0 20px 20px; min-width:205px; max-width:275px; overflow:hidden; } section.wrapper .form-generalIn .formz-autocom .group-autocomplete{ background: #FFF; border-radius:4px 4px 7px 7px; border:1px solid #ddd; border-bottom:3px solid #ddd; transition:all 0.5s ease-in-out;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete{ position:absolute; z-index:325; left: auto; right: auto; top: auto; bottom: auto;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li{ display:inline-block; width:100%; height:auto; border-radius:0; border:none; background:none; margin:0; padding:0;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item{ display:inline-block; width:100%; height:auto; border-radius:0; border:none; margin:0; padding:5px 0; transition:all 0.5s ease-in-out;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item span.pict{ float:left; width:18%; height:40px; margin:0.15em 1em 0.05em 0.2em;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item span.pict img{ width:38px; height:38px; } section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item span.value{ float:left; width:auto; height:auto; } section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item span.value h3{ color:#797979; display:inline-block; width:100%; float:left; font-size:14px; font-weight:600; padding:5px 0 3px 0; margin:0;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item span.value p{ color:#b1b1b1; display:inline-block; width:100%; float:left; font-size:12px; font-weight:400; padding:0; margin:0;} section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item:hover, section.wrapper .form-generalIn .formz-autocom .group-autocomplete li a.list-group-item:focus{ background:#e8eaed; transition:all 0.2s ease-in-out;} */ .table.table-fixhead { table-layout: auto; width: 100% !important; } .table.table-fixhead tr th, .table.table-fixhead tr td { white-space:nowrap; } .fixTableHead { overflow-y: auto; height: 500px; } .fixTableHead table.table-fixhead thead th { position: sticky; top: 0; bottom: auto; z-index: 99; } table.table-fixhead th { background: #eef1f1; } .dataTables_wrapper.dt-bootstrap4 .table thead tr th { position: sticky; top: 0; bottom: auto; z-index: 99; } .ui-widget-content.group-autocomplete{ display:inline-block ; width:auto ; height:auto; padding:4px 0 0 0; margin: -10px 0 20px 40px; min-width:305px; max-width:305px; overflow:hidden; } .ui-widget-content.group-autocomplete{ background: #FFFFFF !important; border-radius:4px 4px 7px 7px !important; border:1px solid #ddd !important; border-bottom:3px solid #ddd !important; transition:all 0.5s ease-in-out;} .ui-widget-content.group-autocomplete{ position:absolute; z-index:325; left: auto; right: auto; top: auto; bottom: auto;} .ui-widget-content.group-autocomplete .ui-menu-item{ display:inline-block; width:100%; height:auto; border-radius:0; border:none; background:none; margin:0; padding:0;} .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item{ display:inline-block; width:100%; height:auto; border-radius:0; border:none; margin:0; padding:5px 10px; transition:all 0.5s ease-in-out;} .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item span.pict{ float:left !important; width:16% !important; height:40px !important; margin:0.15em 1em 0.05em 0.2em;} .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item span.pict img{ width:38px; height:38px; } .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item span.value{ float:left !important; width:75% !important; height:auto; overflow:hidden; } .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item span.value h3{ color:#797979; display:inline-block; width:100%; float:left; font-size:14px; font-weight:600; padding:5px 0 3px 0; margin:0;} .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item span.value p{ color:#b1b1b1; display:inline-block; width:100%; float:left; font-size:12px; font-weight:400; padding:0; margin:0;} .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item:hover, .ui-widget-content.group-autocomplete .ui-menu-item a.list-group-item:focus{ background:#e8eaed; transition:all 0.2s ease-in-out;} .ui-widget-content{ background:none !important; border:none !important;} .error-page .error-page-content .error-img{ width: 70%;} .error-page .error-page-content .error-img .error-img-code{ line-height: 1.5; padding-right:0;} .app-content .app-content-holder.teampeoplehold .card.card-general-table .card-body .card-deck .card.card-transparent .app-content .app-content-holder.contactshold .card.card-general-table .card-body .card-deck .card.card-transparent{ flex: 1 0 20%;} .abs-weight-info.gradient-icon i.fa-gradient{ background: linear-gradient(180deg, #D3A5DF 0%, #FFDFDE 88.02%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 1px 1px 1px rgba(148, 30, 177, 0.3), -1px -1px 1px #FFFFFF; /* inset , inset -1px -1px 1px #FFFFFF */ } .card.toast.custom-card{ width: calc(30% - 1.9em); /*336px*/ min-width:calc(30% - 1.9em);} .card.toast._cardCommonCalendar{ width: calc(30% - 1.9em); /*336px*/ min-width:calc(30% - 1.9em);} .card.toast.custom-card.custom-clockwise{ width: calc(100% + 10.97em); min-width: calc(100% + 10.97em);} .app { position: relative !important;} .form-group{ /* display: inline-block !important; flex-direction: column!important;*/ } .modal-backdropX{ width: 441px; height: 624px; border-radius: 20px;} .modal-backdropX{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0; } .border-bottom-none{ border-bottom: none !important;} .truncate { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .nor, div.nor, span.nor, ul.nor, li.nor, ol.nor { font-family: 'Poppins', sans-serif !important; font-style: normal !important; font-weight: bold !important; font-size: 14px !important; line-height: 26px !important; text-align: left !important; text-transform: none !important; color: #CC0A00 !important; white-space: nowrap !important; } tr.nor, th.nor, td.nor { font-family: 'Poppins', sans-serif !important; font-style: normal !important; font-weight: bold !important; font-size: 14px !important; line-height: 26px !important; text-align: left !important; text-transform: none !important; color: #CC0A00 !important; white-space: nowrap !important; } .nor, div.nor, span.nor, ul.nor, li.nor, ol.nor { display: inline-block !important; width: 100% !important; height: 100%; padding: 10px !important; margin: 10px !important; } tr.nor, th.nor, td.nor { display: table-cell !important; width: 100% !important; height: 100%; padding: 10px !important; margin: 10px !important; } .fa, .fab, .fad, .fal, .far, .fas { color: #BDC7C5; text-shadow: 0px -0.5px 0.5px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.9);} a:hover .fa, a:hover .fab, a:hover .fad, a:hover .fal, a:hover .far, a:hover .fas, a:focus .fa, a:focus .fab, a:focus .fad, a:focus .fal, a:focus .far, a:focus .fas { color: #FF9E99;} .card-general-table .table td.date { white-space: nowrap;} .arrow .fas.fa-chevron-down, .arrow .fas.fa-chevron-up { color: #384341; text-shadow:none;} .img-cptd{ width: 40px !important; height: 40px !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .word-icon { background: #9F2DBC; border: none; width: 40px; height: 40px; border-radius: 50%; padding: 0; margin: 0; display: inline-block;} .word-icon { font-style: normal; font-weight: bold; font-size: 18px; line-height: 41px; color: #EEF1F1; text-align: center; } .app-header .avatar-thumbnail{ display: inline-block; width: 52px; height: 52px; background: #9F2DBC; border-radius: 50%; text-align: center; line-height: 53px; font-weight: bold; font-size: 20px; color: #FFFFFF; text-transform: uppercase;} .disabled { background-color: #dae0e9 !important; line-height: 20px !important;} button.btn i, .btn-default .btn-inny i{ color: #FFFFFF;} .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: inherit; background-color: transparent; border-color: transparent;} .dropdown-right .dropdown-menu { right: 0 !important; left: auto !important;} .dropdown-menu.dropdown-right { right: 0 !important; left: auto !important;} .dropdown-menu-right { right: 7em; left: auto; top: 75%;} .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { background-color: #9F2DBC; color: #FFFFFF;} .labelAsRange button.btn { background: none; box-shadow: none; border-radius: 0; border: none; margin: 0; padding: 0;} .labelAsRange button.btn.btn-lightgreen, .labelAsRange button.btn.btn-green, .labelAsRange button.btn.btn-magenta { width:22px; height:15px;} .labelAsRange button.btn.btn-lightgreen { background:#99D9D9;} .labelAsRange button.btn.btn-green { background:#00AFAA;} .labelAsRange button.btn.btn-magenta { background:#9F2DBC;} .progress-bar.bg-lightgreen { background:#99D9D9;} .progress-bar.bg-green { background:#00AFAA;} .progress-bar.bg-magenta { background:#9F2DBC;} .app-content-holder .text-green, .app-content-holder .text-green i { color: #62CBC9 !important; /*text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9), 0px 1px 1px rgba(159, 45, 188, 0.95);*/} .chart-text .text-lightgreen i { color: #99D9D9 !important; text-shadow: none;} .chart-text .text-green i { color: #00AFAA !important; text-shadow: none;} .chart-text .text-magenta i { color: #9F2DBC !important; text-shadow: none;} .progress-bar.bg-lightred { background:#FF9E99;} .progress-bar.bg-red { background:#FF6259;} .progress-bar.bg-deepred { background:#CC0A00;} .chart-text .text-lightred i { color: #FF9E99;} .chart-text .text-red i { color: #FF6259;} .chart-text .text-deepred i { color: #CC0A00;} .icon-noshadow i{ text-shadow: none !important;} #timer { display: flex;} #timer .segment { display: flex; flex-direction: column; justify-content: center;} #timer .segment:not(:first-child) { } #timer span { text-align: center;} #timer span:not(.title) { font-style: normal; font-weight: bold; font-size: 16px; line-height: 25px; text-align: center; color: #00AFAA;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;} .input-daterange input:first-child{ border-radius: 10px 0px 0px 10px; } .input-daterange input:last-child{ border-radius: 0px 10px 10px 0px; } input[type=number] { -moz-appearance: textfield;} .modal{ top: auto; bottom: auto;} .selectTowIn .select2-container--default .select2-selection--multiple{ background:none !important; box-shadow:none !important; border-radius:0 !important; border:none !important;} .select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-bottom: 5px; margin-top:0 !important;} .chatbots{ position: fixed; z-index: 999999; top:auto; bottom: 30px; left: auto; right: 80px; } .chatbots{ width: 60px; height: 60px; padding: 0px; margin: auto; cursor: pointer; } .chatbots{ border-radius: 50%; box-shadow: 0px 4px 4px rgb(56 67 65 / 35%); } .chatbots.orange{ background: #FF9E99; /*#FF6259*/} .chatbots.green{ background: #62CBC9; /*#00AFAA*/} .chatbots.magenta{ background: #9f2dbc;} .chatbots.grey{ background: #BDC7C5;} .chatbots .badge-chatbot{ width: 60px; height: 60px;} .chatbots .badge-chatbot i{ font-size: 25px; text-shadow: none !important; color:#e7f1ef;} .chatbots:hover, .chatbots:focus, .chatbots:active{ background: #5D6A68;} .app-sidebar .app-sidebar-content{ position: relative;} .app-sidebar .app-sidebar-content .version-controle{ position: fixed; top: auto; bottom: 0.1rem; left: 0; right: auto; padding: 0; margin: auto; background: #f0e6e6;/*linear-gradient(200.98deg, rgba(255, 158, 153, 0.15) 3.88%, rgba(159, 45, 188, 0.0345) 170.57%)*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .app-sidebar .app-sidebar-content .version-controle{ font-family: 'Poppins', sans-serif !important; display: inline-block !important; height: 50px; width: 222px;/*as per the sidebar width*/ text-align: center; } .app-sidebar .app-sidebar-content .version-controle h6{ text-align: center; font-weight: 700; font-size: 14px; line-height: 49px; color: #5D6A68; letter-spacing: 0.03rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .app-sidebar .app-sidebar-content .version-controle h6 small{ text-align: center; font-weight: 700; font-size: 14px; line-height: 49px; color: #384341; } .widget-chat{ /*height: 505px !important; overflow-y: auto !important; overflow-x: hidden !important;*/ } .widget-chat .widget-chat-content .widget-chat-message { word-break: break-word !important;} .card-chatBox.card-expand-chat.chatbots-chatBox { margin: auto auto 3rem auto;} .card-chatBox.card-expand-chat.chatbots-chatBox .footer-chatBox { margin: auto auto 3rem auto;} .card-chatBox.card-expand-chat.chatbots-chatBox { height: 75%;} .close-cross{ display: none !important; opacity: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden !important;} body.loginregister{ height: 100%; overflow: auto; position: relative;} body.loginregister .app.app-loginregister{ /*height: auto !important;*/ } body.loginregister { background-color: #00AFAA; background-image: url(../img/login-bg.png); background-position: 0 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } body.loginregister .app-loginregister { /* background-image: url(../img/login-bg.png); background-position: 0 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; */} .disabled .btn-inny{ background: #BDC7C5 !important; box-shadow: inset 1px 1px 1px #7F8D8C !important; } /* input:-internal-autofill-selected{ background: #EEF1F1 !important; box-shadow: inset 4px 4px 4px #d1d9e6, inset -4px -4px 4px #ffffff !important;} input:-internal-autofill-selected{ background: transparent !important; box-shadow: none !important;} */ .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:active, .form-control:-webkit-autofill:focus { border-radius: 10px !important; border: none; -webkit-text-fill-color: #7F8D8C; -webkit-box-shadow: none; transition: background-color 5000s; } .bezero { z-index: 9 !important; /* beyond zero layer index depth */} .bemin { z-index: 99 !important; /* minimum layer index depth */} .zero { z-index: 999 !important; /* zero layer index depth */} .dropdown-menu { z-index: 9999 !important; /* 1 layer index depth */} .app-header, .modal-backdrop, .card-chatBox, .popover { z-index: 999999 !important; /* 2 layer index depth */} .modal, .datetimepicker, .datepicker.datepicker-dropdown, .datetimepicker.datetimepicker-dropdown, .datetimepicker.datetimepicker-dropdown-bottom-right, .daterangepicker .select2-container, .toasts-container, .toasts-container .toast, .modalXC, .app .app-content .app-content-holder.userInHold .card.card-issue-box .right-box .notific-hold .close { z-index: 9999999 !important; /* 3 layer index depth */} .tooltip { z-index: 999999999 !important; /* 4 layer index depth - generic */ } .ui-autocomplete { z-index: 999999999 !important; /* 4 layer index depth - custom */ width: 400px !important; } body .daterangepicker { z-index: 9999999999 !important; /* 4.5 layer index depth */ } .select2-container { z-index: 9999999999 !important; /* 5 layer index depth */ } .modalT.modalAEvnt .select2-container { z-index: 9999999999 !important; /* 5 layer index depth */} .app-content .app-content-holder.contentholdin.calendarhold .popover.popover-calendar .btn-group > .dropdown-menu, .app-sidebar .app-sidebar-content .version-controle { z-index: 999999999999 !important; /* 6 layer index depth */} /* wirn - Dynamik LOGO Code | HealthGauge and MedWatchTech at a time - BEGIN */ .app-loginregister .login h1 .img-fluid { width: 185px !important; max-width: 185px !important; min-width: 185px !important; height: auto;} .app-loginregister .login h1 .img-fluid { margin: 1rem auto 2rem;} .app-loginregister .login.login-new h1 .img-fluid { width: 222px !important; max-width: 222px !important; min-width: 222px !important; height: auto;} .app-header .brand .brand-logo .img-fluid { width: 185px !important; max-width: 185px !important; min-width: 185px !important; height: auto;} /* .app-loginregister .login h1 .img-fluid.img-mw { width: 200px !important; max-width: 200px !important; min-width: 200px !important; height: auto;} .app-loginregister .login.login-new h1 .img-fluid.img-mw { width: 300px !important; max-width: 300px !important; min-width: 300px !important; height: auto;} .app-header .brand .brand-logo .img-fluid.img-mw { width: 145px !important; max-width: 145px !important; min-width: 145px !important; height: auto;} */ /* wirn - Dynamik LOGO Code | HealthGauge and MedWatchTech at a time - END */ .grid-stack.grid-stack-one-column-mode { height: auto !important;} .grid-stack.grid-stack-one-column-mode>.grid-stack-item { position: relative !important; width: auto !important; left: 0 !important; top: auto !important; margin-bottom: 20px; max-width: none !important;} .grid-stack.grid-stack-one-column-mode>.grid-stack-item>.ui-resizable-handle { display: none;} /* wirn - curser pointer customizations - html *, body * { cursor: url("../cursor/ui/cursor-link@x2.png") 0 0, auto; cursor: url("../cursor/ui/cursor-link@x1.png") 0 0, auto; cursor: -webkit-image-set( url("../cursor/ui/cursor-link@x1.png") 1x, url("../cursor/ui/cursor-link@x2.png") 2x ) 6 6, auto; } html a, body a, html i, body i, html a i, body a i, html a.btn, body a.btn, html button, body button, html button i, body button i, html button.btn, body button.btn, html .btn, body .btn, html .btn:not(:disabled):not(.disabled), body .btn:not(:disabled):not(.disabled) { cursor: url("../cursor/ui/cursor@x2.png") 0 0, auto; cursor: url("../cursor/ui/cursor@x1.png") 0 0, auto; cursor: -webkit-image-set( url("../cursor/ui/cursor@x1.png") 1x, url("../cursor/ui/cursor@x2.png") 2x ) 6 6, auto; } html .ui-draggable-handle, body .ui-draggable-handle { cursor: url("../cursor/ui/cursor-move@x2.png") 0 0, auto; cursor: url("../cursor/ui/cursor-move@x1.png") 0 0, auto; cursor: -webkit-image-set( url("../cursor/ui/cursor-move@x1.png") 1x, url("../cursor/ui/cursor-move@x2.png") 2x ) 6 6, auto; } html .disabled, body .disabled, .app .app-content .btn.disabled, .app .app-content .btn.disabled, .app .app-content .btn.disabled a, .app .app-content .btn.disabled a { cursor: url("../cursor/ui/cursor-not-allowed@x2.png") 0 0, auto; cursor: url("../cursor/ui/cursor-not-allowed@x1.png") 0 0, auto; cursor: -webkit-image-set( url("../cursor/ui/cursor-not-allowed@x1.png") 1x, url("../cursor/ui/cursor-not-allowed@x2.png") 2x ) 6 6, auto; } html [type=button]:not(:disabled), html [type=reset]:not(:disabled), html [type=submit]:not(:disabled), body [type=button]:not(:disabled), body [type=reset]:not(:disabled), body [type=submit]:not(:disabled), html button:not(:disabled), body button:not(:disabled){} .datepicker tr td, .datepicker tr td:hover, .datepicker tr th, .datetimepicker tr td, .datetimepicker tr td:hover, .datetimepicker tr th, .daterangepicker tr td, .daterangepicker tr td:hover, .daterangepicker tr th, .datetimepicker thead tr:first-child th, .datetimepicker tfoot th, .datetimepicker table tr td.day:hover, .datetimepicker table tr td span{ cursor: url("../cursor/ui/cursor-hand@x2.png") 0 0, auto; cursor: url("../cursor/ui/cursor-hand@x1.png") 0 0, auto; cursor: -webkit-image-set( url("../cursor/ui/cursor-hand@x1.png") 1x, url("../cursor/ui/cursor-hand@x2.png") 2x ) 6 6, auto; } - end wirn - curser pointer customizations */ /* end - wirn - custom - overwrite */