/*Theme colors*/ /*default*/ /*link color*/ #wrapper.default a:hover, #wrapper.default a:focus, #wrapper.default a.active, #wrapper.default table a, #wrapper.default #cwo-job .table ul.dropdown-menu > li a:hover { color: #2746da; } /*end of link color*/ /*font-icons*/ #wrapper.default .top-nav-icons:hover, #wrapper.default .zylog-search:hover, #wrapper.default td .zylog-font-icon:hover, #wrapper.default .right-panel ul li .save-cancel-icon:hover { color: #2746da; } /*end of font-icons*/ #wrapper.default .toggle-clr button { border-color: #2d409a; color: #2d409a; } /*text editor*/ #wrapper.default .btn-info, #wrapper.default .btn-info:hover, #wrapper.default .btn-info:focus, #wrapper.default .btn-info:active { background: #2d409a !important; } /*end of text editor*/ /*page-loader*/ #wrapper.default .loader { border: 1px solid #2d409a; background: #2d409a none repeat scroll 0% 0%; } /*End of page-loader*/ #wrapper.default .zylog-btn, #wrapper.default .btn-primary, #wrapper.default .wrap-menu > aside:first-child, #wrapper.default .notification-label, #wrapper.default .dropdown-menu > .active > a, #wrapper.default .dropdown-menu > .active > a:hover, #wrapper.default .dropdown-menu > .active > a:focus, #wrapper.default .wrap-right-cont .heading > h1, #wrapper.default .detail-menu-wrap, #wrapper.default .c-modal .modal-header { background: #2d409a; } #wrapper.default aside.second-level .sublist > li.active { background: rgba(0,0,0,0.1); } #wrapper.default aside.second-level .sublist > li:hover, #wrapper.default aside.second-level .sublist > li:focus { background: rgba(0,0,0,0.05); } #wrapper.default .layout-panel, #wrapper.default #main-container, #wrapper.default .panel, #wrapper.default .left-panel, #wrapper.default .center-panel, body#wrapper.default { background: #fafbfd none repeat scroll 0% 0%; } /*#wrapper.default #main-container { background: #f7f9fc; }*/ #wrapper.default table a:hover, #wrapper.default table a:focus { color:#2d409a; text-decoration: none; } #wrapper.default .main-heading h1, #wrapper.default .panel-title > a, #wrapper.default .wrap-right-cont .heading, #wrapper.default h1.sub-head, #wrapper.default ul#wizardStatus li, #wrapper.default .master-table .adv-search, #wrapper.default .confirm-info h1, #wrapper.default .site-visit span, #wrapper.default .model-info > li i { color: #2d409a; } /*mandatory field color*/ #wrapper.default .mandatory-field:not(p-calendar):not(time-picker):not(stime-picker),#wrapper.default .mandatory-field input, #wrapper.default #app-config button.multiselect { border-left: 4px solid #2d409a!important; } #wrapper.default .mandatory-field .ui-multiselect-panel input{ border-left: 0px !important; } .multiselect-box{ display:inline-block; width:100%; height:30px; } .attach-fieldbox{ display:inline-block; width:100%; } .attach-fieldbox .form-group{ height:auto !important; } .image-preview-wod-attach .ui-fileupload-row div + div{ display: inline-block; width:135px; word-wrap: break-word; } .image-preview-logo .ui-fileupload-row div + div{ display: inline-block; width:335px; word-wrap: break-word; } #wrapper.default aside .main-menu > ul > li > a:hover, #wrapper.default aside .main-menu > ul > li > a:focus, #wrapper.default aside .main-menu > ul > li > a.active { background: rgba(0,0,0,0.25); } #wrapper.default table thead, #wrapper.default table td .db-days { background: #f3f4f9; } #wrapper.default .table-hover>tbody>tr:hover>td, #wrapper.default .table-hover>tbody>tr:hover>th { background: #F4F5F9; } #wrapper.default .panel-default>.panel-heading { background: rgba(0,0,0,0.02); } #wrapper.default .left-panel .date-time > span:last-child, #wrapper.default .forgot-a, #wrapper.default .forgot-a:hover, #wrapper.default .forgot-a:focus, #wrapper.default .need-clr, #wrapper.default .need-clr:hover, #wrapper.default .need-clr:focus, #wrapper.default .user-links a { color: #2746da; } #wrapper.default .right-panel, #wrapper.default .c-modal .modal-content { background: #f7f7f7; } /*panel header*/ #wrapper.default #main-container > .breadcrumb-heading { background: rgb(247, 249, 252) none repeat scroll 0% 0%; } /*end of panel header*/ /*form*/ /*custom checkbox and radio button*/ #wrapper.default .checkbox input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } #wrapper.default .checkbox input[type="checkbox"]:checked + label::before { background-color: #2d409a; border-color: #2d409a; } #wrapper.default .radio input[type="radio"]:checked + label:before { border-color: #2d409a; } #wrapper.default .radio input[type="radio"]:checked + label:after { background: #2d409a; } #wrapper.default .multiselect-container input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #2d409a; border-left: 2px solid #2d409a; } /*End of custom checkbox and radio button*/ /*End of form*/ /*login*/ #wrapper.default.login-bg { background: url(../img/bg-img/loginpage_samsung_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.default.zylog-login { background: url(../img/bg-img/loginpage_zylog_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.default .logo-image { background-image: url(../img/logo/samsung_fieldpower.png); height: 30px; width: 175px; background-repeat: no-repeat; } /*end of login*/ /*company master train*/ #wrapper.default .btn-success, #wrapper.default .btn-success:hover, #wrapper.default .btn-success:focus, #wrapper.default .btn-success:active, #wrapper.default .btn-success.active, #wrapper.default .open>.dropdown-toggle.btn-success { background-color: #2d409a; border-color: #2d409a; } #wrapper.default .progress-bar-success { background-color: #2d409a; } #wrapper.default .stepwizard a:hover { color: #ffffff; } #wrapper.default .stepwizard-step .btn.btn-success + p { color: #2d409a; } /*end of company master train*/ /*wizard arrow-step*/ #wrapper.default ul#wizardStatus li.current:after, #wrapper.default ul#wizardStatus li.current:before, #wrapper.default ul#wizardStatus li.current { background-color: #2d409a; } #wrapper.default ul#wizardStatus li:after, #wrapper.default ul#wizardStatus li:before, #wrapper.default ul#wizardStatus li { background: #F0F2F7; } #wrapper.default .stepwizard-step a[disabled="disabled"] { border-color: #ccc; } #wrapper.default .stepwizard-step a { border: 1px solid #2d409a; } /*End of wizard arrow-step*/ /*pagination*/ #wrapper.default .pagination > .active > a, #wrapper.default .pagination > .active > span, #wrapper.default .pagination > .active > a:hover, #wrapper.default .pagination > .active > span:hover, #wrapper.default .pagination > .active > a:focus, #wrapper.default .pagination > .active > span:focus { background-color: #2d409a; border-color: #2d409a; } #wrapper.default .pagination > li > a, #wrapper.default .pagination > li > span { color:#2d409a;; } #wrapper.default .pagination > li.active > a { color: #ffffff; } #wrapper.default .dropdown-menu > .active > a, #wrapper.default .dropdown-menu > .active > a:hover, #wrapper.default .dropdown-menu > .active > a:focus { background-color: #2d409a; } /*end of pagination*/ /*role privileges*/ #wrapper.default input.switch-toggle-round:checked + label::after { background-color: #334899; } #wrapper.default input.switch-toggle-round.red-clr:checked + label::after { background-color: red; } /*end of role privileges*/ /*form-control*/ #wrapper.default .form-control:focus, #wrapper.default button.multiselect.btn-default:hover, #wrapper.default button.multiselect.btn-default:focus, #wrapper.default button.multiselect.btn-default:active, #wrapper.default button.multiselect.btn-default.active, #wrapper.default .open>.dropdown-toggle.btn-default { border-color: #2746da; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(39,70,218,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(39,70,218,.6); } /*end of form-control*/ /*icon font colors*/ #wrapper.default .grid-thumb { color: rgba(0,0,0,0.6); } #wrapper.default .grid-thumb:hover, #wrapper.default .grid-thumb:focus, #wrapper.default .grid-thumb.active, #wrapper.default .panel-title i:hover, #wrapper.default .panel-title i:focus, #wrapper.default .panel-title i.active { color: #2d409a; } /*end of icon font colors*/ /*sortable arrow*/ /*.fixed-table-container thead th .asc { background-image: url(../svg/down-arrow-1.svg); } .fixed-table-container thead th .desc { background-image: url(../svg/down-arrow-1.svg); }*/ /*end of sortable arrow*/ /*technician availability*/ #wrapper.default .nav-pills>li.active>a, #wrapper.default .nav-pills>li.active>a:hover, #wrapper.default .nav-pills>li.active>a:focus { color: #000; } #wrapper.default .nav-pills>li.active .highlight { background-color: #2746da; } /*end technician availability*/ /*calendar*/ #wrapper.default .bootstrap-datetimepicker-widget table td.active, #wrapper.default .bootstrap-datetimepicker-widget table td.active:hover { background-color: #2d409a; } /*end of calendar*/ /*tooltip*/ #wrapper.default .tooltip-inner { background-color: #223073; } #wrapper.default .tooltip.right .tooltip-arrow { border-right-color: #223073; } #wrapper.default .tooltip.bottom .tooltip-arrow { border-bottom-color: #223073; } #wrapper.default .tooltip.top .tooltip-arrow { border-top-color: #223073; } #wrapper.default .tooltip.left .tooltip-arrow { border-left-color: #223073; } /*end of tooltip*/ /*permission denied*/ #wrapper.default .go-to { color: #2746da; } /*end of permission denied*/ /*single pages*/ /*#wrapper.default .page-background { background-color: transparent; }*/ #wrapper.default.page-background { background-color: #2d409a; } #wrapper.default #single-page svg, #wrapper.default #single-page svg .path-clr { fill: #2d409a; } /*for font icon*/ #wrapper.default .head-ex, #wrapper.default .sp-head, #wrapper.default .sp-info { color: #2d409a; } #wrapper.default .page-content input, #wrapper.default .home-circle i, #wrapper.default .page-content button.zylog-btn { color: #2d409a; } /*end of single pages*/ /*dispatch board*/ #wrapper.default .db-pills { background: rgba(0, 0, 0, 0.008); } /*end of dispatch board*/ /*new scheduling preferences*/ #wrapper.default .selected-scheduling-box { border: 1px solid #2d409a; box-shadow: 0 0 10px -2px #2d409a; } #wrapper.default .selected-scheduling-box i, #wrapper.default .selected-scheduling-box h1 { color: #2d409a; } /*end of scheduling preferences*/ /*event calendar*/ #wrapper.default .calDay .calElement.selected, #wrapper.default .eventcalendar-table td.selected { background-color: #2d409a; } #wrapper.default .calDay .calElement.today { border: 1px solid #2d409a; } /*end of event calendar*/ #wrapper.default.ng-invalid:not(form):not(p-autocomplete):not(time-picker):not(p-calendar):not(p-editor), .ng-invalid:not(form) input { border-left: 5px solid #2d409a !important; } /*new home*/ #wrapper.default .quick-link-box:hover { background-color: rgba(0,0,0,0.035); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; box-shadow: 0 0 10px -2px #2746da80; border: 1px solid #2746da80; } #wrapper.default .quick-link-box:hover i, #wrapper.default .quick-link-box:hover h1 { color: #2d409a; opacity: 1; } /*end of home*/ /* Time Picker Start here*/ #wrapper.default .timepicker header{ background-color: #2d409a !important; } #wrapper.default .timepicker-dial__control_editable:focus{ color: #2d409a !important; outline:#2d409a !important; } #wrapper.default .clock-face__number > span.active { background-color:#2d409a !important; } #wrapper.default ngx-material-timepicker{ --clock-hand-color: #2d409a !important; } #wrapper.default .timepicker-button { color: #2d409a !important; } #wrapper.default .fas-microphone:hover{ border: 1px solid #2d409a; color: #2d409a; } #wrapper.default .linkWo_icon{ background-color: #2d409a; } /* Time Picker End here */ /*End of default*/ /*pink*/ /*link color*/ #wrapper.pink a:hover, #wrapper.pink a:focus, #wrapper.pink a.active, #wrapper.pink table a, #wrapper.pink #cwo-job .table ul.dropdown-menu > li a:hover { color: #E0668D; } /*end of link color*/ /*font-icons*/ #wrapper.pink .top-nav-icons:hover, #wrapper.pink .zylog-search:hover, #wrapper.pink td .zylog-font-icon:hover, #wrapper.pink .right-panel ul li .save-cancel-icon:hover { color: #E0668D; } /*end of font-icons*/ #wrapper.pink .toggle-clr button { border-color: #D60B5D; color: #D60B5D; } /*text editor*/ #wrapper.pink .ui-button, #wrapper.pink .btn-info, #wrapper.pink .btn-info:hover, #wrapper.pink .btn-info:focus, #wrapper.pink .btn-info:active { background: #D60B5D ; } /*end of text editor*/ /*page-loader*/ #wrapper.pink .loader { border: 1px solid #D60B5D; background: #D60B5D none repeat scroll 0% 0%; } /*End of page-loader*/ #wrapper.pink .zylog-btn, #wrapper.pink .btn-primary, #wrapper.pink .wrap-menu > aside:first-child, #wrapper.pink .notification-label, #wrapper.pink .dropdown-menu > .active > a, #wrapper.pink .dropdown-menu > .active > a:hover, #wrapper.pink .dropdown-menu > .active > a:focus, #wrapper.pink .wrap-right-cont .heading > h1, #wrapper.pink .detail-menu-wrap, #wrapper.pink aside.second-level .sublist > li.active, #wrapper.pink .c-modal .modal-header { background: #D60B5D; } #wrapper.pink .layout-panel, #wrapper.pink #main-container, #wrapper.pink .panel, #wrapper.pink .left-panel, #wrapper.pink .center-panel, body#wrapper.pink { background: #fef7f9 none repeat scroll 0% 0%; } #wrapper.pink table a:hover, #wrapper.pink table a:focus { color:#E16B92; text-decoration: none; } #wrapper.pink .main-heading h1, #wrapper.pink .panel-title > a, #wrapper.pink .wrap-right-cont .heading, #wrapper.pink h1.sub-head, #wrapper.pink ul#wizardStatus li, #wrapper.pink .master-table .adv-search, #wrapper.pink .confirm-info h1, #wrapper.pink .model-info > li i { color: #E16B92; } #wrapper.pink .stepwizard-step a[disabled="disabled"] { border-color: #ccc; } #wrapper.pink .stepwizard-step a { border: 1px solid #E16B92; } /*mandatory field color*/ #wrapper.pink .mandatory-field:not(p-calendar):not(time-picker),#wrapper.pink .mandatory-field input, #wrapper.pink #app-config button.multiselect { border-left: 4px solid #E16B92!important; } #wrapper.pink aside .main-menu > ul > li > a:hover, #wrapper.pink aside .main-menu > ul > li > a:focus, #wrapper.pink aside .main-menu > ul > li > a.active { background: rgba(0,0,0,0.25); } #wrapper.pink table thead, #wrapper.pink table td .db-days { background: #FDF1F5; } #wrapper.pink .table-hover>tbody>tr:hover>td, #wrapper.pink .table-hover>tbody>tr:hover>th { background: #FDF2F6; } #wrapper.pink .panel-default>.panel-heading { background: #FDECF2; } #wrapper.pink .left-panel .date-time > span:last-child, #wrapper.pink .forgot-a, #wrapper.pink .forgot-a:hover, #wrapper.pink .forgot-a:focus, #wrapper.pink .need-clr, #wrapper.pink .need-clr:hover, #wrapper.pink .need-clr:focus, #wrapper.pink .user-links a { color: #E0668D; } #wrapper.pink .right-panel, #wrapper.pink .c-modal .modal-content { background: #FDF1F5; } /*panel header*/ #wrapper.pink #main-container > .breadcrumb-heading { background: #fdf1f5 none repeat scroll 0% 0%; } /*end of panel header*/ /*form*/ /*custom checkbox and radio button*/ #wrapper.pink .checkbox input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } #wrapper.pink .checkbox input[type="checkbox"]:checked + label::before { background-color: #D60B5D; border-color: #D60B5D; } #wrapper.pink .radio input[type="radio"]:checked + label:before { border-color: #D60B5D; } #wrapper.pink .radio input[type="radio"]:checked + label:after { background: #D60B5D; } #wrapper.pink .multiselect-container input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #D60B5D; border-left: 2px solid #D60B5D; } /*End of custom checkbox and radio button*/ /*End of form*/ /*login*/ #wrapper.pink.login-bg { background: url(../img/bg-img/loginpage_lg_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.pink .shadow { -webkit-box-shadow: -1px -1px #e7e7e7; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: -1px -1px #e7e7e7; /* Firefox 3.5 - 3.6 */ -ms-box-shadow: -1px -1px #e7e7e7; -o-box-shadow: -1px -1px #e7e7e7; box-shadow: -1px -1px #e7e7e7; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ } #wrapper.pink .logo-image { background-image: url(../img/logo/lg_fieldpower.png); height: 30px; width: 127px; background-repeat: no-repeat; } /*end of login*/ /*company master train*/ #wrapper.pink .panel-primary { border-color: #E0668D; } #wrapper.pink .btn-success, #wrapper.pink .btn-success:hover, #wrapper.pink .btn-success:focus, #wrapper.pink .btn-success:active, #wrapper.pink .btn-success.active, #wrapper.pink .open>.dropdown-toggle.btn-success { background-color: #D60B5D; border-color: #D60B5D; } #wrapper.pink .prevBtn:hover, #wrapper.pink .prevBtn:focus, #wrapper.pink .nextBtn:hover, #wrapper.pink .nextBtn:focus { color: #fff; } #wrapper.pink .progress-bar-success { background-color: #D60B5D; } #wrapper.pink .stepwizard a:hover { color: #ffffff; } #wrapper.pink .stepwizard-step .btn.btn-success + p { color: #D60B5D; } /*end of company master train*/ /*wizard arrow-step*/ #wrapper.pink ul#wizardStatus li.current:after, #wrapper.pink ul#wizardStatus li.current:before, #wrapper.pink ul#wizardStatus li.current { background-color: #D60B5D; } #wrapper.pink ul#wizardStatus li:after, #wrapper.pink ul#wizardStatus li:before, #wrapper.pink ul#wizardStatus li { background: #FADEE6; } /*End of wizard arrow-step*/ /*pagination*/ #wrapper.pink .pagination > .active > a, #wrapper.pink .pagination > .active > span, #wrapper.pink .pagination > .active > a:hover, #wrapper.pink .pagination > .active > span:hover, #wrapper.pink .pagination > .active > a:focus, #wrapper.pink .pagination > .active > span:focus { background-color: #D60B5D; border-color: #D60B5D; } #wrapper.pink .pagination > li > a, #wrapper.pink .pagination > li > span { color: #D60B5D; } #wrapper.pink .pagination > li.active > a { color: #ffffff; } #wrapper.pink .dropdown-menu > .active > a, #wrapper.pink .dropdown-menu > .active > a:hover, #wrapper.pink .dropdown-menu > .active > a:focus { background-color: #D60B5D; } /*end of pagination*/ /*role privileges*/ #wrapper.pink input.switch-toggle-round:checked + label::after { background-color:#D60B5D; } /*end of role privileges*/ /*form-control*/ #wrapper.pink .form-control:focus, #wrapper.pink button.multiselect.btn-default:hover, #wrapper.pink button.multiselect.btn-default:focus, #wrapper.pink button.multiselect.btn-default:active, #wrapper.pink button.multiselect.btn-default.active, #wrapper.pink .open>.dropdown-toggle.btn-default { border-color: #E0668D; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(224,102,141,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(224,102,141,.6); } /*end of form-control*/ /*work order details*/ #wrapper.pink .grid-thumb:hover, #wrapper.pink .grid-thumb:focus, #wrapper.pink .grid-thumb.active, #wrapper.pink .panel-title i:hover, #wrapper.pink .panel-title i:focus, #wrapper.pink .panel-title i.active { color: #D60B5D; } /*end of work order details*/ /*technician availability*/ #wrapper.pink .nav-pills>li.active .highlight { background-color: #E0668D; } /*end technician availability*/ /*calendar*/ #wrapper.pink .bootstrap-datetimepicker-widget table td.active, #wrapper.pink .bootstrap-datetimepicker-widget table td.active:hover { background-color: #E16B92; } /*end of calendar*/ /*tooltip*/ #wrapper.pink .tooltip-inner { background-color: #a00846; } #wrapper.pink .tooltip.right .tooltip-arrow { border-right-color: #a00846; } #wrapper.pink .tooltip.bottom .tooltip-arrow { border-bottom-color: #a00846; } #wrapper.pink .tooltip.top .tooltip-arrow { border-top-color: #a00846; } #wrapper.pink .tooltip.left .tooltip-arrow { border-left-color: #a00846; } /*end of tooltip*/ /*permission denied*/ #wrapper.pink .go-to { color: #E16B92; } /*end of permission denied*/ /*single pages*/ #wrapper.pink .page-background { background-color: #D60B5D; } #wrapper.pink #single-page svg, #wrapper.pink #single-page svg .path-clr { fill: #D60B5D; } /*for font icon*/ #wrapper.pink .head-ex, #wrapper.pink .sp-head, #wrapper.pink .sp-info { color: #D60B5D; } #wrapper.pink .page-content input, #wrapper.pink .home-circle i, #wrapper.pink .page-content button.zylog-btn { color: #D60B5D; } /*end of single pages*/ /*new scheduling preferences*/ #wrapper.pink .selected-scheduling-box { border: 1px solid #D60B5D; box-shadow: 0 0 10px -2px #D60B5D; } #wrapper.pink .selected-scheduling-box i, #wrapper.pink .selected-scheduling-box h1 { color: #D60B5D; } /*end of scheduling preferences*/ /*event calendar*/ #wrapper.pink .calDay .calElement.selected, #wrapper.pink .eventcalendar-table td.selected { background-color: #D60B5D; } #wrapper.pink .calDay .calElement.today { border: 1px solid #D60B5D; } /*end of event calendar*/ /* #wrapper.pink p-autocomplete .ng-invalid:not(form):not(time-picker):not(p-calendar):not(p-editor), .ng-invalid:not(form) input { border-left: 5px solid #D60B5D !important; } */ /*new home*/ #wrapper.pink .quick-link-box:hover { background-color: rgba(224,102,141,0.05); box-shadow: 0 0 10px -2px #E0668D66; border-color: #E0668D66; } #wrapper.pink .quick-link-box:hover i, #wrapper.pink .quick-link-box:hover h1 { color: #D60B5D; opacity: 1; } /*end of home*/ #wrapper.pink .ui-dialog .ui-dialog-titlebar-close{color:#fff;} #wrapper.pink .ui-dialog.ui-widget .ui-dialog-titlebar{background:#D60B5D !important;color: #fff;} #wrapper.pink .ui-dialog .ui-dialog-buttonpane .ui-button{background:#D60B5D;} /* Time Picker Start here*/ #wrapper.pink .timepicker header{ background-color: #D60B5D !important; } #wrapper.pink .timepicker-dial__control_editable:focus{ color: #D60B5D !important; outline:#D60B5D !important; } #wrapper.pink .clock-face__number > span.active { background-color:#D60B5D !important; } #wrapper.pink ngx-material-timepicker{ --clock-hand-color: #D60B5D !important; } #wrapper.pink .timepicker-button { color: #D60B5D !important; } /* Time Picker End here */ #wrapper.pink .fas-microphone:hover{ border: 1px solid #D60B5D; color: #D60B5D; } #wrapper.pink .linkWo_icon{ background-color: #D60B5D; } /*End of pink*/ /*gray*/ #wrapper.gray #top-nav { background: #010101; border-bottom-color: #010101; } #wrapper.gray .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } /*link color*/ #wrapper.gray a:hover, #wrapper.gray a:focus, #wrapper.gray a.active, #wrapper.gray table a, #wrapper.gray #cwo-job .table ul.dropdown-menu > li a:hover { color: #444; } /*end of link color*/ /*font-icons*/ #wrapper.gray .top-nav-icons:hover, #wrapper.gray .zylog-search:hover, #wrapper.gray td .zylog-font-icon:hover, #wrapper.gray .right-panel ul li .save-cancel-icon:hover { color: #444; } /*end of font-icons*/ #wrapper.gray .toggle-clr button { border-color: #333333; color: #333333; } /*text editor*/ #wrapper.gray .btn-info, #wrapper.gray .btn-info:hover, #wrapper.gray .btn-info:focus, #wrapper.gray .btn-info:active { background: #333333 !important; } /*end of text editor*/ /*page-loader*/ #wrapper.gray .loader { border: 1px solid #333333; background: #333333 none repeat scroll 0% 0%; } /*End of page-loader*/ #wrapper.gray .ui-button, #wrapper.gray .zylog-btn, #wrapper.gray .btn-primary, #wrapper.gray .wrap-menu > aside:first-child, #wrapper.gray .dropdown-menu > .active > a, #wrapper.gray .dropdown-menu > .active > a:hover, #wrapper.gray .dropdown-menu > .active > a:focus, #wrapper.gray .wrap-right-cont .heading > h1, #wrapper.gray .detail-menu-wrap, #wrapper.gray .c-modal .modal-header { background: #333333; } #wrapper.gray .notification-label { background: #fff; color: #333333; } #wrapper.gray aside.second-level .sublist > li.active { background: rgba(0,0,0,0.1); } #wrapper.gray aside.second-level .sublist > li:hover, #wrapper.gray aside.second-level .sublist > li:focus { background: rgba(0,0,0,0.05); } #wrapper.gray .layout-panel, #wrapper.gray #main-container, #wrapper.gray .panel, #wrapper.gray .left-panel, #wrapper.gray .center-panel, body#wrapper.gray { background: #fafbfd none repeat scroll 0% 0%; } #wrapper.gray table a:hover, #wrapper.gray table a:focus { color:#333333; text-decoration: none; } #wrapper.gray .main-heading h1, #wrapper.gray .panel-title > a, #wrapper.gray .wrap-right-cont .heading, #wrapper.gray h1.sub-head, #wrapper.gray ul#wizardStatus li, #wrapper.gray .master-table .adv-search, #wrapper.gray .confirm-info h1, #wrapper.gray .model-info > li i { color: #333333; } /*mandatory field color*/ #wrapper.gray .mandatory-field:not(p-calendar):not(time-picker),#wrapper.gray .mandatory-field input, #wrapper.gray #app-config button.multiselect { border-left: 4px solid #333333!important; } #wrapper.gray aside .main-menu > ul > li > a:hover, #wrapper.gray aside .main-menu > ul > li > a:focus, #wrapper.gray aside .main-menu > ul > li > a.active { background: #444; } #wrapper.gray table thead, #wrapper.gray table td .db-days { background: #EAEAEA; } #wrapper.gray .table-hover>tbody>tr:hover>td, #wrapper.gray .table-hover>tbody>tr:hover>th { background: #F4F5F9; } #wrapper.gray .panel-default>.panel-heading { background: #EAEAEA; } #wrapper.gray .left-panel .date-time > span:last-child, #wrapper.gray .forgot-a, #wrapper.gray .forgot-a:hover, #wrapper.gray .forgot-a:focus, #wrapper.gray .need-clr, #wrapper.gray .need-clr:hover, #wrapper.gray .need-clr:focus, #wrapper.gray .user-links a { color: #444; } #wrapper.gray .right-panel, #wrapper.gray .c-modal .modal-content { background: #f7f7f7; } /*panel header*/ #wrapper.gray #main-container > .breadcrumb-heading { background: #fff none repeat scroll 0% 0%; } /*end of panel header*/ /*form*/ /*custom checkbox and radio button*/ #wrapper.gray .checkbox input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } #wrapper.gray .checkbox input[type="checkbox"]:checked + label::before { background-color: #333333; border-color: #333333; } #wrapper.gray .radio input[type="radio"]:checked + label:before { border-color: #333333; } #wrapper.gray .radio input[type="radio"]:checked + label:after { background: #333333; } #wrapper.gray .multiselect-container input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #333333; border-left: 2px solid #333333; } /*End of custom checkbox and radio button*/ /*End of form*/ /*login*/ #wrapper.gray.login-bg { background: url(../img/bg-img/loginpage_samsung_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.gray.zylog-login { background: url(../img/bg-img/loginpage_zylog_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.gray .logo-image { background-image: url(../img/logo/nokia_fieldpower.png); height: 30px; width: 175px; background-repeat: no-repeat; } /*end of login*/ /*company master train*/ #wrapper.gray .btn-success, #wrapper.gray .btn-success:hover, #wrapper.gray .btn-success:focus, #wrapper.gray .btn-success:active, #wrapper.gray .btn-success.active, #wrapper.gray .open>.dropdown-toggle.btn-success { background-color: #333333; border-color: #333333; } #wrapper.gray .progress-bar-success { background-color: #333333; } #wrapper.gray .stepwizard a:hover { color: #ffffff; } #wrapper.gray .stepwizard-step .btn.btn-success + p { color: #333333; } /*end of company master train*/ /*wizard arrow-step*/ #wrapper.gray ul#wizardStatus li.current:after, #wrapper.gray ul#wizardStatus li.current:before, #wrapper.gray ul#wizardStatus li.current { background-color: #333333; } #wrapper.gray ul#wizardStatus li:after, #wrapper.gray ul#wizardStatus li:before, #wrapper.gray ul#wizardStatus li { background: #F0F2F7; } #wrapper.gray .stepwizard-step a[disabled="disabled"] { border-color: #ccc; } #wrapper.gray .stepwizard-step a { border: 1px solid #333333; } /*End of wizard arrow-step*/ /*pagination*/ #wrapper.gray .pagination > .active > a, #wrapper.gray .pagination > .active > span, #wrapper.gray .pagination > .active > a:hover, #wrapper.gray .pagination > .active > span:hover, #wrapper.gray .pagination > .active > a:focus, #wrapper.gray .pagination > .active > span:focus { background-color: #333333; border-color: #333333; } #wrapper.gray .pagination > li > a, #wrapper.gray .pagination > li > span { color:#333333; } #wrapper.gray .pagination > li.active > a { color: #ffffff; } #wrapper.gray .dropdown-menu > .active > a, #wrapper.gray .dropdown-menu > .active > a:hover, #wrapper.gray .dropdown-menu > .active > a:focus { background-color: #333333; } /*end of pagination*/ /*role privileges*/ #wrapper.gray input.switch-toggle-round:checked + label::after { background-color: #334899; } #wrapper.gray input.switch-toggle-round.red-clr:checked + label::after { background-color: red; } /*end of role privileges*/ /*form-control*/ #wrapper.gray .form-control:focus, #wrapper.gray button.multiselect.btn-default:hover, #wrapper.gray button.multiselect.btn-default:focus, #wrapper.gray button.multiselect.btn-default:active, #wrapper.gray button.multiselect.btn-default.active, #wrapper.gray .open>.dropdown-toggle.btn-default { border-color: #444; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); } /*end of form-control*/ /*icon font colors*/ #wrapper.gray .grid-thumb { color: rgba(0,0,0,0.6); } #wrapper.gray .grid-thumb:hover, #wrapper.gray .grid-thumb:focus, #wrapper.gray .grid-thumb.active, #wrapper.gray .panel-title i:hover, #wrapper.gray .panel-title i:focus, #wrapper.gray .panel-title i.active { color: #333333; } /*end of icon font colors*/ /*sortable arrow*/ /*.fixed-table-container thead th .asc { background-image: url(../svg/down-arrow-1.svg); } .fixed-table-container thead th .desc { background-image: url(../svg/down-arrow-1.svg); }*/ /*end of sortable arrow*/ /*technician availability*/ #wrapper.gray .nav-pills>li.active>a, #wrapper.gray .nav-pills>li.active>a:hover, #wrapper.gray .nav-pills>li.active>a:focus { color: #000; } #wrapper.gray .nav-pills>li.active .highlight { background-color: #444; } /*end technician availability*/ /*calendar*/ #wrapper.gray .bootstrap-datetimepicker-widget table td.active, #wrapper.gray .bootstrap-datetimepicker-widget table td.active:hover { background-color: #333333; } /*end of calendar*/ /*tooltip*/ #wrapper.gray .tooltip-inner { background-color: #333333; } #wrapper.gray .tooltip.right .tooltip-arrow { border-right-color: #333333; } #wrapper.gray .tooltip.bottom .tooltip-arrow { border-bottom-color: #333333; } #wrapper.gray .tooltip.top .tooltip-arrow { border-top-color: #333333; } #wrapper.gray .tooltip.left .tooltip-arrow { border-left-color: #333333; } /*end of tooltip*/ /*permission denied*/ #wrapper.gray .go-to { color: #444; } /*end of permission denied*/ /*single pages*/ #wrapper.gray .page-background { background-color: #333333; } #wrapper.gray #single-page svg, #wrapper.gray #single-page svg .path-clr { fill: #333333; } /*for font icon*/ #wrapper.gray .head-ex, #wrapper.gray .sp-head, #wrapper.gray .sp-info { color: #333333; } #wrapper.gray .page-content input, #wrapper.gray .home-circle i, #wrapper.gray .page-content button.zylog-btn { color: #333333; } /*end of single pages*/ /*dispatch board*/ #wrapper.gray .db-pills { background: rgba(0, 0, 0, 0.008); } /*end of dispatch board*/ /*new scheduling preferences*/ #wrapper.gray .selected-scheduling-box { border: 1px solid #333333; box-shadow: 0 0 10px -2px #333333; } #wrapper.gray .selected-scheduling-box i, #wrapper.gray .selected-scheduling-box h1 { color: #333333; } /*end of scheduling preferences*/ /*event calendar*/ #wrapper.gray .calDay .calElement.selected, #wrapper.gray .eventcalendar-table td.selected { background-color: #333333; } #wrapper.gray .calDay .calElement.today { border: 1px solid #333333; } /*end of event calendar*/ /*new home*/ #wrapper.gray .quick-link-box:hover { background-color: rgba(0,0,0,0.035); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; box-shadow: 0 0 10px -2px #444; border: 1px solid #444; } #wrapper.gray .quick-link-box:hover i, #wrapper.gray .quick-link-box:hover h1 { color: #333333; opacity: 1; } /*end of home*/ #wrapper.gray .ui-dialog .ui-dialog-titlebar-close{color:#fff;} #wrapper.gray .ui-dialog.ui-widget .ui-dialog-titlebar{background:#333 !important;color: #fff;} #wrapper.gray .ui-dialog .ui-dialog-buttonpane .ui-button{background:#333;} /* Time Picker Start here*/ #wrapper.gray .timepicker header{ background-color: #333333 !important; } #wrapper.gray .timepicker-dial__control_editable:focus{ color: #333333 !important; outline:#333333 !important; } #wrapper.gray .clock-face__number > span.active { background-color:#333333 !important; } #wrapper.gray ngx-material-timepicker{ --clock-hand-color: #333333 !important; } #wrapper.gray .timepicker-button { color: #333333 !important; } /* Time Picker End here */ #wrapper.gray .fas-microphone:hover{ border: 1px solid #333333; color: #333333; } #wrapper.gray .linkWo_icon{ background-color: #333333; } /*End of gray*/ /*lgray*/ #wrapper.lgray #top-nav { background: #fff; border-bottom-color: #fff; } #wrapper.lgray .navbar-default .navbar-toggle .icon-bar { background-color: #000; } /*link color*/ #wrapper.lgray a:hover, #wrapper.lgray a:focus, #wrapper.lgray a.active, #wrapper.lgray table a, #wrapper.lgray #cwo-job .table ul.dropdown-menu > li a:hover { color: #2B2A35; } /*end of link color*/ /*font-icons*/ #wrapper.lgray .top-nav-icons:hover, #wrapper.lgray .zylog-search:hover, #wrapper.lgray td .zylog-font-icon:hover, #wrapper.lgray .right-panel ul li .save-cancel-icon:hover { color: #2B2A35; } /*end of font-icons*/ #wrapper.lgray .toggle-clr button { border-color: #3B3A48; color: #3B3A48; } /*text editor*/ #wrapper.lgray .ui-button, #wrapper.lgray .btn-info, #wrapper.lgray .btn-info:hover, #wrapper.lgray .btn-info:focus, #wrapper.lgray .btn-info:active { background: #3B3A48 !important; } /*end of text editor*/ /*page-loader*/ #wrapper.lgray .loader { border: 1px solid #3B3A48; background: #3B3A48 none repeat scroll 0% 0%; } /*End of page-loader*/ #wrapper.lgray .zylog-btn, #wrapper.lgray .btn-primary, #wrapper.lgray .wrap-menu > aside:first-child, #wrapper.lgray .dropdown-menu > .active > a, #wrapper.lgray .dropdown-menu > .active > a:hover, #wrapper.lgray .dropdown-menu > .active > a:focus, #wrapper.lgray .wrap-right-cont .heading > h1, #wrapper.lgray .detail-menu-wrap, #wrapper.lgray .c-modal .modal-header { background: #3B3A48; } #wrapper.lgray .notification-label { background: #fff; color: #3B3A48; } #wrapper.lgray aside.second-level .sublist > li.active { background: rgba(0,0,0,0.1); } #wrapper.lgray aside .main-menu > ul > li > a.active .aside-font { margin-left: 4px; } #wrapper.lgray aside.second-level .sublist > li:hover, #wrapper.lgray aside.second-level .sublist > li:focus { background: rgba(0,0,0,0.05); } #wrapper.lgray .layout-panel, #wrapper.lgray #main-container, #wrapper.lgray .panel, #wrapper.lgray .left-panel, #wrapper.lgray .center-panel, body#wrapper.lgray { background: #f5f5f5 none repeat scroll 0% 0%; } #wrapper.lgray aside.second-level.sidebar-mini { background-color: #F1F1F3; } #wrapper.lgray table a{ text-decoration: underline; } #wrapper.lgray table a:hover, #wrapper.lgray table a:focus { color: #3B3A48; text-decoration: none; } #wrapper.lgray .main-heading h1, #wrapper.lgray .panel-title > a, #wrapper.lgray .wrap-right-cont .heading, #wrapper.lgray h1.sub-head, #wrapper.lgray ul#wizardStatus li, #wrapper.lgray .master-table .adv-search, #wrapper.lgray .confirm-info h1, #wrapper.lgray .model-info > li i { color: #3B3A48; } /*mandatory field color*/ #wrapper.lgray .mandatory-field:not(p-calendar):not(time-picker),#wrapper.lgray .mandatory-field input, #wrapper.lgray #app-config button.multiselect { border-left: 4px solid #3B3A48!important; } #wrapper.lgray aside .main-menu > ul > li > a:hover, #wrapper.lgray aside .main-menu > ul > li > a:focus, #wrapper.lgray aside .main-menu > ul > li > a.active { background: #2B2A35; } #wrapper.lgray aside .main-menu > ul > li > a.active { border-left: 4px solid gray; } #wrapper.lgray table thead, #wrapper.lgray table td .db-days { background: #F1F1F3; } #wrapper.lgray .table-hover>tbody>tr:hover>td, #wrapper.lgray .table-hover>tbody>tr:hover>th { background: #F4F5F9; } #wrapper.lgray .panel-default>.panel-heading { background: #F1F1F3; } #wrapper.lgray .left-panel .date-time > span:last-child, #wrapper.lgray .forgot-a, #wrapper.lgray .forgot-a:hover, #wrapper.lgray .forgot-a:focus, #wrapper.lgray .need-clr, #wrapper.lgray .need-clr:hover, #wrapper.lgray .need-clr:focus, #wrapper.lgray .user-links a { color: #2B2A35; } #wrapper.lgray .right-panel, #wrapper.lgray .c-modal .modal-content { background: #f7f7f7; } /*panel header*/ #wrapper.lgray #main-container > .breadcrumb-heading { background: #F1F1F3 none repeat scroll 0% 0%; } /*end of panel header*/ /*form*/ /*custom checkbox and radio button*/ #wrapper.lgray .checkbox input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } #wrapper.lgray .checkbox input[type="checkbox"]:checked + label::before { background-color: #3B3A48; border-color: #3B3A48; } #wrapper.lgray .radio input[type="radio"]:checked + label:before { border-color: #3B3A48; } #wrapper.lgray .radio input[type="radio"]:checked + label:after { background: #3B3A48; } #wrapper.lgray .multiselect-container input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #3B3A48; border-left: 2px solid #3B3A48; } /*End of custom checkbox and radio button*/ /*End of form*/ /*login*/ #wrapper.lgray.login-bg { background: url(../img/bg-img/loginpage_samsung_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.lgray.zylog-login { background: url(../img/bg-img/loginpage_zylog_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.lgray .logo-image { background-image: url(../img/logo/daikin_fieldpower.png); height: 30px; width: 175px; background-repeat: no-repeat; } /*end of login*/ /*company master train*/ #wrapper.lgray .btn-success, #wrapper.lgray .btn-success:hover, #wrapper.lgray .btn-success:focus, #wrapper.lgray .btn-success:active, #wrapper.lgray .btn-success.active, #wrapper.lgray .open>.dropdown-toggle.btn-success { background-color: #3B3A48; border-color: #3B3A48; } #wrapper.lgray .progress-bar-success { background-color: #3B3A48; } #wrapper.lgray .stepwizard a:hover { color: #ffffff; } #wrapper.lgray .stepwizard-step .btn.btn-success + p { color: #3B3A48; } /*end of company master train*/ /*wizard arrow-step*/ #wrapper.lgray ul#wizardStatus li.current:after, #wrapper.lgray ul#wizardStatus li.current:before, #wrapper.lgray ul#wizardStatus li.current { background-color: #3B3A48; } #wrapper.lgray ul#wizardStatus li:after, #wrapper.lgray ul#wizardStatus li:before, #wrapper.lgray ul#wizardStatus li { background: #F0F2F7; } #wrapper.lgray .stepwizard-step a[disabled="disabled"] { border-color: #ccc; } #wrapper.lgray .stepwizard-step a { border: 1px solid #3B3A48; } /*End of wizard arrow-step*/ /*pagination*/ #wrapper.lgray .pagination > .active > a, #wrapper.lgray .pagination > .active > span, #wrapper.lgray .pagination > .active > a:hover, #wrapper.lgray .pagination > .active > span:hover, #wrapper.lgray .pagination > .active > a:focus, #wrapper.lgray .pagination > .active > span:focus { background-color: #3B3A48; border-color: #3B3A48; } #wrapper.lgray .pagination > li > a, #wrapper.lgray .pagination > li > span { color:#3B3A48; } #wrapper.lgray .pagination > li.active > a { color: #ffffff; } #wrapper.lgray .dropdown-menu > .active > a, #wrapper.lgray .dropdown-menu > .active > a:hover, #wrapper.lgray .dropdown-menu > .active > a:focus { background-color: #3B3A48; } /*end of pagination*/ /*role privileges*/ #wrapper.lgray input.switch-toggle-round:checked + label::after { background-color: #334899; } #wrapper.lgray input.switch-toggle-round.red-clr:checked + label::after { background-color: red; } /*end of role privileges*/ /*form-control*/ #wrapper.lgray .form-control:focus, #wrapper.lgray button.multiselect.btn-default:hover, #wrapper.lgray button.multiselect.btn-default:focus, #wrapper.lgray button.multiselect.btn-default:active, #wrapper.lgray button.multiselect.btn-default.active, #wrapper.lgray .open>.dropdown-toggle.btn-default { border-color: #2B2A35; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); } /*end of form-control*/ /*icon font colors*/ #wrapper.lgray .grid-thumb { color: rgba(0,0,0,0.6); } #wrapper.lgray .grid-thumb:hover, #wrapper.lgray .grid-thumb:focus, #wrapper.lgray .grid-thumb.active, #wrapper.lgray .panel-title i:hover, #wrapper.lgray .panel-title i:focus, #wrapper.lgray .panel-title i.active { color: #3B3A48; } /*end of icon font colors*/ /*sortable arrow*/ /*.fixed-table-container thead th .asc { background-image: url(../svg/down-arrow-1.svg); } .fixed-table-container thead th .desc { background-image: url(../svg/down-arrow-1.svg); }*/ /*end of sortable arrow*/ /*technician availability*/ #wrapper.lgray .nav-pills>li.active>a, #wrapper.lgray .nav-pills>li.active>a:hover, #wrapper.lgray .nav-pills>li.active>a:focus { color: #3B3A48; } #wrapper.lgray .nav-pills>li.active .highlight { background-color: #2B2A35; } /*end technician availability*/ /*calendar*/ #wrapper.lgray .bootstrap-datetimepicker-widget table td.active, #wrapper.lgray .bootstrap-datetimepicker-widget table td.active:hover { background-color: #3B3A48; } /*end of calendar*/ /*tooltip*/ #wrapper.lgray .tooltip-inner { background-color: #3B3A48; } #wrapper.lgray .tooltip.right .tooltip-arrow { border-right-color: #3B3A48; } #wrapper.lgray .tooltip.bottom .tooltip-arrow { border-bottom-color: #3B3A48; } #wrapper.lgray .tooltip.top .tooltip-arrow { border-top-color: #3B3A48; } #wrapper.lgray .tooltip.left .tooltip-arrow { border-left-color: #3B3A48; } /*end of tooltip*/ /*permission denied*/ #wrapper.lgray .go-to { color: #2B2A35; } /*end of permission denied*/ /*single pages*/ #wrapper.lgray .page-background { background-color: #3B3A48; } #wrapper.lgray #single-page svg, #wrapper.lgray #single-page svg .path-clr { fill: #3B3A48; } /*for font icon*/ #wrapper.lgray .head-ex, #wrapper.lgray .sp-head, #wrapper.lgray .sp-info { color: #333333; } #wrapper.lgray .page-content input, #wrapper.lgray .home-circle i, #wrapper.lgray .page-content button.zylog-btn { color: #3B3A48; } /*end of single pages*/ /*dispatch board*/ #wrapper.lgray .db-pills { background: rgba(0, 0, 0, 0.008); } /*end of dispatch board*/ /*new scheduling preferences*/ #wrapper.lgray .selected-scheduling-box { border: 1px solid #3B3A48; box-shadow: 0 0 10px -2px #3B3A48; } #wrapper.lgray .selected-scheduling-box i, #wrapper.lgray .selected-scheduling-box h1 { color: #3B3A48; } /*end of scheduling preferences*/ /*event calendar*/ #wrapper.lgray .calDay .calElement.selected, #wrapper.lgray .eventcalendar-table td.selected { background-color: #3B3A48; } #wrapper.lgray .calDay .calElement.today { border: 1px solid #3B3A48; } /*end of event calendar*/ /*new home*/ #wrapper.lgray .quick-link-box:hover { background-color: rgba(0,0,0,0.035); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; box-shadow: 0 0 10px -2px #2B2A35; border: 1px solid #2B2A35; } #wrapper.lgray .quick-link-box:hover i, #wrapper.lgray .quick-link-box:hover h1 { color: #3B3A48; opacity: 1; } /*end of home*/ #wrapper.lgray .ui-dialog .ui-dialog-titlebar-close{color:#fff;} #wrapper.lgray .ui-dialog.ui-widget .ui-dialog-titlebar{background:#3B3A48 !important;color: #fff;} #wrapper.lgray .ui-dialog .ui-dialog-buttonpane .ui-button{background:#3B3A48;} /* Time Picker Start here*/ #wrapper.lgray .timepicker header{ background-color: #3B3A48 !important; } #wrapper.lgray .timepicker-dial__control_editable:focus{ color: #3B3A48 !important; outline:#3B3A48 !important; } #wrapper.lgray .clock-face__number > span.active { background-color:#3B3A48 !important; } #wrapper.lgray ngx-material-timepicker{ --clock-hand-color: #3B3A48 !important; } #wrapper.lgray .timepicker-button { color: #3B3A48 !important; } /* Time Picker End here */ #wrapper.lgray .fas-microphone:hover{ border: 1px solid #3B3A48; color: #3B3A48; } #wrapper.lgray .linkWo_icon{ background-color: #3B3A48; } /*End of lgray*/ /*dblue*/ body#wrapper.dblue { color: #fff; } #wrapper.dblue .caret { color: #fff; } #wrapper.dblue aside.second-level { border-right-color: transparent; } #wrapper.dblue #top-nav { background: #030F1B; border-bottom-color: #030F1B; } #wrapper.dblue .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } #wrapper.dblue .display-name .note-clr { color: rgba(255,255,255,0.7); } /*link color*/ #wrapper.dblue a, #wrapper.dblue a:focus, #wrapper.dblue a.active, #wrapper.dblue table a, #wrapper.dblue #cwo-job .table ul.dropdown-menu > li a:hover { color: #fff; } #wrapper.dblue .dropdown-menu > li > a { color: #000; } #wrapper.dblue #top-nav .nav-notification > li.profile .dropdown-menu > li > a .top-nav-icons, #wrapper.dblue #top-nav .nav-notification > li.profile .dropdown-menu > li > a .top-nav-icons:hover { color: #777; } #wrapper.dblue a { color: #fff; } #wrapper.dblue a:hover { color: #777; } /*end of link color*/ /*font-icons*/ #wrapper.dblue .zylog-search:hover, #wrapper.dblue td .zylog-font-icon:hover, #wrapper.dblue .right-panel ul li .save-cancel-icon:hover { color: #2B2A35; } #wrapper.dblue .top-nav-icons:hover { color: #fff; } /*end of font-icons*/ #wrapper.dblue .toggle-clr button { border-color: #030F1B; color: #030F1B; } /*text editor*/ #wrapper.dblue .ui-button, #wrapper.dblue .btn-info, #wrapper.dblue .btn-info:hover, #wrapper.dblue .btn-info:focus, #wrapper.dblue .btn-info:active { background: #030F1B !important; } #wrapper.dblue #editor { color: #000; } /*end of text editor*/ /*page-loader*/ #wrapper.dblue .loader { border: 1px solid #030F1B; background: #030F1B none repeat scroll 0% 0%; } /*End of page-loader*/ #wrapper.dblue .wrap-menu > aside:first-child, #wrapper.dblue .dropdown-menu > .active > a, #wrapper.dblue .dropdown-menu > .active > a:hover, #wrapper.dblue .dropdown-menu > .active > a:focus, #wrapper.dblue .wrap-right-cont .heading > h1, #wrapper.dblue .detail-menu-wrap, #wrapper.dblue .c-modal .modal-header { background: #030F1B; } #wrapper.dblue .zylog-btn, #wrapper.dblue .btn-primary { background: #030F1B; border-color: #030F1B; } #wrapper.dblue .right-panel.right-panel-cont > ul { background-color: #002339; } #wrapper.dblue .notification-label { background: #fff; color: #030F1B; } #wrapper.dblue aside.second-level .sublist > li.active { background: rgba(0,0,0,0.1); } #wrapper.dblue aside .main-menu > ul > li > a.active .aside-font { margin-left: 4px; } #wrapper.dblue aside.second-level .sublist > li:hover, #wrapper.dblue aside.second-level .sublist > li:focus { background: rgba(0,0,0,0.05); } #wrapper.dblue .bg-white { background-color: #002339; } #wrapper.dblue aside.second-level .main-menu ul li a .text { color: rgba(255,255,255,0.8); } #wrapper.dblue .layout-panel, #wrapper.dblue #main-container, #wrapper.dblue .panel, #wrapper.dblue .left-panel, #wrapper.dblue .center-panel, body#wrapper.dblue { background: #012F49 none repeat scroll 0% 0%; border-color: #012F49; } #wrapper.dblue aside.second-level.sidebar-mini { background-color: #002339; border-color: #002339; } #wrapper.dblue table a, #wrapper.dblue table a:hover, #wrapper.dblue table a:focus { color: #030F1B; text-decoration: none; } #wrapper.dblue .main-heading h1, #wrapper.dblue .panel-title > a, #wrapper.dblue .wrap-right-cont .heading, #wrapper.dblue h1.sub-head, #wrapper.dblue ul#wizardStatus li, #wrapper.dblue .master-table .adv-search, #wrapper.dblue .confirm-info h1, #wrapper.dblue .model-info > li i, #wrapper.dblue .zylog-font-icon { color: #fff; } /*mandatory field color*/ #wrapper.dblue .mandatory-field:not(p-calendar):not(time-picker),#wrapper.dblue .mandatory-field input, #wrapper.dblue #app-config button.multiselect { border-left: 4px solid #030F1B!important; } #wrapper.dblue aside .main-menu > ul > li > a:hover, #wrapper.dblue aside .main-menu > ul > li > a:focus, #wrapper.dblue aside .main-menu > ul > li > a.active { background: #002339; } #wrapper.dblue aside .main-menu > ul > li > a.active { border-left: 4px solid #fff; } #wrapper.dblue table thead, #wrapper.dblue table td .db-days { background: #002339; color: #fff; border: none; } /* #wrapper.dblue .bootstrap-table table > tbody > tr > td { color: #000; } */ #wrapper.dblue .fixed-table-container { border: none; } #wrapper.dblue .table-hover>tbody>tr:hover>td, #wrapper.dblue .table-hover>tbody>tr:hover>th { background: #F4F5F9; } #wrapper.dblue .panel-default>.panel-heading { background: #002339; } #wrapper.dblue .left-panel .date-time > span:last-child, #wrapper.dblue .forgot-a, #wrapper.dblue .forgot-a:hover, #wrapper.dblue .forgot-a:focus, #wrapper.dblue .need-clr, #wrapper.dblue .need-clr:hover, #wrapper.dblue .need-clr:focus, #wrapper.dblue .user-links a { color: #2B2A35; } #wrapper.dblue .right-panel { background-color: #002339; } #wrapper.dblue .right-panel .panel-bodytitle h3 { color: #000; } #wrapper.dblue .panel-body .inst-notes-cont > h4, #wrapper.dblue .inst-notes-cont h4 i { color: #fff; background-color: #677783; } #wrapper.dblue .right-panel.rightpanel-open, #wrapper.dblue .c-modal .modal-content { background: #002339; } #wrapper.dblue .right-panel .right-panel-cont .heading .save-cancel-icon, #wrapper.dblue .modal.db-job-popup .heading .save-cancel-icon { color: rgba(255,255,255,0.7); } #wrapper.dblue .right-panel-cont { background-color: #002339; } #wrapper.dblue .panel-body { background-color: #677783; border-color: #677783; } #wrapper.dblue .p-label { color: #fff; } #wrapper.dblue label{ color: #fff; } /* #wrapper.dblue .bootstrap-table label, */ #wrapper.dblue .multiselect-container label { color: #000; } #wrapper.dblue .form-group label.font-semibold { color: #fff; }/* #wrapper.dblue .popup .form-control { color: #fff; }*/ #wrapper.dblue .left-panel .wrap-leftpanel-cont .p-field, #wrapper.dblue .right-panel .wrap-leftpanel-cont .p-field, #wrapper.dblue .center-panel .white-box .p-field { color: #fff; } /*panel header*/ #wrapper.dblue #main-container > .breadcrumb-heading { background: #002339 none repeat scroll 0% 0%; border-color: #002339; } /*end of panel header*/ /*form*/ /*custom checkbox and radio button*/ #wrapper.dblue .checkbox input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; } #wrapper.dblue .checkbox input[type="checkbox"]:checked + label::before { background-color: #030F1B; border-color: #030F1B; } #wrapper.dblue .radio input[type="radio"]:checked + label:before { border-color: #030F1B; } #wrapper.dblue .radio input[type="radio"]:checked + label:after { background: #030F1B; } #wrapper.dblue .multiselect-container input[type="checkbox"]:checked + label:after { border-bottom: 2px solid #030F1B; border-left: 2px solid #030F1B; } /*End of custom checkbox and radio button*/ /*End of form*/ /*login*/ #wrapper.dblue.login-bg { background: url(../img/bg-img/loginpage_samsung_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.dblue.zylog-login { background: url(../img/bg-img/loginpage_zylog_bg.jpg) no-repeat fixed center center; background-size: cover; position: relative; } #wrapper.dblue .logo-image { background-image: url(../img/logo/panasonic_fieldpower.png); height: 30px; width: 175px; background-repeat: no-repeat; } #wrapper.dblue .login-form { background-color: #677783; } #wrapper.dblue .a-gap .forgot-a { color: #fff; } /*end of login*/ /*company master train*/ #wrapper.dblue .btn-success, #wrapper.dblue .btn-success:hover, #wrapper.dblue .btn-success:focus, #wrapper.dblue .btn-success:active, #wrapper.dblue .btn-success.active, #wrapper.dblue .open>.dropdown-toggle.btn-success { background-color: #030F1B; border-color: #030F1B; } #wrapper.dblue .btn.btn-default i { color: #000; } #wrapper.dblue .progress-bar-success { background-color: #030F1B; } #wrapper.dblue .stepwizard a:hover { color: #ffffff; } #wrapper.dblue .stepwizard-step .btn.btn-success + p { color: #fff; } /*end of company master train*/ /*wizard arrow-step*/ #wrapper.dblue ul#wizardStatus li.current:after, #wrapper.dblue ul#wizardStatus li.current:before, #wrapper.dblue ul#wizardStatus li.current { background-color: #030F1B; } #wrapper.dblue ul#wizardStatus li:after, #wrapper.dblue ul#wizardStatus li:before, #wrapper.dblue ul#wizardStatus li { background: #000; } #wrapper.dblue .stepwizard-step a[disabled="disabled"] { border-color: #ccc; } #wrapper.dblue .stepwizard-step a { border: 1px solid #030F1B; } /*End of wizard arrow-step*/ /*pagination*/ #wrapper.dblue .pagination > .active > a, #wrapper.dblue .pagination > .active > span, #wrapper.dblue .pagination > .active > a:hover, #wrapper.dblue .pagination > .active > span:hover, #wrapper.dblue .pagination > .active > a:focus, #wrapper.dblue .pagination > .active > span:focus { background-color: #030F1B; border-color: #030F1B; } #wrapper.dblue .pagination > li > a, #wrapper.dblue .pagination > li > span { color:#030F1B; } #wrapper.dblue .pagination > li.active > a { color: #ffffff; } #wrapper.dblue .dropdown-menu > .active > a:hover, #wrapper.dblue .dropdown-menu > .active > a:focus { background-color: #030F1B; } #wrapper.dblue .dropdown-menu > .active > a { color: #fff; } /*end of pagination*/ /*role privileges*/ #wrapper.dblue input.switch-toggle-round:checked + label::after { background-color: #334899; } #wrapper.dblue input.switch-toggle-round.red-clr:checked + label::after { background-color: red; } /*end of role privileges*/ /*form-control*/ #wrapper.dblue .form-control:focus, #wrapper.dblue button.multiselect.btn-default:hover, #wrapper.dblue button.multiselect.btn-default:focus, #wrapper.dblue button.multiselect.btn-default:active, #wrapper.dblue button.multiselect.btn-default.active, #wrapper.dblue .open>.dropdown-toggle.btn-default { border-color: #2B2A35; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(68,68,68,.6); }/* #wrapper.dblue .bootstrap-table .columns.btn-group i { color: rgba(255,255,255,0.7); } #wrapper.dblue .bootstrap-table .columns.btn-group i:hover { color: #fff !important; }*/ #wrapper.dblue .form-control[readonly], #wrapper.dblue .form-control[disabled] { color: #fff; } /*end of form-control*/ /*icon font colors*/ #wrapper.dblue .grid-thumb { color: #fff; } #wrapper.dblue .dash-board input.form-control.font-bold { color: #fff; }/* #wrapper.dblue .zylog-font-icon, #wrapper.dblue .zylog-font-icon:hover { color: #fff !important; }*/ #wrapper.dblue .top-nav-icons { color: rgba(255,255,255,0.7); } #wrapper.dblue .grid-thumb:hover, #wrapper.dblue .grid-thumb:focus, #wrapper.dblue .grid-thumb.active { color: rgba(255,255,255,0.7); } #wrapper.dblue .panel-title i:hover, #wrapper.dblue .panel-title i:focus, #wrapper.dblue .panel-title i.active { color: #fff; } #wrapper.dblue .panel-title i { color: rgba(255,255,255,0.7); } #wrapper.dblue select.form-control[readonly], #wrapper.dblue select.form-control[disabled] { color: #030F1B; } #wrapper.dblue .readonly-scheduling-box i, #wrapper.dblue .readonly-scheduling-box h1 { color: rgba(255,255,255,0.6) !important; } #wrapper.dblue .radio-section .scheduling-box .radio label { color: #000; } #wrapper.dblue .readonly-scheduling-box .sch-radios label.font-semibold { color: #fff !important; } /*end of icon font colors*/ /*sortable arrow*/ /*.fixed-table-container thead th .asc { background-image: url(../svg/down-arrow-1.svg); } .fixed-table-container thead th .desc { background-image: url(../svg/down-arrow-1.svg); }*/ /*end of sortable arrow*/ /*technician availability*/ #wrapper.dblue .nav-pills>li.active>a, #wrapper.dblue .nav-pills>li.active>a:hover, #wrapper.dblue .nav-pills>li.active>a:focus { color: #fff; } #wrapper.dblue .nav-pills>li.active .highlight { background-color: #2B2A35; } /*end technician availability*/ /*calendar*/ #wrapper.dblue .bootstrap-datetimepicker-widget table td.active, #wrapper.dblue .bootstrap-datetimepicker-widget table td.active:hover { background-color: #030F1B; } /*end of calendar*/ /*tooltip*/ #wrapper.dblue .tooltip-inner { background-color: #030F1B; } #wrapper.dblue .tooltip.right .tooltip-arrow { border-right-color: #030F1B; } #wrapper.dblue .tooltip.bottom .tooltip-arrow { border-bottom-color: #030F1B; } #wrapper.dblue .tooltip.top .tooltip-arrow { border-top-color: #030F1B; } #wrapper.dblue .tooltip.left .tooltip-arrow { border-left-color: #030F1B; } /*end of tooltip*/ /*permission denied*/ #wrapper.dblue .go-to { color: #fff; } /*end of permission denied*/ /*single pages*/ #wrapper.dblue .page-background { background-color: #030F1B; } #wrapper.dblue #single-page svg, #wrapper.dblue #single-page svg .path-clr { fill: #030F1B; } /*for font icon*/ #wrapper.dblue .head-ex, #wrapper.dblue .sp-head, #wrapper.dblue .sp-info { color: #333333; } #wrapper.dblue .page-content input, #wrapper.dblue .home-circle i, #wrapper.dblue .page-content button.zylog-btn { color: #030F1B; } /*end of single pages*/ /*dispatch board*/ #wrapper.dblue .db-pills { background: rgba(0, 0, 0, 0.008); } /*end of dispatch board*/ /*new scheduling preferences*/ #wrapper.dblue .selected-scheduling-box { border: 1px solid #030F1B; box-shadow: 0 0 10px -2px #030F1B; } #wrapper.dblue .selected-scheduling-box i, #wrapper.dblue .selected-scheduling-box h1 { color: #030F1B; } /*end of scheduling preferences*/ /*event calendar*/ #wrapper.dblue .calDay .calElement.selected, #wrapper.dblue .eventcalendar-table td.selected { background-color: #030F1B; } #wrapper.dblue .calDay .calElement.today { border: 1px solid #030F1B; } /*end of event calendar*/ /*new home*/ #wrapper.dblue .quick-link-box:hover { background-color: rgba(0,0,0,0.035); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; box-shadow: 0 0 10px -2px #2B2A35; border: 1px solid #163445; } #wrapper.dblue .quick-link-box:hover i, #wrapper.dblue .quick-link-box:hover h1 { color: #fff; opacity: 1; } /*end of home*/ #wrapper.dblue .ui-dialog .ui-dialog-titlebar-close{color:#fff;} #wrapper.dblue .ui-dialog.ui-widget .ui-dialog-titlebar{background:#030F1B !important;color: #fff;} #wrapper.dblue .ui-dialog .ui-dialog-buttonpane .ui-button{background:#030F1B;} /* Time Picker Start here*/ #wrapper.dblue .timepicker header{ background-color: #030F1B !important; } #wrapper.dblue .timepicker-dial__control_editable:focus{ color: #030F1B !important; outline:#030F1B !important; } #wrapper.dblue .clock-face__number > span.active { background-color:#030F1B !important; } #wrapper.dblue ngx-material-timepicker{ --clock-hand-color: #030F1B !important; } #wrapper.dblue .timepicker-button { color: #030F1B !important; } /* Time Picker End here */ #wrapper.dblue .fas-microphone:hover{ border: 1px solid #030F1B; color: #030F1B; } #wrapper.dblue .linkWo_icon{ background-color: #030F1B; } /*End of dblue*/ p-radiobutton > label { padding-left: 5px !important; } /*loader 30/05/2017 sudha*/ .preloader.innerbg{ background: rgba(227, 227, 227, 0.49); } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1030; /*background: rgba(239, 255, 239, 0.49);*/ } .preloader > div { display: block; position: relative; left: 0; top: 40%; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 3px solid transparent; border-top-color: #f95372; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .preloader > div:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #00abff; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .preloader > div:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e7ba08; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .displaynone { display: none; } .displayblock { display: block; } .loaderc { height: 3px; width: 100%; position: fixed; overflow: hidden; background-color: #f7c7c7; z-index: 99999; top: 0; } .loaderc:before{ display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #b92929; animation: loadingc 2s linear infinite; } @keyframes loadingc { from {left: -200px; width: 30%;} 50% {width: 30%;} 70% {width: 70%;} 80% { left: 50%;} 95% {left: 120%;} to {left: 100%;} } /*Grid Min Height*/ .dataTableMinheight .ui-datatable-tablewrapper { min-height: 280px; border-left: 1px solid #ebedf0; width:100%; /*border-right: 1px solid #ebedf0;*/ } /*Added by Anvar & Bharathi - PT-1136 */ .primeng-tablescroll .ui-datatable-tablewrapper{ overflow: auto; } .primeng-tablescroll .ui-table-wrapper{ overflow: auto; } /*Added by Anvar & Bharathi - PT-1136 */ .multiselect-btn .ui-datatable-stacked thead th:first-child{ display: block !important; border-color: #fff; background: #fff; padding: 10px; position: relative; width:100% !important; text-align: left; } .multiselect-btn .ui-datatable-stacked thead th:first-child:before{ content:'Select All'; position: absolute; top:9px; left:32px; font-weight: bold; } .multiselect-btn .ui-datatable-stacked thead th:first-child .ui-sortable-column-icon{ display: none !important; } .state-close input::-ms-clear { margin-right:10px; } .statusreasontooltip .tooltip-inner { max-width: 200px; text-align: left;white-space: pre-line; } .import-upload{ margin: 16px 0; position: relative; } .import-upload input[type="file"]{ opacity: 0; filter: alpha(opacity=0); position: absolute; top:0; left:0; width:100%; height:100%; } .import-upload .form-control{ padding-left:84px; height:32px; } .import-upload span.btn{ position: absolute; left:0; top:0; border:0; padding:5px 12px; cursor: pointer; background-color: #fff; border: 1px solid #7d726d; color: white; } .image-container{ padding: 5px 30px 10px; } #wrapper.default .mandatory-field input.timepicker-dial__control_editable{ border: none !important; } .issubmitcolor{ background: #663399 !important; } /* .attach-fieldbox .ui-fileupload-buttonbar .ui-button[ng-reflect-label="Upload"] { display: inline-block; } */ .ui-tabview .ui-tabview-panel{ width: 100%; display: inline-block; border:none; border-top: 1px solid #ddd; } .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{ top:2px } .ui-tabview.ui-tabview-top>.ui-tabview-nav li:focus{ outline: none; } .ui-tabview.ui-tabview-top>.ui-tabview-nav { padding: 0; } .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover, .ui-tabview.ui-tabview-top>.ui-tabview-nav li{ border:none; background: none; } .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active{ border-bottom: 2px solid #808080; } .ui-tabview.ui-tabview-top>.ui-tabview-nav li.ui-state-active a{ font-family: "Open-Bold"; cursor: pointer; } .ui-tabview .ui-tabview-nav li a{ padding: .8em 1em; } /* Autocomplete Multiselect textbox // Added by Anagayar Kanni */ .ui-fluid .ui-state-highlight { background: #007ad9!important; background-color: #007ad9!important; } .ui-fluid .ui-autocomplete-token-label { color: white!important; } .ui-fluid .ui-autocomplete-token-icon { color: white!important; } .job-text{ margin-top: 4%; }