.auth-page .content-wrapper{position: relative;}
.auth-page .section-wrap{padding: 66px 0;}
.auth-page .section-wrap .secton-back{display: flex;align-items: center;margin-bottom: 45px;}
.auth-page .section-wrap .section-head{display: flex;align-items: center;justify-content: space-between;position: relative;}
.auth-page .section-wrap .section-title{font-weight: 700;font-size: 32px;line-height: 38.4px;letter-spacing: 0.26px;margin: 0;}
.auth-page .section-wrap .section-subtitle{font-weight: 700;font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;margin: 0;}
.auth-page .section-wrap .section-btn{}


.section-wrap .section-content{margin-top: 30px;}
.section-wrap .section-content .section-content-head{margin-bottom: 20px;}
.section-wrap .section-content .section-content-head .form-group{margin-bottom: 0px;}

.rate-star{display: flex;align-items: center;}
.rate-star i{font-size: 17px;color:#D9D9D9;}
.rate-star i.active{color:#F79E1B;}

.section-head-detail{}
.section-head-detail {}
.section-head-detail .card{padding: 14px 15px;border-radius: 16px;}
.section-head-detail .card .calender-select label{font-size: 14px;font-weight: 700;line-height: 19.32px;letter-spacing: 0.14px;color:#fff;}
.section-head-detail .card.bg-primary .icon-with-count span{background: #B3D7FF;}
.section-head-detail .card.bg-primary .icon-with-count span i{color:#0060C7;}
.section-head-detail .card.bg-warning .icon-with-count span{background: #FFDA72;}
.section-head-detail .card.bg-warning .icon-with-count span i{color:#D8A612;}
.section-head-detail .card h4{font-size: 12px;font-weight: 700;line-height: 14.4px;letter-spacing: 0.14px;color:#fff;}
.section-head-detail .card h4 span{font-size: 8px;font-weight: 300;line-height: 11.4px;letter-spacing: 0.14px;color:#fff;display: block}
.section-head-detail .card .calender-select{position: relative;}
.section-head-detail .card .calender-select i{color:#fff;font-size: 18px;position: absolute;top: 38px;right: 8px;}
.section-head-detail .card .form-control{border-radius: 0px;background-color: #4D4D4D;border: 1px solid #4D4D4D;}
.section-head-detail .card .form-control:::-webkit-input-placeholder {color:#fff;}
.section-head-detail .card .form-control:-ms-input-placeholder {color:#fff;}
.section-head-detail .card .form-control::placeholder {color:#fff;}
.section-head-detail .card .icon-with-count{display: inline-flex;align-items: center;font-family: inherit !important;}
.section-head-detail .card .icon-with-count span{background: #4D4D4D;height: 44px;width: 44px;border-radius: 45px;display: flex;align-items: center;justify-content: center;}
.section-head-detail .card .icon-with-count span i{color:#fff;font-size: 24px;}
.section-head-detail .card .icon-with-count p{margin: 0;font-weight: 700;font-size: 24px;line-height: 28.8px;letter-spacing: 0.14px;color: #FFFFFF;margin-left: 10px;}
/* Start : profile page */
.profile-wrap{}
.profile-wrap.section-wrap .section-head{display: block;position: relative;padding-bottom: 40px;}
.profile-wrap .section-head .badge{font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;font-weight: 400;padding: 3px 10px;border-radius: 25px;display: inline-flex;margin-bottom: 16px;}
.profile-wrap .section-head .section-title{font-size: 40px;line-height: 48px;letter-spacing: 0.21px;}
.profile-wrap .section-head .section-title p{margin: 0; font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;}
.profile-wrap .profile-panel{padding: 30px 35px 75px;position: relative;background-color: #fff;border-radius: 8px;max-width: 875px;}
.profile-wrap .profile-panel .profile-body{}
.profile-wrap .profile-panel .profile-body h4{font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;font-weight: 700;margin-bottom: 15px;}
/* End : profile page */

/* Start : Create user */
.create-user-page.section-wrap{padding-bottom: 0px;}
.create-user-page.section-wrap .section-content{padding-bottom: 66px;}
.create-user-page .section-footer{background-color: #007BFF;position: sticky;bottom: 0;z-index: 2;padding: 12px 0;}
.create-user-page .section-content .profile-head{margin-bottom: 45px;}
.create-user-page .section-content .profile-body{margin-bottom: 50px;}
.create-user-page .section-content .section-content-subtitle{font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;font-weight: 700;margin-bottom: 15px;}
.create-user-page .section-content .section-content-subtitle.lg-text{font-weight: 500;font-size: 28px;line-height: 33.6px;}
.create-user-page .section-content .section-content-text{font-weight: 400;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;}
.create-user-page .section-content .user-access-list{margin: 0px;padding: 0px;list-style: none;}
.create-user-page .section-content .user-access-list li{margin-bottom: 10px;font-size: 14px;font-weight: 400;line-height: 19.32px;letter-spacing: 0.14px;}
.create-user-page .section-content .user-access-list li span{font-weight: 300;color:#898989;margin-left: 20px;display: inline-flex;align-items: center;}

.ranger-map{border-radius: 8px;border: 1px solid #E9ECEF;position: relative;overflow: hidden;margin: 10px 0 80px;}
/* End : Create user */


/* Start : User details */
.user-details-page .section-title span{font-weight: 700;font-size: 12px;display: block;line-height: 14.4px;letter-spacing: 0.14px;color: #9E9E9E;}
.user-details-page .section-content{}
.user-details-page .section-content .card{background: #FFFFFF;border-radius: 4px;position: relative;padding: 34px 50px;border:0px;margin-bottom: 30px;}
.user-details-page .section-content .card .card-header{background-color: transparent;padding: 0;border:0;font-weight: 700;font-size: 24px;line-height: 28.8px;letter-spacing: 0.14px;margin-bottom: 35px;}
.user-details-page .section-content .card .section-content-subtitle{font-weight: 700;font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;margin-bottom: 15px;}
.user-details-page .section-content .card .form-group>label{font-weight: 500;}
.user-details-page .section-content .btn-foot{}
.user-details-page .section-content .btn-foot a{font-size: 16px;line-height: 38px;letter-spacing: 0.38px;font-weight: 700;box-shadow: none;}

.admin-page .section-wrap.user-show-panel.user-wrap{padding: 50px 0;border-bottom:10px solid #F5F6F8;}
.admin-page .section-wrap.user-show-panel.user-wrap .section-head{margin-bottom: 15px;}
/* End : User details */


/* Start : vehicles details*/
.vehicles-detail-head{position: relative;padding: 30px 0;box-shadow: 10px 4px 16px rgba(0, 0, 0, 0.075);}
.vehicles-detail-head .vehicles-detail-back{margin-bottom: 30px;}
.vehicles-detail-head .vehicles-detail-back a{text-decoration: none;}
.vehicles-detail-head .vehicles-detail-back a i{transition: left 0.2s ease;}
.vehicles-detail-head .vehicles-detail-back a:hover i{position: relative;left: -5px;}
.vehicles-detail-head .vehicles-detail-panel{}
.vehicles-detail-head .vehicles-detail-panel .vehicles-title-head{margin-bottom: 22px;}
.vehicles-detail-head .vehicles-detail-panel .vehicles-title-head h2{font-size: 24px;font-weight: 700;color: #282828;line-height: 28.8px;letter-spacing: 0.14px;margin: 0;}
.vehicles-detail-head .vehicles-detail-panel .vehicles-title-head h2 span{font-weight: 300;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;display: block;color: #007BFF;}
.vehicles-detail-panel .vehicles-title-body{}
.vehicles-detail-panel .vehicles-title-body p{color: #282828;letter-spacing: 0.14px;font-weight: 400;font-size: 12px;line-height: 16.56px;margin: 0px;}
.vehicles-detail-panel .vehicles-title-body p.stock-txt{color: #4D4D4D;letter-spacing: 0.14px;font-weight: 400;line-height: 19.32px;margin: 0px;font-size: 14px;display: inline-flex;align-items: center;}
.vehicles-detail-panel .vehicles-title-body p.stock-txt .instock-indicator{height: 11px;width: 11px;border-radius: 100%;background: #33D79C;display: block;margin: 0 10px;}
.vehicles-detail-panel .vehicles-title-body h4{font-weight: 700;font-size: 24px;line-height: 28.8px;letter-spacing: 0.14px;margin: 0px;}
.vehicles-detail-panel .vehicles-title-body h4 a{font-size: 14px;}
.vehicles-detail-panel .vehicles-title-body hr{border-top:1px solid #E1E1E1;margin: 15px 0 22px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row{}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul{margin: 0;padding: 0;list-style: none;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul li{margin-bottom: 5px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul li:last-child{margin-bottom: 0px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul .contact-title{font-weight: 700;font-size: 18px;color: #282828;line-height: 21.6px;letter-spacing: 0.14px;margin-bottom: 10px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul .contact-person{font-weight: 400;font-size: 16px;color: #4D4D4D;line-height: 22.4px;letter-spacing: 0.14px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul .contact-no{font-weight: 700;font-size: 14px;color: #4D4D4D;line-height:19.32px;letter-spacing: 0.14px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul .contact-email{font-weight: 700;font-size: 14px;color: #4D4D4D;line-height:19.32px;letter-spacing: 0.14px;}
.vehicles-detail-panel .vehicles-title-body .vehicles-contact-row ul li a{overflow: hidden;text-overflow: ellipsis;display: block;}

.vehicles-detail-body{padding: 95px 0 65px;position: relative;}
.vehicles-detail-body .vehicles-tab-wrap{background: #F5F6F8;border: 1px solid #BBBBBB;}
.vehicles-tab-wrap .vehicles-tab-head{position: relative;}
.vehicles-tab-wrap .vehicles-tab-head .nav{border:0px;background-color:#E1E1E1;}
.vehicles-tab-wrap .vehicles-tab-head .nav .nav-item{padding: 0px;}
.vehicles-tab-wrap .vehicles-tab-head .nav .nav-item .nav-link{border:0px;border-radius: 0px;display: block;margin: 0;width: 100%;font-weight: 400;font-size: 14px;letter-spacing: 0.14px;color: #9E9E9E;line-height: 19.32px;padding: 30px 0;transition: all 0.2s ease;}
.vehicles-tab-wrap .vehicles-tab-head .nav .nav-item .nav-link.active{background: #007BFF;color:#fff;}

.vehicles-tab-wrap .vehicles-tab-body{}
.vehicles-tab-wrap .vehicles-tab-body .vehicles-tab-inner{padding-top: 40px;position: relative;}
.vehicles-tab-body .vehicles-tab-section{padding: 35px;border-bottom: 1px solid #CCCCCC;}
.vehicles-tab-body .tab-section-goto{position: absolute;right: 48px;top:40px;z-index: 5;}
.tab-section-goto .goto-section-list{margin: 0;padding: 0;list-style: none;display: inline-flex;}
.tab-section-goto .goto-section-list li{margin-right: 50px;position: relative;}
.tab-section-goto .goto-section-list li:last-child{margin-right: 0px;}
.tab-section-goto .goto-section-list li a{font-weight: 400;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;color:#626262;text-decoration: none;position: relative;padding: 0 5px 6px 5px;}
.tab-section-goto .goto-section-list li.active a:after{height: 2px;content: "";background-color: #007BFF;position: absolute;bottom: 0;left: 0;right: 0;}

.tab-section-footer{padding: 12px 20px;border-top: 1px solid #BBBBBB;text-align: right;}
.tab-section-footer .btn{min-width: 150px;font-weight: 500;letter-spacing: 1px;}
.tab-section-footer .btn i{font-size: 12px;}
.tab-section-footer .btn.swiper-button-disabled{opacity: 0.2;cursor: not-allowed;}

.vehicles-tab-body .vehicles-tab-section .tab-section-title{font-weight: 700;font-size: 24px;line-height: 28.8px;letter-spacing: 0.14px;margin-bottom: 15px;}
.vehicles-tab-body .vehicles-tab-section .tab-section-title-info{font-size: 14px;color:#8E8E8E;line-height:19.32px;letter-spacing: 0.14px;font-weight: 400;margin-bottom: 16px;}
.vehicles-tab-body .vehicles-tab-section .vehicles-tab-card{border-radius: 16px;border:0px;margin-bottom: 15px;padding: 30px 15px 16px 15px;}
.vehicles-tab-body .vehicles-tab-section .vehicles-tab-card .card-header{margin-bottom: 20px;border:0px;background-color: transparent;padding: 0;font-weight: 700;font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;color: #000000;}
.vehicles-tab-body .vehicles-tab-section:last-child{border-bottom: 0px;}
.vehicles-tab-body .vehicles-tab-section .vehicles-tab-card:last-child{margin-bottom: 0px;}
.vehicles-tab-body .vehicles-tab-section .vehicles-tab-container{width: 860px;margin: 0 auto;}
.vehicles-tab-body .vehicles-tab-section .vehicles-tab-container .form-group:not(.vehicles-extra) label:not(.custom-control-label){font-weight: 700;line-height: 19.32px;}

.vehicles-tab-card .no-file-group{text-align: center;padding: 10px 0;}
.vehicles-tab-card .no-file-group p{margin: 0;font-size: 16px;font-weight: 400;line-height: 22.4px;letter-spacing: 0.14px;color: #9E9E9E;}

.upload-photo-list{display: flex;align-items: center;margin: 0;padding: 0;list-style: none;flex-wrap: wrap;position: relative;}
.upload-photo-list li{flex:0 0 calc(100%/5 - calc(80px/5));max-width: calc(100%/5 - calc(80px/5));margin-right: 20px;margin-bottom: 20px;}
.upload-photo-list li:nth-child(5n){margin-right: 0px;}
.upload-photo-list li .upload-img{border-radius: 16px;overflow: hidden;}
.upload-photo-list li .upload-img img{display: block;width: 100%;}
/* End : vehicles details*/


/* Start : cassa*/
.detail-tr-box{background: #F5F6F8;}
.detail-tr-box h4{font-weight: 700;font-size: 16px;line-height:1;letter-spacing: 0.38px;margin-bottom: 15px;}
.detail-tr-box p{font-size: 14px;margin-bottom:8px;line-height: 19.32px;letter-spacing: 0.14px;}
.detail-tr-box p:last-child{margin: 0}
/* End : cassa*/


/*=== Start : Backoffice ====================================*/


/* Start : Veicoli in entrata */
.incoming-wrap.section-wrap{padding: 50px 0 0 0;border-bottom: 1px solid #CCCCCC;}
.section-tab-wrap{margin-top: 27px; }
.section-tab-wrap .nav{border-bottom:none}
.section-tab-wrap .nav .nav-item{}
.section-tab-wrap .nav .nav-item .nav-link{border-top-left-radius:0px;border-top-right-radius:0px;font-size: 14px;font-weight: 300;line-height: 15.6px;letter-spacing: 0.2px;text-transform: uppercase;background-color: #EBEBEB;color:#000;border-color: #CCCCCC #CCCCCC #CCCCCC transparent;}
.section-tab-wrap .nav .nav-item:first-child .nav-link.active,
.section-tab-wrap .nav .nav-item:first-child .nav-link{border-left-color: #CCCCCC;}
.section-tab-wrap .nav .nav-item .nav-link.active{border-color: #CCCCCC #CCCCCC #fff transparent;background-color: #fff;}
.section-tab-content{}

.badge-type{margin-bottom: 15px;text-align: right;}
.badge-type ul{margin: 0;padding: 0;list-style: none;display: inline-flex;align-items: center;}
.badge-type ul li{margin-left: 15px;}
.section-tab-content .tab-content{padding-top: 45px;}

.badge-label{background-color: #E6E6E6;color:#F88A25;border-radius: 3px;padding: 4px;font-weight: 300;font-size: 12px;letter-spacing: 0.17px;line-height: 15px;font-family: 'Readex Pro', sans-serif;}
/* End : Veicoli in entrata */

/* Start : aste */
.aste-wrap-tbl .detail-tr-box>td{padding: 0;}
.aste-wrap-tbl .detail-tr-box>td>table{border:0px;margin:0;background-color: #F1F1F1;}
.aste-wrap-tbl .detail-tr-box .table th,.aste-wrap-tbl .detail-tr-box .table td{background-color: transparent;padding-top: 5px;padding-bottom: 5px;font-size: 12px;}
.aste-wrap-tbl td .badge{padding: 4px 10px;font-weight: 400;font-size: 12px;letter-spacing: 0.14px;border-radius: 25px;line-height: 16.56px;}
.aste-wrap-tbl tr.active{background: #D9EBFF;}
/* End : aste */


/* Start : Chat */
.chat-panel{position: relative;display: flex;align-items: stretch;justify-content: space-between;}
.chat-panel .chat-person-list{width: 30%;border-right: 1px solid #CCCCCC;}
.chat-panel .chat-content{width: 70%;}
.chat-panel .chat-content .chat-content-head,.chat-panel .chat-person-list .chat-person-head{position: relative;padding: 44px 23px 44px 40px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #CCCCCC;}
.chat-panel .chat-content .chat-content-head h4,.chat-panel .chat-person-list .chat-person-head h4{font-size: 18px;font-weight: 700;line-height: 21.6px;letter-spacing: 0.14px;color:#3E3E3E;margin: 0;}
.chat-panel .chat-content .chat-content-head .btn,.chat-panel .chat-person-list .chat-person-head .btn{border-radius: 100%;height: 32px;width: 32px;padding: 0;display: flex;align-items: center;justify-content: center;font-size: 12px;}
.chat-panel .chat-content .chat-content-body,
.chat-panel .chat-content .chat-content-head{padding-right: 30%;}
.chat-panel .chat-person-list .chat-person-head,
.chat-panel .chat-person-list .chat-person-body{padding-left: 30%;}
.chat-panel .chat-person-list .chat-person-body ul{margin: 0;padding: 0;list-style: none;}
.chat-panel .chat-person-list .chat-person-body ul li{position: relative;padding: 20px 40px;border-radius: 17px;transition: background 0.2s ease;cursor: pointer;}
.chat-panel .chat-person-list .chat-person-body ul li:hover,
.chat-panel .chat-person-list .chat-person-body ul li.active{background-color: #D9D9D9;}
.chat-panel .chat-person-list .chat-person-body ul li.unread h4 i{color:#F88A25;font-size: 7px;line-height: 19.6px;position: relative;top: -2px;margin-left: 10px;}
.chat-panel .chat-person-list .chat-person-body ul li h4{font-size: 18px;font-weight: 700;line-height: 21.6px;letter-spacing: 0.14px;color:#3E3E3E;margin: 0 0 10px 0;}
.chat-panel .chat-person-list .chat-person-body ul li p{font-weight: 300;font-size: 14px;letter-spacing: 0.14px;line-height: 19.6px;margin: 0;}

.chat-panel .chat-content .chat-content-body{height: var(--chat-body);overflow-y: auto;}
.chat-panel .chat-content .chat-content-body .chat-msg-area{position: relative;display: flex;flex-direction: column;height: 100%;}
.chat-msg-area ul{margin: 0 auto;padding: 0;list-style: none;max-width: 483px;flex: 1;}
.chat-msg-area ul li{}
.chat-msg-area ul li.chat-msg{position: relative;padding:30px 0;}
.chat-msg-area ul li.chat-msg .chat-msg-head{display: flex;align-items: center;margin-bottom: 16px;}
.chat-msg-area ul li.chat-msg .chat-msg-head img{height: 43px;width: 43px;border-radius: 100%;}
.chat-msg-area ul li.chat-msg .chat-msg-head h4{font-weight: 400;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;margin: 0;padding: 0 15px;}
.chat-msg-area ul li.chat-msg .chat-msg-head p{font-weight: 300;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;margin: 0;}
.chat-msg-area ul li.chat-msg .chat-msg-content{}
.chat-msg-area ul li.chat-msg .chat-msg-content p{font-weight: 300;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;margin: 0;}
.chat-msg-area ul li.chat-msg-date{font-weight: 700;font-size: 18px;line-height: 21.6px;letter-spacing: 0.14px;margin: 0;padding:15px 0;text-align: center;}
.chat-msg-area .chat-msg-textarea{width: 483px;margin: auto auto;padding: 20px 0;position: sticky;bottom: 0;background-color: #fff;}
.chat-msg-area .chat-msg-textarea textarea{height: 40px;border: 2px solid #000000;border-radius: 20px;resize: none;}
.chat-msg-area .chat-msg-textarea .send-msg-btn{color:#000000;text-decoration: none !important;font-size: 24px;line-height: 1;position: absolute;top: calc(50% - 12px);right: 6px;z-index: 1;}
.chat-msg-area .chat-msg-textarea .send-msg-btn i{display: block;}
/* End : Chat */


/*=== End : Backoffice ====================================*/


/*=== Start : MyRange ====================================*/
.myrange-profile-wrap{display: flex;align-items: flex-start;width: 100%;}
.myrange-profile-wrap .profile-menu{flex:0 0 300px;max-width: 300px;background: #282828;border-radius: 4px;overflow: hidden;}
.myrange-profile-wrap .profile-menu .nav{flex-direction: column;}
.myrange-profile-wrap .profile-menu .nav li{position: relative;}
.myrange-profile-wrap .profile-menu .nav li:after{content: "\e932";font-family: 'k2k-automobile';color:#fff;position: absolute;right: 14px;top: 50%;transform: translateY(-50%);transition: right 0.2s ease;}
.myrange-profile-wrap .profile-menu .nav li:hover:after{right: 10px;}
.myrange-profile-wrap .profile-menu .nav li a{border-radius: 0px;padding: 15px 22px;color:#fff;font-weight: 400;font-size: 16px;line-height: 22.4px;letter-spacing: 0.14px;}
.myrange-profile-wrap .profile-menu .nav li a.active{background: #AAD3FF;}
.myrange-profile-wrap .profile-content{flex:1;max-width: 100%;padding-left: 20px;}
.myrange-profile-wrap .profile-content .card{padding: 24px 28px;background: #F8F9FA;border-radius: 4px;position: relative;border:0px;margin-bottom: 20px;}
.myrange-profile-wrap .profile-content .card .today-appointment h4{margin-bottom: 9px;}
.myrange-profile-wrap .profile-content .card .today-appointment h2{font-weight: 700;font-size: 56px;line-height: 67.2px;letter-spacing: 0.68px;color:#000000;margin-bottom: 0;}
.myrange-profile-wrap .profile-content .card .today-list{padding-top: 25px;}
.myrange-profile-wrap .profile-content .card .today-list ul{margin: 0;padding: 0;list-style: none;}
.myrange-profile-wrap .profile-content .card .today-list ul li{margin-bottom: 15px;font-family: 'Readex Pro';}
.myrange-profile-wrap .profile-content .card .today-list ul li b{font-weight: 600;color:#808080;font-size: 12px;line-height: 15.6px;margin-right: 16px;}
.myrange-profile-wrap .profile-content .card .today-list ul li a{color:#437BE7;font-size: 12px;line-height: 15.6px;}
.myrange-profile-wrap .profile-content .card .map-appointment{}
.myrange-profile-wrap .profile-content .card .map-appointment img{display: block;max-width: 100%;}
.myrange-profile-wrap .profile-content .card .profile-panel{padding:40px 0 0 0;background-color: transparent;}


/* Start : appointment popup */
.appointment-popup{position: relative;display: flex;align-items: stretch;}
.appointment-popup .appointment-left{flex:0 0 345px;max-width: 345px;border-right: 1px solid #C8C8C8;padding: 30px;}
.appointment-popup .appointment-right{flex:1;max-width: 100%;padding:30px;padding-left: 60px;}
.appointment-popup .appointment-right .appointment-title{color:#007BFF;margin-bottom: 20px;}
.appointment-right .select-time-date{display: flex;align-items: flex-start;margin-bottom: 40px;}
.appointment-right .select-time-date .calender-card{flex:1;max-width: 100%;}
.appointment-right .select-time-date .time-slote{flex:0 0 245px;max-width: 245px;padding-left: 30px;overflow-y: auto;padding-right: 10px;}
.appointment-right .select-time-date .time-slote ul{margin: 0;padding: 0;list-style: none;}
.appointment-right .select-time-date .time-slote ul li{margin-bottom: 10px;}
.appointment-right .select-time-date .time-slote ul li{display: flex;align-items: center;justify-content: space-between;}
.appointment-right .select-time-date .time-slote ul li .btn{width: 100%;}
.appointment-right .select-time-date .time-slote ul li.active .btn{width: 49%;}
.calender-card .datepicker-inline{width: 100%;}
.calender-card .datepicker-inline table{width: 100%;}
/* End : appointment popup */


/* Start : calendar */
.calendar-page{position: relative;display: flex;align-items: stretch;}
.calendar-page .calendar-small-panel{background-color: #9FAEC2;padding: 20px 10px;position: relative;flex: 0 0 220px;max-width: 220px;}
.calendar-page .calendar-full-view{flex:1;max-width: 100%;padding: 60px 30px 30px 30px;position: relative;}
/* End :  calendar */



/*=== End : MyRange ====================================*/