﻿



/*calender View*/
.___credard{box-shadow:none !important;border:1px solid #eaeaea;border-radius:5px;margin-bottom:20px;border-radius:10px;margin-top:0px;}
.___credard  .card-header{border-bottom:1px solid #e7e7e7bd !important;padding:10px 20px !important;}
.___credard .card-body input{height:38px !important;border-radius:5px !important;}
.___credard  .card-header h5{color:#1E529B !important;font-weight:500;}

/*.___credard .___daterow {margin-top:18px;}*/
.___credard .___daterow  span{margin-bottom:0px !important;padding-bottom:0px !important;/*margin-top:18px !important;*/padding-top:0 !important}
.___credard .___daterow input{margin-bottom:0px !important;padding-bottom:0px !important;}
.___credard .card-body .__mylabel {width: 48%;height: 30px;font-size: 13px;padding: 6px 6px 6px 20px;margin-bottom: 10px;font-weight: 500;position: relative;letter-spacing: 0.5px;margin-right: 9px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;float:left;}
.___credard .card-body .__mylabel::before{content: '';position: absolute;height: 8px;width: 8px;border-radius: 10px;left: 6px;top: 11px;}
.___credard .card-body.__mybody{max-height:200px;overflow-y:auto;}

.rotate {-moz-transition: all .5s linear;-webkit-transition: all .5s linear;transition: all .5s linear;font-size: 12px !important;margin-top: 2px;margin-left:10px;}
.rotate.down {-moz-transform:rotate(90deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.___acorderianlink::after {transition: transform 0.3s ease-in-out;}
.___acorderianlink[aria-expanded="true"]::after {transform: rotate(180deg);}
.rotate{transition: transform 0.3s ease-in-out;}
.___acorderianlink:not(.collapsed) .arrow {transform: rotate(180deg);}
.rotate  {display: inline-block;transition: transform 0.3s ease-in-out;}
a[aria-expanded="true"] .arrow {transform: rotate(180deg);}

.___MeetingCalendarViews .color_1::before {background: #8B7EFF !important;}
.___MeetingCalendarViews .color_1 {background:#F3F2FF;border-left:3px solid #8B7EFF;color:#8B7EFF !important;}
                         
.___MeetingCalendarViews .color_2 {background:#FFF8EC;border-left:3px solid #FFB748;color:#FFB748 !important;}
.___MeetingCalendarViews .color_2::before {background: #FFB748 !important;}
                         
.___MeetingCalendarViews .color_3 {background:#EAF8F6;border-left:3px solid #35BDAA;color:#35BDAA !important;}
.___MeetingCalendarViews .color_3::before {background: #35BDAA !important;}
                                                    
.___MeetingCalendarViews .color_4 {background:#FEECEB;border-left:3px solid #F84238;color:#F84238 !important;}
.___MeetingCalendarViews .color_4::before {background: #F84238 !important;}
                         
.___MeetingCalendarViews .color_5 {background:#EAF3FE;border-left:3px solid #2E8EF7;color:#2E8EF7 !important;}
.___MeetingCalendarViews .color_5::before {background: #2E8EF7;}
                                                  
.___MeetingCalendarViews .color_6 {background:#E7F9F9;border-left:3px solid #12C2C2;color:#12C2C2 !important;}
.___MeetingCalendarViews .color_6::before {background: #12C2C2;}
                         
.___MeetingCalendarViews .color_7 {background:#FFF5EB;border-left:3px solid #FF9432;color:#FF9432 !important;}
.___MeetingCalendarViews .color_7::before {background: #FF9432;}
                         
.___MeetingCalendarViews .color_8 {background:#F6F8F8;border-left:3px solid #2B5F60;color:#2B5F60 !important;}
.___MeetingCalendarViews .color_8::before {background: #2B5F60;}
                         
.___MeetingCalendarViews .color_9 {background:#FFEDF2;border-left:3px solid #FF6692;color:#FF6692 !important;}
.___MeetingCalendarViews .color_9::before {background: #FF6692;}
                         
.___MeetingCalendarViews .color_10 {background:#E9F9EF;border-left:3px solid #36C76C;color:#36C76C !important;}
.___MeetingCalendarViews .color_10::before {background: #36C76C;}
                         
.___MeetingCalendarViews .color_11::before {background: #8B7EFF;}
.___MeetingCalendarViews .color_11 {background:#cdc1ff30;border-left:3px solid #5331A6;color:#5331A6 !important;}
                         
.___MeetingCalendarViews .color_12 {background:#d4f6ff70;border-left:3px solid #2A8DA1;color:#2A8DA1 !important;}
.___MeetingCalendarViews .color_12::before {background: #2A8DA1;}
                         
.___MeetingCalendarViews .color_13 {background:#91ddcf30;border-left:3px solid #26796F;color:#26796F !important;}
.___MeetingCalendarViews .color_13::before {background: #26796F;}
                                                   
.___MeetingCalendarViews .color_14 {background:#caf4ff45;border-left:3px solid #26839D;color:#26839D !important;}
.___MeetingCalendarViews .color_14::before {background: #26839D;}
                         
.___MeetingCalendarViews .color_15 {background:#E0FBE2;border-left:3px solid #2F7A35;color:#2F7A35 !important;}
.___MeetingCalendarViews .color_15::before {background: #2F7A35;}
                                                    
.___MeetingCalendarViews .color_16 {background:#b3c8cf4d;border-left:3px solid #3A5E68;color:#3A5E68 !important;}
.___MeetingCalendarViews .color_16::before {background: #3A5E68;}
                         
.___MeetingCalendarViews .color_17 {background:#f7ded06b;border-left:3px solid #9D5034;color:#9D5034 !important;}
.___MeetingCalendarViews .color_17::before {background: #9D5034;}
                         
.___MeetingCalendarViews .color_18 {background:#f1f5a84d;border-left:3px solid #757A1A;color:#757A1A !important;}
.___MeetingCalendarViews .color_18::before {background: #757A1A;}
                         
.___MeetingCalendarViews .color_19 {background:#f5eee678;border-left:3px solid #8B6D55;color:#8B6D55 !important;}
.___MeetingCalendarViews .color_19::before {background: #8B6D55;}
                         
.___MeetingCalendarViews .color_20 {background:#e9e3ff82 ;border-left:3px solid #4A2E8D ;color:#4A2E8D  !important;}
.___MeetingCalendarViews .color_20::before {background: #4A2E8D ;}

.___MeetingCalendarViews .color_21 {background:#FDEEF4;border-left:3px solid #D84C8A;color:#D84C8A !important;}
.___MeetingCalendarViews .color_21::before {background: #D84C8A;}

.___MeetingCalendarViews .color_22 {background:#F0F9FF;border-left:3px solid #3A9BDC;color:#3A9BDC !important;}
.___MeetingCalendarViews .color_22::before {background: #3A9BDC;}

.___MeetingCalendarViews .color_23 {background:#FFF3E0;border-left:3px solid #FF9800;color:#FF9800 !important;}
.___MeetingCalendarViews .color_23::before {background: #FF9800;}

.___MeetingCalendarViews .color_24 {background:#EDF7F6;border-left:3px solid #1ABC9C;color:#1ABC9C !important;}
.___MeetingCalendarViews .color_24::before {background: #1ABC9C;}

.___MeetingCalendarViews .color_25 {background:#FAF3FF;border-left:3px solid #9B59B6;color:#9B59B6 !important;}
.___MeetingCalendarViews .color_25::before {background: #9B59B6;}

.___MeetingCalendarViews .color_26 {background:#FFF0F1;border-left:3px solid #E74C3C;color:#E74C3C !important;}
.___MeetingCalendarViews .color_26::before {background: #E74C3C;}

.___MeetingCalendarViews .color_27 {background:#E3F2FD;border-left:3px solid #1976D2;color:#1976D2 !important;}
.___MeetingCalendarViews .color_27::before {background: #1976D2;}

.___MeetingCalendarViews .color_28 {background:#E8F5E9;border-left:3px solid #43A047;color:#43A047 !important;}
.___MeetingCalendarViews .color_28::before {background: #43A047;}

.___MeetingCalendarViews .color_29 {background:#F3E5F5;border-left:3px solid #8E24AA;color:#8E24AA !important;}
.___MeetingCalendarViews .color_29::before {background: #8E24AA;}

.___MeetingCalendarViews .color_30 {background:#FFFDE7;border-left:3px solid #FBC02D;color:#FBC02D !important;}
.___MeetingCalendarViews .color_30::before {background: #FBC02D;}

.___MeetingCalendarViews .color_31 {background:#ECEFF1;border-left:3px solid #607D8B;color:#607D8B !important;}
.___MeetingCalendarViews .color_31::before {background: #607D8B;}

.___MeetingCalendarViews .color_32 {background:#FFF9C4;border-left:3px solid #FDD835;color:#FDD835 !important;}
.___MeetingCalendarViews .color_32::before {background: #FDD835;}

.___MeetingCalendarViews .color_33 {background:#FCE4EC;border-left:3px solid #D81B60;color:#D81B60 !important;}
.___MeetingCalendarViews .color_33::before {background: #D81B60;}

.___MeetingCalendarViews .color_34 {background:#E0F2F1;border-left:3px solid #009688;color:#009688 !important;}
.___MeetingCalendarViews .color_34::before {background: #009688;}

.___MeetingCalendarViews .color_35 {background:#F3F3E8;border-left:3px solid #827717;color:#827717 !important;}
.___MeetingCalendarViews .color_35::before {background: #827717;}

.___MeetingCalendarViews .color_36 {background:#ECEFF4;border-left:3px solid #5C6BC0;color:#5C6BC0 !important;}
.___MeetingCalendarViews .color_36::before {background: #5C6BC0;}

.___MeetingCalendarViews .color_37 {background:#FFF3F0;border-left:3px solid #FF7043;color:#FF7043 !important;}
.___MeetingCalendarViews .color_37::before {background: #FF7043;}

.___MeetingCalendarViews .color_38 {background:#EDE7F6;border-left:3px solid #673AB7;color:#673AB7 !important;}
.___MeetingCalendarViews .color_38::before {background: #673AB7;}

.___MeetingCalendarViews .color_39 {background:#F1F8E9;border-left:3px solid #689F38;color:#689F38 !important;}
.___MeetingCalendarViews .color_39::before {background: #689F38;}

.___MeetingCalendarViews .color_40 {background:#E0F7FA;border-left:3px solid #00BCD4;color:#00BCD4 !important;}
.___MeetingCalendarViews .color_40::before {background: #00BCD4;}


.___MeetingCalendarViews .color_default::before {background: #e84db5;}
.___MeetingCalendarViews .color_default{background:#ffe6e6;color:#5331A6 !important;}

#calendardiv  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {border: 1px solid #3F51B5;border-radius: 13px;color: #ffffff;padding: 1px 0px;background: #3F51B5;height: 25px;width: 25px;}
#calendardiv .fc-header-toolbar  .fc-toolbar-chunk{width:33.3%;float:left;text-align:center;}
#calendardiv .fc-header-toolbar  .fc-toolbar-chunk:first-child{text-align:left;}
#calendardiv .fc-header-toolbar  .fc-toolbar-chunk:last-child{text-align:right;}
#calendardiv .fc-header-toolbar  .fc-toolbar-chunk .fc-toolbar-title-month{font-size:15PX;color:#1E529B;}
/*#calendardiv .fc-header-toolbar  .fc-toolbar-chunk .fc-button-group button{        border: 1px solid #e0e0e0;padding: 8px 10px;font-size: 12px;}*/

#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .month::after {content: "\f105"; /* Font Awesome icon code */font-family: 'Font Awesome 4'; /* Font Awesome version 4 */margin-left: 5px; /* Space between text and icon */}

#calendardiv .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button {border:none !important;background:none !important;padding:0px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button span {background-color: #1E2B37;color: #fff;height: 30px;padding: 3px 0px;border-radius: 3px;margin-right: 4px;font-size: 20px;width: 30px;border-radius: 10px 0px 0px 10px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button:last-child span::after {width: 1px;height: 31px;border-right: 1px solid #8c8c8cde;content: '';position: absolute;left: 5px;top: 0px;}

#calendardiv .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group button:last-child span{    border-radius: 0px 10px 10px 10px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button {border: 1px solid #dcdcdc;padding: 8px 14px;font-size: 13px;font-weight: 500;background: #f7f7f7;color:#000;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button:first-child{border-radius: 10px 0px 0px 10px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group button:last-child{border-radius: 0px 10px 10px 0px;}

#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title-month{margin:0px;width:100%;}

#calendardiv .fc .fc-view-harness {height: 580px !important;}
#calendardiv  .fc-day-today{background:#67aeff21 !important;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button.fc-button-active {background-color: #1E2B37;color: #fff;/* border: 1px solid #007bff; */border-radius: 10px 0px 0px 10px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active {background-color: #1E2B37;color: #fff;box-shadow:none;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-listMonth-button.fc-button-active {background-color: #1E2B37;color: #fff;/* border: 1px solid #007bff; */border-radius: 0px 10px 10px 0px;}

#calendardiv .fc-scrollgrid-section table th a{color:#fff !important;}
#calendardiv .fc-daygrid-day .fc-daygrid-day-frame {min-height:60px !important;}
#calendardiv .fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top {padding:10px}
#calendardiv  .fc .fc-toolbar{margin-bottom:5px;}


#calendardiv .fc .fc-view-harness {height: 580px !important;}
#calendardiv  .fc-day-today{background:#67aeff21 !important;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-dayGridMonth-button.fc-button-active {background-color: #1E2B37;color: #fff;/* border: 1px solid #007bff; */border-radius: 10px 0px 0px 10px;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active {background-color: #1E2B37;color: #fff;box-shadow:none;}
#calendardiv .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-listMonth-button.fc-button-active {background-color: #1E2B37;color: #fff;/* border: 1px solid #007bff; */border-radius: 0px 10px 10px 0px;}
.fc .fc-col-header-cell-cushion{color:#fff;}
#calendardiv .fc-scrollgrid-section table th a{color:#fff !important;}
#calendardiv .fc-daygrid-day .fc-daygrid-day-frame {min-height:90px !important;}
#calendardiv .fc-daygrid-day .fc-daygrid-day-frame .fc-daygrid-day-top {padding:10px}

.___MeetingCalendarViews  .box-designmodal{padding:0px;}
.___MeetingCalendarViews  .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus{box-shadow:none;}

@media (min-width: 768px) {#calendardiv .fc-media-screen {height: 580px !important;}}
 #calendardiv .clstype{display:none;}

#calendardiv .fc-daygrid-event{cursor: pointer;width: 100%;display: block;justify-content:space-between;padding:0 5px;}
#calendardiv .fc-daygrid-event  .fc-event-pro::after {content: "\f0e0";font-family: "FontAwesome";position: absolute;left: 9px;z-index: 6;color: #ffffff;font-size: 13px;top: 3px;font-weight: 500;font-style: oblique;}
#calendardiv .fc-daygrid-event  .fc-event-pro:before {content: '';height: 54px;width: 50px;color: #fff;position: absolute;left: -17px;top: -5px;z-index: 0;border-radius: 50px;}
#calendardiv .fc-daygrid-event  .clsfligtno:before {content: '';height: 54px;width: 50px;color: #fff;position: absolute;left: -17px;top: -5px;z-index: 0;border-radius: 50px;}
#calendardiv  .fc-daygrid-event .fc-event-pro {display: flex;width: 100%;justify-content: space-between;height: 26px;padding: 5px 5px;color: #000 !important;font-weight: 600;border-radius: 0px 12px 0px 13px;margin-bottom: 5px;position: relative;overflow: hidden;font-size: 11px;padding-left: 40px;border:1px solid #dddddd4f;}
.fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror {background: none !important;}

#calendardiv  .fc-theme-standard .fc-list-day-cushion {background-color: rgb(223 223 223 / 11%) !important; }
 .__mylabel .___innerlabel{position:absolute;right:0px;}

.__mylabel .___innerlabel input[type=checkbox] + label:before{background:#fff;}
.__mylabel .___innerlabel input[type=checkbox]:checked + label:before{background:var(--color-primary) !important;}
 
#calendardiv .fc-event-pro{display: flex;width: 100%;justify-content: space-between;height: 26px;padding: 5px 5px;font-weight: 600;margin-bottom: 5px;position: relative;overflow: hidden;font-size: 11px;padding-left: 40px;color:#000 !important}
.fc-list-event .fc-list-event-time{font-size:12px !important;font-weight:600;padding-top:11px !important }
.fc-list-day-cushion{font-size:12px;font-weight:500;}
.fc-list-day-cushion a{color:var(--color-primary);font-weight:600;}
.travel-cal.fc .fc-daygrid-day-frame{min-height:90px;}

#calendardiv .fc .fc-scrollgrid-section-body table{height:auto !important;}
.fc-timegrid-event-harness .fc-v-event{background:none !important;border:none !important;}
#calendardiv .fc .fc-scroller{overflow: auto !important;}

@keyframes shake {0% {transform: rotate(0);}1% {transform: rotate(30deg);}3% {transform: rotate(-28deg);}5% {transform: rotate(34deg);}7% {transform: rotate(-32deg);}9% {transform: rotate(30deg);}11% {transform: rotate(-28deg);}13% {transform: rotate(26deg);}15% {transform: rotate(-24deg);}17% {transform: rotate(22deg);}19% {transform: rotate(-20deg);}21% {transform: rotate(18deg);}23% {transform: rotate(-16deg);}25% {transform: rotate(14deg);}27% {transform: rotate(-12deg);}29% {transform: rotate(10deg);}31% {transform: rotate(-8deg);}33% {transform: rotate(6deg);}35% {transform: rotate(-4deg);}37% {transform: rotate(2deg);}39% {transform: rotate(-1deg);}41% {transform: rotate(1deg);}43% {transform: rotate(0);}100% {transform: rotate(0);}}
#calendardiv .fc .fc-more-popover .fc-popover-body{background:#fff !important}

.__mytable {border:1px solid #ddd;}
.__mytable tr td {border:1px solid #ddd;padding:5px;text-align:left;font-size:13px;}



/*Notification Calender*/

.__bell {position:relative;}
.__bell .__circle {height: 35px;width: 35px;border-radius: 50%;background-color: #E6EEFD;color: #1E529B;display: inline-block;font-size: 16px;margin-right: 10px;padding: 7px 11px;}
.__bell .__circle  svg{animation: shake 6s 0.5s ease-in-out infinite;}
.__bell .__count {height: 17px;width: 17px;border-radius: 50%;background-color: orangered;color: #fff;display: inline-block;font-size: 10px;/* padding: 8px 11px; */position: absolute;top: -4px;left: 24px;padding: 2px 3px;font-weight: 500;}

@keyframes shake {
0% { transform: rotate(0); }
1% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }}



.card.___Dashcard{box-shadow: 0 5px 10px rgba(30, 32, 37, .12) !important;border-radius: 10px;position:absolute;top: 42px;right: 143px;z-index: 100;width: 300px;background: #fafeff;-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.card.___Dashcard::after {content: "";display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #003654;top: 0px;position: absolute;right: 60px;top: -10px;}

.card.___Dashcard .card-header {border-radius:0px;border-bottom:1px solid #eaedf1 !important;margin: 0;}
.card.___Dashcard .card-header h5{font-size: 14px;letter-spacing: 0.5px;font-weight:500;}
.card.___Dashcard .card-body{padding:0px;max-height: 300px;overflow-y: auto;}
.card.___Dashcard .__commondetaiels {width: 100%;display: flex;border-bottom: 1px solid #eaedf1;padding: 10px 20px;box-shadow: 0px 0px 7px rgb(224 224 224 / 51%);}
.card.___Dashcar .__meetingdetls{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 84%;}
.card.___Dashcard  .__commondetaiels .__meetingimg{   width: 14%;}
.card.___Dashcard  .__commondetaiels  .__meetingdetls{width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); */}
.card.___Dashcard  .__commondetaiels  .__meetingdetls h5{margin: 0px;font-size: 12px;margin-bottom: 4px;font-weight: 500;letter-spacing: 0.5px;color:#3f3f3f;padding-left: 0px;color: #053860;}
.card.___Dashcard  .__commondetaiels  .__meetingdetls p{margin-bottom: 5px;font-size: 11px;letter-spacing: 0.5px;color: #393939;font-weight: 500;}
.card.___Dashcard .__periodofsch {display: flex;justify-content: space-between;color: #000 !important;font-weight: 500;font-size: 11px !important;letter-spacing: 0.5px !important;}
.card.___Dashcard .__periodofsch  svg{    margin-right: 5px;margin-right: 5px;color: #006daa;font-size: 13px;}
.card.___Dashcard .__periodofsch  svg{    margin-right: 5px;margin-right: 5px;color: #006daa;font-size: 13px;}
.card.___Dashcard .__commondetaiels:hover{background:#e8f1ff7a;}

@-webkit-keyframes scale-in-ver-top {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%transform-origin: 100% 0%;opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}
@keyframes scale-in-ver-top {
0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;opacity: 1;}
}

#mailbox .__maildetails{display: block !important;width:auto !important;}
#mailbox .mail_receieved.__maildetails span button{top:0px;}
#mailbox .__More {margin: 0;text-align: end;display: flex;align-items: center;justify-content:space-between;}
#mailbox .__Morespan {font-size: 16px;font-weight: 500;color: var(--color-btn-primary);cursor: pointer;margin-right: 5px;/* right: 7px; */position: relative;/* top: 3px; */background: var(--color-bg);/* padding: 4px 12px; */border-radius: 35px;height: 27px;width: 27px;padding: 3px 12px;cursor: pointer;}
#mailbox .__More  .mms_recivedresultname{color:#595959;font-weight:500;font-size:12px;top:0px;}
#mailbox .___mydrop{background:#fff;position:absolute;top: 48px;box-shadow:0 5px 10px rgba(30,32,37,.12);padding:5px;width: 130px;right: 10px;border-radius: 4px;z-index:100;animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
#mailbox .___mydrop ul {padding:0px;}
#mailbox .___mydrop ul li{list-style-type:none;padding:5px;font-size: 12px;font-weight: 500;color: #7a82a9;}
#mailbox .___mydrop ul li:hover{background:#eff2f7;color:#5968b6;}
#mailbox .___mydrop ul li svg{margin-right: 8px;font-size: 11px;}


/* ----------------------------------------------
 * Generated by Animista on 2025-4-8 10:59:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-tr
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}


/*.__More svg{margin:0px 3px;}
#mailbox .mailoverview .mail_profile:hover .__dopwnload {background:var(--color-btn-primary);color:#fff;transition:all 0.5s linear;}
.__dopwnload {display: inline-block;font-size: 15px;color: var(--color-btn-primary);background: #dff0fa;padding: 3px 8px;border-radius: 15px;height: 28px;width: 28px;margin-right:5px;}*/

/*Shedule Timing*/
.shedule_avail{border:1px solid #ddd;background:#fff;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;margin: 10px 0;}
.shedule_avail .shedule_header{padding:15px 15px 0;}
.shedule_avail .shedule_header h5{font-size:16px;font-weight:600;margin:0;}
.shedule_avail .shedule_header h5 svg{margin-right:10px;}
.shedule_avail .shedule_content{padding:10px 10px;}
.shedule_avail .shedule_content table{width:100%;margin:0;}
.shedule_avail .shedule_content table tr td{padding:8px;font-weight:500;white-space:nowrap;}
.shedule_avail .shedule_content table tr td.unavail{color: #726e6f;}
.shedule_avail .shedule_content table tr td:last-child span{margin-right: 15px;color: #726e6f;font-size:15px;cursor:pointer;}
.shedule_avail .shedule_content table tr td:last-child span:hover{color:#000;}
.shedule_avail .shedule_content .change_avail{background: #1f58a8;border-radius: 20px;padding: 5px 10px;font-size: 13px;border: 1px solid #1f58a8;color: #fff;margin-top: 10px;}