body{padding: 0; padding-top: 60px!important;  font-family: "Roboto", sans-serif;overflow-y: inherit!important;}
h1, h2, h3, h4, h5, h6{font-family: "Roboto", sans-serif;}
button:focus, .form-control:focus{box-shadow: none!important;outline: none!important;}
a{text-decoration: none;}li{list-style-type: none;}
header{position: fixed;left: 0;right: 0;background: #30D5C8;top: 0;}
.primary-btn{background: #30D5C8;text-align: center;color: #fff;border: 1px solid #30D5C8;padding: 8px 25px;border-radius: 5px;width: 170px;margin: auto;display: block;border-radius: 40px;margin-top: 20px;}
.logo{width: 150px;}
.primary-btn:hover{background: #b4863a!important;border-color: #b4863a;color: #fff!Important;}
.float-right{float: right;}
.btn-secondary:hover{background: #333!important;}
.common-section-pad {padding: 50px 65px;}   
.common-pad{padding: 0 50px;}
.header-primary{display: flex;justify-content: space-between;padding-top: 20px;padding-bottom: 20px;}
header .searchmodal-btn{    background: #21a195;padding: 9px; margin-right: 16px;line-height: 15px;}
.searchmodal-btn{background: #ffffff2a;width: 35px;height: 35px;border-radius: 50%;padding: 0 11px;}
.modal-btn {min-height: 40px;border: 1px solid #ced4da;background: #fff;border-radius: .25rem;font-size: 15px;color: #767676;padding: .375rem .75rem;text-align: left;display: flex;justify-content: space-between;}
.modal-btn img{width: 16px;opacity: 0.7;}
#dateModal .date-dropdown .form-group{width: 32%;}#dateModal .date-dropdown .form-control{padding: 6px 15px;color: #666666;font-size: 14px;margin-top: 7px;}
#dateModal .date-dropdown .form-control::placeholder{color: #666666;}
#dateModal .primary-btn{margin: 0;display: block;padding: 4px 20px;width: 100px;}
.btn-back {color: #fff;display: flex;background: #ffffff3d;padding: 6px 22px;border-radius: 40px;}
.btn-back:hover{background: #b4853ad0;}
.date-modalbtn{  display: flex;justify-content: center;width: 100%;;}.date-modalbtn button{margin: 0 5px;}
#dateModal .btn-close{background: #545454;padding: 9px 17px;color: #fff;border-radius: 40px;width: auto;line-height: 0;margin-top: 15px;}
.btn-back img {padding: 1px;position: relative;top: 3px;height: 18px;width: 18px;margin-right: 10px;border-radius: 100%;animation: moveleftright 0.5s infinite alternate;}
.new-bg{background: purple!important;}
.contacted-bg {background: #30D5C8!important;}
.quotation-bg {background: #b4863a!important;} 
.negotiation-bg {background: #89CFF0 !important;}
.converted-bg {background: green!important;}
.travelled-bg{background: rgb(235, 97, 120)!important;}
.lost-bg {background: rgb(197, 4, 4)!important;}

.requote-bg {background: #9D1B63!important;}
.pepayment-bg {background: #E95C20!important;}
.prepayment-bg{background: #E95C20FF;}
.payment-bg{background: #FF5733;}
.treatment-bg{background: #C6EE6D;}
.reconnect-bg{background: #003FFF;}
.returned-bg{background: #8A3324;}
.closed-bg{background: #f3c301;}
.followup-bg{background: #9DD9F3;}
.toast-mg-bg1{background:#DE6B07;}
.toast-mg-bg2{ background: #184A2E;}
.toast-mg-bg3{background: #983A04;}
.treatment-bg{background: #9fd42a;}
.greenClass{background: #058240 !important;color: #fff !important;}



.bg-box{color: #fff;border-radius: 40px;padding: 6px 35px;width: 170px;font-size: 14px;margin: auto;}
.mobiletabs,.mobiletabs-nav{display: none;}


header{background: #30D5C8;padding: 0!important;z-index: 1000;}
.header-primary ul{justify-content: end;margin: 0;}
/* .crm-form{padding-top: 125px;} */
.date-dropdown{display: flex;justify-content: space-between;flex-wrap: wrap;}.crm-form {margin-bottom: 50px;}
.crm-form .form-flex{display: flex;flex-wrap: wrap;justify-content: start;}
.crm-form .form-flex .form-group{width: 24%;margin: 0 .5%;margin-bottom: 20px;}
.crm-form .service-interest-flex.form-flex .form-group{width: 32%;}
.crm-form h6{font-size: 20px;font-weight: 500;margin-bottom: 0;}
.crm-form .form-group{width: 24%;margin-bottom: 20px;}
.crm-form .form-group label{margin-bottom: 8px;}
.crm-form .form-group .form-control{font-size: 15px;color: #767676;min-height: 40px;}
.crm-form .form-flex .date-dropdown .form-group{width: 24%;}
.crm-form .accordion{margin-bottom: 20px; border-radius: 5px;box-shadow: 1px 1px 4px 4px #eee;position: relative;}
.crm-form .accordion-button::after{width: 12px;height: 12px;background-size: contain;background: url(../img/angle-down.svg);}
.crm-form .accordion-button span{    width: 45px;height: 45px;border-radius: 50%;background: #ffffff2e;padding: 9px 13px;margin-right: 12px;}
.crm-form .accordion-item:first-child .accordion-button{background: #3a8892;color: #fff;  padding: 12px 20px;}
.crm-form .accordion-item:nth-child(2) .accordion-button{    background: #5fc1ce;color: #fff;}
.crm-form .accordion-item:nth-child(3) .accordion-button{    background: #b76a34;color: #fff;}
.crm-form .accordion-item:last-child .accordion-button{background: #08c1b3;color: #fff;}
.crm-form .accordion-button{font-weight: 400;font-size: 20px;color: #000;font-size: 17px;box-shadow: none;}
.crm-form .accordion-button:focus{box-shadow: none;}
.follow-up-block{padding: 25px;border-radius: 5px;box-shadow: 1px 1px 4px 4px #eee;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.follow-up-block .form-group{margin-bottom: 15px;width: 49%;}
.follow-up-block .date-dropdown{width: 74%;}
.follow-up-block .date-dropdown .form-group{width: 32%;}
.add-more, .delete{color: #fff;display: inline-block;padding: 8px 20px;font-size: 14px;background: #30D5C8;border-radius: 40px;line-height: initial;text-align: center;position: absolute;top: 0;right: 40px;top: 26px;margin-left: auto;display: block;border: 0;}
.delete{background: rgb(190, 10, 10);position: static;border-radius: 40px;}
.remarks-box {background: #eeeeeed0;width: 100%;padding: 15px;position: relative;margin-top: 30px;}
.remarks-flex{display: flex;}
.time-date-box{display: flex;}
.time-date-box .form-control::placeholder{color: #fff;}
.time-date-box .form-control:hover{background: #30D5C8;}
.time-date-box .form-control{width: 100px;font-size: 13px;margin-right: 5px;border-radius: 40px;background: #b4863a;color: #fff;text-align: center;padding: 3px;margin-bottom: 0;}
.time-date-box .form-control.country-box{width: auto;}
.ico-user{width: 35px;height: 35px;border-radius: 50%;overflow: hidden;display: inline-block;}
.logout-modal-btn{    padding: 0;background: #24a398;width: 40px;height: 40px;line-height: initial;border-radius: 50%;}
.btn-boxes .primary-btn{margin-left: 20px;background: #30d5c8d9;
  /* display: flex; */width: 120px;
  text-align: center;justify-content: space-between;padding: 7px 14px;}
.btn-boxes .primary-btn img{    width: 15px;margin: auto;margin-right: 0;}
.btn-boxes .btn-secondary{  border-radius: 40px;  background: #808080;color: #fff;margin-left: 10px;border: 1px solid #808080;padding: 6px 20px;}
.status-box ul{display: flex;margin: 0;}
#logoutModal .btn-boxes .primary-btn{justify-content: center;margin: 0;width: 100px;}
#logoutModal .btn-boxes .btn-secondary{border-radius: 40px;}
.status-box li .imgstatus {width: 35px;background: #ffffff38;border-radius: 50%;margin-right: 10px;display: flex;height:35px;}
.status-box li:first-child .imgstatus{background: #b0bf6786;}
.status-box li:nth-child(2) .imgstatus{background: #5141a48d;}
.status-box li:nth-child(3) .imgstatus{background: #9664647e;}
.status-box li:nth-child(4) .imgstatus{background: #967bb986;}
.status-box li:last-child .imgstatus{background: #c5283d86;}
.status-box li:nth-child(5) .imgstatus{background: #41a4888d;}
.status-box li:nth-child(6) .imgstatus{background: #9664827e;}
.status-box li:nth-child(7) .imgstatus{background: #967bb986;}
.status-box li:nth-child(8) .imgstatus{background: #b9b77b86;}
.status-box img {margin: auto;height: 19px;}
.status-box h6 span{font-size: 22px;display: block;font-weight: 600;}
.status-box h6 {color: #fff;margin: 0;font-size: 13px;font-weight: lighter;}
.status-box li {display: flex !important;padding: 10px 16px;background: #ffffff00 !important;border-right: 1px solid #eeeeee9e;}
.representative-box{background: transparent;}
.status-box li:last-child{border: 0;}
.representative-box img{width: 40px;height: 40px;}
.listing-details {margin-bottom: 50px;}
.status-tab-edit .modal-btn {height: auto;padding: 10px .75rem;}
.page-link{color: #30D5C8;}
.listing-details th{background: #eeeeeed6!important;padding: 15px;text-align: center!important;border: 0;white-space: nowrap;}
div#DataTables_Table_0_wrapper {margin-bottom: 100px;}
.listing-details th:nth-child(4), .listing-details th:nth-child(5), .listing-details td:nth-child(4), .listing-details td:nth-child(5) {text-align: left !important;padding: 15px 5px;}
.dt-column-order{display: none;}
.listing-details th:nth-child(1) .dt-column-order, .listing-details th:nth-child(3) .dt-column-order,  
.listing-details th:nth-child(7) .dt-column-order{display: block;}
.pagination li .page-link{position: static;}
.listing-details td{vertical-align:middle;text-align: center!important;padding: 5px;border-bottom: 1px solid #eee;    white-space: nowrap;}
.listing-details td span{display: block;}
table{margin-top: 10px;border: 0!important;}
.filtering-section ul{justify-content: end;display: flex;margin-bottom: 0;}
.filtering-section li a img, .filtering-section li button img{display: none;}
.filtering-section ul li a , .filter-btn{line-height: 18px;color: #fff;font-size: 16px; border-color: #ffffff2e;width: auto;
    margin: 0;background: #ffffff2e;padding: 8px 23px;border-radius: 40px;}
.filtering-section ul li a:hover , .filter-btn:hover, .searchmodal-btn:hover{background: #333!important;border: 1px solid #333;}
.filtering-section ul li a.active{background: #30D5C8;}
.filtering-section ul li .searchmodal-btn img{display: block;}

.filtering-section ul li{margin: auto 8px;}
/* .filtering-section .primary-btn{font-size: 16px;background: transparent;border: 0;padding: 0;} */
.user-data img{width: 40px;margin-right: 15px;}
.dt-search{display: none;}
#dateFirstContact .form-group{width: 49%;}
#searchmodalfilter .modal-content .form-control::placeholder{color: #fff;font-size: 20px;}
.search-ico{width: 20px;opacity: 0.5;top: 16px;right: 18px;position: absolute;}
#searchmodalfilter .modal-dialog{max-width: 80%;}
#searchmodalfilter .btn-close{background: #ffffff36;opacity: 1;padding: 12px 35px;line-height: 0;width: auto;border-radius: 40px;color: #fff;}
#searchmodalfilter .modal-content .form-control{background: transparent;border: 0 ;color: #fff;border-bottom: 2px solid #ffffffc3;border-radius: 0;}
#searchmodalfilter .modal-content{height: 85vh;background: #25aca1e8;padding: 25px;}
#searchmodalfilter .modal-content .form-control{padding: 15px;}
.common-side-modal{transform: translateX(150%);background: #fff;transition: 0.5s ease;height: 100vh;position: fixed;top: 0;z-index: 9996;right: 0;bottom: 0;left: inherit;width: 65%;border: 1px solid #adadad;}
.common-side-modal.modal-opn {transform: translateX(0);}
.filter-head-right {margin: auto 0;}
.filter-head-left{display: flex;}
.filter-head{background: #21a195;display: flex;justify-content: space-between;padding: 15px 20px;}
.filter-close{background: none;color: #fff;background: #ffffff17;padding: 0 21px;height: 33px;margin-top: 6px;border-radius: 40px;}
.filter-close img{width: 30px;}
.filter-close h4{font-size: 17px;margin: 0 !important;}
.errorlabel{color: rgb(199 7 7);}
#logoutModal  .filter-close img{width: 30px; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
.reset-btn{padding: 9px 25px;background: rgba(0, 0, 0, 0.3019607843);color: #fff;cursor: pointer;border-radius: 50px;margin-top: 0px;display: inline-block;}
.fixed-filters{position: fixed;bottom: 0;right: 0;left: 0;background: #767676;padding: 15px;z-index: 999;}
.fixed-filters h5{color: #fff;margin: 0;}
.fixed-filters.fixed-footer-mobile{display: none;}
.filter-flex{display: flex;flex-wrap: wrap;padding: 35px 0;justify-content: space-between;}
.common-side-modal .form-group{width: 32%;}
.common-side-modal h5{    font-size: 18px;color: #000;}.common-side-modal h6{font-size: 16px;}
.common-side-modal .form-group{width: 49%;}
.common-side-modal .form-group label{margin-bottom: 5px;color: #545454;font-size: 15px;}
.service-interest-box, .lead-flex,.rep-flex, .travelling-box-flex, .date-flex {display: flex;flex-wrap: wrap;background: #eeeeeea1;padding: 20px;justify-content: space-between;}
.common-box{background: #fff;box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.03);margin-bottom: 15px;}
.common-side-modal .filter-modal-body{overflow: hidden;;overflow-y: scroll;height: 89vh;padding: 20px;padding-bottom: 70px;background: #eeeeee5e;}
.service-interest-box .form-group{width: 32%;}
.table-pagination {display: flex;justify-content: end;position: absolute;bottom: -20px;right: 25px;}
.table-pagination .nice-select {width: 100px;margin: 0 10px;}
.dt-info{display: none;}
.table-pagination h6{margin: auto 0;}
.prev-next{display: flex;    margin-top: 8px;margin-left: 8px;}
.prev-next img{width: 12px;margin: 0 5px;}
.lead-flex .form-group, .travelling-box-flex .form-group{width: 49%;}
.filter-modal-body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
.filter-modal-body::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
.filter-modal-body::-webkit-scrollbar-thumb{background-color: #b4863a;border-radius: 10px;}
.filter-head{height: 11vh;}
.form-flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.date-from-to{width: 49%;display: flex;flex-wrap: wrap;justify-content: space-between;}.date-from-to .form-group{width: 32%;}

/* NICE SELECT CSS  */
.nice-select,
.nice-select.open .list {width: 100%;border-radius: 8px;}
.nice-select{line-height: 30px;color: #6e6e6e;padding: 6px 12px;}
.nice-select .list::-webkit-scrollbar { width: 0}
.nice-select .list {margin-top: 5px;top: 100%;border-top: 0;border-radius: 0 0 5px 5px;max-height: 210px;overflow-y: scroll;padding: 52px 0 0}
.nice-select.has-multiple {white-space: inherit;height: auto;padding: 7px 12px;min-height: 53px;line-height: 22px}
.nice-select.has-multiple span.current {border: 1px solid #CCC;background: #EEE;padding: 0 10px;border-radius: 3px;display: inline-block;line-height: 24px;font-size: 14px;margin-bottom: 3px;margin-right: 3px}
.nice-select.has-multiple .multiple-options {display: block;line-height: initial;margin-left: 0;padding: 0;padding: 10px 15px;}
.nice-select .nice-select-search-box {box-sizing: border-box;position: absolute;width: 100%;margin-top: 5px;top: 100%;left: 0;z-index: 8;padding: 5px;background: #FFF;opacity: 0;pointer-events: none;border-radius: 5px 5px 0 0;box-shadow: 0 0 0 1px rgba(68, 88, 112, .11); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px);-ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px);-webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out}
.nice-select .nice-select-search {box-sizing: border-box; background-color: #fff; border: 1px solid #ddd;border-radius: 3px;box-shadow: none;color: #333;display: inline-block;vertical-align: middle;padding: 7px 12px;margin: 0 10px 0 0;width: 100%!important; min-height: 36px;line-height: 22px;height: auto;outline: 0!important}
.nice-select.open .nice-select-search-box {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)}
.remove:hover {color: red}
.modal-backdrop{z-index: 9998;}
.modal{z-index: 9999;}
.count,.notification-btn{border-radius:50%;display:inline-block}
.notification-btn{margin-left:10px;width:35px;height:35px;position:relative;background:#ffffff2e;padding:0 10px;line-height:32px}
.notification-btn.active{background:#30d5c8}
.count{position:absolute;width:18px;height:18px;background:rgb(199 7 7);color:#fff;top:-8px;font-size:11px;line-height:18px;text-align:center}
.notification-data{display:flex;width:96%}
.view-modal-btn img, .setting-modal-btn img{height: 20px;transition: 0.5s ease;}.view-modal-btn {padding: 0;transition: 0.5s ease;}
.view-modal-btn img:last-child, .setting-modal-btn img:last-child{display: none;}
.view-modal-btn:hover img:first-child, .setting-modal-btn:hover img:first-child{display: none;}
.view-modal-btn:hover img:last-child, .setting-modal-btn:hover img:last-child{display: block;margin-top: 5px;}
.common-tab .nav-tabs .nav-link, .view-modal .nav-tabs .nav-link {text-align: center;width: 33.3%;border: 0;border-bottom: 1px solid #eee;color: #706f6f;font-size: 20px;}
.common-tab .nav-tabs .nav-link.active,  .view-modal .nav-tabs .nav-link.active{text-align: center;border-bottom: 2px solid #30D5C8;color: #08c1b3;}
.notification-lisitng{padding: 25px 0;}
.notification-lisitng li{border-radius: 40px;margin-bottom: 15px;display: flex;}
.notification-wrap{padding: 7px 9px;display: flex;    width: 85%;}
.notification-lisitng li img{width: 50px;border: 2px solid #fff;border-radius: 50%;height: 50px;}
.notification-lisitng li h5, .notification-lisitng li p{color: #fff;margin:auto 25px;min-width: 200px;}
.notification-lisitng li h5{font-size: 18px;}
.notification-lisitng li p{font-size: 15px;}
.date-time{    display: flex;color: #fff;border-radius: 40px;padding: 7px 15px;background: #00000036;margin: auto 0;margin-left: 9px;font-size: 12px;}
.notification-lisitng li button {background: #eeeeee3d;border: 0;border-radius: 40px;color: #fff;padding: 18px 15px;display: flex;justify-content: center;width: 15%;text-align: center;}
#unread-tab .notification-lisitng li{padding: 0;}
.notification-lisitng li  button img{width: 20px;border: 0;height: 20px;margin: auto 6px;margin-left: 10px;}
.status-tab-edit{padding: 35px 25px;}
.follow-up-block{background: #fff;}
.view-modal .nav-tabs .nav-link, .view-modal .nav-tabs .nav-link.active{font-size: 17px;width: 33.3%;}
#history-tab .notification-lisitng li{background: #fff;box-shadow: 1px 1px 4px 4px #eeeeeeb0;position: relative;padding: 7px 15px;padding-top: 15px;border-radius: 5px;}
.history-data{width: 92%;margin-left: auto;color: #000;}
.history-data  p, 
.history-data  h5{color: #333!important;margin-top: 10px;    margin-left: 0 !important;}
#guest-information .crm-form{padding: 25px;}
#guest-information .date-dropdown .form-group {width: 49%;}
#guest-information .btn-boxes{display: flex;justify-content: center;}
#guest-information .btn-boxes .primary-btn {display: inline-block;width: auto;padding: 7px 30px;margin: 0;}
.notification-lisitng li span{margin: auto 0;white-space: nowrap;}.history-data  h5{    margin-bottom: 8px !important;}
.view-modal .notification-lisitng li span{margin: 0;}
.notification-btn:hover {background: #333;}
#history-tab  .date-time{color: #333;justify-content: end;background: transparent;}
.history-data .follow-up-date{font-size: 11px;background: #545454;padding: 4px 8px;border-radius: 20px;color: #fff;position: absolute;top: 13px;right: 30px;}
.disabled {background: rgb(229, 229, 229);color: linen;pointer-events: none;opacity: 1;}
#guest-information .common-box{padding: 25px;}
#guest-information .common-box:first-child .form-group{width: 49%;}
.cancel-btn{background: #545454;color: #fff;padding: 7px 15px;border-radius: 5px;border: 0;}

  /* LOGIN PAGE */
.login-page{background: #003438;height: 100vh;}
.login-left{margin: auto;text-align: center;}
.right-login-flex{display: flex;background-color: #fff;}
.login-right{margin: auto;width: 65%;}
.login-right h4{font-size: 35px;margin-bottom: 25px;}
.login-right .form-group{margin-bottom: 20px;position: relative;}
.login-right .form-group label{margin-bottom: 7px;}
.logo-mobile{display: none;}
.page-item.active .page-link {background-color: #30D5C8;border-color: #30D5C8;}
.page-item.active .page-link:hover{background: #b4863a;color: #fff;border-color: #b4863a;}
.modal-ico{width: 65px;height: 65px;display: flex;background: #ffffff26;border-radius: 50%;margin: auto;}
.modal-ico  img{width: 29px;margin: auto;}
#reminderModal  .btn-secondary , #successModal  .btn-secondary{background: #fffffffa;color: #333;}
#successModal img{width: 40px;}
#reminderModal  .btn-secondary:hover, #successModal  .btn-secondary:hover{background: #959595 !important;color: #fff;}
.toast-message-block{position: absolute;bottom: 25px;right: 15px;z-index: 999;}
.toast-box-single{width: 500px;border-radius: 5px;padding: 15px;color: #fff;margin-bottom: 15px;position: relative;display: flex;}
.toast-box-single img{width: 30px;}
.toast-box-single h5{font-size: 20px;position: relative;margin-bottom: 10px;}
.toast-box-single span.close-btn {width: 20px;;margin: auto;margin-right: 0;cursor: pointer;}
.toast-box-single p{font-size: 15px;margin: 0;}
span.notification-count {display: inline-block;background: rgb(199 7 7);width: 30px;height: 30px;color: #fff;border-radius: 50%;font-size: 13px;line-height: 30px;margin-left: 5px;position: relative;top: -3px;}
.nice-select.has-multiple {padding: 0;min-height: 40px;}
.scrolling-table .reset-btn {
  padding: 6px 20px;
  position: absolute;
  right: 15px;
}

#searchmodalfilter form{
  width: 100%;
  margin: auto;
}
.modal.show .modal-dialog {
  height: 100%;
  margin: auto;
  display: flex;
}
.modal-content{margin: auto;}
.iti{width: 100%;}
.add-wrap{display: flex;justify-content: space-between;position: relative;}
.add-wrap .form-group{width: 49%!important;}
.add-wrap img {width: 20px;}
.add-wrap .form-group:last-child{ width: 30px !important;height: 30px;position: absolute;right: 0;top: -9px;}
#more-option { margin: auto 0;}
.nice-select{height: 40px;}
#more-option .primary-btn{margin-top: auto;margin-left: 10px;}
/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{text-decoration: blink;-webkit-animation-name: blinker;-webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-direction: alternate;}

/* SETTINGS PAGE */
/* .settings-sec.common-tab .nav-tabs .nav-link{width: 50%;} */

/* CUSTOMISED CHECKBOX */
.settings-sec {margin-bottom: 100px;}
#editRolesModal .primary-btn {
  width: 85px;
  margin: 0 5px !important;
}
.settings-sec .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.settings-sec .form-group label {
  position: relative;
  cursor: pointer;
}

.settings-sec .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #30D5C8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.settings-sec .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #30D5C8;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.settings-sec td{padding: 15px 10px;}
.settings-sec td:nth-child(2){
  text-align: left!important;white-space: inherit!important;font-size: 15px;
}
.settings-sec .dt-layout-table{width: 100%;}
.settings-sec .roles-settings td{padding: 10px;}
.settings-sec .roles-settings td:nth-child(2){
  text-align: center!important;
}
#addRolesModal .modal-body{padding: 35px;}
#addRolesModal .primary-btn{width: 110px;margin-right: 10px;display: block;margin-right: 10px!important;}
.modal-form .form-group{margin-bottom: 20px;}
#createusersModal .modal-dialog{max-width: 60%;}#createusersModal .modal-body{padding: 40px;}
#createusersModal .form-flex .form-group{width: 48%;}
.view-modal-setting .filter-modal-body{padding: 50px ;}
.view-modal-setting .filter-modal-body .common-box{padding: 35px;background: #fff;}
.view-modal-setting .form-group{margin-bottom: 20px;}
.photo-flex{display: flex;}
.photo-flex span{margin: auto 0;}
.photo-flex img{width: 30px;height: 30px;border-radius: 50%;margin-right: 15px;}
.settings-permission table th:nth-child(2){width: 70%;min-width: 650px;}
.settings-sec .nav-tabs{margin-bottom: 20px;}
.login-right .form-group img {position: absolute;right: 13px; bottom: 11px; width: 17px;}
.settings-sec .dt-length label {
  font-size: 15px;
  margin: auto;
  margin-left: 15px;
}

.settings-sec .dt-length {
  display: flex;
  display: flex;
  white-space: nowrap;
}

.mobilenum-box {
  display: flex;border: 1px solid #ced4da;font-size: 15px;
  color: #767676;border-radius: 4px;
  min-height: 40px;
}
.mobilenum-box .form-control {
  border: 0;padding-left: 25px;
}
.mobilenum-box .selection, .mobilenum-box .select2-container--default .select2-selection--single{
  border: 0;height: 100%;display: block;}
.view-modal .mobilenum-box .select2-container--default .select2-selection--single {background-color: #e9ecef;}

.mobilenum-box .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 39px;
  height: 100%;width: 70px;padding-right: 0;
}
.view-modal  .mobilenum-box .select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size: 12px;
}
.select2-container{z-index: 9998;}
 .select2-container--open .select2-dropdown, .select2-container{width: 40%!important;}
.mobilenum-box .select2-container{width: 60px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: -22px !important;
  top: 5px !important;
}
.view-modal  .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
#facility-more-option{margin-bottom: 15px;}
.view-modal .mobilenum-box .form-control{padding-left: 10px;}