Iniit
This commit is contained in:
+3158
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,528 @@
|
||||
/*Custom Chat Styles*/
|
||||
.chatapp .header {
|
||||
border-bottom: solid 1px #eee !important;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
.chatapp .nav-tabs > .nav-item {
|
||||
padding: 0px 0.2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chatapp .nav-tabs > .nav-item > .nav-link {
|
||||
padding: .5rem 0.2rem;
|
||||
}
|
||||
|
||||
/*.chatapp .nav-tabs > .nav-item > .nav-link.link-icon-top.active {
|
||||
color: #00B0FF;
|
||||
border-bottom: 3px solid #00B0FF !important;
|
||||
}*/
|
||||
|
||||
.chatapp .nav-tabs.nav-light .nav-item.show .nav-link {
|
||||
color: #00B0FF;
|
||||
border-color: #00B0FF;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-body {
|
||||
padding: 10px 10px 10px 5px;
|
||||
}
|
||||
|
||||
.chatapp .dropdown-menu .dropdown-icon {
|
||||
color: #00B0FF;
|
||||
}
|
||||
|
||||
.chatapp-body .div-chat-search {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
z-index: 999;
|
||||
background-color: #fff;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.chatapp-search-div .chatAppSearch {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
height: 34px;
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
.userlist .online-status-icon {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
position: absolute !important;
|
||||
bottom: 4px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
.chatapp-body .list-group-item:hover {
|
||||
background-color: #F6F5F5;
|
||||
}
|
||||
|
||||
/* .chatapp-body .list-group-item:hover .chat-call-options i {
|
||||
color: #00B0FF !important;
|
||||
}*/
|
||||
|
||||
/*.userlist .first-letter-heading {
|
||||
background-color: #FBFBFB;
|
||||
}*/
|
||||
|
||||
.chatapp .chat-footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.chat-footer .text_div {
|
||||
border-top: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
.chat-footer .msg-option-container {
|
||||
display: flex;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.chat-footer .msg-option {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.chat-footer .msg-option i {
|
||||
color: #646A71;
|
||||
}
|
||||
|
||||
.chat-footer .msg-option:hover i {
|
||||
color: #00B0FF !important;
|
||||
}
|
||||
|
||||
.chat-footer .input-msg-send:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*.chatapp .chat-call-options a {
|
||||
display: none;*/
|
||||
/* color: #646A71 !important;*/
|
||||
/*}*/
|
||||
|
||||
/*.chatapp .userlist .list-group-item:hover .chat-call-options a {
|
||||
display: inline-block;
|
||||
}*/
|
||||
|
||||
.chatapp .txt_SearchChat:focus, .chatapp .txt_chatGroupName:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.chatapp-right .chatheader {
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.chatapp .chat-group-top-header {
|
||||
padding: 5px 0px;
|
||||
background-color: #fff;
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.chatapp .txt_chatGroupName {
|
||||
border: 2px solid #646a7185 !important;
|
||||
margin-right: 5px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.chat-call-options .custom-checkbox .custom-control-label::before {
|
||||
border-radius: .5rem;
|
||||
background-color: transparent;
|
||||
border: 2px solid #dee2e6fc;
|
||||
}
|
||||
|
||||
.chatapp .chat-group-footer {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background-color: #F3F6F9;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: -50px;
|
||||
left: 0;
|
||||
padding: 3px 10px;
|
||||
z-index: 999;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.chatapp .chat-group-footer:not(.hidden) {
|
||||
transform: translateY(-50px);
|
||||
}
|
||||
|
||||
.chatapp-right .chatheader {
|
||||
width: 105%;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
/*.chatapp-right .chat-body{
|
||||
height:80vh;
|
||||
}*/
|
||||
|
||||
/*.chatapp i[data-icon="l"]:hover {
|
||||
color: #00B0FF !important;
|
||||
}*/
|
||||
|
||||
|
||||
/* Chat Message Box Styles*/
|
||||
|
||||
.messageslist .message-div {
|
||||
max-width: 85%;
|
||||
font-size: 12px;
|
||||
margin: 0px 10px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.messageslist .message-body, .messageslist .messagemedia-body {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.messageslist .recived-messages {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.messageslist .message-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.messageslist .recived-messages .message-wrapper {
|
||||
background-color: #fff;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
color: #000;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.messageslist .recived-messages .single-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.messageslist .sent-messages .single-message {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.messageslist .sent-messages {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.messageslist .sent-messages .message-wrapper {
|
||||
background-color: #DEF7F9;
|
||||
color: #2C343E;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.messageslist .message-span {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.messageslist .message-div .time {
|
||||
color: #000;
|
||||
margin-top: 3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.messageslist .recived-messages .time {
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.messageslist .sent-messages .time {
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.messageslist .date {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.messageslist .date:before, .messageslist .date:after {
|
||||
position: absolute;
|
||||
top: 51%;
|
||||
overflow: hidden;
|
||||
height: 2px;
|
||||
content: '\a0';
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
.messageslist .date:before {
|
||||
margin-left: -39%;
|
||||
text-align: right;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.messageslist .date:after {
|
||||
margin-left: 3%;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.messageslist .dropdown-menu .dropdown-item {
|
||||
font-size: 13px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/*.messageslist .dropdown-menu .dropdown-item:hover:not(.active):not(.disabled) {
|
||||
background-color: #00B0FF;
|
||||
color: #fff;
|
||||
}*/
|
||||
|
||||
.messageslist .chatoptions-icon {
|
||||
color: #32b0bb;
|
||||
}
|
||||
|
||||
.messageslist .chatoptions:hover .chatoptions-icon {
|
||||
color: #00B0FF;
|
||||
}
|
||||
|
||||
.chat-group-top-header .txt_SearchChat, .chat-group-top-header .input-group-text {
|
||||
background-color: #F3F6F9;
|
||||
}
|
||||
|
||||
.messageslist .admindetails {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.admindetails .admin-msg {
|
||||
margin-bottom: 15px;
|
||||
color: #5b676d;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.message-div .single-message {
|
||||
color: #444447;
|
||||
}
|
||||
|
||||
.message-wrapper .msg-status {
|
||||
color: #00B0FF;
|
||||
margin-left: 5px;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.message-wrapper .delete-msg {
|
||||
color: #f83f37;
|
||||
}
|
||||
|
||||
.message-wrapper .delete-msg .del-icon {
|
||||
background-color: #ffd1d1;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-left: 5px;
|
||||
border-radius: 50%;
|
||||
color: #FF0000;
|
||||
}
|
||||
|
||||
.message-wrapper .edit-icon {
|
||||
background-color: #f4e4c6;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin-left: 5px;
|
||||
border-radius: 50%;
|
||||
color: #a27f48;
|
||||
}
|
||||
|
||||
.message-wrapper .quotemessage .normalmessage {
|
||||
background-color: #fff;
|
||||
padding: 5px 10px;
|
||||
border-radius: 10px;
|
||||
color: #1F2327;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.message-wrapper .message-download {
|
||||
margin-left: 10px;
|
||||
border-left: 1px solid #29E1B3;
|
||||
}
|
||||
|
||||
.message-wrapper .thumb_file {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.message-wrapper .thumb_file.audio-thumb-img {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/*Profile Styles*/
|
||||
.profiledetails .Profile_name {
|
||||
text-transform: capitalize;
|
||||
margin-right: 5px;
|
||||
color: #1F2327;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.profiledetails .btn_AddChatParticipants i {
|
||||
font-size: 17px;
|
||||
color: #1F2327;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.user-profile-details-list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.user-profile-details-list .nav-item .nav-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.user-profile-details-list .nav-link .count-span {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: -12px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.user-profile-details-list li .nav-link {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.participants-header, .groups-header, .add-participants-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.div-Chat-Participants .dropdown-menu .dropdown-item {
|
||||
font-size: 13px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/*.div-Chat-Participants .dropdown-menu .dropdown-item:hover:not(.active):not(.disabled) {
|
||||
background-color: #00B0FF;
|
||||
color: #fff;
|
||||
}*/
|
||||
|
||||
.User-Profile-Details .list-group-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.msg-option-container .msg-send-btn {
|
||||
border-radius: 5px;
|
||||
background-color: #00A389;
|
||||
}
|
||||
|
||||
.msg-option-container .msg-send-btn i {
|
||||
transform: rotate(319deg);
|
||||
font-size: 18px !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.User-Profile-Details .group-count-span {
|
||||
font-size: 10px;
|
||||
padding: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.div_selected_files .thumb-span {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
position: relative;
|
||||
margin-right: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.div_selected_files .remove-btn {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -7px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.header .nav.nav-line > .nav-item > .nav-link:hover
|
||||
{
|
||||
border:none ;
|
||||
}
|
||||
.list-chat-contacts .list-group-item.border-0 {
|
||||
border-bottom: 1px solid rgba(0,0,0,.125) !important;
|
||||
}
|
||||
span.badge.badge-success.unread_messages.rounded-circle {
|
||||
font-size: 8px;
|
||||
padding: 5px;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
line-height: 0.9;
|
||||
}
|
||||
|
||||
.chatapp-search-div .chatAppSearch:focus {
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
border-color: #80bdff;
|
||||
outline: 0;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@media (max-width: 575.98px) {
|
||||
.biz-wrapper .biz-settings-panel .settings-panel-wrap {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.simple-scroll-bar.chatapp-body {
|
||||
height:86vh !important;
|
||||
}
|
||||
#settings-panel-body .chatapp-wrap {
|
||||
height:90vh !important;
|
||||
}
|
||||
}
|
||||
.simplebar-track.simplebar-horizontal
|
||||
{
|
||||
visibility:hidden;
|
||||
display:none !important;
|
||||
}
|
||||
#settings-panel-body .biz-detail-avatar{
|
||||
width:40px !important;
|
||||
height:40px !important;
|
||||
}
|
||||
#search_chatmsg:active {
|
||||
background-color: #F4F5F6 !important;
|
||||
}
|
||||
|
||||
.up-arrow i:hover, .up-arrow i:active,
|
||||
.down-arrow i:hover, .down-arrow i:active {
|
||||
background: #e8e8e8;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.chatapp .chat-group-footer:not(.hidden) {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.chatapp .chat-footer {
|
||||
bottom: -20px;
|
||||
}
|
||||
}
|
||||
/* End of Custom Chat Styles*/
|
||||
|
||||
@@ -0,0 +1,92 @@
|
||||
.card-body .form-coupon-left {
|
||||
/*flex: 1;*/
|
||||
text-align: center;
|
||||
border-right: 1px dashed #FF9100;
|
||||
padding: 2.5rem;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.card-body .form-coupon-right {
|
||||
/*flex: 2;*/
|
||||
padding: 2.5rem;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.card-body .form-coupon {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #FFF4E6;
|
||||
border: 1px dashed #FF9100;
|
||||
}
|
||||
|
||||
|
||||
.scanned-coupon-card {
|
||||
background-color: #DEFBEA;
|
||||
color: #565D56;
|
||||
border-top-left-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
}
|
||||
|
||||
.scanned-coupon-value {
|
||||
background-color: #FF9100;
|
||||
border-left: 2px dashed #DEFBEA;
|
||||
border-top-left-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
min-width: 126px;
|
||||
}
|
||||
|
||||
/*Scanned Copupons Start */
|
||||
.scanned-coupon-card {
|
||||
background-color: #DEFBEA;
|
||||
color: #565D56;
|
||||
border-top-left-radius: 15px;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-left: 2px dashed #DEFBEA;
|
||||
}
|
||||
|
||||
.scanned-coupon-value-2 {
|
||||
background-color: #FF9100;
|
||||
border-left: 2px dashed #DEFBEA;
|
||||
border-top-left-radius: 15px;
|
||||
min-width: 126px;
|
||||
}
|
||||
|
||||
.scanned-coupon-card-img img {
|
||||
transform: rotate(-45deg);
|
||||
background-color: #B6E5CA;
|
||||
}
|
||||
|
||||
.scanned-coupon-card .avatar .avatar-text.avatar-text-green:before, .avatar .avatar-text.avatar-text-success:before {
|
||||
background-color: white !important;
|
||||
}
|
||||
|
||||
.scanned-coupon-value, .scanned-coupon-card-details, .scanned-coupon-card-right {
|
||||
box-shadow: 0 2px 0px rgb(0 0 0 / 10%) !important
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
.scanned-coupon-card-detail-value p {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
/* .scanned-coupon-card-details {
|
||||
border-left: none !important;
|
||||
border-bottom-left-radius: 0px !important;
|
||||
}*/
|
||||
|
||||
.scanned-coupon-value-2 {
|
||||
border-bottom-left-radius: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.scanned-coupon-card .scanned-coupon-value {
|
||||
border-top-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*Scanned Copupons End*/
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,174 @@
|
||||
/*Auth pages*/
|
||||
.biz-pg-wrapper.biz-auth-wrapper {
|
||||
padding: 0;
|
||||
background: #F4F6F7;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper > header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 15px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #fff;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
border-radius: 50%;
|
||||
top: auto;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
color: #fff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap .play-btn:before {
|
||||
display: inline-block;
|
||||
font-family: "Ionicons";
|
||||
padding-left: 3px;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "\f488";
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img .auth-cover-info .auth-cover-content .play-wrap > span {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap {
|
||||
padding: 15px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
margin: 30px 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:before {
|
||||
background: #CACFD4;
|
||||
content: "";
|
||||
height: 1px;
|
||||
right: 50%;
|
||||
margin-right: 28px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .option-sep:after {
|
||||
background: #CACFD4;
|
||||
content: "";
|
||||
height: 1px;
|
||||
left: 50%;
|
||||
margin-left: 28px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .dd-handle {
|
||||
border-top-right-radius: .25rem;
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .form-control.rounded-input, .biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .rounded-input.dd-handle {
|
||||
border-top-right-radius: 50px;
|
||||
border-bottom-right-radius: 50px;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap .auth-form .form-group .input-group-append .input-group-text .feather-icon > svg {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-cover-img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper.biz-auth-wrapper .auth-form-wrap {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,205 @@
|
||||
|
||||
/*Caledar*/
|
||||
.calendarapp-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar {
|
||||
position: absolute;
|
||||
width: 225px;
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
border-right: 1px solid #E6E9EB;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .slimScrollDiv, .calendarapp-wrap .calendarapp-sidebar .nicescroll-bar {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar {
|
||||
display: none;
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .add-event-wrap .calendar-event {
|
||||
padding: 0.5rem 0.75rem;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .add-event-wrap .calendar-event .close {
|
||||
font-size: 1.25rem;
|
||||
padding-top: .5rem;
|
||||
}
|
||||
|
||||
.calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {
|
||||
left: -225px;
|
||||
}
|
||||
|
||||
.calendarapp-wrap.calendarapp-sidebar-toggle .calendar-wrap {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap {
|
||||
margin-left: 225px;
|
||||
position: relative;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc-event {
|
||||
position: relative;
|
||||
display: block;
|
||||
font-size: 79%;
|
||||
border: 1px solid #00B0FF;
|
||||
border-radius: 0;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc-event,
|
||||
.calendarapp-wrap .calendar-wrap .fc-event-dot {
|
||||
background: #00B0FF;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc button {
|
||||
height: auto;
|
||||
padding: .25rem .5rem;
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc button.fc-calendarSidebar-button {
|
||||
color: #959CA4;
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar {
|
||||
height: 80px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
margin-bottom: 0;
|
||||
padding: 0 15px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-left {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-right {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar > .fc-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center h2 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize;
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center > div {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered thead td, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered thead th {
|
||||
border-bottom: 0;
|
||||
border-top: 0;
|
||||
border-color: #E6E9EB;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered td, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-view-container .table-bordered th {
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
border-color: #E6E9EB;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc .fc-list-heading td {
|
||||
color: #1F2327;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.calendarapp-wrap .calendarapp-sidebar {
|
||||
left: -225px;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendarapp-sidebar .close-calendarapp-sidebar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.calendarapp-wrap.calendarapp-sidebar-toggle .calendarapp-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-today-button, .calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-left {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 414px) {
|
||||
.calendarapp-wrap .calendar-wrap .fc.fc-bootstrap4 .fc-header-toolbar .fc-center h2 {
|
||||
padding: 0 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,252 @@
|
||||
/*Carousel*/
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.carousel-control-prev:hover .carousel-control-next-icon,
|
||||
.carousel-control-prev:hover .carousel-control-prev-icon,
|
||||
.carousel-control-next:hover .carousel-control-next-icon,
|
||||
.carousel-control-next:hover .carousel-control-prev-icon {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
.carousel-control-next-icon,
|
||||
.carousel-control-prev-icon {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
border: 2px solid;
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 50%;
|
||||
background: none;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
.carousel-control-next-icon:before,
|
||||
.carousel-control-prev-icon:before {
|
||||
display: inline-block;
|
||||
font: normal normal normal 22px/1 'Material-Design-Iconic-Font';
|
||||
text-rendering: auto;
|
||||
padding-left: 3px;
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.carousel-control-next-icon:before {
|
||||
content: "\f2fb";
|
||||
}
|
||||
|
||||
.carousel-control-prev-icon:before {
|
||||
content: "\f2fa";
|
||||
}
|
||||
|
||||
.custom-carousel-nav .carousel-text-nav {
|
||||
position: static;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.custom-carousel-nav .carousel-text-nav:hover, .custom-carousel-nav .carousel-text-nav:focus {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.custom-carousel-nav .carousel-indicators {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.carousel-indicators {
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.carousel-indicators li.active {
|
||||
background: #b9c0c7;
|
||||
}
|
||||
|
||||
.carousel-indicators.dark-indicators li {
|
||||
border-color: #1F2327;
|
||||
}
|
||||
|
||||
.carousel-indicators.dark-indicators li.active {
|
||||
background: #1f2327;
|
||||
}
|
||||
|
||||
.carousel-indicators.theme-indicators li {
|
||||
border-color: #007D88;
|
||||
}
|
||||
|
||||
.carousel-indicators.theme-indicators li.active {
|
||||
background: #007d88;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
bottom: 30px;
|
||||
}
|
||||
|
||||
.owl-carousel .item-video {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-tn {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dots .owl-dot span {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 0 5px;
|
||||
background: transparent;
|
||||
border: 1px solid #1F2327;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dots .owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dots .owl-dot:hover span {
|
||||
background: #1F2327;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dots .owl-dot.active span {
|
||||
background: #1F2327;
|
||||
}
|
||||
|
||||
.owl-carousel.light-owl-dots .owl-dots .owl-dot span {
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.owl-carousel.light-owl-dots .owl-dots .owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.owl-carousel.light-owl-dots .owl-dots .owl-dot:hover span {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.owl-carousel.light-owl-dots .owl-dots .owl-dot.active span {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.owl-carousel.theme-owl-dots .owl-dots .owl-dot span {
|
||||
border: 1px solid #007D88;
|
||||
}
|
||||
|
||||
.owl-carousel.theme-owl-dots .owl-dots .owl-dot:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.owl-carousel.theme-owl-dots .owl-dots .owl-dot:hover span {
|
||||
background: #007D88;
|
||||
}
|
||||
|
||||
.owl-carousel.theme-owl-dots .owl-dots .owl-dot.active span {
|
||||
background: #007D88;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
left: 20px;
|
||||
bottom: 20px;
|
||||
margin: 0;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
border-radius: 50%;
|
||||
top: auto;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
color: #298DFF;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon:before {
|
||||
display: inline-block;
|
||||
font: normal normal normal 22px/1 'Material-Design-Iconic-Font';
|
||||
text-rendering: auto;
|
||||
padding-left: 3px;
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "\f3aa";
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
transform: scale(1.1, 1.1);
|
||||
}
|
||||
|
||||
.owl-carousel.dots-on-item .owl-dots {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.carousel-control-next-icon, .carousel-control-prev-icon {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
/*Twitter slider*/
|
||||
.twitter-slider-wrap i.fa-twitter {
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.twitter-slider-wrap .owl-carousel {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.twitter-slider-wrap .owl-carousel .user, .twitter-slider-wrap .owl-carousel .interact {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.twitter-slider-wrap .owl-carousel .tweet {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.twitter-slider-wrap .owl-carousel .tweet > a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.twitter-slider-wrap .owl-carousel .timePosted > a {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
body {
|
||||
}
|
||||
@@ -0,0 +1,771 @@
|
||||
|
||||
.chatapp {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.chatapp .header {
|
||||
border-bottom: solid 1px #eee !important;
|
||||
background-color: #f6f6f6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chatapp .chat-header {
|
||||
height: 55px;
|
||||
flex-shrink: 0;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.chatapp .nav-tabs .nav-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chatapp .chat-header-nav-tabs .nav-item .nav-link {
|
||||
padding: 5px 5px 2px 5px;
|
||||
font-weight: 500;
|
||||
font-size: 12px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
row-gap: 3px;
|
||||
}
|
||||
|
||||
.chatapp .dropdown-menu .dropdown-icon {
|
||||
color: #00B0FF;
|
||||
}
|
||||
|
||||
.chatapp .div-chat-search {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-search-div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chatapp .custom-chat-input {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 8px 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #DADDE1;
|
||||
outline: 0;
|
||||
width: 100%;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.chatapp .search-input {
|
||||
padding-left: 25px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-search-div .search-icon, .chatapp .chatapp-search-div .search-close {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.chatapp .chatapp-search-div .search-icon {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-search-div .search-close {
|
||||
right: 5px;
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.chatapp .userlist .online-status-icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chatapp .userlist .online-status-icon.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.chatapp .last-chat-msg, .chatapp .user-about {
|
||||
font-size: 12px;
|
||||
color: #5b676d;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chatapp .last-chat-time, .chatapp .mute-status-icon {
|
||||
color: #5b676d;
|
||||
}
|
||||
|
||||
.chatapp .list-chat-contacts .list-group-item:first-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-body .list-group-item:hover {
|
||||
background-color: #F6F5F5;
|
||||
}
|
||||
|
||||
.chatapp .chat-footer {
|
||||
padding: 8px 10px;
|
||||
background-color: #f6f6f6;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: 55px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 8px;
|
||||
flex: none;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.chatapp .chat-footer .quote-msg-wrap:not(:empty) {
|
||||
padding: 3px 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.chat-footer .div_selected_files {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.chat-footer .div_selected_files:not(:empty) {
|
||||
display: flex;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.chatapp .txt_SearchChat:focus, .chatapp .txt_chatGroupName:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.chatapp .chat-group-top-header {
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
.chat-call-options .custom-checkbox .custom-control-label::before {
|
||||
border-radius: .5rem;
|
||||
background-color: transparent;
|
||||
border: 2px solid #9f9f9ffc;
|
||||
}
|
||||
|
||||
.chatapp .chat-group-footer {
|
||||
text-align: center;
|
||||
background-color: #F3F6F9;
|
||||
width: 100%;
|
||||
padding: 10px 10px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
/* Chat Message Box Styles*/
|
||||
|
||||
.chatapp .messageslist .message-div {
|
||||
max-width: 85%;
|
||||
font-size: 12px;
|
||||
margin: 0px 10px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .messagemedia-body {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .recived-messages {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .star-msg-icon {
|
||||
position: absolute;
|
||||
right: 1px;
|
||||
bottom: -10px;
|
||||
}
|
||||
|
||||
.chatapp .star-msg-body .message-wrapper {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
min-width: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .recived-messages .message-wrapper {
|
||||
background-color: #f6f5f5;
|
||||
padding: 5px 10px;
|
||||
border-radius: 10px;
|
||||
color: #000;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.chatapp .messageslist .recived-messages .single-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .sent-messages .single-message {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.chatapp .messageslist .sent-messages {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .sent-messages .message-wrapper {
|
||||
background-color: #DEF7F9;
|
||||
color: #2C343E;
|
||||
padding: 5px 10px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.chatapp .messageslist .message-span {
|
||||
min-width: 0;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .message-div .time {
|
||||
color: #000;
|
||||
margin-top: 5px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .recived-messages .time {
|
||||
text-align: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .sent-messages .time {
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .date {
|
||||
position: relative;
|
||||
font-size: 12px;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .date:before, .chatapp .messageslist .date:after {
|
||||
position: absolute;
|
||||
top: 51%;
|
||||
overflow: hidden;
|
||||
height: 2px;
|
||||
content: '\a0';
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
.chatapp.chatapp .messageslist .date:before {
|
||||
margin-left: -39%;
|
||||
text-align: right;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .date:after {
|
||||
margin-left: 3%;
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .dropdown-menu .dropdown-item {
|
||||
font-size: 13px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.chat-group-top-header .txt_SearchChat, .chatapp .chat-group-top-header .input-group-text {
|
||||
background-color: #F3F6F9;
|
||||
}
|
||||
|
||||
.chatapp .messageslist .admindetails {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.chatapp .admindetails .admin-msg {
|
||||
margin-bottom: 15px;
|
||||
color: #5b676d;
|
||||
font-weight: 500;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.chatapp .message-div .single-message {
|
||||
color: #444447;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .msg-status {
|
||||
color: #00B0FF;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .msg-status, .chatapp .message-wrapper .msg-status-delivery {
|
||||
margin-left: 5px;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.chatapp .messagemedia-body .msg-status {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .delete-msg {
|
||||
color: #f83f37;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .delete-msg .del-icon:hover {
|
||||
color: #FF0000;
|
||||
background-color: #FFEBEB;
|
||||
border-color: #FFEBEB;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .quotemessage .normalmessage {
|
||||
background-color: #fff;
|
||||
padding: 5px 10px;
|
||||
border-radius: 10px;
|
||||
color: #1F2327;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .message-download {
|
||||
margin-left: 10px;
|
||||
border-left: 1px solid #29E1B3;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .thumb_file {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.chatapp .message-wrapper .thumb_file.audio-thumb-img {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
/*Profile Styles*/
|
||||
|
||||
.chatapp .profiledetails .btn_AddChatParticipants i {
|
||||
font-size: 17px;
|
||||
color: #1F2327;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.chatapp .profile-media-tabs {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.chatapp .profile-media-tabs .nav-item .nav-link {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.chatapp .profile-media-tabs .nav-link .count-span {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: -10px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.chatapp .div-Chat-Participants .dropdown-menu .dropdown-item {
|
||||
font-size: 13px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.chatapp .profiledetails .list-group-item:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.chatapp .div_selected_files .thumb-span {
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
position: relative;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.chatapp .div_selected_files .remove-btn {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
top: -8px;
|
||||
right: -7px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.chatapp .list-chat-contacts .list-group-item.border-0 {
|
||||
border-bottom: 1px solid rgba(0,0,0,.125);
|
||||
}
|
||||
|
||||
.chatapp span.badge.badge-success.unread_messages.rounded-circle {
|
||||
font-size: 8px;
|
||||
padding: 5px;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
line-height: 0.9;
|
||||
}
|
||||
|
||||
.chatapp .chatapp-search-div .chatAppSearch:focus {
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
border-color: #80bdff;
|
||||
outline: 0;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.chatapp .simplebar-track.simplebar-horizontal {
|
||||
visibility: hidden;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.chatapp #search_chatmsg:active {
|
||||
background-color: #F4F5F6 !important;
|
||||
}
|
||||
|
||||
.chatapp .media-img-wrap .avatar-img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.chatapp .media-img-wrap {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.chatapp .searchmsgcount {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 50px;
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
padding: 5px 10px;
|
||||
height: 35px;
|
||||
box-shadow: 0 4px 5px rgb(0 0 0 / 10%);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.chatapp .msg-search-wrap .search-left-icon {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.chatapp .chat-scrollbar {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.chatapp .dot_wave {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.chatapp .dot {
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
margin-right: 2px;
|
||||
border-radius: 50%;
|
||||
background-color: black;
|
||||
animation: loading 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes loading {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
25% {
|
||||
transform: translateX(15px);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(20px);
|
||||
}
|
||||
}
|
||||
|
||||
.chatapp .dot:nth-child(1) {
|
||||
animation-delay: 0.1s;
|
||||
}
|
||||
|
||||
.chatapp .dot:nth-child(2) {
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
.chatapp .dot:nth-child(3) {
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.div-user-group-Name .edit_groupdetails:focus {
|
||||
box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 25%);
|
||||
}
|
||||
|
||||
.chatapp .webcam {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
height: 250px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.chatapp .webcam .camera-controls {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
column-gap: 20px;
|
||||
font-size: 24px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.chatapp .webcam .camera-controls i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chatapp .chat-emojis, .chatapp .mentionable-contact-list {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 100%;
|
||||
transform: translateX(-50%);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.chatapp .chat-emojis .emojis-tab-content, .chatapp .mentionable-contact-list {
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
||||
.chatapp .emoji-cat-tabs {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.chatapp .emoji-cat-tabs .nav-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.chatapp .chat-emojis .emoji-cat {
|
||||
padding: 0 2px;
|
||||
border: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.chatapp .emojis-tab-content {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.chatapp .emojis-content .emoji-icon {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.chatapp .edit_grpdetails {
|
||||
visibility: hidden;
|
||||
margin-right: -30px
|
||||
}
|
||||
|
||||
.chatapp .profile-name-wrap:hover .edit_grpdetails {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.chatapp .edit-group-input-wrap .save_changes {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.chatapp .chat-popup {
|
||||
position: absolute;
|
||||
width: 95%;
|
||||
z-index: 1090;
|
||||
margin: auto;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
|
||||
.chatapp .chat-message-wrap .chatoptions-wrapper {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.chatapp .chat-message-wrap:hover .chatoptions-wrapper {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.chatapp .avatar-group.avatar-group-sm.avatar-group-overlapped .avatar:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.chatapp .chat-flex-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.chatapp .msg-compose-options {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.chatapp .selected-msgs-count {
|
||||
min-width: 12px;
|
||||
}
|
||||
|
||||
.chatapp .searched-msg {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.chatapp .searched-msg.active {
|
||||
background-color: rgb(255 255 0);
|
||||
}
|
||||
|
||||
.chatapp .panel-preview .modal-content {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.chatapp .panel-preview .modal-body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0 10px;
|
||||
max-height: 70vh;
|
||||
}
|
||||
|
||||
.chatapp .preview-img {
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.chatapp .more_msg {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 4px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.chatapp .recived-messages .msg-check {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.chatapp .sent-messages .msg-check {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.chatapp .profile-details-wrap{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 15px;
|
||||
}
|
||||
|
||||
/* Fullscreen styles*/
|
||||
.chat-fullscreen {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chatapp {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chatapp-body {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chat-convo-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chat-convo-body {
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.chat-fullscreen .msg-info-body {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.chat-fullscreen li.list-group-item {
|
||||
border-radius: 10px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.chat-fullscreen li.list-group-item:hover {
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.chat-fullscreen .list-group {
|
||||
row-gap: 5px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .fullscreen-modal .list-group {
|
||||
row-gap: 8px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .webcam {
|
||||
max-width: 400px;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.chat-fullscreen .fullscreen-modal .modal-content {
|
||||
height: 100%;
|
||||
max-height: 85vh;
|
||||
}
|
||||
|
||||
.chat-fullscreen .fullscreen-modal .chat-header {
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .emojis-content {
|
||||
column-gap: 10px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .emoji-cat-tabs {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .emojis-content .emoji-icon {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chat-emojis .emoji-cat {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .emojis-tab-content {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .webcam {
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chat-popup .modal-content {
|
||||
width: 95%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.chat-fullscreen .chat-popup-backdrop {
|
||||
z-index: 1060;
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
/*Data Table*/
|
||||
table.dataTable {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
table.dataTable th, table.dataTable td {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
table.dataTable thead th, table.dataTable thead td, table.dataTable tbody th, table.dataTable tbody td {
|
||||
padding: .75rem 1.25rem;
|
||||
}
|
||||
|
||||
table.dataTable thead td, table.dataTable thead th {
|
||||
border-bottom: none;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
|
||||
display: inline-block;
|
||||
font-family: "Ionicons";
|
||||
speak: none;
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
right: 7px;
|
||||
}
|
||||
|
||||
table.dataTable thead td.sorting::before, table.dataTable thead td.sorting_asc::before, table.dataTable thead td.sorting_desc::before, table.dataTable thead td.sorting::after, table.dataTable thead td.sorting_asc::after, table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting::before, table.dataTable thead th.sorting_asc::before, table.dataTable thead th.sorting_desc::before, table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
content: "";
|
||||
color: #298DFF;
|
||||
}
|
||||
|
||||
table.dataTable thead td.sorting_asc::before, table.dataTable thead th.sorting_asc::before {
|
||||
content: "\f11a";
|
||||
}
|
||||
|
||||
table.dataTable thead td.sorting_desc::after, table.dataTable thead th.sorting_desc::after {
|
||||
content: "\f118";
|
||||
}
|
||||
|
||||
table.dataTable tfoot td, table.dataTable tfoot th {
|
||||
border-top: none;
|
||||
font-weight: 500;
|
||||
padding: .75rem 1.25rem;
|
||||
background: #E6E9EB;
|
||||
}
|
||||
|
||||
table.dataTable.no-footer {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
|
||||
border-top: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
|
||||
border-top: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
|
||||
background: rgba(244, 245, 246, 0.5);
|
||||
}
|
||||
|
||||
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
|
||||
background: #1F2327;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable tbody tr.selected {
|
||||
background: #1F2327;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
|
||||
background: rgba(202, 207, 212, 0.2);
|
||||
}
|
||||
|
||||
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
|
||||
background: #1F2327;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
|
||||
background: rgba(230, 233, 235, 0.3);
|
||||
}
|
||||
|
||||
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
|
||||
background: #1F2327;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
|
||||
background-color: #298DFF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
|
||||
background: #1F2327;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > tr:first-child {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > tr:first-child:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.dataTable > tbody > tr.child ul.dtr-details {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.dataTable > tbody > tr.child ul.dtr-details > li {
|
||||
border-bottom: none;
|
||||
padding: 0.25em;
|
||||
}
|
||||
|
||||
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
|
||||
padding-top: 0.25em;
|
||||
}
|
||||
|
||||
table.dataTable > tbody > tr.child span.dtr-title {
|
||||
min-width: 80px;
|
||||
font-weight: 500;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
table.dataTable > tbody > tr.child span.dtr-data {
|
||||
color: #7C848B;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
||||
padding: 0;
|
||||
margin-left: 0;
|
||||
color: #1F2327 !important;
|
||||
border: none !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_filter input {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.dataTables_wrapper .dataTables_length select {
|
||||
width: 80px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.dataTables_wrapper .dataTables_length {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,584 @@
|
||||
/*Email UI*/
|
||||
.emailapp-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
background: #F4F6F7;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
border-right: 1px solid #E6E9EB;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .close-emailapp-sidebar {
|
||||
display: none;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .close-emailapp-sidebar > .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-category .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-transform: capitalize;
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-category .nav-item .nav-link .badge {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-category .nav-item.active .nav-link {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-labels .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #1F2327;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-labels .nav-item .nav-link .badge-indicator {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-settings .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #5C7D89;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .nav.mail-settings .nav-item .nav-link > i {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap hr {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
|
||||
.emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.emailapp-wrap.emailapp-sidebar-toggle .email-box {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box {
|
||||
margin-left: 200px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star > .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star > .feather-icon > svg {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star:hover {
|
||||
color: #00D67F;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star:hover > .feather-icon > svg {
|
||||
fill: #00D67F !important;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star:hover > .feather-icon > svg polygon {
|
||||
fill: #00D67F !important;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star.starred {
|
||||
color: #00D67F;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star.starred > .feather-icon > svg {
|
||||
fill: #00D67F !important;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .email-star.starred > .feather-icon > svg polygon {
|
||||
fill: #00D67F !important;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left {
|
||||
-ms-flex: 0 0 40%;
|
||||
flex: 0 0 40%;
|
||||
max-width: 40%;
|
||||
border-right: 1px solid #E6E9EB;
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
height: 72px;
|
||||
padding: 0 15px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #E6E9EB;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left header span {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left header .emailapp-sidebar-move {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left header .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search {
|
||||
width: 100%;
|
||||
background: #F4F5F6;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group .form-control, .emailapp-wrap .email-box .emailapp-left .email-search .input-group .dd-handle {
|
||||
padding-left: 36px;
|
||||
border-radius: 50px;
|
||||
border: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group .form-control:focus, .emailapp-wrap .email-box .emailapp-left .email-search .input-group .dd-handle:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group .input-group-prepend {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 0;
|
||||
z-index: 4;
|
||||
bottom: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group .input-group-prepend .feather-icon {
|
||||
display: block;
|
||||
color: #7C848B;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .email-search .input-group .input-group-prepend .feather-icon > svg {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media {
|
||||
padding: 12px 15px;
|
||||
-webkit-transition: 0.2s ease;
|
||||
-moz-transition: 0.2s ease;
|
||||
transition: 0.2s ease;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-img-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-img-wrap .avatar {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-head,
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-subject,
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-text > p {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-head {
|
||||
text-transform: capitalize;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-subject {
|
||||
color: #00B0FF;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:First-child .email-text > p {
|
||||
font-size: 14px;
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .last-email-details {
|
||||
font-size: 13px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .last-email-details .badge-indicator {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .last-email-details .email-attachment-label {
|
||||
color: #5C7D89;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .last-email-details .email-attachment-label .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .last-email-details .email-attachment-label .feather-icon > svg {
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:last-child .email-star {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
-webkit-justify-content: flex-end;
|
||||
-ms-flex-pack: flex-end;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media:hover {
|
||||
background: #F4F5F6;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media.read-email .media-body > div:first-child .email-subject {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media.read-email .media-body > div:last-child .last-email-details {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media.active-email {
|
||||
background: #F4F5F6;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list .email-hr-wrap > hr {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right {
|
||||
-ms-flex: 0 0 60%;
|
||||
flex: 0 0 60%;
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
height: 72px;
|
||||
padding: 0 15px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header .back-email-list {
|
||||
display: none;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header .email-options-wrap {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header .email-options-wrap > a {
|
||||
margin-left: 25px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header .email-options-wrap .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head h4, .emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head > div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head .email-star {
|
||||
display: block;
|
||||
text-align: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .sender-email {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .media .media-img-wrap {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .media .media-img-wrap .avatar {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .media .media-body .sender-name {
|
||||
color: #1F2327;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .head-other-wrap span {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .head-other-wrap a.dropdown-toggle {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-text-wrap .email-end-detail > span:first-child {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap .email-attachment-block {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap .email-attachment-block .file-name {
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap .email-attachment-block .file-size {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap .email-attachment-block > a {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap > div.d-flex > a {
|
||||
font-size: 20px;
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-attachment-wrap > div.d-flex > a:first-child {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .nicescroll-bar > div {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 1600px) {
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-head, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-subject, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-text > p {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.emailapp-wrap .emailapp-sidebar {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .emailapp-sidebar .emailapp-nav-wrap .close-emailapp-sidebar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap.emailapp-sidebar-toggle .emailapp-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-head, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-subject, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-text > p {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-head, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-subject, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-text > p {
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-left,
|
||||
.emailapp-wrap .email-box .emailapp-right {
|
||||
-ms-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
-webkit-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
|
||||
-moz-transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
|
||||
transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right {
|
||||
right: -100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header {
|
||||
justify-content: start;
|
||||
-webkit-justify-content: start;
|
||||
-ms-flex-pack: start;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right header .back-email-list {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.emailapp-wrap.emailapp-slide .email-box .emailapp-left {
|
||||
left: -100%;
|
||||
}
|
||||
|
||||
.emailapp-wrap.emailapp-slide .email-box .emailapp-right {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head {
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-subject-head h5 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head {
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.emailapp-wrap .email-box .emailapp-right .email-body .email-head .head-other-wrap {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-head, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-subject, .emailapp-wrap .email-box .emailapp-left .emailapp-emails-list a.media .media-body > div:first-child .email-text > p {
|
||||
max-width: 160px;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,256 @@
|
||||
/*File Manager*/
|
||||
.fmapp-wrap {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
background: #F4F6F7;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
border-right: 1px solid #E6E9EB;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .close-fmapp-sidebar {
|
||||
display: none;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .close-fmapp-sidebar > .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-category .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-transform: capitalize;
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-category .nav-item .nav-link .badge {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-category .nav-item.active .nav-link {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-labels .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #1F2327;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-labels .nav-item .nav-link .badge-indicator {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-settings .nav-item .nav-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
color: #5C7D89;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .nav.mail-settings .nav-item .nav-link > i {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap hr {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
|
||||
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.fmapp-wrap.fmapp-sidebar-toggle .fm-box {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box {
|
||||
margin-left: 200px;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-moz-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main {
|
||||
-ms-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
height: 72px;
|
||||
padding: 0 15px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header > span {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #1F2327;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fmapp-sidebar-move {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fmapp-sidebar-move .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap > a, .fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap > span {
|
||||
margin-left: 25px;
|
||||
display: inline-block;
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap > a:first-child, .fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap > span:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap .feather-icon {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main header .fm-options-wrap .feather-icon.grid-view {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-view-wrap .fmapp-grid-view {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-view-wrap .fmapp-grid-view .file-preview {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-view-wrap .fmapp-grid-view .file-name {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #1F2327;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table .file-name {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table img.file-preview {
|
||||
max-width: 100%;
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table .files-more-link {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
-webkit-justify-content: flex-end;
|
||||
-ms-flex-pack: flex-end;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table .files-more-link > a {
|
||||
margin-right: 24px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table .files-more-link > a:first-child {
|
||||
color: #5C7D89;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table .files-more-link > a:last-child {
|
||||
color: #5C7D89;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main .fm-body .fmapp-table-view table.table-hover tbody tr:hover {
|
||||
background-color: #E6F7FF;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main.fmapp-view-switch header .fm-options-wrap .feather-icon.grid-view {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main.fmapp-view-switch header .fm-options-wrap .feather-icon.list-view {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main.fmapp-view-switch .fm-body .fmapp-grid-view {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box .fmapp-main.fmapp-view-switch .fm-body .fmapp-table-view {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (max-width: 1400px) {
|
||||
.fmapp-wrap .fmapp-sidebar {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap .close-fmapp-sidebar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.fmapp-wrap .fm-box {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*Gallery*/
|
||||
.biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery {
|
||||
margin-right: -5px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] {
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a .gallery-img {
|
||||
min-height: 160px;
|
||||
max-width: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.biz-gallery-wrap .tab-content .tab-pane .row.biz-gallery > [class*="col-"] > a > i {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.lg-outer .lg-video .lg-object {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
width: auto !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
@@ -0,0 +1,592 @@
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
em, cite, i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
strong, b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
color: #3E606C;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||||
line-height: 1.5;
|
||||
background: #acb0b1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-font, .jq-toast-wrap .jq-toast-single, .jq-toast-wrap .jq-toast-single .jq-toast-heading {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #00B0FF;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
-moz-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #33C0FF;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #33C0FF;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.py-xl-0 {
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.py-50 {
|
||||
padding-top: 50px !important;
|
||||
padding-bottom: 50px !important;
|
||||
}
|
||||
|
||||
/*Loader*/
|
||||
.preloader-it {
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
z-index: 10001;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.loader-pendulums {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-size: 4rem;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 50%;
|
||||
border: 0.1em solid #E6E9EB;
|
||||
}
|
||||
|
||||
.loader-pendulums:before, .loader-pendulums:after {
|
||||
content: '';
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
left: -.1em;
|
||||
top: -.1em;
|
||||
padding: .1em;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
border: .1em solid;
|
||||
border-color: #ADB5BD transparent transparent transparent;
|
||||
-webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
|
||||
animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
|
||||
}
|
||||
|
||||
.loader-pendulums:before {
|
||||
border-color: #1F2327 transparent transparent transparent;
|
||||
-webkit-animation-delay: -1s;
|
||||
animation-delay: -1s;
|
||||
-webkit-animation-name: pendulum2;
|
||||
animation-name: pendulum2;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pendulum {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pendulum {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
-moz-transform: rotate(359deg);
|
||||
-ms-transform: rotate(359deg);
|
||||
-o-transform: rotate(359deg);
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes pendulum2 {
|
||||
from {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(520deg);
|
||||
-moz-transform: rotate(520deg);
|
||||
-ms-transform: rotate(520deg);
|
||||
-o-transform: rotate(520deg);
|
||||
transform: rotate(520deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes pendulum2 {
|
||||
from {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
to {
|
||||
-webkit-transform: rotate(520deg);
|
||||
-moz-transform: rotate(520deg);
|
||||
-ms-transform: rotate(520deg);
|
||||
-o-transform: rotate(520deg);
|
||||
transform: rotate(520deg);
|
||||
}
|
||||
}
|
||||
|
||||
/*Wrapper*/
|
||||
.biz-wrapper {
|
||||
background: #F4F6F7;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper {
|
||||
background: #F4F6F7;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper .biz-pg-header {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: space-between;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper .biz-pg-header .biz-pg-title {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper .biz-pg-header .biz-pg-title .pg-title-icon {
|
||||
padding-right: 10px;
|
||||
color: #B9C0C7;
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.biz-pg-wrapper .biz-pg-header > div:first-child, .biz-pg-wrapper .biz-pg-header > div:last-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.biz-wrapper.biz-horizontal-nav .navbar-search {
|
||||
top: 97px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.navbar-search-toggle .navbar-search {
|
||||
top: 106px;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.navbar-search-toggle .biz-pg-wrapper {
|
||||
padding-top: 156px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-pg-wrapper {
|
||||
margin-left: 0;
|
||||
padding-top: 106px;
|
||||
left: 0;
|
||||
-webkit-transition: all 0.4s ease;
|
||||
-moz-transition: all 0.4s ease;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav {
|
||||
left: 0;
|
||||
top: 57px;
|
||||
bottom: auto;
|
||||
width: 100%;
|
||||
z-index: 100;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
box-shadow: 0 0 28px rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv > .nicescroll-bar {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav > .slimScrollDiv .slimScrollBar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav-wrap {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .biz-nav-close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link {
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav.flex-row {
|
||||
-ms-flex-direction: row !important;
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link {
|
||||
padding: .75rem 1rem;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link > .feather-icon {
|
||||
min-width: 26px;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"]::after {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item .nav-link.link-with-badge .badge {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2 {
|
||||
height: auto !important;
|
||||
min-width: 10rem;
|
||||
position: absolute !important;
|
||||
z-index: 1;
|
||||
border-radius: .25rem;
|
||||
border: 1px solid #E6E9EB;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1.collapsing, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-2.collapsing {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 {
|
||||
left: 0;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link {
|
||||
padding: .25rem 1.5rem;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item ul.collapse-level-2 {
|
||||
padding: 0.5rem 0;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item ul.collapse-level-1 .nav-item ul.collapse-level-2 .nav-item .nav-link {
|
||||
padding: .25rem 1rem;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapse, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapse.show, .biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav .nav-item:hover > ul.collapsing {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"]::after {
|
||||
margin-left: 10px;
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav .navbar-nav > .nav-item > .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
|
||||
-webkit-transform: rotate(0deg);
|
||||
-moz-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-light .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-light .navbar-nav .nav-item ul.collapse-level-2 {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-dark .navbar-nav .nav-item ul.collapse-level-1, .biz-wrapper.biz-horizontal-nav .biz-nav.biz-menu-dark .navbar-nav .nav-item ul.collapse-level-2 {
|
||||
background: #2A2E33;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav .navbar-search {
|
||||
top: 57px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav.navbar-search-toggle .biz-pg-wrapper {
|
||||
padding-top: 107px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle.biz-wrapper.biz-horizontal-nav .biz-pg-wrapper {
|
||||
padding-top: 57px;
|
||||
margin-left: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav {
|
||||
-webkit-transform: translateY(-100%);
|
||||
-moz-transform: translateY(-100%);
|
||||
-ms-transform: translateY(-100%);
|
||||
-o-transform: translateY(-100%);
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav .navbar-nav .nav-item .nav-link-text {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz-horizontal-nav.biz__nav__toggle .biz-nav-backdrop {
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
/*fonts*/
|
||||
.font-15 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.w-95 {
|
||||
width: 95% !important;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.w-sm-90 {
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.w-xl-75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*widths*/
|
||||
|
||||
/*margins*/
|
||||
.mt-50 {
|
||||
margin-top: 50px !important;
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
.mb-20 {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.mb-30 {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mr-10 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
/*Form*/
|
||||
.form-control, .dd-handle {
|
||||
color: #1F2327;
|
||||
border-width: 1px;
|
||||
border-color: #DADDE1;
|
||||
padding: .375rem 1rem;
|
||||
height: calc(2.25rem + 2px);
|
||||
}
|
||||
|
||||
.form-control.square-input, .square-input.dd-handle {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.form-control:focus, .dd-handle:focus {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.form-control:disabled, .dd-handle:disabled {
|
||||
background-color: #fff;
|
||||
border-color: #F4F5F6;
|
||||
color: #B9C0C7;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.form-control[readonly], [readonly].dd-handle {
|
||||
background-color: #fff;
|
||||
border-color: #CACFD4;
|
||||
}
|
||||
|
||||
.form-control.filled-input, .filled-input.dd-handle {
|
||||
background-color: #F4F5F6;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.form-control.outline-input, .outline-input.dd-handle {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-control.transparent-input, .transparent-input.dd-handle {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.form-control.transparent-input:focus, .transparent-input.dd-handle:focus {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.form-control.rounded-input, .rounded-input.dd-handle {
|
||||
border-radius: 50px !important;
|
||||
}
|
||||
|
||||
.form-control::-webkit-input-placeholder, .dd-handle::-webkit-input-placeholder {
|
||||
color: #ADB5BD;
|
||||
}
|
||||
|
||||
.form-control:-moz-placeholder, .dd-handle:-moz-placeholder {
|
||||
color: #ADB5BD;
|
||||
}
|
||||
|
||||
.form-control:-ms-input-placeholder, .dd-handle:-ms-input-placeholder {
|
||||
color: #ADB5BD;
|
||||
}
|
||||
|
||||
.form-control.custom-form-type-2, .custom-form-type-2.dd-handle {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-radius: 0;
|
||||
padding-left: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.form-control.custom-form-type-2:focus, .custom-form-type-2.dd-handle:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: .375rem .75rem;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
color: #495057;
|
||||
background-color: #fff;
|
||||
background-clip: padding-box;
|
||||
border: 0px !important;
|
||||
border-radius: 0rem !important;
|
||||
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
||||
border-bottom: 1px solid #ced4da !important;
|
||||
}
|
||||
|
||||
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.display-4 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
/*buttons*/
|
||||
.btn-primary.disabled, .btn-primary:disabled{
|
||||
color: #fff;
|
||||
background-color: #99DFFF;
|
||||
border-color: #99DFFF;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,128 @@
|
||||
@media(min-width:1200px) {
|
||||
.biz-wrapper.biz__icon__menu .biz-pg-wrapper.biz-secondary-color {
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.biz-wrapper .biz-right-side-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.biz-wrapper .biz-right-side-menu .right-side-menu-content-wrap .navbar-nav > li.nav-item > .nav-link {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
text-align: center;
|
||||
padding: .75rem .5rem;
|
||||
}
|
||||
|
||||
.biz-wrapper .biz-right-side-menu .right-side-menu-content-wrap .navbar-nav > li.nav-item > .nav-link .nav-icon-wrap {
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
display: flex;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
}
|
||||
|
||||
.biz-wrapper .biz-right-side-menu .right-side-menu-content-wrap .navbar-nav .dropdown-menu-float-right-side {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
right: 60px !important;
|
||||
height: 100%;
|
||||
width: 350px !important;
|
||||
max-width: 350px !important;
|
||||
z-index: 100000;
|
||||
left: unset !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz__icon__menu .biz-main-menu {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:1199px) {
|
||||
.biz-right-side-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.createform {
|
||||
right: 2px;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
z-index: 5;
|
||||
}
|
||||
/*nav bar*/
|
||||
.dropdown-menu.userdetails.show {
|
||||
border-radius: 0px !important;
|
||||
transform: translate3d(-235px, 0px, 0px) !important;
|
||||
width: 230px;
|
||||
top: 12px !important;
|
||||
padding: 10px;
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
#biz-layout-1-nav .dropdown-menu.userdetails.show {
|
||||
transform: none !important;
|
||||
top: 30px !important;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.branchshotcode {
|
||||
margin-left: 5px;
|
||||
font-size: 10px !important;
|
||||
font-weight: 400 !important;
|
||||
letter-spacing: 1px !important;
|
||||
}
|
||||
|
||||
.nav-link.lnk_nav_changebranch {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
@media(max-width:576px) {
|
||||
.biz-detail-avatar {
|
||||
position: relative;
|
||||
width: 30px !important;
|
||||
height: 30px !important;
|
||||
border-radius: 50%;
|
||||
display: flex !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 5px;
|
||||
}
|
||||
#biz-banner-carousel .owl-stage-outer {
|
||||
height: 160px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.biz-submenu .navbar-nav.collapse-level-1 .nav-item .nav-link {
|
||||
font-size: 14px !important;
|
||||
padding: 5px 15px 5px 15px !important;
|
||||
}
|
||||
|
||||
.biz-main-menu-hidden .biz-submenu .nav-options-container .nav-group-collapse-link {
|
||||
width: 240px !important;
|
||||
}
|
||||
|
||||
.biz-submenu .nav-options-container .nav-group-collapse-link {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
.biz-wrapper.biz__icon__menu .biz-submenu .navbar-nav.collapse-level-1 .nav-item .collapse-level-1 .nav-item .nav-link {
|
||||
padding-left: 25px !important;
|
||||
}
|
||||
@@ -0,0 +1,136 @@
|
||||
|
||||
/*Tabulator Table*/
|
||||
.tabulator .tabulator-header,
|
||||
.tabulator .tabulator-footer {
|
||||
color: #1F2327;
|
||||
font-size: 90%;
|
||||
font-weight: 600;
|
||||
border-color: #DADDE1;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-tableHolder .tabulator-placeholder span {
|
||||
color: #007D88;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-footer button.tabulator-page {
|
||||
padding: .5rem .75rem;
|
||||
line-height: 1.25;
|
||||
min-width: 40px;
|
||||
min-height: 40px;
|
||||
border-color: #DADDE1;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-footer button.tabulator-page:not(.disabled):hover, .tabulator .tabulator-footer button.tabulator-page:hover, .tabulator .tabulator-footer button.tabulator-page:focus {
|
||||
color: #1F2327;
|
||||
background-color: #E6E9EB;
|
||||
border-color: #DADDE1;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-footer button.tabulator-page.active {
|
||||
border-color: #00B0FF;
|
||||
background-color: #00B0FF;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-footer button.tabulator-page.active:hover {
|
||||
color: #1F2327;
|
||||
background-color: #E6E9EB;
|
||||
border-color: #DADDE1;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
|
||||
background-color: #F4F5F6;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 6px solid #CED8DC;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row {
|
||||
border-color: #DADDE1;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row .tabulator-responsive-collapse {
|
||||
border-color: #DADDE1;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row .tabulator-responsive-collapse table td, .tabulator .tabulator-row .tabulator-responsive-collapse table th {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-selected {
|
||||
background-color: #EBF5F6;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
|
||||
height: 1px;
|
||||
margin-top: 1px;
|
||||
background: #1F2327;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row .tabulator-cell .tabulator-data-tree-control {
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
margin-right: 10px;
|
||||
border: 1px solid #DADDE1;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
|
||||
height: 18px;
|
||||
width: 11px;
|
||||
margin-top: -16px;
|
||||
margin-right: 5px;
|
||||
border-bottom-left-radius: 1px;
|
||||
border-left: 1px solid #DADDE1;
|
||||
border-bottom: 1px solid #DADDE1;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-selectable:hover {
|
||||
background-color: #E6E9EB;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-group {
|
||||
background: #F4F5F6;
|
||||
border: 0;
|
||||
color: #1F2327;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-group > span {
|
||||
font-weight: 400;
|
||||
color: #1F2327;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-group:hover {
|
||||
background-color: #E6E9EB;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-group .tabulator-arrow {
|
||||
border-top: 4px solid transparent;
|
||||
border-bottom: 4px solid transparent;
|
||||
border-right: 0;
|
||||
border-left: 6px solid #CED8DC;
|
||||
}
|
||||
|
||||
.tabulator .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 6px solid #CED8DC;
|
||||
}
|
||||
|
||||
.tabulator.table-bordered .tabulator-header {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.tabulator.table-bordered .tabulator-header .tabulator-col,
|
||||
.tabulator.table-bordered .tabulator-tableHolder .tabulator-table .tabulator-row .tabulator-cell {
|
||||
border-color: #DADDE1;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,64 @@
|
||||
|
||||
#widgetsModal_popup .nav-item .nav-link.active {
|
||||
border-radius: 4px;
|
||||
padding:5px 15px;
|
||||
font-size:12px !important;
|
||||
}
|
||||
|
||||
#widgetsModal_popup .nav-item .nav-link {
|
||||
border-radius: 4px;
|
||||
padding: 5px 15px;
|
||||
color: #0A0A20 !important;
|
||||
background-color: #F5F4FD !important;
|
||||
border: 1px solid #D8D5F2 !important;
|
||||
font-size: 12px !important;
|
||||
font-weight:500;
|
||||
}
|
||||
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--single .select2-selection__arrow,
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--multiple .select2-selection__arrow {
|
||||
top: 1px !important;
|
||||
right: 6px !important;
|
||||
}
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
padding-left: 18px;
|
||||
font-weight: 400;
|
||||
color: #495057 !important;
|
||||
}
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--single .select2-selection__rendered span{
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear {
|
||||
margin-left:18px ;
|
||||
}
|
||||
#biz-wrapper[data-builder="widget_builder"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
color: #495057 !important;
|
||||
}
|
||||
|
||||
|
||||
/* Structures Start Here */
|
||||
#structures-settings-m-t .nav-item .nav-link.active {
|
||||
background-color: rgb(0, 0, 0) !important;
|
||||
color: rgb(255, 255, 255) !important;
|
||||
border-color: rgb(0, 0, 0) !important;
|
||||
}
|
||||
#structures-settings-m-t .nav-item .nav-link {
|
||||
border-radius: 4px;
|
||||
padding: 5px 15px;
|
||||
color: #0A0A20 !important;
|
||||
background-color: #F5F4FD !important;
|
||||
border: 1px solid #D8D5F2 !important;
|
||||
margin: 10px 5px 10px 5px;
|
||||
font-size: 12px !important;
|
||||
font-weight: 500;
|
||||
}
|
||||
.sp-preview-inner {
|
||||
border: 2px solid #ced4da;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
|
||||
/* Structures End Here */
|
||||
|
||||
Reference in New Issue
Block a user