*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Montserrat-Bold;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Montserrat-Semibold;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Montserrat-Medium;src:url(/assets/Raleway-SemiBold-Dq287qfI.ttf)}@font-face{font-family:Montserrat-Regular;src:url(/assets/Raleway-Regular-avTyM9Qo.ttf)}@font-face{font-family:Montserrat-Light;src:url(/assets/Raleway-Light-DOs03ua0.ttf)}@font-face{font-family:Montserrat-Extralight;src:url(/assets/Raleway-ExtraLight-Djc52Ak6.ttf)}nav{background:#faf2fc;position:fixed;top:0;z-index:2;width:100%;left:0;padding:20px 80px;display:flex;align-items:center;font-family:Montserrat-Semibold;justify-content:space-between;border-bottom:2px solid #dedede}nav img{width:200px}nav .rightBox{display:flex;gap:20px}nav .rightBox .logOut{display:flex;align-items:center;font-size:20px;cursor:pointer}nav .rightBox .icon{display:flex;align-items:center;justify-content:center;font-size:30px;position:relative;transform-origin:50% 4px}nav .rightBox .icon .notification{background:pink;width:10px;height:10px;border-radius:50%;position:absolute;top:5px;right:5px}nav .rightBox .message{-webkit-animation:ring 10s .2s ease infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 10s .2s ease infinite;-moz-transform-origin:50% 4px;animation:ring 10s .2s ease infinite}nav .rightBox p{font-size:30px;color:red}@media only screen and (max-width: 778px){nav{padding:20px;flex-direction:column;gap:20px}}@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}to{-webkit-transform:rotateZ(0)}}@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}to{-moz-transform:rotate(0)}}@keyframes ring{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.notMean{height:110px}@media only screen and (max-width: 778px){.notMean{height:165px}}@font-face{font-family:Raleway-Bold;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Raleway-SemiBold;src:url(/assets/Raleway-SemiBold-Dq287qfI.ttf)}@font-face{font-family:Raleway-Medium;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Raleway-Regular;src:url(/assets/Raleway-Regular-avTyM9Qo.ttf)}@font-face{font-family:Raleway-Light;src:url(/assets/Raleway-Light-DOs03ua0.ttf)}@font-face{font-family:Raleway-ExtraLight;src:url(/assets/Raleway-ExtraLight-Djc52Ak6.ttf)}#callCenterComponent{background:#faf2fc;width:100%;min-height:100vh;padding:20px 80px}#callCenterComponent .loader{width:80px;aspect-ratio:1;border:15px solid #ddd;border-radius:50%;position:relative;transform:rotate(45deg);position:absolute;top:60%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}#callCenterComponent .loader:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:15px solid #514b82;animation:l18 2s infinite linear}@keyframes l18{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}#callCenterComponent .upBox .up{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}#callCenterComponent .upBox .up p{font-size:24px;font-family:Raleway-SemiBold}#callCenterComponent .upBox .up .calendarBox .MuiStack-root{width:100%}#callCenterComponent .upBox .down{display:flex;align-items:center;justify-content:space-between;margin-top:20px;flex-wrap:wrap;gap:20px}#callCenterComponent .upBox .down .searchBox{display:flex;align-items:center;gap:5px;box-shadow:0 3px 6px #00000029;background-color:#fff;padding:8px;border-radius:7px;width:100%;max-width:270px}#callCenterComponent .upBox .down .searchBox input{border:none;outline:none;width:100%;background-color:transparent;font-family:Raleway-ExtraLight}#callCenterComponent .upBox .down .searchBox input::placeholder{font-family:Raleway-ExtraLight}#callCenterComponent .upBox .down .otherBtns{display:flex;gap:15px;flex-wrap:wrap}#callCenterComponent .upBox .down .otherBtns .btn{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px}#callCenterComponent .upBox .down .otherBtns .btn p{color:#773693;font-family:Raleway-Regular}#callCenterComponent .upBox .down .otherBtns .btn input[type=checkbox]{display:none}#callCenterComponent .upBox .down .otherBtns .btn .checkbox-container{width:20px;height:20px;border-radius:5px;box-shadow:0 3px 6px #00000029;border:2px solid #773693;display:flex;align-items:center;justify-content:center;transition:background .2s}#callCenterComponent .upBox .down .otherBtns .btn .checkbox-container:hover{background-color:#f3e8ff}#callCenterComponent .upBox .down .otherBtns .btn .checkbox-container:after{content:"";display:none;width:4px;height:10px;border:solid white;border-width:0 2px 2px 0;margin-top:-2px;transform:rotate(45deg)}#callCenterComponent .upBox .down .otherBtns .btn input:checked~.checkbox-container{background-color:#773693}#callCenterComponent .upBox .down .otherBtns .btn input:checked~.checkbox-container:after{display:block}#callCenterComponent .downBox{margin-top:30px}#callCenterComponent .downBox .table-controls{border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;gap:5px}#callCenterComponent .downBox .table-controls button{width:50%;padding:12px;font-size:18px;font-weight:700;border:none;background:transparent;color:#773693;position:relative;cursor:pointer;transition:all .3s ease;border-radius:10px;box-shadow:0 3px 6px #00000029;background-color:#fff}#callCenterComponent .downBox .table-controls button:hover{background:#77369340}#callCenterComponent .downBox .table-controls button i{position:absolute;right:0;top:0;color:red;animation:example 2s infinite}@keyframes example{0%{transform:scale(1.1);opacity:1}50%{transform:scale(1);opacity:.5}to{transform:scale(1.025);opacity:1}}#callCenterComponent .downBox .table-controls button.active{background:#773693;color:#fff}#callCenterComponent .downBox .table-container{box-shadow:0 3px 6px #00000029;border-radius:10px;background:#fff;overflow-x:auto}#callCenterComponent .downBox .table-container table{width:100%;min-width:600px;border-collapse:collapse;text-align:left}#callCenterComponent .downBox .table-container table thead{background-color:#fff;color:#773693;text-transform:uppercase;border-bottom:1px solid #ccc}#callCenterComponent .downBox .table-container table thead tr{font-family:Raleway-Bold}#callCenterComponent .downBox .table-container table thead tr .idBox{width:100px!important;min-width:100px!important;max-width:100px!important;word-wrap:break-word;overflow:hidden}#callCenterComponent .downBox .table-container table thead tr td{padding:15px;text-align:center}#callCenterComponent .downBox .table-container table tbody{background-color:#fff;color:#6b7280}#callCenterComponent .downBox .table-container table tbody tr{font-family:Raleway-Regular}#callCenterComponent .downBox .table-container table tbody tr .idBox{width:70px!important;min-width:70px!important;max-width:70px!important;word-wrap:break-word;overflow:hidden}#callCenterComponent .downBox .table-container table tbody tr td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:center;outline:none;min-height:20px;width:200px;min-width:200px;max-width:200px;word-wrap:break-word;overflow:hidden}#callCenterComponent .downBox .table-container table tbody tr td button{background-color:#f44;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}#callCenterComponent .downBox .table-container table tbody tr td button:hover{background-color:#c00}#callCenterComponent .downBox .table-container table tbody tr td button:focus{outline:none;box-shadow:0 0 0 3px #ff444480}#callCenterComponent .downBox .table-container table tbody tr td button:active{background-color:#900}#callCenterComponent .downBox .table-container table tbody tr td button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}#callCenterComponent .downBox .table-container table tbody tr td .status-select{font-family:Raleway-Regular;font-weight:900;width:100%;padding:6px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;color:#333;font-family:Raleway-Light;cursor:pointer;outline:none;border:none}#callCenterComponent .downBox .table-container table tbody tr td .status-select .schadule{color:#00f!important}#callCenterComponent .downBox .table-container table tbody tr td .status-select .success{color:green!important}#callCenterComponent .downBox .table-container table tbody tr td .status-select .waiting{color:red!important}#callCenterComponent .downBox .table-container table tbody tr td .status-select:focus{outline:none;border-color:#6b7280;background-color:#fff}@media only screen and (max-width: 778px){#callCenterComponent{padding:20px 10px}#callCenterComponent .upBox .up{flex-direction:column;align-items:center;text-align:center}#callCenterComponent .upBox .down{flex-direction:column;align-items:center;gap:15px}#callCenterComponent .downBox .table-controls{flex-direction:column}#callCenterComponent .downBox .table-controls button{width:100%}#callCenterComponent .downBox .table-container{overflow-x:auto}#callCenterComponent .downBox .table-container table{min-width:600px}}.pagination{padding:20px 0;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center}.pagination button{padding:5px 10px;margin:0 5px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:4px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#f0f0f0}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{background:#000000ad!important;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards;padding:15px!important}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:600px!important;padding:40px!important;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666;display:flex!important;flex-direction:column!important;gap:10px!important;text-align:center!important}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center!important;margin-top:20px}.react-confirm-alert-button-group>button:first-child{background:red!important}@media (max-width: 768px){.react-confirm-alert-body{width:100%!important}.react-confirm-alert-body>h1{font-size:30px}.react-confirm-alert-overlay{padding:15px}.react-confirm-alert-overlay .react-confirm-alert-body{width:100%;font-size:1.1rem}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:Montserrat-Bold;src:url(../../Font/Raleway-Bold.ttf)}@font-face{font-family:Montserrat-Semibold;src:url(../../Font/Raleway-Medium.ttf)}@font-face{font-family:Montserrat-Medium;src:url(../../Font/Raleway-SemiBold.ttf)}@font-face{font-family:Montserrat-Regular;src:url(../../Font/Raleway-Regular.ttf)}@font-face{font-family:Montserrat-Light;src:url(../../Font/Raleway-Light.ttf)}@font-face{font-family:Montserrat-Extralight;src:url(../../Font/Raleway-ExtraLight.ttf)}.footer{background-color:#3d134f;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px;min-height:150px;text-align:center;font-family:Montserrat-Light;font-family:23px}.footer a{text-decoration:none;color:inherit;cursor:pointer}.footer h3{margin-bottom:15px;color:#0af}.footer p{line-height:1.6}.footer ul{list-style:none;padding:0}.footer ul li{font-size:14px;margin-bottom:10px}.footer .lnk{color:#d28af1}@font-face{font-family:Montserrat-Bold;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Montserrat-Semibold;src:url(/assets/Raleway-Bold-BGWFlpii.ttf)}@font-face{font-family:Montserrat-Medium;src:url(/assets/Raleway-SemiBold-Dq287qfI.ttf)}@font-face{font-family:Montserrat-Regular;src:url(/assets/Raleway-Regular-avTyM9Qo.ttf)}@font-face{font-family:Montserrat-Light;src:url(/assets/Raleway-Light-DOs03ua0.ttf)}@font-face{font-family:Montserrat-Extralight;src:url(/assets/Raleway-ExtraLight-Djc52Ak6.ttf)}#loginPage{background:#f5dfff;height:100vh;width:100%;display:flex;align-items:center;justify-content:center}#loginPage h1{font-family:Montserrat-Bold;font-size:28px}#loginPage form{background:#f1d2ff;padding:40px;border-radius:15px;display:flex;flex-direction:column;gap:30px;box-shadow:#0000003d 0 3px 8px}@media (max-width: 757px){#loginPage form{width:90%;padding:40px 20px}}#loginPage form .box{width:500px;display:flex;font-family:Montserrat-Regular;flex-direction:column;gap:5px}@media (max-width: 757px){#loginPage form .box{width:100%}}#loginPage form .box label{font-size:18px}#loginPage form .box input::placeholder{font-family:Montserrat-Regular}#loginPage form .box .inputBox{background:#f9ecff;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:7px;border:none;height:45px;outline:none}#loginPage form .box .inputBox input{width:100%;padding:0;background:none}#loginPage form .box input{padding:15px;border-radius:7px;border:none;height:45px;outline:none;background:#f9ecff}#loginPage form .box .eye{color:#333;font-size:25px;display:flex;cursor:pointer}#loginPage form button{border-radius:7px;border:none;height:45px;outline:none;cursor:pointer;font-size:16px;background-color:#773693;font-family:Montserrat-Regular;color:#fff}#loginPage form button img{max-width:50px}#loginPage form button:hover{background:#5c2c7f}