body {margin: 0; padding: 0; background:#e8ebf1; font-family: 'Lato', sans-serif; } a:hover, a:focus {text-decoration: none; outline: 0 none;} h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;} ul {list-style: none; margin: 0; padding: 0;} ul li {margin: 0; padding: 0;} th td, tr td {outline: 0 none;} input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, button:hover, button:focus {box-shadow: none !important; outline: 0 none !important; outline-offset:0 !important;} .text-center {text-align:center !important;} .text-right {text-align:right !important;} .text-left {text-align: left !important;} .lg_mrg {margin-bottom:40px;} /* login page */ .login_bg {float: left; width: 100%; background-image: url('../images/kalamazoo-overlay.jpg'); background-size: cover; background-attachment: fixed;} .login_block {border-radius: 3px; max-width:465px; width:100%; margin:65px auto; background:#fff; padding:100px 30px; float: none; display: table;} .logo img {display:inline-block;} .lg_icon {position: absolute; left: 5px; top:15px;} .login_block .cm_input {padding:15px 15px 15px 40px;} .form-group {position:relative; float:left; width:100%;} .form-control {height:auto;} .cm_input {border: 0; border-radius: 0; box-shadow: none; border-bottom: 2px solid #D7D8D8; padding:15px; font-family: 'Lato', sans-serif; color: #B4B4B4; font-size: 15px; line-height: 18px;} .lg_link {color: #47A8E4; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: bold; line-height: 18px; display: inline-block; text-align:right;} .lg_link:hover, .lg_link:focus {color: #47A8E4;} .cm_btn {border-radius:3px; background-color: #20A0F0; box-shadow: 0 19px 33px 0 rgba(71,168,228,0.27); font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height: 22px; text-align: center; color: #FFFFFF; border:1px solid #4189d6; padding:18px;} .cm_btn:hover {box-shadow: 0 19px 33px 0 rgba(71,168,228,0.27) !important;} /* placeholder */ ::-webkit-input-placeholder {color: #999 !important; font-family: 'Lato', sans-serif !important;} ::-moz-placeholder {color: #999 !important; font-family: 'Lato', sans-serif !important;} :-ms-input-placeholder {color: #999 !important; font-family: 'Lato', sans-serif !important;} :-moz-placeholder {color: #999 !important; font-family: 'Lato', sans-serif !important;} /* admin */ .header {float:left; width:100%; box-shadow: 0 2px 4px 0 #A1A8B7; background-color: #FFFFFF; position:fixed; z-index:9999;} .desktop {padding:20px 0;} .desktop a {display:inline-block;} .toggle_icon {display:none;} .menu {float:right; width:auto;} .menu li {float:left;} .menu li a {font-size: 18px; padding: 25px 30px; font-weight: bold; letter-spacing: 2px; line-height: 22px; text-align: center; color: #050505; display:block; border-top: 4px solid transparent;} .menu li.logout a {color: #7F8995;} .menu .active a, .menu li:hover a {background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 100%); border-top:4px solid #03A0E7; color:#03A0E7;} .main_row {float: left; width: 100%; padding-top: 76px;} .ad_mrg {margin:20px 0; float: left; width: 100%;padding:0 30px; box-sizing: border-box;} h5.sc_title { color: #03A0E7; font-size: 13px;font-weight: 700;letter-spacing: 1px;line-height: 15px;text-transform: uppercase; } h5.sc_title a { color: #03A0E7; } h2.sc_title { color: #131313;font-size: 32px;line-height: 39px; /*text-transform: capitalize;*/ margin: 0; display: inline-block;} h2.sc_title a { color: #131313; padding: 0 15px; border-right: 1px solid #131313; float: left; } h2.sc_title a:first-child {padding-left: 0;} h2.sc_title a:last-child {border-right: 0;} h2.sc_title a.active {color: #03A0E7;} h2.sc_title a.active:hover {color: #03A0E7;} h2.sc_title a:hover, h2.sc_title a:focus { color: #131313; } .ad_btn { display: inline-block;border: 2px solid #03A0E7;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: transparent;padding: 9px 30px;min-width:140px;color:#03A0E7;font-size: 15px;line-height: 18px;text-align: center;letter-spacing: 1px;font-weight: 700;text-transform: uppercase;box-shadow: none ; } .ad_btn:hover, .ad_btn:focus {color: #03A0E7; background: transparent; border: 2px solid #03A0E7;} .btn_main { margin-top: 20px; } .ad_btn.blue_btn { background:#03A0E7;color: #ffffff;margin-left: 15px; } .ad_btn.red_btn {background: #d43f3a;color: #ffffff;margin-left: 15px;border-color: #d43f3a;} .ad_btn.blue_btn i {margin-right: 10px;} .title_head_inner { float: left;width: 100%;border-bottom: 1px solid #D9DFE7;padding-bottom: 15px; } .top_per_part { float: left;width: 100%; } .cont_part_main { float: left;width: 100%;padding: 15px 0; } .top_per_part_inner { float: left;width: 100%; } .top_per_part_inner label { color: #7F8995;line-height: 40px;font-size: 15px;font-weight: normal;text-transform: capitalize;float: left; margin: 0;} .top_per_part_inner .cool-input { float: left; width: 325px; margin-left:15px; padding: 0 15px; } .cool-input { height: 40px;border: 1px solid #8FA8BE;background-color: #FFFFFF;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;box-shadow: none;padding: 15px; } /* placeholder */ .cool-input::-webkit-input-placeholder {color: #484F57 !important; font-size: 15px; opacity: 1; } .cool-input::-moz-placeholder {color: #484F57 !important; font-size: 15px; opacity: 1;}. .cool-input:-ms-input-placeholder {color: #484F57 !important; font-size: 15px; opacity: 1;} .cool-input:-moz-placeholder {color: #484F57 !important; font-size: 15px; opacity: 1;} .box-all_main { float: left;width: 100%;margin: 15px 0; } .box-all_main_inner {background: #ffffff;box-shadow: 0 2px 4px 0 #A1A8B7;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;float: left;width: 100%; min-height:690px; position: relative;margin-bottom: 30px;} .head_main_cover {padding:15px; border-bottom: 1px solid #D4D8DF; float: left; width: 100%;} .head_title_main { color: #050505; font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: 2px;text-transform: uppercase; display: inline-block; } .for_cont_box { float: left;width: 100%;padding: 15px; } .for_cont_inner_box {float: left; width: 100%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #D4D8DF;} .for_cont_inner_box:last-child {margin-bottom:0; padding-bottom:0px; border-bottom: 0px;} .for_cont_inner_row {float: left; width: 100%; margin:0 0 20px 0;} .for_cont_inner_row:last-child {margin-bottom:0;} .first_li {width:70%; float: left; font-size: 17px; line-height: 21px; color: #131313; font-weight:400; text-transform:capitalize;} .equal_li {width:15%; float: left; font-size: 13px; line-height: 16px; text-align: center; color: #727E8B; font-weight:400; position: relative;} .li_title {font-size: 15px; line-height: 18px; color: #484F57; text-transform:capitalize;} /* checkbox */ input[type="checkbox"] {display:block; position: absolute; z-index: 99; left: 0; width: 20px; height: 20px; opacity: 0; cursor: pointer; margin: 0 auto;} input[type="checkbox"] + label {color:#4A4A4A; font-weight: normal; margin: 0;} input[type="checkbox"] + label span { display:inline-block; width:20px; height:20px; border: 1px solid #7F9FB8; border-radius: 2px; margin:0; vertical-align:middle; background:transparent; position:relative; cursor:pointer; /* left: 0; */} input[type="checkbox"] + label span:hover {background: url("../images/icon-autochecked@2x.png") no-repeat center center / 20px 20px; width: 20px; height: 20px; border:1px solid #dbdbdb;} input[type="checkbox"]:checked + label span {background:#fff;} input[type="checkbox"]:checked + label span:before {position: absolute; content:""; left:-1px; top:-1px; background: url("../images/icon-checked@2x.png") no-repeat center center / 20px 20px !important; width: 20px; height: 20px; } table.dataTable>tbody>tr.child ul.dtr-details li input[type="checkbox"] {display: block; position: absolute; z-index: 9; opacity: 0; width: 20px; height: 20px; margin: 0; cursor: pointer;} table.dataTable .input_block .equal_li {width: auto;} table.dataTable .input_block .equal_li input[type="checkbox"] {margin: 0;} /* radio button */ .cm_radio {display: inline-block; margin-right:15px;} [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; display: inline-block; font-size: 13px; line-height: 20px !important; color: #727E8B; font-weight: normal; margin: 0; } [type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 2px solid #7F9FB8; border-radius: 100%; background: #fff;} [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width: 10px; height: 10px; background: #4b72da; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);} [type="radio"]:checked + label {color: #4b72da !important;} [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);} [type="radio"]:checked + label:before {border-color: #4b72da;} .form_main {float: left; width: 100%; padding: 15px; box-sizing: border-box;} .input_block {float: left; width: 100%; margin: 0 0 20px 0; position: relative;} .input_label {font-size: 13px; line-height: 16px; color: #727E8B; float: left; width: 100%; font-weight: normal; text-transform: capitalize;} .input_text {border: 1px solid #8FA8BE; border-radius: 3px; background-color: #FFFFFF; padding: 5px 12px; font-size: 15px; line-height: 18px; color: #484F57; float: left; width: 100%;} .datetimepickerclass {background: #fff url(../images/icon-events@2x.png) no-repeat right 10px center / 18px 20px; padding-right: 35px;} .input_textarea {border: 1px solid #8FA8BE; border-radius: 3px; background-color: #FFFFFF; font-size: 15px; line-height: 18px; color: #484F57; resize: none; width: 100%; height: 120px; padding: 5px 12px;} .select2 {width: 100% !important} .select2.select2-container {z-index: 9;} .select2-container--open.select2-container--focus {outline: 0 none !important;} .select2-container .select2-selection--single {height: 30px;} .select2-container--default .select2-selection--single {border: 1px solid #8FA8BE; border-radius: 3px;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px; color: #484F57;} .select2-container {z-index: 9999999;} .half_width {width:30%; float: left; margin-right: 10px;} .select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #8FA8BE;} .select2-container:focus { outline: none; } .select2-container--default .select2-selection--single:focus { outline: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: transparent !important; border: 0 !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b:before {position: absolute; content: ""; right: -5px; top: -3px; background: url('../images/icon-arrow-down@2x.png') no-repeat right center / 15px auto; width: 15px; height: 12px;} .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {transform: rotate(-180deg);} .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {border-color: #8FA8BE !important;} .head_cover {float: left; width: 100%; padding: 15px;} .left_tble_cls, .left_tble_cls_first {display: inline-block; width: auto; float: left;} .tble_title {font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height:30px;color: #050505; text-transform: uppercase;} .head_cover .input_block {width: 130px; margin: 0 10px 0 0; } .head_cover .input_block select {width:100%;} .head_cover .dataTables_filter {display: inline-block; float: right;} .head_cover .dataTables_filter label {margin: 0;} .head_cover .dataTables_filter .form-control {height: 30px; border: 1px solid #8FA8BE; border-radius: 3px; line-height: 30px; color: #484F57; box-shadow: none; background: #fff url(../images/search-icon.png) no-repeat right 10px center / 19px 18px; padding-right: 40px; width: 130px;} .head_cover select {height: 30px; border: 1px solid #8FA8BE; border-radius: 3px; line-height: 30px; color: #484F57; font-size: 15px; line-height: 18px;} .head_cover .right_part, .plus_icon_cover {float: right;} .add_icon {background: #03A0E7; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; display: inline-block; margin-left: 10px; border-radius: 3px;} .add_icon .fa {line-height: 30px;} .add_icon:hover, .add_icon:focus {color: #fff;} table.dataTable th {color: #727E8B; text-transform: uppercase; font-size: 13px; line-height: 16px; padding:10px 15px; letter-spacing: 1px; border-bottom: 1px solid #d3d7de;} table.dataTable td {font-size: 15px; line-height: 18px; color: #484F57; padding:10px 15px; text-transform: capitalize;} table.dataTable td a {color: #727E8B;} .edit_icon {color: #2F7BDC !important;} tr.even td {background-color: #F5F5F5;} table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {line-height: 16px !important; width: 15px; top: auto !important;} table.dataTable.dtr-inline.collapsed .child td.child { padding-left: 10px; } table.dataTable>tbody>tr.child ul.dtr-details { width: 100%; } table.dataTable.dtr-inline.collapsed .child td.child tr td {white-space: normal; text-transform: initial;} table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {display: none;} table.dataTable .sort-icon {width: 12px; height: 8px; display: inline-block; background: url('../images/icon-sort-desc.png') no-repeat right center;} table.dataTable .sorting_asc .sort-icon {background: url('../images/icon-sort-asc.png') no-repeat right center;} table.dataTable .sorting_desc .sort-icon {background: url('../images/icon-sort-desc.png') no-repeat right center;} table.dataTable .sorting_disabled .sort-icon {display:none;} table.dataTable>tbody>tr.child ul.dtr-details li {float: left; width: 100%; white-space: initial;} /* pagination */ div.dataTables_wrapper div.dataTables_paginate {margin:15px 0 0; text-align: center; float: left; width: 100%; position: absolute; bottom:0; left:0; right:0; border-top: 1px solid #e7e7e7; padding:15px 0;} div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin: 0;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: transparent; border-color: transparent; color: #4a4a4a;} .form-group.eq_mar { border-bottom: 1px solid #e7e7e7;padding-bottom: 10px; } .pagination > li > a, .pagination > li > span {background-color: transparent; border-color: transparent;} .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {background-color: transparent; border-color: transparent;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: transparent; border-color: transparent; color: #4a4a4a;} .pagination > li > a, .pagination > li > span {color: #4a4a4a; line-height:14px; font-weight: 500;} .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {font-size: 0px;} .float_width {float: left; width: 100%; position: relative;} .emp_min_height {min-height:400px; position: relative;} .sm_min_height {min-height: 535px; position: relative;} .emp_list_min_height {min-height: 525px; position: relative; float: left; width: 100%;} .float_right {float: right;} .half_block_inner {float: left; width: 100%; margin: 0 0 30px 0; padding-bottom: 20px;} .half_block_inner:last-child {margin-bottom: 0; padding-bottom: 0;} .min_height_auto {min-height: auto;} .mrg_zero {margin: 0 !important;} .mrg_top {margin-top: 30px !important;} .mrg_right10 {margin-right: 10px !important;} .mrg_btm10 {margin-bottom: 10px !important;} .mrg_btm {margin-bottom: 15px !important;} .reports_links {color:#484F57; font-size: 15px; line-height: 30px; text-transform: capitalize; display: inline-block;line-height: 57px} .reports_links:hover { color:#484F57; } .cm_view_link {color: #03A0E7; font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: 1px; text-transform: capitalize; display: inline-block;} .cm_view_link:hover { color: #03A0E7; } .cm_cover {float: left; width: 100%;} #event_tracking_status_wrapper .head_cover .input_block, #event_tracking_wrapper .head_cover .input_block {margin-right: 0;} /* vertical tabbing */ .bhoechie-tab-container{z-index: 10; padding: 0 !important; } .bhoechie-tab-menu{padding:40px; background: #F8F9FA; position: absolute; height: 100%;} .bhoechie-tab-menu .list-group{margin-bottom: 0;} .bhoechie-tab-menu .list-group>a, .bhoechie-tab-menu .list-group a h4 {margin-bottom: 0; font-size: 15px; line-height:normal; color: #484F57; border: 0; background: transparent; padding: 8px 0;} .bhoechie-tab-menu .list-group>a .glyphicon, .bhoechie-tab-menu .list-group>a .fa {color: #5A55A3;} .bhoechie-tab-menu .list-group>a:first-child{border-top-right-radius: 0; -moz-border-top-right-radius: 0;} .bhoechie-tab-menu .list-group>a:last-child{border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0;} .bhoechie-tab-menu .list-group>a.active, .bhoechie-tab-menu .list-group a.active h4, .bhoechie-tab-menu .list-group>a.active .glyphicon, .bhoechie-tab-menu .list-group>a.active .fa{background-color:transparent; background-image:none; color:#03A0E7;} .bhoechie-tab-menu .list-group>a.active:after{display: none; content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #5A55A3;} .bhoechie-tab-content{background-color: #ffffff; padding: 15px; float: left; width: 100%;} .bhoechie-tab .bhoechie-tab-content:not(.active){display: none;} .msg {color: #484F57; font-size: 25px; line-height: 48px; margin: 0; opacity: 0.5; float: left; width: 100%; min-height: 768px; display: flex; align-items: center; justify-content: center;} .email_icon {background: #fff url("../images/envelop-icon@2x.png") no-repeat right 10px center / 20px 14px; padding-right: 40px;} .file-upload__label i {margin-right: 10px;} /* upload button styles */ .file-upload {position: relative; display: inline-block;} .file-upload__label {cursor: pointer; margin: 0 !important;} .file-upload__input {position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1px; width:0; height: 100%; opacity: 0;} .employee_pic {width: 200px; border: 2px solid #8FA8BE; float: left; margin-right: 20px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 20px; color: #8FA8BE;} .employee_pic img { width:100%; object-fit: cover; height: 200px;} .document_links {float: left; width: 100%; margin: 0 0 30px 0; border: 1px solid #8FA8BE;} .doc_title {font-size: 15px; line-height:normal; color: #fff; background: #03A0E7; padding: 10px;} .document_links ul {float: left; width: 100%;} .document_links ul li {display: block; float: left; width: 100%; padding: 10px; box-sizing: border-box;} .document_links ul li:nth-child(2n) {background: #F5F5F5;} .document_links ul li:last-child {margin-bottom: 0;} .doc_file_title {font-size:13px; color: #727E8B !important; line-height: 18px;white-space: initial; word-break: break-all;} .doc_file_title:hover {color: #727E8B !important;} .doc_icon_link {margin: 0 5px; font-size: 18px; display: inline-block;} .green {color: #87c540 !important;} .green:hover {color: #87c540 !important;} .red {color: #ff0000 !important;} .red:hover {color: #ff0000 !important;} .form_btn i {margin-right:10px;} /* switch button */ .switch_cover {width:100%; float:left;} .check_text {text-align: left; color: #4a4a4a; font-size: 14px; line-height: 24px; float: left; margin:0 10px 0 0;} .switch {position: relative; display: inline-block; width:50px; height:24px; margin:0;} .switch input {display:none;} .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .slider:before {position: absolute; content: ""; height:18px; width:18px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider {background: #03A0E7;} input:focus + .slider {box-shadow: 0 0 1px #232323;} input:checked + .slider:before {-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); background:#fff;} .form_head_main {padding: 15px; border: 1px solid #D4D8DF; float: left; width: 100%; margin-top: 10px;} .form_head_title {color: #050505; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 1px; padding: 0 10px; background: #fff; text-transform: capitalize; float: left; width: auto; margin: -25px 0 0 -10px;} .form_row_inner {float: left; width: 100%;} .pad-left {padding-left: 0 !important;} .pad-right {padding-right: 0 !important;} .pad-left-right {padding-left: 0 !important; padding-right: 0 !important;} .total_amount {margin-top: 20px;} .net_amt {font-size: 16px; letter-spacing: 1px; line-height: 20px; color: #484F57;} .form_btn .ad_btn.blue_btn {margin-left: 0; margin-right: 15px;} table.dataTable .input_block { margin: 0; } table.dataTable input[type="checkbox"] + label span {margin-right: 10px;} table.dataTable .datetimepickerclass {background: #fff;} table.dataTable.doc_tbl th {background: #03A0E7; color: #fff;} #tra_quali_wrapper td a {color: #727E8B;} #tra_quali td {position: relative;} .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {border-bottom: 0 !important; background-color: transparent; } #DataTables_Table_1_wrapper .dataTables_paginate {position: relative !important;} #per_review {margin-top: 0 !important;} .modal {z-index: 9999999; text-align: center;} .modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;} .modal-content, .modal-header, .modal-body, .modal-footer {float: left; width: 100%; box-sizing: border-box;} .modal-backdrop {z-index: 999999;} .modal-backdrop.in {opacity: 0.7;} .modal-dialog {width: 900px; display: inline-block; text-align: left; vertical-align: middle;} .modal-title {font-size: 22px; text-align: center; line-height: normal; text-transform: uppercase; margin-bottom: 30px; font-weight: 700; letter-spacing: 1px;} .modal-body {padding: 15px;} .modal-body p {font-size: 15px; line-height: 24px; color:#484F57; margin: 0 0 15px 0;} button.close.add_icon { background: #03A0E7; opacity: 1; color: #fff; margin: 0; font-weight: normal; text-shadow: none;} button.close.add_icon i {color: #fff;} .modal-dialog.alert_popup {width:400px; display: inline-block; text-align: left; vertical-align: middle;} .alert_close {color: #fff; text-shadow: none; opacity: 1;} .alert_popup .modal-header.buttons-cancel {background: #03A0E7; border: 0;} .alert_popup .modal-header.buttons-cancel h4 {text-align: left; color: #fff; font-size: 16px; line-height: 22px; font-weight: 600; background: url(../images/icon-alert.png) no-repeat top 6px left; display: inline-block; padding: 0 0 0 30px; margin: 0; text-transform:none;} .alert_popup .modal-header.buttons-cancel, .alert_popup .modal-header.buttons-print {border-top-left-radius: 6px; border-top-right-radius: 6px;} .alert_popup .modal-body.padd_zero {padding: 0;} .alert_popup .modal-footer.tw_btn_foo {padding: 0px; border-top: 0px;} .alert_popup .modal-footer.tw_btn_foo .btn:first-child {border-right: 1px solid #e7e7e7; border-radius: 0px;} .alert_popup .modal-footer.tw_btn_foo .btn {width: 50%; float: left; margin: 0px; text-transform: capitalize; font-size: 16px; line-height: 20px; text-align: center; border: 0; padding: 15px; font-weight: 600; color: #4a4a4a; background: transparent; margin: 0 !important;} .bhoechie-tab-content .form_main .head_main_cover { padding-left: 0; padding-right: 0; } .bhoechie-tab-content .form_main .head_main_cover .file-upload {margin: -11px 0 0 0;} .bhoechie-tab-content .form_main .input_textarea {height: 475px;} .bhoechie-tab-content .sm_min_height {min-height: 310px;} .maintenance_box .box-all_main_inner {border: 1px solid #A1A8B7; min-height: 500px;} .maintenance_box .box-all_main_inner .head_main_cover {padding:15px;} .add_del_link {display: inline-block; margin: 0 10px;} .padd_zero {padding: 0;} .date_range_main .top_per_part_inner label {margin-bottom: 0; line-height: 30px; margin-right: 10px; font-size: 13px;} .date_range_inner .input_text {width:35%;} .date_range_inner .pull-left {width: auto; padding: 0 10px; line-height: 30px; font-size: 13px; text-transform: capitalize; color: #7F8995;} .top_per_part_inner .add_icon {width: auto; font-size: 15px; line-height: 40px; height: 40px; text-align: center; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; padding: 0 30px; min-width: 140px; float: right} .search_block {height: 30px; border: 1px solid #03A0E7; border-radius: 3px; line-height: 30px; color: #fff; background: #03A0E7 url(../images/search-icon-tr.png) no-repeat center center / 19px 18px; width: 30px; float: left; cursor: pointer; margin-left: 10px; } .full_width {width: 100%;} .bhoechie-tab-content .top_per_part_inner .input_block {margin-bottom: 0;} .top_width_auto {width: auto; padding: 0 15px; float: left;} .last {padding-left: 30px;} /* old calender */ .cal1 .clndr .clndr-controls .clndr-control-button {width: 10%;} .cal1 .clndr .clndr-controls .month {width: 80%;} .cal1 .clndr .clndr-controls .clndr-control-button.rightalign {width: 10%;} .cal1 .clndr .clndr-controls {height: 50px; margin: 0;} .cal1 .clndr .clndr-controls .month {font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height:22px; padding: 16px 0; text-align: center; color: #050505; text-transform: uppercase;} .cal1 {margin: 0; font-family: 'Lato', sans-serif;} .cal1 .clndr .clndr-table .header-days {background: #f5f5f5; height: 60px;} .cal1 .clndr .clndr-table .header-days .header-day {border-left: 0; border-top: 0; color: #727E8B; font-size: 15px; line-height: 18px; text-align: center;} .cal1 .clndr .clndr-table tr {height:40px;} .cal1 .clndr .clndr-table tr .day { border-left: 0; border-top: 0; width: 100%; height: inherit; vertical-align: middle; font-size: 15px; line-height: 10px; color: #2C3135;} .cal1 .clndr .clndr-table tr .day .day-contents {text-align: center; font-size: 15px; line-height: 10px; padding: 0; position: relative; height: 40px; line-height: 40px !important; width: 40px; margin: 0 auto;} .cal1 .clndr .clndr-table tr .empty, .cal1 .clndr .clndr-table tr .adjacent-month, .cal1 .clndr .clndr-table tr .my-empty, .cal1 .clndr .clndr-table tr .my-adjacent-month {background: transparent; color: #BAC2C7;} .cal1 .clndr .clndr-table tr .day.adjacent-month .day-contents {color: #BAC2C7;} .cal1 .clndr .clndr-table tr .day.today, .cal1 .clndr .clndr-table tr .day.my-today, .cal1 .clndr .clndr-table tr .day.today:hover, .cal1 .clndr .clndr-table tr .day.my-today:hover { background:transparent; color: #fff;} .cal1 .clndr .clndr-table tr:last-child .day, .cal1 .clndr .clndr-table tr:last-child .my-day {border-bottom: 0;} .cal1 .clndr .clndr-table tr .day:last-child, .cal1 .clndr .clndr-table .header-days .header-day:last-child {border-right:0;} .cal1 .clndr .clndr-table tr .empty:last-child, .cal1 .clndr .clndr-table tr .adjacent-month:last-child, .cal1 .clndr .clndr-table tr .my-empty:last-child, .cal1 .clndr .clndr-table tr .my-adjacent-month:last-child {border-right:0;} .clndr-previous-button, .clndr-next-button {font-size: 0; position: relative; width: 100%;} .clndr-previous-button:before {position: absolute; content: ""; left: 0; top: 0; background: url("../images/arrow-left-blue.png") no-repeat center center / 12px auto; width:36px; height: 30px;} .clndr-next-button:before {position: absolute; content: ""; right: 0; top: 0; background: url("../images/arrow-right-blue.png") no-repeat center center / 12px auto; width: 36px; height: 30px;} .cal1 .clndr .clndr-table .today .day-contents { background: #03A0E7; height: 40px; line-height: 40px !important; width: 40px; margin: 0 auto; border-radius: 3px;} .cal1 .clndr .clndr-table tr .day.event, .cal1 .clndr .clndr-table tr .day.my-event {background: transparent !important;} .cal1 .clndr .clndr-table .event .day-contents:before {position: absolute; content: ""; right: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #D0021B;} .cal1 .clndr .clndr-table tr .day:hover {background: transparent;} .cal1 .clndr .clndr-table .event.next-month .day-contents:before {position: absolute; content: ""; right: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #D0021B; opacity: 0.2;} .cal1 .clndr .clndr-table .event.last-month .day-contents:before {position: absolute; content: ""; right: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #D0021B; opacity: 0.2;} /* new calender */ .cal_main {float: left; width: 100%;} .cal_main .col-md-12, .cal_main .col-md-8, .cal_main .col-md-2 {padding: 0;} .arrow_d {width: 50px; height: 50px; line-height: 50px; float: left; position: relative;} .cal_pre:before {position: absolute; content: ""; left: 0; top: 0; background: url("../images/arrow-left-blue.png") no-repeat center center / 12px auto; width: 50px; height:50px;} .cal_next:before {position: absolute; content: ""; right: 0; top: 0; background: url("../images/arrow-right-blue.png") no-repeat center center / 12px auto; width: 50px; height:50px} .month_name {font-size: 18px; font-weight: bold; letter-spacing: 2px; line-height: 22px; padding: 14px 0; text-align: center; color: #050505; text-transform: uppercase;} .cal_head {float: left; width: 100%;} .cal_head ul {float: left; width: 100%;} .cal_head ul li {border-left: 0; border-top: 0; color: #727E8B; font-size: 15px; line-height: 60px; text-align: center; background: #f5f5f5; height: 60px; float: left; width: 14.28%;} .cal_date {float: left; width: 100%;} .cal_date ul {float: left; width: 100%;} .cal_date ul li { float: left; width: 14.28%; text-align: center; font-size: 15px; padding: 0; position: relative; height: 40px; line-height: 40px; margin: 0 auto; position: relative;} .cal_date .date_cell span {height: 40px; line-height: 40px; width: 40px; display: inline-block; position: relative;} .cal_date .grey span {background: #03A0E7; border-radius: 3px; color: #fff;} .cal_date .light_sky > span:before {position: absolute;content: "";right: 0;top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #D0021B;} .cal_date .green_sky > span:after {position: absolute;content: ""; right: 0; top:12px; width: 6px; height: 6px; border-radius: 50%; background-color: #00b33c;} .cal_date .both_sky > span:before {position: absolute;content: ""; right: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #D0021B;} .cal_date .both_sky > span:after {position: absolute; content: ""; right: 0; top: 20px; width: 6px; height: 6px; border-radius: 50%; background-color: #00b33c;} .none{ display:none; } .nones{ display:none !important; } .date_popup_wrap { z-index: 999 !important; position: absolute; left:-42%; right: 0; top: -5px; background: #03A0E7; top: 35px; width: 150px; border-radius: 4px; height: auto; z-index: 9; } .date_popup_wrap:before { position: absolute; content: ""; left: 0; right: 0; top: -5px; margin: 0 auto; display: table; text-align: center; border-bottom: 5px solid #03A0E7; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 0; height: 0; } .date_window { float: left; width: 100%; } .popup_event.cal_pop_event { float: left; width: 100%; } .cal_pop_event_main_title { font-size: 14px; line-height: 16px; color: #fff; text-align: left; padding: 5px; border-bottom: 1px solid #fff; font-weight: normal;} .cal_pop_event_main_cnt { float: left; width: 100%; } .cal_date .cal_pop_event_main_cnt li { float: left; width: 100%; height: auto; line-height: normal; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff; } .cal_date .cal_pop_event_main_cnt li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; } .event_main_cl { float: left; width: 100%; } .event_main_row { font-size: 14px; line-height: 18px; color: #fff; text-align: left; padding: 5px; float: left; width: 100%; } .cal_date .event_main_row span { font-weight: 700; height: auto; line-height:inherit; width:auto; } .event_main_row a { font-size: 14px; line-height: 18px; color: #fff; text-align: left; text-decoration: underline; } .modal-footer .btn {float: left;} .popup_form {float: left; width: 100%;} .popup_form .input_block:last-child {margin-bottom: 0;} .mark_unmark_btn {display: inline-block; border: 2px solid #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #fff; padding: 9px 15px; min-width: auto; color: #484F57; font-size: 15px; line-height: 18px; text-align: center; letter-spacing: 1px; font-weight: normal; text-transform: capitalize; box-shadow: none;} .fix_w .select2 {width: 325px !important; margin-left: 20px; float: left;} .fix_w .select2-container .select2-selection--single {height: 40px !important;} .fix_w .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 40px; color: #484F57;} .fix_w .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px;} /* css */ .doc_new {float: left; width: 100%; padding: 10px 0;} .doc_text {font-size: 15px; color: #484F57; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #8FA8BE; float: left; width: 100%;} .doc_text:last-child {margin-bottom: 0; border-bottom: 0; padding-bottom: 0;} .sub_fl_li {cursor: pointer;} .doc_text i {margin-right: 8px;} .sub_folder { padding-left: 30px; float: left; width: 100%; box-sizing: border-box; display: none;} .sub_folder li {float: left; width: 100%; line-height: 25px; margin: 0 0 5px 0;} .sub_folder li:last-chid {margin-bottom: 0;} .sub_folder li a {font-size: 15px; line-height: 22px; color: #484F57; display: inline-block; text-decoration: underline; font-weight: bold;} .fl_closed {margin-left: 10px; color: #ff0000; cursor: pointer;} /* New Time Entry Summary */ .TM_new {margin: 0 0 20px 0;} .TM_new_Inner {float: left; width: 100%;} .TM_new_Inner_hd {float: left; width: 100%; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #D4D8DF; position: relative;} .TM_new_Inner_hd .tble_title {letter-spacing: 1px; text-transform: capitalize; display: inline-block;} .TM_new .date_range_inner {width: auto; float: right;} .TM_Cool_NEW {width: auto; float: left;} .TM_Cool_NEW .select2 {width: 220px !important;} .TM_Cool_Daterange {width: auto; float: left;} .TM_Cool_Daterange .select2 {width: 220px !important;} .icon_TM_Main {width: auto; float: right;} .TM_new_Inner_BL {float: left; width: 100%;} .TM_new_Inner_BL li {margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #D4D8DF; float: left; width: 100%; position: relative;} .TM_new_Inner_BL .add_icon {margin: 0 10px 0 0; width: 25px; height: 25px; font-size: 14px; line-height: 25px;} .TM_new_Inner_BL .icon_CH .fa-minus {display: none;} .TM_new_Inner_BL .minus_icon .fa-minus {display: inline-block;} .TM_new_Inner_BL .minus_icon .fa-plus {display: none;} .TM_new_Inner_BL .input_block {margin: 2px 0;} .new_CH {position: absolute; z-index: 1; right: 0; top: 0; width:auto; text-align: right;} .inner_Table_TM {float: left; width: 100%; padding: 0; margin-top: 15px;} .inner_Table_TM .table {margin-bottom: 0;} .inner_Table_TM .table > thead > tr > th {border-bottom: 0; background: #F5F5F5; font-size: 15px; line-height: 18px; color: #484F57; padding: 10px 15px; text-transform: capitalize; } .inner_Table_TM .table > tbody > tr > td {font-size: 15px; line-height: 18px; color: #484F57; padding: 10px 15px; text-transform: capitalize; border: 0;} .inner_Table_TM .table > tbody > tr:nth-child(2n) td {background: #F5F5F5; border: 0} .inner_Table_TM .table tr th:nth-child(1), .inner_Table_TM .table tr td:nth-child(1) {width: 25%} .inner_Table_TM .table tr th:nth-child(2), .inner_Table_TM .table tr td:nth-child(2) {width: 25%} .inner_Table_TM .table tr th:nth-child(3), .inner_Table_TM .table tr td:nth-child(3) {width: 25%} .inner_Table_TM .table tr th:nth-child(4), .inner_Table_TM .table tr td:nth-child(4) {width: 10%} .inner_Table_TM .table tr th:nth-child(5), .inner_Table_TM .table tr td:nth-child(5) {width: 15%} #general_documents_table_wrapper table {width: 100% !important;} #general_documents_table_wrapper tr.even td {background: transparent;} #general_documents_table_wrapper .dataTables_scrollHeadInner {width: 100% !important;} #general_documents_table_wrapper .pos_abs {position: absolute; /*min-height: 30px; width: 100%;*/ display: flex; align-items: center; } .dis_inline {display: inline-block; margin: 0 0 20px 0;} .TM_NEW_FL .date_range_inner {width: auto; float: right;} .inner_FL_textblk, .inner_FL_select, .TM_Cool_Daterange_NW_FL, .inner_Daterange_NW_FL, .icon_TM_Main_NW_FL {width: auto; float: left;} .TM_NEW_FL .input_text, .TM_NEW_FL .select2 {width: 200px !important;} .bg_transparent {background: transparent !important;} .back_link_block {float: left; width: 100%;} .backlink {color: #47A8E4; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; line-height: 18px; display: inline-block; letter-spacing:1px;} .backlink:hover {color: #47A8E4;} .w50 {width: 50%; float: right; text-align: right;} .fl_Width {display: inline-block;} .mrg_RT {margin-right: 15px;} .tm_mrg_right input[type="checkbox"] + label {margin:3px 0;} .tm_mrg_right input[type="checkbox"] + label span {margin-right: 10px;} .time_manager_head_left label {float: left; line-height: 30px; margin-right: 10px;} .time_manager_main .TM_Cool_NEW .select2 {width: 150px !important;} .time_manager_head_left .input-sm {height: 30px; border: 1px solid #8FA8BE; border-radius: 3px; line-height: 30px; color: #484F57; box-shadow: none; background: #fff url(../images/search-icon.png) no-repeat right 10px center / 19px 18px; padding-right: 40px; width: 130px; font-size: 14px;} .TM_Cool_Daterange .input_text.datetimepickerclass {width:150px; height: 32px; line-height: 32px; margin-right: 10px; padding-right: 35px;} .TM_Cool_Daterange .input_text.datetimepickerclass:last-child {margin-right: 0px;} .modal .plus_icon_cover .add_icon {margin:0 10px 0 0;} .cs_in_width .input_text {width: 88%; float: left;} .w50.cs_w_up_30 {width: 30px; height: 30px;} .w50.cs_w_up_30 .ad_btn {width: 100%; min-width: 100%; padding: 0; height: 30px; border: 0; line-height: 30px; text-align: center;} .w50.cs_w_up_30 .ad_btn i {margin-right: 0; margin-left: 4px;} .float_clear {clear: both; float: left;} .float_clear.emp_tbl {width: 70%; margin-top: 0px;} .float_clear.emp_tbl > div:first-child {width: 40%;} .float_clear.emp_tbl > div.dataTables_filter {width: 57%;} #employees_table_wrapper .float_clear {clear: none; float: right;} .head_cover .dataTables_filter .form-control {margin-left: -45px; width: 96% !important;} div.dataTables_wrapper div.dataTables_filter label {text-align: left !important; width: 84%; background: #fff; border: 1px solid #8FA8BE; border-radius: 100px;} .head_cover .dataTables_filter .form-control {height: 20px; margin-top: 4px; margin-bottom: 4px; border: none !important; width: 72%;} .head_cover .dataTables_filter label {margin: 0; border-radius: 3px; padding-left: 15px;} .theme-block-cls {padding: 15px;} .theme-border tbody {border: 1px solid #888;} table.dataTable td a {color: #000; padding: 5px 8px;} #employees_table.dataTable {} .dataTables_scrollHead .display_tbl tr:first-child {} .theme-block-cls .head_main_cover {border: 0px;} .reports_links {font-size: 17px; text-decoration: underline;} #event_tracking_filter.dataTables_filter label {width: auto !important;} .button-icon {background: #03A0E7; color: #fff; text-align: center; line-height: 30px; display: inline-block; margin-left: 10px; border-radius: 3px; font-family: 'Lato', sans-serif; border: transparent; padding: 0px 15px; font-size: 18px;} .w50.cs_w_up_30 .ad_btn i {margin-top: 8px; margin-left: 8px;} /* 11-3-2019 */ .new_pop .modal-title {margin: 0;} .new_pop .cool-input {height: auto; padding: 8px 0; width: 100%;} .new_pop input[type="checkbox"] + label span {margin-right: 10px;} .collapse_icon {width: 30px; height: 30px; background: #03A0E7; float: right; position: relative; cursor: pointer;} .collapse_icon:before {position: absolute; content: "\f067"; font-size: 14px; left: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-family: 'FontAwesome'; color: #fff;} .collapse_min_icon:before {content: "\f068";} .min_auto_box {min-height: auto;} /* Tools Detail */ .tools_main .date_range_inner {width: 100%; float: left; margin-right: 15px;} .tools_main .date_range_inner .input_text {width: 100%} .time_manager_main .TM_Cool_NEW.filter_op .select2 {width: 100% !important;} .tools_main .time_manager_main .TM_Cool_NEW {width: 100% !important;} .tools_main .time_manager_main .TM_Cool_NEW .select2 {width: 100% !important;} .tools_main .time_manager_head_left .input-sm {width: 200px;} .fl_w {float: left; width: 100%;} .tbl_foot {float: left; width: 100%; margin:0;} .tbl_foot a:first-child {margin-left: 0;} .total_tool {color: #050505; font-size: 15px; line-height: 18px; font-weight: bold; letter-spacing: 1.67px; text-align: right; display: inline-block; text-transform: capitalize; padding: 10px 0;} .sm_pop {width: 500px;} .pop_sm_tbl {width: 100%;} .pop_sm_tbl th {font-size: 15px; line-height: 18px; color: #484F57; background: #F5F5F5; padding: 10px 15px; text-transform: capitalize;} .pop_sm_tbl td {font-size: 15px; line-height: 18px; color: #484F57; padding: 10px 15px; text-transform: capitalize;} .pop_sm_tbl .cm_radio {margin-right: 30px;} .HT150 {height: 150px !important;} .upload_file .file-upload {float: left; margin-right: 20px; margin-top: 0;} .upload_file .ad_btn {min-width: auto; background: #F0F0F0; border: 1px solid #8FA8BE; height: 30px; line-height: 28px; width: 100px; text-align: center; padding: 0 10px; color: #484F57; font-size: 15px; text-transform: capitalize; display: block; letter-spacing: 0; font-weight: normal;} .upload_file .ad_btn.blue_btn i {margin-right: 0;} .upload_file_link {width: 55%; display: inline-block; float: left;} .upload_file_link li {margin: 0; line-height: 15px; float: left; width: 100%;} .upload_file_link li:last-child {margin-bottom: 0;} .upload_file_link a {color: #484F57; font-size: 12px; line-height: 15px;} .upload_file_link .doc_clr {margin-right: 5px;} .tools_main div.dataTables_wrapper div.dataTables_paginate {position: relative;} .tools_main .Main_log_tab_cnt .date_range_main .date_range_inner .input_text {width: 35%;} .tools_main .time_manager_head_left {width: auto; display: inline-block;} .tools_main .top_per_part_inner .add_icon {margin-top: -5px;} .td_check {display: inline-block; position: relative; top: -2px;} .inven_date {display: inline-block; margin: 0 0 0 15px; font-size: 16px;} .tab_full {float: left; width: 100%; background: #fff; position: relative;} .tab_head_main {float: left; width: 100%;} .tab_head {float: left; width: 100%;} .tab_head a {font-size: 15px; font-weight: bold; letter-spacing: 1.67px; line-height: 64px; text-align: center; margin: 0 25px; text-transform: uppercase; color: #050505; display: inline-block; border-bottom: 4px solid transparent} .tab_head a.active {color: #03A0E7; border-color: #03A0E7;} .tab_head a:first-child {margin-left: 0;} .new_tab_cnt_main {float: left; width: 100%; margin: 10px 0;} .tab_cnt_head {float: left; width: 100%; padding: 10px 15px;} .tab_cnt_head_left {width: auto; float: left; margin: 0 15px 0 0;} .select_main {margin: 0 30px 0 0; float: left; width: auto;} .new_select_w {width: 230px; float: left; margin: 0 10px 0 0;} .new_select_w.new_select_w218 {width: 218px;} .new_select_w:last-child {margin-right: 0;} .cost_filter {width: auto; float: left; margin-right: 10px;} .cost_filter label {color: #333; font-size: 13px; float: left; margin: 0 10px 0 0; line-height: 30px; font-weight: normal;} .cost_filter .select2 {width: 175px !important; float: left;} .cost_filter .input_text {width: 90px; margin: 0 0 0 5px;} .tab_cnt_head_right {width: auto; float: right;} .tab_cnt_head_right .form-control {width: 240px; border-radius: 3px; background: #FFFFFF url(../images/search-icon.png) no-repeat right 10px center / 19px 18px; border: 1px solid #8FA8BE; height: 30px; line-height: 30px; padding: 0 40px 0 10px; float: left; box-shadow: none;} .tab_cnt_head_right .add_icon { width: auto; font-size: 15px; line-height: 40px; height: 40px; text-align: center; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; padding: 0 30px; min-width: 140px; margin-top: -5px;} .min_inherit {min-height: inherit;} .tbl_foot .new_btnD {background: transparent; border: 2px solid #03A0E7; font-size: 15px; letter-spacing: 1.67px; font-weight: bold; color: #03A0E7;} .mCSB_inside>.mCSB_container {margin-right: 0;} .padLF30 {padding-left: 30px; width: 100%; float: left; box-sizing: border-box;} .dropzone_ {width: 100%; height: 150px; display: flex; justify-content: center; padding-top: 90px; font-weight: 900; cursor: pointer; position: relative; background: #f7f7f7; border: 2px dashed rgb(204, 204, 204);} .dropzone_:before {position: absolute; content: ""; left: 0; right: 0; top: 30px; background: url('../images/icon-upload@2x.png') no-repeat center center / 46px 46px; width: 46px; height: 46px; margin: 0 auto;} .dragLbl {font-weight: normal; color: #727E8B; font-size: 13px; line-height: 16px; height: 20px;} .dragLbl a {text-decoration: underline; color: #727E8B;} .dz-preview.dz-image-preview, .dz-preview.dz-file-preview {display: none;} .tool_ttl {color: #131313; font-size: 32px; line-height: 39px;} .new_pop .popup_form .input_block:last-child {margin-bottom: 20px;} .cost_filter .datepickerclass {width: 230px; margin: 0;} .to_cl {display: inline-block; line-height: 30px; margin: 0 7px; color: #333; font-size: 13px; float: left;} .tool_main_cover {float: left; width: 100%;} .invenED_left {width: auto; float: left;} .invenED_right {width: auto; float: right;} table.dataTable>tbody>tr.child span.dtr-title {min-width: 100% !important;} .dtr-data {width: 100%;} .dis_none {display: none;} .text_trans_normal {text-transform: capitalize !important; letter-spacing: 1px !important;} .blue_txt {color: #03A0E7 !important;} .tab_cnt_head_right .add_icon.wOUT_TXT {min-width: auto; margin: 0 0 0 10px; padding: 0 5px; width: 30px; height: 30px; line-height: 30px;} .cls_btn {position: absolute; right: 0; line-height: 68px; padding: 0 25px; color: #050505; font-weight: bold; font-size: 15px; box-shadow: 0 2px 4px 0 rgba(161,168,183,0.2); display: inline-block; z-index: 8;} .cls_btn:hover { color: #050505; } .cls_btn img {display: inline-block; margin-left: 10px; margin-top: -2px;} .main_form_cnt {float: left; width: 100%; padding: 15px;} .main_form_cnt .form-group label {color: #727E8B; font-size: 13px; line-height: 16px; font-weight: normal;} .bgred {background: #DD393D} .bgblue {background: #03A0E7;} .over_hidden {overflow: hidden;} .ticket_dispatch {float: left; width: 100%; padding: 15px;} .ticket_dispatch p {color: #FFFFFF; font-size: 15px; line-height: 18px; font-weight: bold; letter-spacing: 1px; margin: 0;} .ticket_dispatch p i {margin-right: 15px; font-size: 20px; float: left;} .w70 {width: 65%; float: left; text-align: left;} .w30 {width: 35%; float: right; text-align: right;} .ticket_btn {font-size: 15px; line-height: 18px; letter-spacing: 1.67px; text-align: center; color: #FFFFFF; font-weight: bold; border: 2px solid #FFFFFF; border-radius: 3px; display: inline-block; padding: 8px 15px;} .ticket_btn:hover, .ticket_btn:focus {color: #fff;} .dis_btn {background: #fff; color: #03A0E7;} .dis_btn:hover, .dis_btn:focus {color: #03A0E7;} .crea_info .cm_radio, .mach_note .cm_radio {margin-right: 5px;} .crea_info .cm_radio:last-child, .mach_note .cm_radio:last-child {margin-right: 0;} /* Multi Select */ .multiselect-native-select {width: 100%; float: left;} .multiselect-native-select .btn-group {width: 100%; float: left;} .multiselect-native-select .btn-group > .btn {width: 100%; padding: 0 12px; border: 1px solid #8FA8BE; text-align: left; height: 30px;} .multiselect-native-select .btn .caret {float: right; border: 0; position: absolute; right: 10px; top: 8px;} .multiselect-native-select .btn .caret::before {position: absolute; content: ""; right: 0; top: 0; background: url(../images/icon-arrow-down@2x.png) no-repeat right center / 15px auto; width: 15px; height: 12px;} .multiselect-native-select .open > .dropdown-toggle.btn-default:hover, .multiselect-native-select .btn-default:hover, .multiselect-native-select .btn-default:focus, .multiselect-native-select .btn-default.focus {background: transparent; border-color: #8FA8BE;} .multiselect-native-select .btn-default:active, .multiselect-native-select .btn-default.active, .multiselect-native-select .open > .dropdown-toggle.btn-default {background: transparent; border-color: #8FA8BE; box-shadow: none;} .multiselect-native-select .open > .dropdown-menu {width: 100%; border: 1px solid #8FA8BE; box-shadow: none;max-height: 250px; min-height: 155px; overflow-y: auto;} .multiselect-native-select .dropdown-menu > .active > a, .multiselect-native-select .dropdown-menu > .active > a:hover, .multiselect-native-select .dropdown-menu > .active > a:focus {background-color: #03A0E7;} .multiselect-native-select .multiselect-container {top: 28px; border-radius: 0;} .multiselect-native-select .multiselect-container > li {float: left; width: 100%;} .multiselect-native-select .multiselect-container > li > a > label {padding: 3px 20px 3px 30px; line-height: 20px; color: #333; font-size: 14px;} .multiselect-native-select .multiselect-container > li > a > label > input[type=checkbox] {margin-left: 5px !important;} .tbl_foot.desk_top_new {float: right; width: auto;} .tbl_foot.desk_top_new {padding: 14px 0;} .tbl_foot.desk_top_new .new_btnD {height: 40px; line-height: 34px; padding: 0 30px; margin: 0 0 0 25px;} .tbl_foot.desk_top_new .new_btnD:first-child {margin-left: 0;} .total_tool_cst {display: inline-block; margin-left: 10px; line-height: 30px;} .pos_rel {position: relative; display: inline-block;} .tool_inner {float: left; width: auto;} .error {color: red; min-height: 20px; float: left; width: 100%;} .mach_note .main_form_cnt .col-sm-6:nth-child(2n+1) {clear: left;} .bhoechie-tab .dataTables_wrapper {min-height: 720px;} .nw_git_pop_main .modal-content { border-radius: 25px; border-color: #03A0E7; box-shadow: none; } .nw_git_pop_main .modal-body { padding-bottom: 0; } .nw_git_pop_main .modal-body .col-md-12 { width: 65%; } .nw_git_pop_main .modal-footer { border-top: 0; padding-top: 0; } .nw_git_pop_main .close { font-size: 36px !important; line-height: 26px !important; margin-bottom: 10px; } .nw_add_pop_cls .modal-content { border-radius: 25px; box-shadow: none; border-color: #03A0E7; } .nw_drop_ds_cls { float: left; width: 100%; } .sel_fl_name { font-size: 15px; line-height: 24px; color: #000; margin: 0 0 15px 0; border-radius: 3px; padding: 5px 12px; margin: 0 !important; border:1px solid #8FA8BE; cursor: pointer; } .drop_val_bx { padding: 5px 15px; float: left; width: 100%; } .drop_val_bx li { font-size: 15px; line-height: 24px; color: #000; margin-bottom: 3px; } .drop_val_bx li:last-child { margin-bottom: 0; } .drop_val_bx li ul { padding-left: 20px; } .arrow_cls { display: inline-block; margin: 0 5px; cursor: pointer; } .drop_val_bx li a { display: inline-block; font-size: 15px; line-height: 24px; color: #000; margin: 0 5px; } .drop_val_bx li a:hover { color: #000; } .folder_icon { display: inline-block; margin-right: 5px; } .rotate_arrow i { transform: rotate(-90deg); } .nw_edit_icon, .plus_nw_cls { color: #2F7BDC !important } .nw_trash_icon, .nw_close_icon { color: #ff0000 !important; } .doc_text ul li ul { padding-left: 30px; } .doc_text .folder { color: #000; } /* 29-09-2021 */ .work-order-tabs-content .ad_btn.blue_btn{ margin-left: 0px; } .work-order-tabs-content .cost_filter{ margin-left: 15px; } .work-order-tabs-content .cost_filter>.to_cl{ margin: 0px; } .work-order-tabs-content .cost_filter .input_text{ margin-right: 7px; margin-left: 7px; } .work-order-tabs-content ul.mainWoPdUlCls{ margin: 10px 15px; } .work-order-tabs-content .work-order-upload .workOrderUploadupload{ display: inline-block; margin: 30px 0 0 0; width: 100%; } .work-order-tabs-content .work-order-upload .workOrderUploadupload .col-sm-3>.imgUpDelCls{ position: relative; height: 200px; margin: 15px 0; padding: 10px; border: 1px solid #ccc; border-radius: 6px; text-align: center; } .work-order-tabs-content .work-order-upload .workOrderUploadupload .imgUpDelCls .imgUpDeleteCls{ position: absolute; right: -15px; top: -15px; width: 30px; height: 30px; display: flex; justify-content: center; } .work-order-tabs-content .work-order-upload .workOrderUploadupload .imgUpDelCls .imgUpDeleteCls a{ display: flex; align-items: center; } .work-order-tabs-content .work-order-upload .workOrderUploadupload .imgUpDelCls .imgUpDeleteCls a img{ width: 100%; } .work-order-tabs-content .work-order-upload .workOrderUploadupload .imgUpDelCls img.woUploadImgCls{ padding: 0; border: 0; border-radius: 0; height: 100%; object-fit: contain; } .usr-pht-prev{ width: 220px; } .woPmImgCls{ cursor: pointer; } /* */ /* 04-10-2021 */ .work-order-purchased .workOrderPurchasedMaterialsupload .mainWoPdLiCls{ margin-bottom: 8px; } .work-order-purchased .workOrderPurchasedMaterialsupload .mainWoPdLiCls .subWoPdUlCls{ margin: 8px 0 0; } .work-order-purchased .workOrderPurchasedMaterialsupload .mainWoPdLiCls .subWoPdUlCls li{ margin: 0 0 5px 0; } #wopmu_modal.modal:before{ display: none; } #wopmu_modal .modal-dialog{ width: 1080px; display: flex; min-height: calc(100% - 3.5rem); align-items: center; } #wopmu_modal .modal-dialog .modal-content .pmuFileInfoCls{ width: 65%; display: inline-block; margin-right: 40px; } #wopmu_modal .modal-dialog .modal-content .pmuFileInfoCls iframe{ width: 100%; height: 550px; } #wopmu_modal .modal-dialog .modal-content{ display: flex; align-items: flex-start; background-color: transparent; box-shadow: none; border: 0; border-radius: 0px; } #wopmu_modal .modal-dialog .modal-content-wrapper{ background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%); box-shadow: 0 3px 9px rgb(0 0 0 / 50%); width: 35%; } #wopmu_modal .modal-header .close{ font-size: 26px; line-height: 26px; opacity: 1; color: #ccc; } #wopmu_modal .modal-header{ padding: 15px 30px; } #wopmu_modal .modal-header .modal-title{ font-size: 18px; line-height: 24px; } #wopmu_modal .modal-body{ padding: 20px 30px; } #wopmu_modal .modal-body .btn_main{ text-align: right; } #wopmu_modal .modal-body .pmuDateCls{ margin: 0 0 5px 0; display: inline-block; } #wopmu_modal .modal-body .pmuDateCls, #wopmu_modal .modal-body .pmuUserInfoCls, #wopmu_modal .modal-body .pmuNotesMainCls .pmuNotesTitleCls{ color: #000; width: 100%; } #wopmu_modal .modal-body .pmuUserInfoCls{ margin: 0 0 20px 0; display: inline-block; } #wopmu_modal .modal-body .pmuNotesMainCls{ margin: 0 0 40px 0; display: inline-block; } #wopmu_modal .modal-body .pmuNotesMainCls .pmuNotesTitleCls{ width: 100%; display: inline-block; } #wopmu_modal .modal-body .pmuNotesMainCls .pmuNotesInfoCls{ width: 100%; display: inline-block; } #wopmu_modal .pmuFileInfoCls img{ border: 0px; padding: 0; border-radius: 0; } /*22-10-2021*/ .pagemain-tab-header { background-color: #ffffff; padding: 15px 20px; margin-bottom: 10px; } .pagemain-tab-header h2 { font-weight: 600; color: #000; } /* 26-10-2021 */ .purchasedTotalofInvoiceCls{ display: inline-block; width: 100%; margin-top: -5px; } .invoice-field-wrap{ display: flex; width: 100%; } .invoice-field-wrap .input-group-addon{ display: flex; width: 35px; padding: 0 10px; align-items: center; border-top-right-radius: 0; border-bottom-right-radius: 0; border-color: #8FA8BE; } .invoice-field-wrap .input_text{ border-top-left-radius: 0; border-bottom-left-radius: 0; } .new_select_wRespDate{ margin-right: 0px !important; } .new_select_wResp .new_select_w{ margin-bottom: 0px !important; } /* */ /* 27-10-2021 */ .image-input-wrap{ height: 172px; } .image-input-wrap .view_user_img img{ height: 160px; object-fit: cover; object-position: top; } /* */ .schEmpPanelCls.name-deign-cls {display: inline-flex; align-items: center; width: 100%;} .schEmpPanelCls.name-deign-cls .right-name-class {width: calc(100% - 50px);margin-left: 10px;} .schEmpPanelCls.name-deign-cls .left-name-class {margin-bottom: 0 !important;display: inline-flex !important;} /* 28-10-2021 */ .tab_cnt_head_left.wordOrderNavCls{ margin-right: 0px; } .tab_cnt_head_left.wordOrderNavCls .select_main{ margin: 0 15px 0 0; } /* */ /* 10-11-2021 */ .ad_mrg.tools_main.sch_main .box-all_main_inner{ background: transparent; box-shadow: none; } .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main{ margin-top: 0px; margin-bottom: 0; } .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 20px; } .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .select_main, .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .new_select_w { margin: 0; } .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .new_select_wResp:last-child{ margin-right: 0px; } .workOrderScheduleHeaderCls .new_select_wResp a.ad_btn.blue_btn{ margin-left: 0px; background-color: #5C9FDC; border-color: #5C9FDC; } .workOrderScheduleHeaderCls .form-group{ margin-bottom: 0px; } .workOrderScheduleHeaderCls .workCalendar{ width: 24%; margin-right: 15px; } .workOrderScheduleHeaderCls .workCalendar .input-group-btn button{ border: 1px solid #E0E0E0; background-color: #fff; border-radius: 8px; padding: 0; width: 40px; height: 40px; } .workOrderScheduleHeaderCls .workCalendar .input-group-btn button img{ width: 5px; } .workOrderScheduleHeaderCls .calendar-input{ display: flex; margin: 0 8px; position: relative; align-items: center; border: 1px solid #E0E0E0; border-radius: 8px; background-color: #fff; } .workOrderScheduleHeaderCls .calendar-input .week-picker{ border: 0; background-color: transparent; border-radius: 8px; box-shadow: none; height: 40px; padding-right: 50px; font-size: 17px; color: #000; } .workOrderScheduleHeaderCls .calendar-input span{ width: 44px; position: absolute; right: 0; height: 42px; line-height: 42px; border-left: 1px solid #E0E0E0; display: flex; align-items: center; justify-content: center; } .workOrderScheduleHeaderCls .common_filter_dropdown{ margin-right: 15px; width: 10%; } .workOrderScheduleHeaderCls .schedule_search_filter{ width: 14%; } .workOrderScheduleHeaderCls .schedule_search_filter .time_manager_head_left{ width: 100%; } .workOrderScheduleHeaderCls .schedule_search_filter .time_manager_head_left .form-control{ width: 100%; } .workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle{ border: 1px solid #E0E0E0; border-radius: 8px; height: 40px; } .workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle:hover{ background-color: #fff; } .workOrderScheduleHeaderCls .common_filter_dropdown .multiselect-native-select .btn-group.open .dropdown-toggle{ border-color: #E0E0E0; background-color: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .workOrderScheduleHeaderCls .common_filter_dropdown .multiselect-native-select .btn-group.open .dropdown-toggle .caret{ border-bottom-right-radius: 0; } .workOrderScheduleHeaderCls .common_filter_dropdown .multiselect-native-select .btn-group.open .multiselect-container{ top: 35px; border-color: #E0E0E0; border-radius: 8px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle .caret{ background: linear-gradient(180deg, #F8F8F8 0%, #F6F6F6 100%); width: 38px; display: inline-block; height: 38px; top: 0; right: 0; border-left: 1px solid #E0E0E0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .workOrderScheduleHeaderCls .common_filter_dropdown .dropdown-toggle .caret:before{ top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/icon-arrow-down@2x.png) no-repeat right center / 12px auto; width: 12px; height: 9px; } .workOrderScheduleHeaderCls .schedule_search_filter .time_manager_head_left .form-control{ border: 1px solid #959595; border-radius: 8px; height: 40px; line-height: 40px; } .workOrderScheduleBodyCls{ float: left; width: 100%; display: flex; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls{ float: left; width: 230px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleCls{ background-color: #fff; border-radius: 6px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls{ padding: 20px 25px 15px 25px; border-bottom: 1px solid #D7E3F1; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a{ display: inline-block; width: 100%; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherTagMainCls{ display: flex; align-items: center; justify-content: space-between; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherTagTxtCls{ color: #449FE1; font-weight: 700; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherIconMainCls{ display: flex; align-items: center; flex-direction: column; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleTxtCls a .ancherIconMainCls span{ display: flex; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls{ padding: 20px 25px 0 26px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl, .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event{ border-radius: 6px; box-shadow: 0px 2px 5px #E5E9F2; padding: 10px; border: 0px; } .workOrderScheduleCalendarCls .fc-event-container{ top: 0px !important; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event { margin: 3px 5px 3px !important; padding: 8px 10px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .fc-content{ padding: 0px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .fc-bg{ opacity: 0; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl.deptClr-Service{ background-color: #24B47E; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl.deptClr-Commercial{ background-color: #E37C4C; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl.deptClr-Residential{ background-color: #6772E5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls{ display: flex; align-items: flex-start; justify-content: space-between; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls{ width: calc(100% - 20px); } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls div{ color: #fff; word-break: break-all; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkNameCls{ font-weight: 700; font-size: 12px; line-height: normal; margin-bottom: 5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkDateCls{ font-size: 12px; line-height: normal; margin-bottom: 10px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkDeprtCls{ font-weight: 700; font-size: 10px; line-height: normal; text-transform: uppercase; letter-spacing: 0.5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkRightCls{ width: 16px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .wrkOdrReScCl:not(:last-child){ margin-bottom: 10px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls{ width: calc(100% - 250px); margin-left: auto; background-color: #fff; border-radius: 6px; float: right; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container{ position: relative; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls{ position: absolute; z-index: 1; top: 23px; left: 34px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls .empSortMainCls{ display: flex; align-items: center; justify-content: center; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls .empSortMainCls span:first-child, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-widget-header .fc-content .fc-widget-header .fc-cell-content .fc-cell-text{ line-height: 22px; color: #449FE1; text-transform: uppercase; font-weight: bold; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls .empSortMainCls span:last-child{ display: flex; flex-direction: column; margin: 0 0 0 5px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .peopleEmpViewCls .empSortMainCls span:last-child a{ display: flex; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area{ width: 190px; border-color: #D7E3F1; border-radius: 6px; border-top-width: 0px; border-left-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-head .fc-view-container .fc-resource-area{ border-right-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-body .fc-resource-area{ border-bottom-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-body .fc-time-area, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-head .fc-time-area{ border-right-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-body .fc-time-area{ border-bottom-width: 0px; border-left-width: 0; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area .fc-scroller-clip .fc-scroller .fc-content .fc-widget-header{ padding: 19px 0; border-right: 0px; border-left-width: 0; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area .fc-scroller-clip .fc-scroller .fc-content .fc-widget-header .fc-cell-content{ padding: 0; height: 25px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-widget-header .fc-content .fc-widget-header .fc-cell-content{ padding: 0; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-resource-area .fc-scroller-canvas .fc-cell-content .fc-cell-text{ display: none; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls #calendar{ max-width: 100%; margin: 0 auto; height: 100%; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls #calendar .fc-view-container{ height: 100%; } .workOrderScheduleCalendarCls .calendar-navigation, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls #calendar .fc-toolbar.fc-header-toolbar{ display: none; } .sch_main .new_tab_cnt_main .tab_cnt_head{ padding: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-toolbar.fc-header-toolbar, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-view-container .fc-license-message{ display: none; } .ad_mrg.tools_main.sch_main .workOrderScheduleHeaderCls .new_tab_cnt_main .wordOrderNavCls .select_main.work_publish_btn .ad_btn{ padding: 9px 60px; } /*.workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-view-container thead tr td.fc-resource-area .fc-content{ padding: 0px; border-bottom: 1px solid #D7E3F1; }*/ .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content{ padding: 20px 15px; } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls{ } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .imgIcnCls{ width: 40px; height: 40px; background-color: #E5E9F2; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .imgIcnCls img{ height: 100%; width: 100%; border-radius: 50%; } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .imgIcnCls .nameChaCls{ font-size: 18px; font-weight: 600; color: #000; } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .empCalNameCls{ font-size: 13px; font-weight: 700; white-space: break-spaces; } .workOrderScheduleCalendarCls .fc-view-container .fc-body .fc-scroller-canvas tbody tr td .fc-cell-content .schEmpPanelCls .schJTlbl{ font-size: 13px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-time-area, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr th, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr td{ border-color: #D7E3F1; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr td{ border-bottom-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr td:first-child{ border-left-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-body td .fc-scroller-clip .fc-scroller-canvas .fc-bg table tr td.fc-today{ } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-time-area, .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr th{ border-top-width: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container .fc-divider{ border-top-width: 0px; border-bottom-width: 0px; display: none; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .fc-title{ padding: 0px; margin: 0px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls{ display: flex; align-items: center; width: 100%; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schStarCls{ margin-right: 6px; display: flex; } /*.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schStarCls img{ width: 13px; }*/ .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventTitleCls{ font-size: 12px; line-height: normal; font-weight: bold; text-overflow: ellipsis; overflow: hidden; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventTitleCls .workOrderNameCls{ color: white; text-decoration: underline; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls{ margin-left: auto; width: 18px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls a{ display: flex; } /*.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls a img{ width: 16px; }*/ .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls a .schMinImgCls{ width: 18px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schOpenEventCls .schEventMinCls a .schMaxImgCls{ } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls{ margin-top: 6px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls{ display: flex; align-items: center; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .schEvLeftSectionCls{ display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .scEvLeftCls{ /* width: 14px;*/ margin-right: 5px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .scEvLeftCls img{ width: 100%; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .scEvRightCls{ font-size: 12px; line-height: normal; text-overflow: ellipsis; overflow: hidden; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .schEvRightSectionCls{ margin-left: auto; width: 18px; } /*.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .schEvRightSectionCls img{ width: 15px; }*/ .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls{ margin-top: 8px; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls{ display: flex; align-items: center; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls{ } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls{ width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #E5E9F2; border: 1px solid #fff; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvLeftSectionCls .schEmpPanelCls .imgIcnCls .nameChaCls{ font-size: 10px; color: #000; font-weight: bold; } .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvRightSectionCls{ margin-left: auto; } /*.workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv3SectionCls .schEvRightSectionCls img{ width: 15px; }*/ .calendarPopupCls .modal-header { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 20px; } .calendarPopupCls .modal-header:before, .calendarPopupCls .modal-header:after{ display: none; } .calendarPopupCls .modal-header h5{ font-size: 18px; margin: 0; } .scheduleDatesModal.calendarPopupCls .modal-body{ padding-right: 0px; padding-left: 20px; } .calendarPopupCls .modal-body{ padding: 30px; } .schedule_job_wrapper{ display: flex; align-items: flex-start; justify-content: flex-start; } .calendarPopupCls #calendar_div.jv_cal_main{ width: 40%; } .calendarPopupCls .jv_cal_main{ width: 350px; border: 1px solid #94A7BC; border-radius: 4px; float: left; margin-right: 1rem; } .calendarPopupCls .jv_cal_main .jv_cal_title{ margin: 0; text-align: center; font-size: 14px; line-height: 16px; font-weight: 600; color: #263238; text-transform: uppercase; padding: 20px 28px; border-bottom: 1px solid #94A7BC; display: flex; justify-content: space-between; float: left; width: 100%; } .calendarPopupCls .jv_cal_main .jv_cal_title a{ color: #4B4B4B; display: flex; align-items: center; } .calendarPopupCls .jv_cal_main .jv_cal_title a i { font-weight: bold; font-size: 20px; line-height: 12px; } .calendarPopupCls .jv_cal_main .jv_cal_sec_main{ padding: 8px 12px 20px; float: left; width: 100%; } .jv_cal_sec_main ul{ } .jv_cal_sec_main ul li{ } .jv_cal_sec_main .jv_cal_sec_top ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .jv_cal_sec_main .jv_cal_sec_top ul li{ letter-spacing: 0.4px; color: #263238; font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; width: 14.2%; position: relative; } .jv_cal_sec_top, .jv_cal_sec_bot{ float: left; width: 100%; } .jv_cal_sec_main .jv_cal_sec_bot ul{ /* display: flex; align-items: center; justify-content: center; flex-wrap: wrap;*/ } .jv_cal_sec_main .jv_cal_sec_bot ul li{ font-size: 16px; height: 48px; line-height: 48px; color: #263238; width: 14.2%; display: flex; align-items: center; justify-content: center; float: left; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a.unAssignedLeadDatesCls span{ color: #a94442 !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a.assignedLeadDatesCls span{ color: #24B47E !important; } .jv_cal_sec_main .jv_cal_sec_bot ul a li span{ letter-spacing: 0.4px; display: flex; width: 30px; height: 30px; line-height: 30px; align-items: center; justify-content: center; border-radius: 50%; } .jv_cal_sec_main .jv_cal_sec_bot ul a li.grey span{ background-color: rgba(38,50,56,0.2); color: #263238; width: 30px; height: 30px; } .calendarPopupCls .modal-footer{ border: 0px; display: flex; justify-content: flex-end; padding: 20px 30px 30px; margin-top: 20px; } .calendarPopupCls .modal-footer:before, .calendarPopupCls .modal-footer:after{ display: none; } .calendarPopupCls .modal-footer .workOrdBtn{ display: inline-block; border: 2px solid #5C9FDC; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: transparent; padding: 9px 30px; min-width: 140px; color: #5C9FDC; font-size: 15px; line-height: 18px; text-align: center; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; box-shadow: none; } .calendarPopupCls .modal-footer .workOrdBtn .copy_work_order_schedules{ margin-right: 1rem; } .calendarPopupCls .modal-footer .workOrdSaveBtn{ background-color: #5C9FDC; color: #fff; margin-left: 15px; } .calendarPopupCls .common_date_wrapper .mCSB_container{ width: 100%; padding-right: 20px; } .calendarPopupCls .common_date_wrapper .mCSB_scrollTools .mCSB_draggerContainer{ margin: 0px; } .calendarPopupCls .common_date_wrapper .mCSB_scrollTools .mCSB_buttonUp, .calendarPopupCls .common_date_wrapper .mCSB_scrollTools .mCSB_buttonDown{ display: none !important; } .calendarPopupCls .common_date_wrapper .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail{ width: 4px; background-color: #C4C4C4; } .calendarPopupCls .common_date_wrapper .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{ width: 4px; margin: 0 6px; background-color: #979797; } .calendarPopupCls .common_Dates .mCustomScrollBox>.mCSB_scrollTools{ opacity: 1; } .calendarPopupCls label.schedLabel{ font-weight: 600; font-size: 13px; line-height: 16px; color: #747E8A; margin-bottom: 10px; } .assigned_date.common_date_wrapper { width: 60%; padding: 1rem; } .row.all_assigned_dates { margin-left: 0px; margin-right: 0px; } .full_date { white-space: nowrap; padding-left: 0px; padding-right: 0px; } .calendarPopupCls .dates_listing, .calendarPopupCls .assigned_dates_listing{ height: 315px; overflow-y: auto; } .calendarPopupCls .common_date_wrapper li{ display: flex; align-items: center; justify-content: space-between; padding: 10px 15px 10px 15px; border: 1px solid #94A7BC; border-radius: 4px; } .calendarPopupCls .common_date_wrapper li:not(:last-child){ margin-bottom: 3px; } select.select2 + span.select2{ width: 151px !important; } .calendarPopupCls .common_date_wrapper li span{ font-size: 12px; line-height: 21px; letter-spacing: 0.4px; color: rgba(0,0,0,0.87); font-weight: 600; padding-right: 5px; word-break: break-all; } .calendarPopupCls .common_date_wrapper li span.text-danger { color: #a94442 !important; } .calendarPopupCls .common_date_wrapper li a{ display: flex; } .calendarPopupCls .common_date_wrapper li a img{ width: 18px; } .schedule_job_modal_details { font-size: 12px; } .schedule_job_modal_dept { font-size: 10px; font-weight: bold; color: #24B47E; text-transform: uppercase; } .job_schedule_emp_list a, .job_schedule_emp_list li:hover a { float: left; width: auto; background: linear-gradient(0deg, #F5F5F5 0%, #FFFFFF 100%); color:#03A0E7; padding-left: 1rem; padding-bottom: 1rem; margin-left: 0.5rem; margin-right: 0.5rem; } .job_schedule_emp_list .active a, .job_schedule_emp_list li:hover a { float: left; width: auto; background: linear-gradient(0deg, #F5F5F5 0%, #FFFFFF 100%); border-bottom:4px solid #03A0E7; color:#03A0E7; padding-left: 1rem; padding-bottom: 1rem; margin-left: 0.5rem; margin-right: 0.5rem; } .calendarPopupCls .schedule_job_user{ display: flex; align-items: center; margin-bottom: 15px; } .calendarPopupCls .schedule_job_user .user_title{ font-size: 16px; line-height: 20px; color: #000; font-weight: bold; } .calendarPopupCls .schedule_job_user .deptCls{ margin-left: 25px; font-weight: bold; font-size: 10px; line-height: 12px; letter-spacing: 0.05px; text-transform: uppercase; } .calendarPopupCls .schedule_job_user .deptCls.deptCls_Residential{ color: #6772E5; } .calendarPopupCls .schedule_job_user .deptCls.deptCls_Service{ color: #24B47E; } .calendarPopupCls .schedule_job_user .deptCls.deptCls_Commercial{ color: #E37C4C; } .calendarPopupCls .selectEmpWrapper{ margin-bottom: 45px; display: flex; flex-direction: column; } .calendarPopupCls .selectEmpWrapper .select2{ width: 48% !important; } /* */ .schJobDisableCls{ background: gray; border-radius: 50%; } /* 23-11-2021 */ .positionRelCls{ position: relative; } .positionRelCls .ajax_loader{ z-index: 99999999; position: fixed; } .jv_cal_sec_main .jv_cal_sec_bot ul a.schJobDisableCls{ background-color: #24B47E; width: 30px; height: 30px; line-height: 30px; } .jv_cal_sec_main .jv_cal_sec_bot ul a.schJobDisableCls span{ background-color: #24B47E; color: #fff; } .jv_cal_sec_main .jv_cal_sec_bot ul a.schJobDisableCls .grey span{ background-color: #ccc; color: #000; } /* */ /* */ .calendarPopupCls .selectEmpWrapper_with_btn { flex-direction: row; align-items: flex-end; } .calendarPopupCls .selectEmpWrapper_with_btn .selectEmpWrapper_dropdown { display: flex; flex-direction: column; width: calc(50% - 20px); position: relative; } .calendarPopupCls .selectEmpWrapper_with_btn .selectEmpWrapper_dropdown label.error{ position: absolute; margin: 0px; bottom: -20px; font-size: 13px; } .calendarPopupCls .selectEmpWrapper_with_btn .selectEmpWrapper_btn { padding-left: 20px; } .calendarPopupCls .selectEmpWrapper .selectEmpWrapper_dropdown .select2 { width: 100% !important; } .calendarPopupCls .selectEmpWrapper .selectEmpWrapper_dropdown .select2-selection--single { height: 32px !important; } .calendarPopupCls .selectEmpWrapper .selectEmpWrapper_dropdown .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px !important; } .theme_action_btn { background-color: #5C9FDC; border-color: #5C9FDC; border-radius: 0; font-size: 14px; padding: 5px 34px; transition: 0.4s linear; } .theme_action_btn:hover { background-color: #fff; color: #5C9FDC; border-color: #5C9FDC; } .AddEmptoJobModal.calendarPopupCls .common_date_wrapper .mCSB_container { width: 100%; padding-right: 0 !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .AddEmptoJobModal.calendarPopupCls div#selected_date_div { width: 100%; } .AddEmptoJobModal.calendarPopupCls .common_date_wrapper li { width: calc(50% - 12px); display: inline-flex; vertical-align: top; margin-right: 10px; margin-bottom: 3px; justify-content: flex-start; } .AddEmptoJobModal.calendarPopupCls .common_date_wrapper li:nth-child(2n) { margin-right: 0; margin-left: 10px; } .AddEmptoJobModal_emplist .imgIcnCls { width: 30px; height: 30px; background-color: #E5E9F2; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 0; margin-right: 14px; overflow: hidden; } .AddEmptoJobModal_emplist .imgIcnCls.imgIcnCls_border { border: 2px solid #2089D9; } .AddEmptoJobModal_emplist .imgIcnCls img.mCS_img_loaded { max-width: 100%; height: 100%; } .AddEmptoJobModal_emplist .imgIcnCls span.nameChaCls { padding: 0 !important; } .AddEmptoJobModal_emplist .empCalNameCls { width: calc(50% - 45px); } .AddEmptoJobModal_emplist .schJTlbl { width: calc(50% - 20px); padding-right: 5px; } .emp_counter_lab { text-transform: uppercase; font-size: 10px !important; } .emp_counter_lab span { color: #5C9FDC; } .AddEmptoJobModal .AddEmptoJobModal_emplist { height: auto !important; max-height: 165px; } .multyimagediv .schEmpPanelCls { display: inline-flex; width: calc(100% - 20px); } .multyimagediv .schEmpPanelCls + .schEvRightSectionCls { width: 18px; margin: 0; } .multyimagediv .schEmpPanelCls > .imgIcnCls { margin-right: 0; } /*.multyimagediv .schEmpPanelCls .multy_images { width: 60px; }*/ .multyimagediv .schEmpPanelCls .multy_images .imgIcnCls:not(:first-child){ margin-left: -4px; } .multyimagediv .schEmpPanelCls .multy_images .imgIcnCls { display: inline-flex !important; vertical-align: top; } .multyimagediv .schEmpPanelCls .addEmpSchMainCls { background-color: #fff; border: 1px solid #fff; height: 15px; width: 15px; display: inline-flex; justify-content: center; align-items: center; border-radius: 100%; overflow: hidden; } .multyimagediv .schEmpPanelCls .addEmpSchMainCls .addEmpSchCls{ display: flex; } /*.multyimagediv .schEmpPanelCls .addEmpSchMainCls .addEmpSchCls img{ width: 12px; }*/ .multyimagediv .pipe_tile { margin: 0 4px; background-color: #fff; width: 1px; } /**/ .downHide, .upHide{ display: none; } .downShow, .upShow{ display: block; } .workOrderScheduleCalendarCls .fc-event-container .deptClr-Residential { background-color: #6772E5; } .workOrderScheduleCalendarCls .fc-event-container .deptClr-Commercial { background-color: #E37C4C; } .workOrderScheduleCalendarCls .fc-event-container .deptClr-Service { background-color: #24B47E; } /*.scEvLeftImgCls.ic-clock { max-width: 13px; }*/ .workOrderScheduleCalendarCls .fc-event-container .fc-timeline-event .schEventMaxSectionCls .schEv2SectionCls .schEvRightSectionCls img { cursor: pointer; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr th.fc-today { border: 2px solid #449FE1; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-body .fc-time-area .fc-bg .fc-slats > table { border-left: 2px !important; border-right: 2px !important; border-bottom: 2px !important; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-body .fc-time-area .fc-bg tbody tr td.fc-today { border: 2px solid #449FE1; background: transparent; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls thead.fc-head .fc-scroller-clip .fc-content > table { border-top: 2px; border-left: 2px; border-right: 2px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr th { border-bottom: none; border-right: 0px; } .workOrderScheduleBodyCls .workOrderScheduleCalendarCls .fc-unthemed .fc-view-container td .fc-scroller-clip .fc-scroller-canvas table tr th:first-child { border-left-width: 0px; } /*.new_date_nav div#week-picker-wrapper .week-prev, div#week-picker-wrapper .week-next { width: 32px; height: 32px; border-radius: 2.3px; }*/ .AddEmptoCloseJobModal .modal-body p { color: #444; margin: 0; font-weight: 400; font-size: 15px; line-height: 18px; } .AddEmptoCloseJobModal .modal-body p b { font-weight: 600; } @media(min-width: 1601px){ .multyimagediv .schEmpPanelCls .multy_images { max-width: calc(100% - 65px); } .multyimagediv .schEmpPanelCls .addEmpSchMainCls { width: 20px; height: 20px; } } .new_toggle_switch .time_manager_head_left .input-sm { width: 100%; } .new_toggle_switch .select_main, .new_toggle_switch .new_select_w { width: calc((100% - 516px)/4); } .new_toggle_switch .select_main .new_select_w { width: 100%; } .new_toggle_switch .cost_filter .datepickerclass { width: 160px; } .new_toggle_switch .toggle_div { margin-left: 10px; width: 110px; } .new_toggle_switch label.space-label { height: 21px; float: none; margin: 0; line-height: 20px; font-weight: 700; } .new_toggle_switch { width: 100%; } /* css for schedual sidebar 28-12 */ .workOrderScheduleBodyCls_new { align-items: flex-start; } .workOrderScheduleBodyCls_new .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls { padding: 20px 25px 25px; } .workOrderScheduleBodyCls_new .mCSB_outside+.mCSB_scrollTools { right: 0px; } .workOrderScheduleBodyCls_new .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .mCSB_scrollTools { right: -1px; width: 8px; } /* css for schedual scrollbar design 3-1 */ #people_view_calendar .fc-scroller{ scrollbar-width: thin; scrollbar-color: #1859db; } #people_view_calendar .fc-scroller::-webkit-scrollbar-track { background-color: #d9d9d9; } #people_view_calendar .fc-scroller::-webkit-scrollbar { width: 4px; } #people_view_calendar .fc-scroller::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.75); border-radius: 16px; } /* schedule page modal tab design */ .schedulePublish.tab_head { border-bottom: 1px solid #e5e5e5; padding: 15px 20px; } .schedulePublish.tab_head a { text-transform: capitalize; font-size: 16px; letter-spacing: 0; margin: 0 30px 0 0; line-height: 30px; } .schedulePublish.tab_head a:last-child { margin: 0; } .schedulePublish.tab_head a.active { border-bottom: 3px solid #03A0E7; } /* New calendar design */ .schPubJcMCls .jv_cal_sec_main ul { display: flex; flex-wrap: wrap; align-items: flex-start; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li { display: flex; flex-direction: row; flex-wrap: wrap; height: auto; min-height: 48px; align-items: flex-start; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a { font-size: 0; height: auto; line-height: 1; color: #263238; text-align: center; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a.schJobDisableCls span{ background-color: #24B47E; color: #fff; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span { color: #263238; width: 30px; height: 30px; display: inline-flex; line-height: 30px; align-items: center; justify-content: center; border-radius: 50%; font-size: 16px; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.grey a span { background-color: rgba(38,50,56,0.2); } .schPubJcMCls .dots_div { display: inline-block; line-height: 1; text-align: center; margin-top: 5px; width: 100%; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span.dots { width: 6px; height: 6px; border-radius: 100%; display: inline-block; line-height: 1; font-size: 0; float: none; margin: 0 2px 3px; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span.dotsClr { background-color: #cdd0d1 !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span.dotsClr-Residential{ background-color: #6772E5 !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span.dotsClr-Commercial{ background-color: #E37C4C !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span.dotsClr-Service{ background-color: #24B47E !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul a.schJobDisableCls { height: auto; width: auto; line-height: 1; background-color: transparent; } .schedule_job_txtarea { border: 0.863827px solid #94A7BC; border-radius: 4px; margin-top: 15px; padding: 10px; } .schedule_job_txtarea li { display: inline-block; width: 100%; color: #000; } .schedule_job_txtarea li span { text-transform: uppercase; } .calendarPopupCls .modal-footer .workOrdBtn.workOrdBtn_fill { background-color: #5C9FDC; color: #fff; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li{ align-items: center; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a{ height: 37px !important; margin-top: 8px; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.schJobPubDisableCls { background-color: #f1f1f1; border-radius: 0; cursor: no-drop; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.schJobPubDisableCls a, .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.schJobPubDisableHideCls, .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.schJobPubDisableHideCls a{ cursor: not-allowed; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li a span { height: 20px; width: 20px; background-color: transparent !important; color: #263238 !important; } .schPubJcMCls .jv_cal_sec_main .jv_cal_sec_bot ul li.schJobPubDisableHideCls a span{ color: #cdd0d1 !important; } /* 17 -01 */ /* .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar-thumb { background-color: #000000; } */ .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls{ overflow-y: auto; overflow-x: hidden; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar, .fc-timeline .fc-body .fc-scroller::-webkit-scrollbar{ width: 5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar-thumb, .fc-timeline .fc-body .fc-scroller::-webkit-scrollbar-thumb{ background: #606060; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls::-webkit-scrollbar-track, .fc-timeline .fc-body .fc-scroller::-webkit-scrollbar-track{ background: #c5c5c5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .ui-draggable-dragging { /*position: absolute;*/ min-width: 158px; } @media (max-width: 1600px){ .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .readyToScheduleWorkOrderCls .ui-draggable-dragging { min-width: 153px; } } /*.insetRevertCls{ inset: revert; }*/ .fc-scroller{ overflow-x: hidden !important; } .wodInternalNotes { border: 1px solid #8FA8BE; display: block; float: left; width: 100%; border-radius: 3px; padding: 10px; max-height: 220px; overflow: hidden; overflow-y: auto; } .wodInternalNotes .wodinumain { display: flex; margin-bottom: 5px; font-size: 16px; } .wodInternalNotes .wodinumain .wodinul { color: #000; font-weight: 600; width: 100px; } .wodInternalNotes .wodinumain .wodintr { display: inline-block; color: #3a3a3a; padding-left: 8px; width: calc(100% - 100px); font-size: 16px; } /* 15-03-2022 */ .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdScheduleCls{ margin-top: 20px; background-color: #fff; border-radius: 6px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls{ padding: 20px 25px 25px; overflow-y: auto; overflow-x: hidden; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls::-webkit-scrollbar{ width: 5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls::-webkit-scrollbar-thumb{ background: #606060; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls::-webkit-scrollbar-track{ background: #c5c5c5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl{ border-radius: 6px; box-shadow: 0px 2px 5px #e5e9f2; padding: 10px; border: 0px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl:not(:last-child){ margin-bottom: 10px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl.deptClr-Commercial{ background-color: #E37C4C; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl.deptClr-Service{ background-color: #24B47E; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl.deptClr-Residential{ background-color: #6772E5; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls{ display: flex; align-items: flex-start; justify-content: space-between; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls{ width: calc(100% - 20px); } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls div{ color: #fff; word-break: break-all; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkNameCls{ font-weight: 700; font-size: 12px; line-height: normal; margin-bottom: 5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkDateCls { font-size: 12px; line-height: normal; margin-bottom: 10px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkLeftCls .wrkDeprtCls { font-weight: 700; font-size: 10px; line-height: normal; text-transform: uppercase; letter-spacing: 0.5px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .wrkOdrReScCl .wrkDivMainCls .wrkRightCls { width: 16px; } .workOrderScheduleBodyCls .workOrderScheduleSideBarCls .holdWorkOrderCls .ui-draggable-dragging { /*position: absolute;*/ min-width: 158px; } /* */ /* switch design */ .workOrderScheduleCalendarCls .schEventHoldCls { margin-left: auto; } .workOrderScheduleCalendarCls .toggle_div br { display: none; } .workOrderScheduleCalendarCls .toggle_div .td_check switch { width: 15px; height: 10px; } .workOrderScheduleCalendarCls .toggle_div .td_check { padding: 0; margin: 0; top: 6px; } .workOrderScheduleCalendarCls .toggle_div .td_check .switch { width: 20px; height: 8px; } .workOrderScheduleCalendarCls .toggle_div .filterOnOffLbl { margin: 0; font-size: 10px; color: #eee; } .workOrderScheduleCalendarCls .toggle_div .slider { background-color: transparent; border: 2px solid #eee; } .workOrderScheduleCalendarCls .toggle_div .slider:before { width: 6px; height: 6px; bottom: -1px; left: 0px; background-color: #eee; } .workOrderScheduleCalendarCls .toggle_div input:checked{ pointer-events: none; } .workOrderScheduleCalendarCls .toggle_div input:checked + .slider{ border-color: #ca2222; pointer-events: none; } .workOrderScheduleCalendarCls .toggle_div input:checked + .slider:before { transform: translateX(10px); background-color: #eee; } /* full calendar sticky header design */ thead.fc-head .fc-scroller-clip, thead.fc-head .fc-scroller-clip .fc-cell-text, .workOrderScheduleSideBarCls{ transition: 0.4s linear; } /*.calendarStickyHeaderCls thead.fc-head .fc-scroller-clip .fc-cell-text{ display: inline-block !important; padding: 0 4%; }*/ .calendarStickyHeaderCls .workOrderScheduleSideBarCls { position: fixed; top: 81px; } .calendarStickyHeaderCls thead.fc-head .fc-scroller-clip { position: fixed; background-color: #f4f4f4; top: 77px; z-index: 9; } .calendarStickyHeaderCls thead.fc-head .fc-time-area .fc-scroller-clip{ right: 30px; } .calendarStickyHeaderCls thead.fc-head .fc-resource-area .fc-scroller-clip{ left: 280px; max-width: 50%; } .calendarStickyHeaderCls thead.fc-head .fc-time-area .fc-scroller-clip .fc-scroller.fc-no-scrollbars { border-left: 1px solid rgb(221 221 221); } .addSelSpeUlCls .selectSpeCls { border-bottom: 1px solid #bbbbbb; } /* autocomplete dropdown */ .ui-autocomplete { max-height: 300px; overflow: hidden; overflow-y: auto; border: 1px solid #8FA8BE; border-radius:4px; } .ui-autocomplete .ui-menu-item { padding: 3px 8px; font-size: 13px; } .ui-autocomplete .ui-menu-item.ui-state-focus { background-color: #4b72da; color: #fff; border:none; } .calendarStickyHeaderCls .peopleEmpViewCls { position: fixed !important; top: 90px !important; left: 300px !important; } @media (max-width: 1600px){ .calendarStickyHeaderCls thead.fc-head .fc-resource-area .fc-scroller-clip{ left: 240px; } .calendarStickyHeaderCls .peopleEmpViewCls { left: 260px !important; } } @media (max-width: 1400px){ .calendarStickyHeaderCls thead.fc-head .fc-scroller-clip { top: 152px; } .calendarStickyHeaderCls .workOrderScheduleSideBarCls { top: 161px; } } @media (max-width: 1333px){ .calendarStickyHeaderCls thead.fc-head .fc-scroller-clip { top: 70px; } .calendarStickyHeaderCls .workOrderScheduleSideBarCls { top: 81px; } }