/*******************/ /*Calendar widget*/ /*******************/ .calendar { float: left; margin-bottom: 0px; } .fc-view { margin-top: 30px; } .none-border .modal-footer { border-top: none; } .fc-toolbar { margin-bottom: 5px; margin-top: 15px; } .fc-toolbar h2 { font-size: 18px; font-weight: 500; line-height: 30px; text-transform: uppercase; } .fc-day { background: #ffffff; } .fc-day:hover { cursor: pointer; background: #f2f7f8; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover { z-index: 0; } .fc-widget-header { border: 0px !important; } .fc-widget-content { border-color: rgba(120, 130, 140, 0.13) !important; } .fc th.fc-widget-header { color: #54667a; font-size: 13px; font-weight: 300; line-height: 20px; padding: 7px 0px; text-transform: uppercase; } .fc th.fc-sun, .fc th.fc-tue, .fc th.fc-thu, .fc th.fc-sat { background: #f2f7f8; } .fc th.fc-mon, .fc th.fc-wed, .fc th.fc-fri { background: #f2f7f8; } .fc-view { margin-top: 0px; } .fc-toolbar { margin: 0px; padding: 24px 0px; } .fc-button { background: #ffffff; border: 1px solid rgba(120, 130, 140, 0.13); color: #54667a; text-transform: capitalize; box-shadow: none; } .fc-button:hover { background: #f2f7f8; opacity: 0.8; } .fc-text-arrow { font-family: inherit; font-size: 16px; } .fc-state-hover { background: #F5F5F5; } .fc-unthemed .fc-today { border: 1px solid #f62d51; background: #f2f7f8 !important; } .fc-state-highlight { background: #f0f0f0; } .fc-cell-overlay { background: #f0f0f0; } .fc-unthemed .fc-today { background: #ffffff; } .fc-event { border-radius: 0px; border: none; cursor: move; color: #ffffff !important; font-size: 13px; margin: 1px -1px 0 -1px; padding: 5px 5px; text-align: center; background: #009efb; } .calendar-event { cursor: move; margin: 10px 5px 0 0; padding: 6px 10px; display: inline-block; color: #ffffff; min-width: 140px; text-align: center; background: #009efb; } .calendar-event a { float: right; opacity: 0.6; font-size: 10px; margin: 4px 0 0 10px; color: #ffffff; } .fc-basic-view td.fc-week-number span { padding-right: 5px; } .fc-basic-view .fc-day-number { padding: 10px 15px; /* display: inline-block; */ } .fc-state-active{ background: #f2f7f8; } /* Custome Model Popup */ .wpsp-popupMain { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; text-align: center; overflow: auto; opacity: 0; visibility: hidden; transition: .3s all; -webkit-transition: .3s all; padding: 100px 15px } .wpsp-popVisible, .wpsp-popVisible .wpsp-overlayer { opacity: 1; visibility: visible } .wpsp-bodyFixed { overflow: hidden } .wpsp-overlayer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .8); opacity: 0; visibility: hidden; transition: .3s all; -webkit-transition: .3s all } .wpsp-popupMain:before { content: ''; display: inline-block; vertical-align: middle; margin-left: -5px; height: 100% } .wpsp-popBody { display: inline-block; vertical-align: middle; text-align: left; position: relative; z-index: 99; transition: .6s all; -webkit-transition: .6s all; background: #fff; max-width: 700px; width: auto; height: auto; padding: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); /* overflow: hidden; */ -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 9px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .2); box-shadow: 0 0 9px rgba(0, 0, 0, .2); width: 100%; /* border-radius: 7px; */ border: 5px solid; } .wpsp-popVisible .wpsp-popBody { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0) } .wpsp-popInner{ display: inline-block; width: 100%; } .wpsp-popup-cont{ display: inline-block; padding: 20px 10px; } .wpsp-popBody:before { position: absolute; left: 0; right: 0; top: 50px; bottom: 50px; background-color: #fff; content: ''; z-index: -1 } .wpsp-closePopup { position: absolute; right: -40px; top: -40px; width: 30px; height: 30px; transition: all .4s ease-in-out; z-index: 12; } .wpsp-closePopup:after, .wpsp-closePopup:before { position: absolute; content: ''; top: 0; bottom: 0; height: 3px; background: #fff; width: 100%; right: 0; margin: auto; left: 0 } .wpsp-closePopup:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .wpsp-closePopup:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .wpsp-closePopup:hover { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .wpsp-panel-title{ display: block; width: 100%; padding:15px; background: rgb(1,120,188); background: -moz-linear-gradient(left, rgba(1,120,188,1) 0%, rgba(0,189,218,1) 100%); background: -webkit-linear-gradient(left, rgba(1,120,188,1) 0%,rgba(0,189,218,1) 100%); background: linear-gradient(to right, rgba(1,120,188,1) 0%,rgba(0,189,218,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0178bc', endColorstr='#00bdda',GradientType=1 ); color: #fff; margin:0; } .wpsp-panel-body{ display: block; padding:20px 15px; } .wpsp-userpic{ display: inline-block; width: 150px; height: 150px; border-radius: 50%; margin:0 0 10px 0; background: #f1f1f1; position: relative; margin-top: -90px; border: 5px solid #fff; overflow: hidden; } .wpsp-userpic img{ width: 100%; height: 100%; object-fit: cover; object-position: center center; } .wpsp-userDetails { float: left; width: 100%; text-align: left; padding-bottom: 15px; } .wpsp-userInfo{ font-size: 16px; font-weight: 400; color: #333; margin: 0 0 10px 0; padding: 2px 0; float: left; width: 50%; } .wpsp-userInfo strong{ display: inline-block; /* min-width: 200px; */ } #ViewModalContent{ text-align: center; } .wpsp-full-width{ width: 100%; } /* Datateble style */ .dataTables_wrapper{ display: block; width: 100%; /* overflow-x: auto; */ -ms-overflow-style: -ms-autohiding-scrollbar; } table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { position: absolute; height: 22px; bottom: 0; top: 0; margin: auto; display: block; opacity: 0.3; } table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{ right: 12px; content: "\2191"; position: absolute; height: 22px; bottom: 0; top: 0; margin: auto; display: block; opacity: 0.3; } 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{ right: 5px; content: "\2193"; } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: 1; } .dataTables_info, .dataTables_length { display: inline-block; vertical-align: middle; } .dataTables_info{ color: #54667a; font-weight: 300; padding-top: 0.85em; white-space: nowrap; font-size: 16px; } .wpsp-dataTable-bottom{ display: block; margin-top: 15px; } .wpsp-length-info{ display: inline-block; } .wpsp-dataTable-bottom .dataTables_length + .dataTables_info{ padding-top: 0; margin-left: 10px; margin-top: -7px; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; } .dataTables_length select, .dataTables_filter input{ display: block; width: 100%; height: calc(1.8125rem + 2px); font-weight: 400; line-height: 1.5; color: #54667a; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 3px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none; padding: 4px 8px; font-size: 14px; line-height: 1.5; min-height: 20px; } .dataTables_filter, .dataTables_paginate{ float: right; } .dataTables_paginate{ display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .dataTables_paginate a { display: inline-block; vertical-align: middle; padding: 5px 10px; border-radius: 4px; border: 0px; text-decoration: none; color: #54667a; cursor: pointer; margin-left: 2px; } .dataTables_paginate a.previous{ margin-left: 0; } .dataTables_paginate a.current, .dataTables_paginate a:hover{ background: #009efb; color: #ffffff; } /* File upload button Design */ .wpsp-btn.wpsp-btn-file { position: relative; overflow: hidden } .wpsp-btn.wpsp-btn-file>input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block }