@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#74788d!important;font-family:DM Sans,sans-serif;font-weight:400;margin:0}.home{display:flex;overflow:hidden}.main{margin-left:250px;margin-top:60px;overflow:auto;width:100%}.page{background-color:#eaf2f8;min-height:100vh}a{text-decoration:none}.icard{background-color:#deb887}.cursorPointer{cursor:pointer}.page{padding-top:20px}.page .icon{height:55px;width:55px}.page .transporter-activity-container{border-bottom:1.5px solid #ebedef}.page .transporter-activity-container .transporter-activity-body{max-height:350px;min-height:350px;overflow-y:scroll}.page .transporter-activity-container .transporter-activity-body:hover{overflow-y:scroll}.page .transporter-activity-container .transporter-activity-body::-webkit-scrollbar{background-color:transparent;width:5px}.page .transporter-activity-container .transporter-activity-body::-webkit-scrollbar-track{background-color:var(--custom-white)}.page .transporter-activity-container .transporter-activity-body::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.page .transporter-activity-container .transporter-activity-body .transporter-activity-row{border-bottom:1.5px solid #ebedef;padding-bottom:10px;padding-top:10px}.page .transporter-activity-container .transporter-activity-body .transporter-activity-row .avatar{border-radius:50%;height:35px;margin-right:10px;width:35px}.page .transporter-activity-container .transporter-activity-body .transporter-activity-row .date-title{font-size:14px}.page .transporter-activity-container .transporter-activity-body .transporter-activity-row .body-text{color:#343a40;font-size:14px;line-height:1.6!important}.page .recent-shipments-container{border-bottom:1.5px solid #ebedef}.page .recent-shipments-container a{text-decoration:none}.page .recent-shipments-container .recent-shipment-body{max-height:350px;min-height:350px;overflow-y:scroll}.page .recent-shipments-container .recent-shipment-body:hover{overflow-y:scroll}.page .recent-shipments-container .recent-shipment-body::-webkit-scrollbar{background-color:transparent;width:5px}.page .recent-shipments-container .recent-shipment-body::-webkit-scrollbar-track{background-color:var(--custom-white)}.page .recent-shipments-container .recent-shipment-body::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row{border-bottom:1.5px solid #ebedef;padding-bottom:10px;padding-top:10px}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .content{width:100%}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .avatar{border-radius:50%;height:35px;margin-right:10px;width:35px}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .name{color:#343a40;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .destination{color:#74788d;font-size:14px;line-height:1.6!important}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .status{border-radius:20px;font-size:12px;padding:3px 15px}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .Cancelled,.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .Rejected{background-color:#fde1e1;border-color:#fcd2d2;color:#924040}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .PendingApproval{background-color:#e3e4e8;border-color:#d5d7dd;color:#464855}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .PendingPickup{background-color:#dee3fa;border-color:#ced5f8;color:#37458b}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .Delivered{background-color:#d6f3e9;border-color:#c2eddd;color:#1f7556}.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .GoingToDeliver,.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .GoingToPickup,.page .recent-shipments-container .recent-shipment-body .recent-shipment-row .PickedUp{background-color:#fcf0db;border-color:#fbe9c9;color:#916c2e}.page .recent-transactions-container{border-bottom:1.5px solid #ebedef}.page .recent-transactions-container .recent-transactions-body{max-height:365px;min-height:365px;overflow:scroll}.page .recent-transactions-container .recent-transactions-body:hover{overflow-y:scroll}.page .recent-transactions-container .recent-transactions-body::-webkit-scrollbar{background-color:transparent;width:5px}.page .recent-transactions-container .recent-transactions-body::-webkit-scrollbar-track{background-color:var(--custom-white)}.page .recent-transactions-container .recent-transactions-body::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table{width:100%}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table tr{border-bottom:1.5px solid #ebedef;padding-bottom:10px;padding-top:10px;width:100%}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table td.description{padding-bottom:10px;padding-top:10px;width:30%}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table td.description .icon{height:30px;margin-right:10px;width:30px}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table td.description .title{color:#343a40;font-size:14px}.page .recent-transactions-container .recent-transactions-body .recent-transactions-table td.amount,.page .recent-transactions-container .recent-transactions-body .recent-transactions-table td.status{width:25%}.page .recent-transactions-container .recent-transaction{border-bottom:1.5px solid #ebedef;padding-bottom:10px;padding-top:10px}.page .recent-transactions-container .recent-transaction .icon{height:30px;margin-right:10px;width:30px}.page .recent-transactions-container .recent-transaction .title{color:#343a40;font-size:14px;line-height:1.6!important}.page .recent-transactions-container .recent-transaction .shipment-state{background-color:#f2d7d5;border-radius:3px;color:#a93226;font-size:13px;padding:0 5px}.page .recent-transactions-container .recent-transaction .Pending{background-color:#fcf3cf;border-radius:3px;color:#f1b44c;font-size:13px;font-weight:700;padding:0 5px}.page .recent-transactions-container .recent-transaction .destination{font-size:10px;line-height:1.6!important}.sidebar{border-right:.5px solid #f4f4f4;bottom:0;min-height:100vh;overflow-y:scroll;position:fixed;top:0;width:250px}.sidebar::-webkit-scrollbar{height:12px;width:5px}.sidebar::-webkit-scrollbar-track{background:#fff;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px;visibility:hidden}.sidebar:hover::-webkit-scrollbar-thumb{visibility:visible}.sidebar hr{border:.5px solid #f4f4f4;height:0}.sidebar .logo{background-color:#fff;border-bottom:1.5px solid #ebedef;border-right:1.5px solid #ebedef;display:flex;height:60px;padding:5px 5px 5px 10px;position:fixed;width:250px;z-index:10}.sidebar .logo .details{border-radius:5px;padding-left:5px;width:100%}.sidebar .logo .details .operator-name{color:#343a40;margin:0;text-transform:uppercase}.sidebar .logo .details .operator-id{font-size:13px;margin-top:-3px}.sidebar .menu{margin-top:60px}.sidebar .menu ul{list-style-type:none;padding:0}.sidebar .menu ul a{color:#74788d;text-decoration:none}.sidebar .menu ul li{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px}.sidebar .menu ul li .icon{font-size:18px;margin-right:5px}.sidebar .menu ul li .chevron-arrow{float:right}.sidebar .menu ul li:hover{background-color:#f3f8fb;color:#45b39d}.sidebar .menu li.submenu-item{cursor:pointer;font-size:15.5px;padding-bottom:8px;padding-left:55px;padding-top:8px}.sidebar .menu li.submenu-item:hover{background-color:#f3f8fb;color:#45b39d!important}.sidebar .menu li.submenu-item.a:hover{color:#45b39d!important}.navbar{background-color:#fff;height:60px;overflow:hidden;position:fixed;top:0;width:100%;z-index:10}.navbar .navbar-wrapper{display:flex;justify-content:end;margin-right:250px;overflow:hidden;padding-left:35px;padding-right:35px;width:100%}.navbar .navbar-wrapper .icon-container{cursor:pointer;margin-right:20px;margin-top:5px;position:relative}.navbar .navbar-wrapper .icon-container .icon{font-size:27px}.navbar .navbar-wrapper .icon-container .counter{align-items:center;background-color:#a93226;border-radius:50%;color:#fff;display:flex;font-size:11px;height:15px;justify-content:center;position:absolute;right:-3px;top:-3px;width:15px}.navbar .navbar-wrapper .avatar{border-radius:50%;cursor:pointer;height:35px;overflow:hidden;width:35px}.navbar .navbar-wrapper .profile-menu{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:fixed;top:50px;z-index:80}.navbar .navbar-wrapper .profile-menu-visible{display:block}.navbar .navbar-wrapper .profile-menu span{cursor:pointer;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.navbar .navbar-wrapper .profile-menu span:hover{background-color:#ddd}.navbar .navbar-wrapper .avatar:focus+.profile-menu{display:block}.query-result-container{position:relative}.query-result{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;width:100%;z-index:80}.result-visible{display:flex;flex-direction:column}.result-visible div{cursor:pointer;float:none;padding:12px 16px;text-align:left;text-decoration:none}.result-visible div:hover{background-color:#ddd}.shipments-container .shipments-table td,.shipments-container .shipments-table th{border-bottom:1px dashed #bfc9ca;border-collapse:collapse;padding:15px 10px}.shipments-container tr{cursor:pointer}.shipments-container tr:hover{background-color:#f0f8ff}.WarnBtn{background-color:transparent;border:none;color:#008561}.activityList{list-style:none}.activityList li .listGrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.activityList li .listGrid .iconLeft{position:relative}.activityList li .listGrid .iconLeft svg{color:#008561;font-size:1.2rem}.activityList li .listGrid .iconLeft .activityBorder{background-color:#008561;height:65%;left:8px;position:absolute;width:1px}.activityList li .listGrid .infoRight{grid-column:span 7/span 7;padding-bottom:.6rem}.activityList li .listGrid .infoRight .activityDesc{font-weight:500;margin-bottom:.5rem}.activityList li .listGrid .infoRight .activityDate{font-size:.7rem}.mtLink{margin-right:1rem;text-decoration:underline}.shipper-container .title{color:#343a40}.shipper-container .sender-name{color:#008561;cursor:pointer}.shipper-container .sender-name:hover{color:#45b39d}.header{color:#343a40;font-size:18px}.GoingToDeliver,.GoingToPickup,.PendingDelivery,.PickedUp{background-color:#fcf0db;border-color:#fbe9c9;color:#916c2e}.shipment-timeline-container{margin-top:20px;max-height:470px;min-height:470px;overflow-y:scroll;padding-right:5px}.shipment-timeline-container:hover{overflow-y:scroll}.shipment-timeline-container::-webkit-scrollbar{background-color:transparent;width:5px}.shipment-timeline-container::-webkit-scrollbar-track{background-color:var(--custom-white)}.shipment-timeline-container::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}a{color:#008561}a:hover{color:#45b39d}input[type=checkbox]{border-color:#008561;margin-right:10px}input[type=checkbox]:checked{background-color:#008561;border-color:#008561}input[type=checkbox]:active,input[type=checkbox]:focus{box-shadow:none}input[type=radio]{margin-right:10px}input[type=radio]:checked{background-color:#008561;border-color:#008561}input[type=radio]:active,input[type=radio]:focus{box-shadow:none}.confirm-button{background-color:#008561;border:1px solid transparent;border-radius:3px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.confirm-button:hover{background-color:#45b39d}.confirm-button:active{background-color:#008561;box-shadow:none}.oval-button{background-color:#008561;border:1px solid transparent;border-radius:20px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;margin:0;outline:none;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.oval-button:hover{background-color:#45b39d}.oval-button:active{background-color:#008561;box-shadow:none}.cancel-button{background-color:#ccd1d1;border:1px solid transparent;border-radius:3px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#424949;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.cancel-button:hover{background-color:#5d6d7e;color:#fff}.cancel-red-button{background-color:#f46a6a;border:1px solid transparent;border-radius:3px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.cancel-red-button:focus,.cancel-red-button:hover{background-color:#d98880}.cancel-red-button:active{background-color:#d98880;box-shadow:none}.previous-button{background-color:#d5dbdb;border:1px solid transparent;border-radius:3px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#2e4053;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.previous-button:focus,.previous-button:hover{background-color:#b2babb;box-shadow:0 0 0 4px rgba(0,149,255,.15)}.previous-button:active{background-color:#b2babb;box-shadow:none}.notification{font-weight:700;max-height:200px;max-width:430px;overflow:hidden;padding:12px 48px 12px 12px;position:relative;z-index:99}.notification:not(:last-child){margin-bottom:8px}.notification.info{background-color:#2196f3}.notification.success{background-color:#4caf50}.notification.warning{background-color:#ff9800}.notification.error{background-color:#f44336}.notification .closeButton{background:transparent;border:none;cursor:pointer;padding:0;position:absolute;right:12px;top:12px}.notification,.notification .closeButton{color:#fff}.countries-text-field button{background-color:#fff;border:1px solid #ced4da;border-radius:7px;padding:2px 10px}.form-control:focus,.form-select:focus{border:1px solid #ced4da;box-shadow:none!important;outline:none!important}select{-webkit-appearance:none;appearance:none;border-radius:0}.file_form_group{cursor:pointer;margin-bottom:2rem;width:100%}.file_form_group label{display:inline;margin-bottom:10px}.file_form_group .input_container{background-color:#fff;border:1px dashed rgba(0,0,0,.25);border-radius:6px;padding:1rem 1.5rem;width:100%}.file_form_group .input_container .input_drag_drop{align-items:center;display:flex;gap:14px;justify-content:flex-start}.file_form_group .input_container .input_drag_drop_text1{color:rgba(0,0,0,.5);font-size:12px;font-weight:700}.file_form_group .input_container .input_drag_drop_text2{color:rgba(0,0,0,.5);font-size:10px}.file_form_group .input_container .input_drag_drop_highlight{color:#45b39d;font-weight:700}.suggestions-field{background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;position:absolute;z-index:10}.suggestions-field .single-suggestion{cursor:pointer;display:flex;flex-direction:column;padding-bottom:5px;padding-left:5px;padding-top:2px}.suggestions-field .single-suggestion:hover{background-color:#ddd}.suggestions-field-visible{display:block}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:initial;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.state-dialog-body{max-height:470px;min-height:470px;overflow-y:scroll}.state-dialog-body:hover{overflow-y:scroll}.state-dialog-body::-webkit-scrollbar{background-color:transparent;width:5px}.state-dialog-body::-webkit-scrollbar-track{background-color:var(--custom-white)}.state-dialog-body::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.state-dialog-body .single-state-row{border-radius:4px;cursor:pointer;padding:10px}.state-dialog-body .single-state-row:hover{background-color:#d4e6f1}.box-container{margin:100px auto;max-width:550px;overflow:auto}.box-container a{text-decoration:none}.input-container{background-color:#d4e6f1;border-radius:3px;padding:15px}.login-input{background-color:transparent;border:none;outline:none;width:100%}.login-input:-webkit-autofill,.login-input:-webkit-autofill:active,.login-input:-webkit-autofill:focus,.login-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #d4e6f1!important}.login-input:active,.login-input:focus,.login-input:focus-within{background-color:transparent}.login-button{background-color:#008561;border:1px solid transparent;border-radius:3px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.4);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Liberation Sans,sans-serif;font-size:13px;font-weight:400;height:45px;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap;width:100%}.login-button:hover{background-color:#252229;box-shadow:0 0 0 4px rgba(0,149,255,.15)}.user-menu{right:10px}.active-profile,.profile-tab:hover{border-bottom:2px solid #0095ff;color:#0095ff}.shipments-table-container{max-height:500px;min-height:500px;overflow-y:hidden}.shipments-table-container:hover{overflow-y:scroll}.shipments-table-container .shipments-table{width:100%}.shipments-table-container .shipments-table th{background:#f8f9f9;position:-webkit-sticky;position:sticky;top:0}.shipments-table-container .shipments-table td,.shipments-table-container .shipments-table th{border-bottom:1px dashed #bfc9ca;border-collapse:collapse;padding:15px 10px}.shipments-table-container tr{cursor:pointer}.shipments-table-container tr:hover{background-color:#f0f8ff}.show-customer-tab{display:block}.hide-customer-tab{display:none}.ck-editor__editable_inline{min-height:250px}.search-input{background-color:transparent;border-style:hidden;width:100%}.search-input:focus{border-style:hidden;outline:none}.chat-list-container{margin-top:20px;max-height:470px;min-height:470px;overflow-y:scroll;padding-right:5px}.chat-list-container:hover{overflow-y:scroll}.chat-list-container::-webkit-scrollbar{background-color:transparent;width:5px}.chat-list-container::-webkit-scrollbar-track{background-color:var(--custom-white)}.chat-list-container::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.chat-list-container .active{background-color:#d4e6f1}.chat-list-container .single-chat-list-container{border-radius:4px;cursor:pointer;display:flex;flex-direction:row;padding:10px}.chat-list-container .single-chat-list-container .active,.chat-list-container .single-chat-list-container:hover{background-color:#d4e6f1}.chat-list-container .single-chat-list-container .user-profile-image{border-radius:50%;height:40px;margin-right:5px;width:40px}.chat-list-container .single-chat-list-container .info-container{width:85%}.chat-list-container .single-chat-list-container .info-container .user-name{color:#566573;font-size:15px;font-weight:700}.chat-list-container .single-chat-list-container .info-container .time{font-size:10px}.chat-list-container .single-chat-list-container .info-container .message{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:80%}.chat-list-container .single-chat-list-container .info-container .counter{align-items:center;background-color:#a93226;border-radius:50%;color:#fff;display:flex;font-size:11px;height:6px;justify-content:center;width:6px}.chat-detail-container .chat-detail-header{border-bottom:1px solid #e5e8e8;padding-bottom:5px}.chat-detail-container .chat-detail-header .chat-detail-data-container{display:flex;flex:1 1;flex-direction:column}.chat-detail-container .chat-detail-header .chat-detail-data-container .name{color:#566573;font-size:15px;font-weight:700}.chat-detail-container .chat-detail-header .chat-detail-data-container .phone{font-size:13px;margin-top:-2px}.chat-detail-container .chat-detail-body{margin-top:20px;max-height:403px;min-height:403px;overflow-y:scroll;padding-bottom:20px}.chat-detail-container .chat-detail-body:hover{overflow-y:scroll}.chat-detail-container .chat-detail-body::-webkit-scrollbar{background-color:transparent;width:5px}.chat-detail-container .chat-detail-body::-webkit-scrollbar-track{background-color:var(--custom-white)}.chat-detail-container .chat-detail-body::-webkit-scrollbar-thumb{background-color:#d4e6f1;border:1px solid var(--custom-white);border-radius:20px}.user-menu-container{position:relative}.user-menu{background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:200px;position:absolute;top:50px;z-index:80}.user-menu-visible{display:block}.user-menu span{cursor:pointer;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.user-menu span:hover{background-color:#ddd}.avatar:focus+.user-menu{display:block}.Cancelled,.Rejected{background-color:#fde1e1;border-color:#fcd2d2;color:#924040}.Cancelled,.PendingApproval,.Rejected{border-radius:20px;font-size:14px;padding:5px 15px}.PendingApproval{background-color:#e3e4e8;border-color:#d5d7dd;color:#464855}.PendingPickup{background-color:#dee3fa;border-color:#ced5f8;color:#37458b}.Delivered,.PendingPickup{border-radius:20px;font-size:14px;padding:5px 15px}.Delivered{background-color:#d6f3e9;border-color:#c2eddd;color:#1f7556}.GoingToDeliver,.GoingToPickup,.PickedUp{background-color:#fcf0db;border-color:#fbe9c9;border-radius:20px;color:#916c2e;font-size:14px;padding:5px 15px}.shipment-class{background-color:#d4e6f1;color:#2471a3;height:30px;padding:3px;width:30px}.account-class,.shipment-class{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-right:10px}.account-class{background-color:#fdebd0;color:#e67e22;height:40px;width:40px}.admin-activities-container{max-height:650px;min-height:650px;overflow-y:hidden}td,th{border-bottom:1px dashed #bfc9ca;border-collapse:collapse;padding:15px 10px}.show-tab{display:flex}.hide-tab{display:none}.status{border-radius:20px;font-size:14px;padding:5px 15px}.Completed{background-color:#d6f3e9;border-color:#c2eddd;color:#1f7556}.GoingToDeliver,.GoingToPickup,.Pending{background-color:#fcf0db;border-color:#fbe9c9;color:#916c2e}.payment-status{border-radius:20px;font-size:14px;padding:5px 15px;width:150px}.Credit{background-color:#d6f3e9;border-color:#c2eddd;color:#1f7556}.Debit{background-color:#fde1e1;border-color:#924040;color:#924040}.single-notification-row{cursor:pointer;margin-bottom:15px;max-width:600px;min-width:600px}.single-notification-row .notification-icon{height:35px;margin-right:10px;width:35px}.single-notification-row .single-notification-body{background-color:#fff;border-radius:5px;padding:10px;width:100%}.single-notification-row .shipment-class{background-color:#d4e6f1;color:#2471a3}.single-notification-row .account-class,.single-notification-row .shipment-class{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.single-notification-row .account-class{background-color:#fdebd0;color:#e67e22}.single-notification-row .user-class{align-items:center;background-color:#d4efdf;border-radius:50%;color:#27ae60;display:flex;height:40px;justify-content:center;margin-right:10px;width:40px}.single-notification-row .icon{height:25px;width:25px}.dropzone-div{border:2px dashed #0095ff;height:100px;margin:auto;padding:35px 20px 20px;text-align:center;width:60%}.Activated{background-color:#d6f3e9;border-color:#c2eddd;color:#1f7556}.Activated,.NotActivated{border-radius:20px;font-size:14px;padding:5px 15px}.NotActivated{background-color:#fcf0db;border-color:#fbe9c9;color:#916c2e}.profile-tab{cursor:pointer;padding:5px 10px}.profile-tab:hover{border-bottom:2px solid #252229;color:#252229}.active-profile{border-bottom:2px solid #ee2463;color:#ee2463}.single-plan{background-color:#ebf5fb;border:1px solid #d6eaf8;border-radius:6px;height:550px;padding:15px}.active-plan-button{background-color:#008561;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;text-align:center}.active-plan-button:hover{background-color:#45b39d}.current-plan-button{cursor:default;margin-top:10px;padding:10px}.change-password-button,.current-plan-button{background-color:#f2f3f4;border:1px solid #d7dbdd;border-radius:6px;text-align:center}.change-password-button{cursor:pointer;padding:7px 10px}.templates-card-group{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.templates-card-group .template-card .template-title{font-size:1.5rem}.templates-card-group .template-card .card-btn-contain{border:1px dashed #666;padding:1rem}.templates-card-group .template-card .card-btn-contain button{background-color:#008561;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;text-align:center;width:100%}.templates-card-group .template-card .card-btn-contain button:hover{background-color:#45b39d}