@import url('../Fonts/Baloo.css');
@import url('../Fonts/Idroid.css');
html, body { height: 100%; margin: 0; padding: 0; position: relative; }
:root { --primary-color: #fff; --defaultFont: 400 11pt 'Baloo Thambi 2'; }
div, input, ul, li, a { font: var(--defaultFont); line-height: 100%; }
a { outline: none; text-decoration: none; }
*::-webkit-scrollbar { background-color: transparent; height: 5px; width: 5px !important;; }
*::-webkit-scrollbar-thumb { background-color: #c1c5c9 !important; border: 0px solid #fff; border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover { background-color: #1E3C72 !important; }
*::-webkit-scrollbar-corner { background: #fff; }
*:not(input):not(textarea) { -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; -webkit-user-select: none; cursor: default; user-select: none }
.renderBody { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0; padding: 0; width: 100%; }
.loginbody { background: linear-gradient(241.29deg, #2A5298 6.4%, #1E3C72 60.39%); mix-blend-mode: normal; }
.FixbuttonPanel { align-items: center; align-items: center; display: flex; justify-content: center; position: fixed; right: 20px; top: 20px; }
.FixbuttonPanel .buttons1 { align-items: center; background: #1E3C72; border-radius: 10px; display: flex; height: 30px; justify-content: center; width: 30px; z-index: 99999 !important }
.loginbody .backblur { background-image: url(../../Assets/Images/loginback.png) !important; background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
.loginbody .loginblok { align-items: center; display: flex; flex-direction: column; padding: 80px 0 0 0; }
.loginbody .loginblok .titleblok { align-items: center; display: flex; flex-direction: column; }
.loginbody .loginblok .titleblok .title { color: rgba(255, 255, 255, 1); font-size: 33pt; font-weight: 900; }
.loginbody .loginblok .titleblok .exp { color: rgba(255, 255, 255, 0.8); font-size: 12pt; font-weight: 400 !important; margin-top: 5px; }
.loginbody .loginblok .formblok { display: flex; flex-direction: column; margin: 0 15px; margin-top: 50px; width: calc(100% - 30px); }
.loginbody .loginblok .formblok .twopanel { background: rgba(255, 255, 255, 0.1); border-radius: 15px; display: flex; flex-direction: column; margin-top: 10px; padding: 10px 15px; position: relative; }
.loginbody .loginblok .formblok .twopanel:before { background: rgba(255, 255, 255, 0.3); content: ''; height: 1px; left: 15px; position: absolute; top: calc(50% - 1px); width: calc(100% - 30px); }
.loginbody .loginblok .formblok .twopanel .Items { background: transparent; border: none; color: #fff; font-size: 11pt; font-weight: 400; height: 35px; outline: none; }
.loginbody .loginblok .formblok .twopanel .Items::placeholder { color: rgba(255, 255, 255, 0.9); }
.loginbody .loginblok .formblok .twopanel .Items:nth-child(2) { margin-top: 10px; }
.loginbody .loginblok .formblok .singlepanel { background: rgba(255, 255, 255, 0.1); border-radius: 15px; display: flex; flex-direction: column; margin-top: 10px; padding: 10px 15px !important; position: relative; }
.loginbody .loginblok .formblok .singlepanel .Items { background: transparent; border: none; color: #fff; font-size: 11pt; font-weight: 300; height: 35px; outline: none; }
.loginbody .loginblok .formblok .singlepanel .Items::placeholder { color: rgba(255, 255, 255, 0.9); }
.loginbody .buttonsblok { display: flex; justify-content: flex-end; margin-top: 20px; width: calc(100% - 30px); grid-gap: 5px; }
.loginbody .buttonsblok .buttons { align-items: center; background: #fff; border-radius: 12px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); color: #1E3C72; cursor: default; display: flex; font-size: 11pt; font-weight: 500; justify-content: center; padding: 15px 25px; transition: 300ms all; border: none; }
.loginbody .buttonsblok .buttons:hover { background: #1E3C72; color: #fff; }
.loginbody .buttonsblok .buttons.silver { background: none; border-radius: 10px; box-sizing: border-box; color: rgba(255, 255, 255, 0.80); font-size: 11pt; transition: 300ms all; font-weight: 300; }
.loginbody .buttonsblok .buttons.silver:hover { background: #1E3C72; color: #fff; }
.loginbody .footerblok { align-items: center; bottom: 20px; color: #fff; display: initial; font-size: 14px; font-weight: 400; justify-content: center; left: 0; position: absolute; right: 0; text-align: center; padding: 0 7px; }
.bottomNavbarPanel { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; }
.bottomNavbarPanel .bottomNavbar { background: #FFFFFF; border-radius: 20px 20px 0px 0px; box-shadow: 0px 0px 4px rgba(42, 82, 152, 0.5); display: flex; padding: 8px; flex-direction: column; }
.bottomNavbarPanel .bottomNavbar .textPanel { display: flex; align-items: center; justify-content: center; font-size: 10pt; font-weight: 600; color: #EC2F4B; margin-bottom: 5px; animation: OpaciAnim 1s alternate-reverse infinite; }

.bottomNavbarPanel .bottomNavbar .ButtonsPanel { display: flex; flex: 1; flex-direction: row; }

.bottomNavbarPanel .bottomNavbar .items { align-items: center; background: rgba(42, 82, 152, 0.1); border-radius: 10px; cursor: default; display: flex; justify-content: center; margin: 0 3px; min-height: 40px; min-width: 24px; padding: 0 7px; width: auto; }
.bottomNavbarPanel .bottomNavbar .items:first-child { margin-left: 0; }
.bottomNavbarPanel .bottomNavbar .items:last-child { margin-right: 0; }
.bottomNavbarPanel .bottomNavbar .items .icons { align-items: center; display: flex; flex: 0; justify-content: center; }
.bottomNavbarPanel .bottomNavbar .items .icons path { fill: #1E3C72; }
.bottomNavbarPanel .bottomNavbar .items .Caption { font-size: 0pt; font-weight: 400; line-height: initial; margin-left: 0px; width: 0; }
.bottomNavbarPanel .bottomNavbar .items.active { background: linear-gradient(90deg, #2A5298 0%, #2A5298 100%); width: 95px; }
.bottomNavbarPanel .bottomNavbar .items.active .Caption { color: #fff; font-size: 11pt; margin-left: 7px; width: auto; }
.bottomNavbarPanel .bottomNavbar .items.active path { fill: #fff; }

.captchaBody { display: flex; grid-gap: 7px;}
.captchaBody img { height: 65px; width: 170px; background-color: #fff; border-radius: 5px; border: 1px solid #D9D9D9; }
.captchaBody vpanel { display: flex; flex-direction: column; grid-gap: 5px; }
.captchaBody vpanel input { height: 30px; width: calc(100% - 6px); outline: none; border: 1px solid #D9D9D9; border-radius: 5px; text-align: center; font-size: 11pt; color: #7A8692; }
.captchaBody vpanel button { height: 30px; width: 100%; display: flex; align-items: center; justify-content: center; outline: none !important; border: none; background-color: #F0F0F0; border-radius: 5px; color: #477FFF; font-size: 12px; font-weight: 600; transition: 300ms all; }
.captchaBody vpanel button:hover { background-color: #d6d6d6; }

.pages { align-items: center; background: linear-gradient(241.29deg, #2A5298 6.4%, #1E3C72 60.39%); display: flex; flex-direction: column; mix-blend-mode: normal; }
.pages .backblur { background-image: url(../../Assets/Images/loginback.png) !important; background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; }
.pages .header { display: flex; padding: 15px; width: calc(100% - 30px); }
.pages .header .userPanel { display: flex; flex: 1; flex-direction: column; justify-content: center; width: 100%; }
.pages .header .userPanel .Text1 { color: #fff; font-size: 14pt; font-weight: 500; line-height: 20px; }
.pages .header .userPanel .Text2 { color: rgba(255, 255, 255, 0.5); font-size: 9pt; font-weight: 200 !important; margin-top: 6px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .header .buttonPanel { align-items: center; align-items: center; display: flex; justify-content: center; }
.pages .header .buttonPanel .buttons1 { align-items: center; background: #1E3C72; border-radius: 10px; display: flex; height: 30px; justify-content: center; width: 30px; z-index: 99999 !important }
.pages .middlePanel { background: #FFFFFF; border-radius: 30px 30px 0px 0px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); height: 100%; overflow-y: auto; padding: 15px 10px; padding-bottom: 0px;padding-right:5px; width: calc(100% - 25px); }
.pages .middlePanel .informationPanel { display: flex; flex-direction: column; margin-top: 5px; width: 100%; }
.pages .middlePanel .informationPanel .items { align-items: center; background-image: url(../../Assets/Svg/information.svg) !important; background-position: center left; background-repeat: no-repeat; background-size: 20px; color: rgba(85, 100, 125, 0.9); display: flex; font-size: 11pt; font-weight: 400; line-height: initial; margin-top: 5px; padding-left: 30px; }
.pages .middlePanel .informationPanel .items.transfer { background-image: url(../../Assets/Svg/transfer4.svg) !important; background-size: 18px; color: #EC2F4B }
.pages .middlePanel .informationPanel .items:first-child { margin-top: 0; }
.pages .middlePanel .informationPanel .items.active { background-image: url(../../Assets/Svg/information_green.svg) !important; color: #199B3E; }
.pages .middlePanel .informationPanel .items.passive { background-image: url(../../Assets/Svg/information_red.svg) !important; color: #EC2F4B; }
.pages .middlePanel .statisticsPanel { display: flex; flex-direction: column; margin-top: 25px; width: 100%; }
.pages .middlePanel .statisticsPanel .groupPanel { display: flex; margin-top: 10px; width: 100%; }
.pages .middlePanel .statisticsPanel .groupPanel .items { align-items: center; align-items: center; background: rgba(81, 89, 101, 0.1); border-radius: 15px; display: flex; flex: 1; height: 75px; margin: 0 5px; padding: 0 10px; }
.pages .middlePanel .statisticsPanel .groupPanel .items .textPanel { display: flex; flex: 1; flex-direction: column; }
.pages .middlePanel .statisticsPanel .groupPanel .items .textPanel .Text1 { font-size: 9pt; font-weight: 400; }
.pages .middlePanel .statisticsPanel .groupPanel .items .textPanel .Text2 { font-size: 12pt; font-weight: 600; margin-top: 5px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .middlePanel .statisticsPanel .groupPanel .items .IconPanel { align-items: center; display: flex; justify-content: center; }
.pages .middlePanel .statisticsPanel .groupPanel .items .IconPanel svg { height: 17px; width: 18px; }
.pages .middlePanel .statisticsPanel .groupPanel .items:first-child { margin-left: 0; }
.pages .middlePanel .statisticsPanel .groupPanel .items:last-child { margin-right: 0; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="ToplamCagri"] { background: rgba(81, 89, 101, 0.1); color: #515965; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="ToplamCagri"] path { fill: rgba(81, 89, 101, 0.5); }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="BasariliCagri"] { background: rgba(42, 82, 152, 0.1); color: #2A5298; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="BasariliCagri"] path { fill: rgba(42, 82, 152, 0.5); }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="AktifCagri"] { background: rgba(118, 184, 82, 0.1); color: #76B852; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="AktifCagri"] path { fill: rgba(118, 184, 82, 0.5); }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="KayipCagri"] { background: rgba(236, 47, 75, 0.1); color: #EC2F4B; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="KayipCagri"] path { fill: rgba(236, 47, 75, 0.5); }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="KuyrukCagri"] { background: rgba(255, 174, 64, 0.1); color: #FFAE40; }
.pages .middlePanel .statisticsPanel .groupPanel .items[groupName="KuyrukCagri"] path { fill: rgba(255, 174, 64, 0.5); }
.pages .middlePanel .titledPanel { display: flex; flex-direction: column; margin-top: 25px; width: 100%; }

.pages .middlePanel .titledPanel .title { color: #1E3C72; font-size: 12pt; font-weight: 500; }
.pages .middlePanel .titledPanel .exp { color: rgba(42, 82, 152, 0.8); font-size: 8.5pt; font-weight: 300; margin-top: 5px }
.pages .middlePanel .titledPanel .body { margin-top: 10px; }
.pages .middlePanel .titledPanel .body .timesPanel { display: flex; flex-direction: column; }
.pages .middlePanel .titledPanel .body .timesPanel .items { align-items: center; background: #F3F3F3; border-radius: 10px; display: flex; flex: 1; margin-top: 10px; padding: 10px; }
.pages .middlePanel .titledPanel .body .timesPanel .items .Icon { align-items: center; display: flex; flex: 0; }
.pages .middlePanel .titledPanel .body .timesPanel .items .Caption { color: #515965; flex: 1; font-size: 11pt; font-weight: 500; line-height: 15px; margin-left: 10px; }
.pages .middlePanel .titledPanel .body .timesPanel .items .Value { flex: 0; font-size: 12pt; font-weight: 600; line-height: initial; }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="ToplamSure"] { color: #283779; }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="KuyrukSure"] { color: #9B2919; }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="BasariliSure"] { color: #199B3E; }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="ToplamSure"] path { fill: #283779 }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="KuyrukSure"] path { fill: #9B2919; }
.pages .middlePanel .titledPanel .body .timesPanel .items[groupName="BasariliSure"] path { fill: #199B3E; }
.pages .middlePanel .titledPanel .body .items_dropdown { font: var(--defaultFont); line-height: 100%; outline: none; border-radius: 10px !important; border: none; background: rgba(81, 89, 101, 0.1); width: 100%; height: 40px; padding-left: 5px; color: #1E3C72; }
.pages .middlePanel .titledPanel .body .miniButton { font-size: 10pt; border-radius: 10px !important; width: 100%; height: 40px; padding: 0 7px; color: #fff; display: flex; align-items: center; justify-content: center; background: #1E3C72 }
.pages .middlePanel .titledPanel .body .miniButton[asdisable] { color: #8b8b8b; background: #d8d8d8 }


.pages .middlePanel .busyboard { display: flex; flex-direction: column; width: 100%; }
.pages .middlePanel .busyboard .filterPanel { display: flex; flex-direction: row; width: 100%; }
.pages .middlePanel .busyboard .filterPanel .filterInput { background: #FFFFFF; border: 1px solid rgba(81, 89, 101, 0.3); border-radius: 10px; flex: 1; font-size: 11pt; font-weight: 400; height: 35px; margin-right: 10px; outline: none; padding-left: 10px; }
.pages .middlePanel .busyboard .filterPanel .filterButton { align-items: center; background: rgba(42, 82, 152, 0.3); background: rgba(42, 82, 152, 0.3); border-radius: 10px; border-radius: 10px; display: flex; height: 39px; justify-content: center; transition: 300ms all; width: 39px; }
.pages .middlePanel .busyboard .filterPanel .filterButton:hover { background: rgba(42, 82, 152, 0.6); }
.pages .middlePanel .busyboard .filterPanel .filterButton path { fill: #1E3C72; }
.pages .middlePanel .busyboard .groupPanel { display: flex; flex-direction: column; }
.pages .middlePanel .busyboard .groupPanel .title { color: #515965; font-size: 11pt; font-weight: 600; }
.pages .middlePanel .busyboard .groupPanel .items { background: rgba(81, 89, 101, 0.1); border-radius: 10px; display: flex; margin-top: 7px; padding: 5px; transition: all 150ms;align-items:center; }
.pages .middlePanel .busyboard .groupPanel .items[selected] { box-shadow: 0px 0px 4px rgba(12, 49, 113, 0.88); }
.pages .middlePanel .busyboard .groupPanel .items .numberPanel { align-items: center; border-radius: 7px; display: flex; font-size: 10pt; font-weight: 700; height: 32px; justify-content: center; line-height: 10px; min-width: 45px; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel { display: flex; flex-direction: column; justify-content: center; margin-left: 10px; width: 100%; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text1 { color: #353b44; font-size: 10pt; font-weight: 600;margin-top:3px; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text2 { color: #515965; font-size: 8.5pt; font-weight: 300; margin-top: 4px; opacity: 0.7; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text2[type="Giden"] { color: #EC2F4B;opacity:1; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text2[type="Gelen"] { color: #199B3E; opacity: 1; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text2[type="Transfer"] { color: #BA8B02; opacity: 1; }
.pages .middlePanel .busyboard .groupPanel .items .textPanel .Text2[type="Dahili"] { color: #2e5cae; opacity: 1; }
.pages .middlePanel .busyboard .groupPanel .items .type { align-items: center; border-radius: 7px; display: flex; font-size: 12px; font-weight: 500; justify-content: flex-end; margin-right: 5px; white-space: nowrap; width: auto; }
.pages .middlePanel .busyboard .groupPanel .items .type2 { align-items: center; border-radius: 7px; display: flex; font-size: 9pt; font-weight: 400; justify-content: flex-end; margin-right: 5px; white-space: nowrap; width: auto; margin-top: 3px; color: #898787; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Çevrimdışı"] { opacity: 1; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Çevrimdışı"] .numberPanel { background: rgba(236, 47, 75, 0.3); color: #EC2F4B; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Çevrimiçi"] .numberPanel { background: rgba(118, 184, 82, 0.3); color: #76B852; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Molada"] .numberPanel { background: rgba(42, 82, 152, 0.3); color: #2A5298; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Rahatsız Etme"] .numberPanel { background: rgba(29, 27, 27, 0.3); color: #1d1b1b; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Müsait Değil"] .numberPanel { background: rgb(30, 60, 114, 0.3); color: #1e3c72; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Giden Arama"] .type { color: #76B852; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Gelen Arama"] .type { color: #EC2F4b; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Başarılı"] .type { color: #76B852; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Başarısız"] .type { color: #EC2F4B; }
.pages .middlePanel .busyboard .groupPanel .items[groupName="Kayıp"] .type { color: #000; }
.pages .middlePanel .busyboard .groupPanel .items .callButton { align-items: center; background: rgba(81, 89, 101, 0.1); border-radius: 7px; display: flex; height: 32px; justify-content: center; min-width: 32px; }


.pages .middlePanel .profile { display: flex; flex-direction: column; margin-right:5px;}
.pages .middlePanel .profile .infPanel { background: rgba(81, 89, 101, 0.1); border-radius: 10px; display: flex; justify-content: center; margin: 10px 0 10px 0; padding: 10px; }
.pages .middlePanel .profile .infPanel .icon { align-items: center; display: flex; justify-content: center; margin: 0 10px 0 5px; }
.pages .middlePanel .profile .infPanel .Text1 { color: #333333; font-size: 12pt; font-weight: 600; text-transform: capitalize; }
.pages .middlePanel .profile .infPanel .Text2 { color: rgba(81, 89, 101, 0.75); font-size: 9.5pt; font-weight: 300; margin-top: 3px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .middlePanel .profile .wrapPanel { display: flex; flex-direction: column; margin-top: 0px; width: 100%; padding-bottom: 70px; }
.pages .middlePanel .profile .wrapPanel .items:first-child { margin-top: 0; }
.pages .middlePanel .profile .wrapPanel .items { align-items: center; background: rgba(81, 89, 101, 0.1); border-radius: 10px; display: flex; flex: 1; flex-direction: row; height: 145px; padding: 10px 10px; margin-top: 10px; position: relative; }
.pages .middlePanel .profile .wrapPanel .items:before { content: ''; position: absolute; right: 5px; top: calc(50% - 15px); width: 5px; height: 30px; border-radius: 20px; background: linear-gradient(230.92deg, #39AFFD -0.23%, #477FFF 100.3%); background: #fff; box-shadow: inset 0px 0px 1px rgba(81, 89, 101, 0.2); }
.pages .middlePanel .profile .wrapPanel .items:first-child { margin-left: 0; }
.pages .middlePanel .profile .wrapPanel .items:last-child { margin-right: 0; }
.pages .middlePanel .profile .wrapPanel .items .ico { align-items: center; display: flex; height: 20px; justify-content: center; }
.pages .middlePanel .profile .wrapPanel .items .ico svg { height: 20px; }
.pages .middlePanel .profile .wrapPanel .items .TextPanel { display: flex; flex-direction: column; margin-left: 10px; }
.pages .middlePanel .profile .wrapPanel .items .text { color: #000; font-size: 11pt; font-weight: 500; margin-top: 5px; text-align: left; }
.pages .middlePanel .profile .wrapPanel .items .exp { color: rgba(81, 89, 101, 0.75); font-size: 9pt; line-height: 10pt; font-weight: 300; margin-top: 4px; text-align: left; }


.pages .middlePanel .cheBody { display: flex; width: 100%; }
.pages .middlePanel .cheBody .items { align-items: center; display: flex; flex: 1; }
.pages .middlePanel .cheBody .items .checkbox { border: 2px solid rgba(81, 89, 101, 0.8); border-radius: 8px; height: 22px; width: 22px; }
.pages .middlePanel .cheBody .items .text { color: rgba(81, 89, 101, 0.8); font-size: 11pt; font-weight: 400; margin-left: 10px; }
.pages .middlePanel .cheBody .items[checked] .checkbox { background-image: url(../../Assets/Svg/tick.svg) !important; background-position: center; background-repeat: no-repeat; background-size: 14px; border: 2px solid #2A5298; }
.pages .middlePanel .cheBody .items:last-child[checked] .checkbox { background-image: url(../../Assets/Svg/close.svg) !important; background-size: 11px; border: 2px solid #EC2F4B; }
.pages .middlePanel .cheBody .items:last-child[checked] .text { color: #EC2F4B; font-weight: 400; }
.pages .middlePanel .cheBody .items[checked] .text { color: #2A5298; font-weight: 400; }

.pages .middlePanel .phonePanel { display: flex; flex-direction: column; margin-right:5px; }
.pages .middlePanel .phonePanel .numberPanel { display: flex; flex-direction: row; width: 100%; position: relative; }
.pages .middlePanel .phonePanel .numberPanel .numberInput { background: #FFFFFF; border: 2px solid rgba(81, 89, 101, 0.3); border-radius: 10px; color: #1E3C72; width: 100%; font-size: 14pt; font-weight: 600; height: 40px; line-height: 15px; outline: none; padding-left: 10px; text-align: center; }
.pages .middlePanel .phonePanel .numberPanel .numberInput::placeholder { color: #515965; font-size: 12pt; font-weight: 400; line-height: 15px; }
.pages .middlePanel .phonePanel .numberPanel .clears { font-size: 16pt; font-weight: 600; color: #CF0921; position: absolute; top: 15px; line-height: 21px; right: 12px; height: 15px; display: flex; align-items: center; justify-content: center; }
.pages .middlePanel .phonePanel .dialPanel { display: flex; flex-direction: column; margin-top: 5px; width: 100%; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel { display: flex; flex-direction: row; width: 100%; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items { align-items: center; background: rgba(81, 89, 101, 0.1); border-radius: 17px; display: flex; flex: 1; flex-direction: column; justify-content: center; margin: 5px; padding: 15px 0; transition: background-color 300ms; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items:hover { background: rgba(81, 89, 101, 0.3); }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items:first-child { margin-left: 0; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items:last-child { margin-right: 0; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items .Text1 { color: #515965; color: #1e3c72; font-size: 20pt; font-weight: 600; line-height: 20px; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .items .Text2 { color: #515965; font-size: 11pt; font-weight: 300; height: 15px; line-height: 15px; margin-top: 5px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems { background: #4DC33A; border-radius: 13px; display: flex; flex: 1; justify-content: center; margin: 5px; padding: 10px 0; transition: background-color 300ms; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems[as-data="passive"] { opacity: 0.4; background: #EC2F4B; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems:first-child { margin-left: 0; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems:last-child { margin-right: 0; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems:hover { background: #3ba32b; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems .icons { align-items: center; display: flex; flex: 0; justify-content: center; margin: 0 10px; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems .Text1 { color: #fff; font-size: 11pt; font-weight: 500; line-height: 15px; }
.pages .middlePanel .phonePanel .dialPanel .blokPanel .buttonItems .Text2 { color: #fff; font-size: 9pt; font-weight: 300; line-height: 10px; margin-top: 2px; opacity: 0.6; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.pages .middlePanel .phonePanel .Tabbar { display: flex; flex-direction: row; height: 40px; width: 100%; border-radius: 13px; overflow: hidden; margin-bottom: 7.5px; margin-top: -5px; }
.pages .middlePanel .phonePanel .TabItems { flex: 1; display: flex; align-items: center; justify-content: center; color: #2A5298; background: rgba(81, 89, 101, 0.1); position: relative; transition: 300ms all; font-size: 12pt; font-weight: 400; }
.pages .middlePanel .phonePanel .TabItems:hover { background: rgba(81, 89, 101, 0.2); }
.pages .middlePanel .phonePanel .TabItems:before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 1px; border-radius: 5px; }
.pages .middlePanel .phonePanel .TabItems:first-child:before { content: initial; }
.pages .middlePanel .phonePanel .TabItems[selected] { background: #1E3C72; color: #fff; font-weight: 500; }
.pages .middlePanel .NoData { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-top: 20px; }
.pages .middlePanel .NoData .Image { height: 120px; width: auto; }
.pages .middlePanel .NoData .Oops { color: #1e3c72; font-size: 18pt; font-weight: 600; margin-top: 20px; }
.pages .middlePanel .NoData .Exp { color: #515965; font-size: 10pt; font-weight: 400; margin-top: 10px; }
.pages .fixBotButtonsPanel { align-items: center; bottom: 0px; display: flex; justify-content: center; left: 0; position: absolute; right: 0; transition: bottom 300ms; }

.pages .middlePanel .phonePanel .DirectoryPanel { display: flex; flex-direction: column; }
.pages .middlePanel .phonePanel .DirectoryPanel .SearchPanel { display: flex; position: relative; }
.pages .middlePanel .phonePanel .DirectoryPanel .SearchPanel input { background: #FFFFFF; border: 2px solid rgba(81, 89, 101, 0.3); border: 2px solid rgba(81, 89, 101, 0.2); border-radius: 10px; color: #1E3C72; flex: 1; font-size: 14pt; font-weight: 600; height: 40px; line-height: 15px; outline: none; padding-left: 10px; text-align: center; width: calc(100% - 45px); }
.pages .middlePanel .phonePanel .DirectoryPanel .SearchPanel input::placeholder { color: #515965; font-size: 10pt; font-weight: 400; line-height: 10px; }
.pages .middlePanel .phonePanel .DirectoryPanel .SearchPanel .searchCallButton { height: 40px; width: 40px; min-width: 40px; background-color: #283779; background-color: rgba(81, 89, 101, 0.2); border-radius: 10px; margin-left: 5px; background-image: url('../Svg/search-white.svg'); background-position: center; background-size: 16px; background-repeat: no-repeat; }

.pages .middlePanel .phonePanel .DirectoryPanel .NullPanel { display: flex; align-items: center; justify-content: center; font-family: 'Baloo Thambi 2' !important; font-style: normal; font-weight: 300 !important; font-size: 10pt; line-height: 10pt; color: #2A5298; text-align: center; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel { display: flex; flex-direction: column; padding: 7.5px; margin-top: 0; overflow: auto !important; max-height: calc(100% - 110px); height: calc(100% - 110px);overflow-x:hidden !important; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems { display: flex; align-items: center; width: 100%; flex-direction: column; margin-top: 7.5px; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems:first-child { margin-top: 0; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body { display: flex; flex-direction: row; border-radius: 10px; background: #283779; background: rgba(81, 89, 101, 0.1); padding: 7.5px 7.5px 7.5px 7.5px; grid-gap: 5px; width: 100%; align-items: center; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel { display: none; flex-direction: column; width: 100%; padding-left: 10px; padding-right: 10px; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem { display: flex; flex-direction: row; border-radius: 0; background: #283779; padding: 7.5px; grid-gap: 5px; flex: 1; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem:hover { background: #283574 !important; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem:last-child { border-radius: 0px 0px 10px 10px; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .TextPanel { flex: 1; display: flex; flex-direction: column; gap: 0px; position: relative; padding-left: 10px; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .TextPanel:before { content: ''; position: absolute; left: 0; height: 5px; width: 5px; top: calc(50% - 2.5px); border-radius: 10px; background: rgba(42, 82, 152, 0.5); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .TextPanel .Name { font-family: 'Baloo Thambi 2' !important; font-style: normal; font-weight: 300 !important; font-size: 10pt; line-height: 10pt; color: rgba(255, 255, 255, 0.90); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .TextPanel .Number { font-family: 'Baloo Thambi 2' !important; font-style: normal; font-weight: 300 !important; font-size: 8pt; line-height: 8pt; color: rgba(255, 255, 255, 0.50); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .ControlPanel { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; width: 25px; height: 25px; background: rgba(20, 32, 85, 0.39); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 7px; background-position: center; background-repeat: no-repeat; background-size: 16px; transition: 300ms all; background-color: #081344; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .ControlPanel:hover { background-color: #030C31; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .ControlPanel[as-type="call"] { background-image: url('../Svg/directory-call.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .ControlPanel[as-type="callList"] { background-image: url('../Svg/directory-call-list.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .DetailPanel .detailItem .ControlPanel[as-type="customerProfile"] { background-image: url('../Svg/directory-customer-profile.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .TextPanel { display: flex; flex-direction: column; gap: 1px; position: relative; padding-left: 13px; width: 100%; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .TextPanel:before { content: ''; position: absolute; left: 0; height: 30px; width: 3px; top: calc(50% - 15px); border-radius: 10px; background: rgba(42, 82, 152, 0.5); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .TextPanel .Name { font-family: 'Baloo Thambi 2' !important; font-weight: 500 !important; font-size: 10pt; line-height: 12pt; color: rgba(255, 255, 255, 0.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #283779; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .TextPanel .Number { font-family: 'Baloo Thambi 2' !important; font-style: normal; font-weight: 300 !important; font-size: 8pt; line-height: 10pt; color: rgba(40, 55, 121, 0.60); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .ControlPanel { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px; width: 32px; min-width: 32px; height: 32px; min-height: 32px; background: rgba(20, 32, 85, 0.39); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15); border-radius: 7px; background-position: center; background-repeat: no-repeat; background-size: 16px; transition: 300ms all; background-color: #283779; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .ControlPanel:hover { background-color: #030C31; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .ControlPanel[as-type="call"] { background-image: url('../Svg/directory-call.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .ControlPanel[as-type="callList"] { background-image: url('../Svg/directory-call-list.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems .body .ControlPanel[as-type="customerProfile"] { background-image: url('../Svg/directory-customer-profile.svg'); }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="false"] .body { }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="true"] .body { background: #222E66; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="true"] .body .TextPanel .Name { color: #fff; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="true"] .body .TextPanel .Number { color: #fff; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="true"] .DetailPanel { display: flex; }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryItemsPanel .DirectoryItems[as-detailOpen="true"] .DetailPanel .detailItem { /*background: rgba(34, 46, 102, 0.7);*/ }
.pages .middlePanel .phonePanel .DirectoryPanel .DirectoryRecord { 
    font-family: 'Baloo Thambi 2' !important; font-weight: 500 !important; 
    font-size: 10pt; line-height: 12pt; color: rgba(255, 255, 255, 0.75); 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #EC2F4B;
    text-align:center;margin-top:5px;

}

.pages .middlePanel .phonePanel .FilterItem { background: #fff; border: 2px solid rgba(81, 89, 101, 0.3); background-image: url(../../Assets/Svg/bottom-white.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; border-radius: 10px; height: 42px; position: relative; width: 42px;min-width: 42px; }
.pages .middlePanel .phonePanel .popDropDown { background: rgba(255, 255, 255, 1); border-radius: 10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); display: none; flex-direction: column; left: 0; max-height: 250px; min-width: 75px; padding: 5px; position: absolute; right: 0; top: 45px; z-index: 9999999; }
.pages .middlePanel .phonePanel .popDropDown .dropFilterInput { background: none; border: 1px solid rgba(81, 89, 101, 0.3); border-radius: 6px; color: #1E3C72; font-size: 10pt !important; font-weight: 300; height: 100%; height: 30px; line-height: 15px; max-height: 30px; min-height: 30px; outline: none; padding-left: 10px; text-align: left; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok { margin-top: 10px; overflow-y: auto; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems { background: rgba(81, 89, 101, 0.1); border-radius: 6px; color: #515965; display: flex;align-items:center; font-size: 10pt; font-weight: 500; line-height: initial; margin-top: 5px; padding: 5px; position: relative; transition: background-color 300ms; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems:first-child { margin-top: 0; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems:hover { background: rgba(81, 89, 101, 0.2); }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems.red { opacity: 0.5; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems.green:after { background: #76B852; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems.red:after { background: #C33B48; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }
.pages .middlePanel .phonePanel .popDropDown .dropBlok .dropitems.blue:after { background: #2A5298; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }

.pages .middlePanel .phonePanel .FilterItem .flag{
    zoom:1.2;
}


.pages .fixBotButtonsPanel .ButtonsPanel { max-width: 60%; min-width: 60%; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss { flex-direction: column; border-radius: 10px 10px 0px 0px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); color: #fff; display: flex; flex: 1; font-size: 10pt; justify-content: center; align-items: center !important; padding: 8px 10px; text-transform: capitalize; transition: 300ms background-color; text-align: center !important; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss p { margin: 5px 0 0 0; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.green { background: #199b3e; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.green:hover { background: #1d7837; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.blue { background: #1e3c72; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.blue:hover { background: #112a58; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.red { background: #c21f37; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.red:hover { background: #9f1a2e; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.black { background: #1d1b1b; }
.pages .fixBotButtonsPanel .ButtonsPanel .Buttonss.black:hover { background: #000; }

.popMessageBody { align-items: center; background-color: rgba(0, 0, 0, 0.3); bottom: 0; display: none; justify-content: center; left: 0; padding: 20px; position: fixed; right: 0; top: 0; }
.popMessageBody.active { display: flex; }
.popMessageBody .popMessagePanel { background: #FFFFFF; border-radius: 20px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); display: flex; flex: 1; flex-direction: column; padding: 15px; }
.popMessageBody .popMessagePanel .Text { color: #515965; flex: 1; font-size: 12pt; font-weight: 400; line-height: 20px; text-align: center; }
.popMessageBody .popMessagePanel .ButtonsPanel { align-items: center; display: flex; flex: 1; justify-content: center; margin-top: 20px; }
.popMessageBody .popMessagePanel .ButtonsPanel .Kapat { align-items: center; background: #EC2F4B; border-radius: 10px; color: #fff; display: flex; flex: 1; font-size: 10pt; font-weight: 400; justify-content: center; margin-right: 5px; padding: 10px 0; transition: background-color 300ms; }
.popMessageBody .popMessagePanel .ButtonsPanel .Kapat:hover { background: #c21f37; }
.popMessageBody .popMessagePanel .ButtonsPanel .Vazgec { align-items: center; background: rgba(81, 89, 101, 0.1); border-radius: 10px; color: #515965; display: flex; flex: 1; font-size: 10pt; font-weight: 400; justify-content: center; margin-left: 5px; padding: 10px 0; transition: background-color 300ms; }
.popMessageBody .popMessagePanel .ButtonsPanel .Vazgec:hover { background: rgba(81, 89, 101, 0.3); }
.miniMessageBody { align-items: center; display: flex; justify-content: center; left: 0; left: 0; padding: 20px; position: fixed; right: 0; top: -100px; transition: top 300ms; }
.miniMessageBody.active { top: 75px; }
.miniMessageBody.red .miniMessagePanel { background: #c21f37; }
.miniMessageBody.blue .miniMessagePanel { background: #1e3c72; }

.miniMessageBody .miniMessagePanel { background: #1e3c72; border-radius: 10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; padding: 10px 20px; }
.miniMessageBody .miniMessagePanel .miniMessageText { color: #FFFFFF; flex: 1; font-size: 10pt; font-weight: 400; line-height: 20px; text-align: center; }
.callPanelBack { align-items: center; background-color: #fff; background-image: url(../../Assets/Images/callBack.png) !important; background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; bottom: 0; display: flex; flex-direction: column; left: 0; padding: 20px; position: fixed; right: 0; right: 0; top: 0; z-index: 999; }
.callPanelBack .ImagePanel { align-items: center; display: flex; justify-content: center; margin-top: 70px; }
.callPanelBack .ImagePanel .image { align-items: center; background: #1E3C72; border-radius: 30px; display: flex; height: 80px; justify-content: center; width: 80px; }
.callPanelBack .ImagePanel .image svg { height: 32px; width: 32px; }
.callPanelBack .TextPanel { align-items: center; display: flex; flex-direction: column; margin-top: 30px; }
.callPanelBack .TextPanel .Text1 { color: #333; font-size: 18pt; font-weight: 600; line-height: 20px; }
.callPanelBack .TextPanel .Text11 { color: #333; font-size: 16pt; font-weight: 500; line-height: 20px;margin-top:5px;opacity:0.5; }
.callPanelBack .TextPanel .Text2 { color: #2A5298; font-size: 16pt; font-weight: 600; height: 15px; line-height: 15px; margin-top: 10px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.callPanelBack .TextPanel .Text3 { align-items: center; animation: statusEffect 1s alternate-reverse infinite; background: rgba(255, 255, 255, 0.5); border-radius: 7px; color: #333; display: flex; font-size: 10pt; font-weight: 500;  justify-content: center; line-height: 15px; margin-top: 15px; padding: 5px 10px;text-align:center;flex-direction:column;grid-gap:3px; }
.callPanelBack .TextPanel .Text3 p{margin:0;opacity:0.5;font-weight:400;}

@keyframes statusEffect { from { background: rgba(255, 255, 255, 0.2); }
    to { background: rgba(255, 255, 255, 0.9); }
}

@-moz-keyframes name {
}

@-webkit-keyframes name {
}

.callPanelBack .EksBottomPanel { align-items: center; display: flex; flex-direction: column; margin-top: 10px; }
.callPanelBack .EksBottomPanel .groupPanel { align-items: center; display: flex; flex-direction: row; margin-top: 15px; }
.callPanelBack .EksBottomPanel .groupPanel .items { align-items: center; border-radius: 20px; display: flex; flex-direction: column; height: 90px; justify-content: center; transition: background-color 300ms; width: 90px; }
.callPanelBack .EksBottomPanel .groupPanel .items:first-child { margin-right: 10px; }
.callPanelBack .EksBottomPanel .groupPanel .items:last-child { margin-left: 10px; }
.callPanelBack .EksBottomPanel .groupPanel .items:hover { background: rgba(255, 255, 255, 0.2) }
.callPanelBack .EksBottomPanel .groupPanel .items[selected] { background: rgba(255, 255, 255, 0.2); }
.callPanelBack .EksBottomPanel .groupPanel .items[selected] .icons path { fill: #C33A4A; }
.callPanelBack .EksBottomPanel .groupPanel .items[selected] .icons rect { stroke: #C33A4A; }
.callPanelBack .EksBottomPanel .groupPanel .items[selected] .text { color: #C33A4A; }
.callPanelBack .EksBottomPanel .groupPanel .items .icons { align-items: center; display: flex; justify-content: center; width: 100%; }
.callPanelBack .EksBottomPanel .groupPanel .items .icons svg { height: 34px; width: 32px; }
.callPanelBack .EksBottomPanel .groupPanel .items .text { align-items: center; color: #fff; display: flex; font-size: 11pt; font-weight: 400; justify-content: center; margin-top: 15px; }
.callPanelBack .buttonPanel { align-items: center; display: flex; display: flex; justify-content: center; margin-top: 100px; width: 100%; }
.callPanelBack .buttonPanel .button { align-items: center; border-radius: 20px; display: flex; height: 60px; justify-content: center; margin: 0 15px; transition: background-color 300ms; width: 60px; }
.callPanelBack .buttonPanel .button svg { width: 36px; }
.callPanelBack .buttonPanel .button.hangupButton { background: linear-gradient(180deg, #C33B48 0%, #C33A4A 100%); }
.callPanelBack .buttonPanel .button.hangupButton:hover { background: linear-gradient(180deg, #911B26 0%, #CF0921 100%); }
.callPanelBack .buttonPanel .button.answerButton { background: linear-gradient(180deg, #199B3E 0%, #11762D 100%); }
.callPanelBack .buttonPanel .button.answerButton:hover { background: linear-gradient(180deg, #0F732B 0%, #226534 100%); }
.callPanelBack .buttonPanel .button.backButton { background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 100%); }
.callPanelBack .buttonPanel .button.backButton:hover { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.6) 100%); }
.callPanelBack .HeaderPanel { align-items: center; background: rgba(30, 60, 114, 0.2); display: flex; padding: 10px; width: calc(100% - 20px) }
.callPanelBack .HeaderPanel .image { align-items: center; background: #1E3C72; border-radius: 12px; display: flex; height: 40px; justify-content: center; width: 40px; }
.callPanelBack .HeaderPanel .image svg { height: 20px; width: 20px; }
.callPanelBack .HeaderPanel .TextPanel { align-items: flex-start; display: flex; justify-content: center; margin: 0; margin-left: 10px; }
.callPanelBack .HeaderPanel .TextPanel .Text1 { color: #333; font-size: 13pt; font-weight: 600; line-height: 20px; }
.callPanelBack .HeaderPanel .TextPanel .Text2 { color: #2A5298; font-size: 11pt; font-weight: 700; height: 15px; line-height: 15px; margin-top: 0px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.callPanelBack .numberPanel { margin-top: 30px; width: 100%; position: relative; }
.callPanelBack .numberPanel .numberInput { background: none; border: none; color: #2A5298; font-size: 22pt; font-weight: 700; outline: none; text-align: center; width: 100%; }
.callPanelBack .numberPanel .clears { font-size: 18pt; font-weight: 600; color: #CF0921; position: absolute; top: 15px; right: 20px; }
.callPanelBack .dialPanel { display: flex; flex-direction: column; margin-top: 25px; width: calc(100% - 50px); }
.callPanelBack .dialPanel .blokPanel { display: flex; flex-direction: row; width: 100%; }
.callPanelBack .dialPanel .blokPanel .items { align-items: center; background: rgba(255, 255, 255, 0.3); border-radius: 25px; display: flex; flex: 1; flex-direction: column; justify-content: center; margin: 5px; padding: 15px 0; transition: background-color 300ms; }
.callPanelBack .dialPanel .blokPanel .items:hover { background: rgba(255, 255, 255, 0.5); }
.callPanelBack .dialPanel .blokPanel .items:first-child { margin-left: 0; }
.callPanelBack .dialPanel .blokPanel .items:last-child { margin-right: 0; }
.callPanelBack .dialPanel .blokPanel .items .Text1 { color: #515965; color: #1e3c72; font-size: 20pt; font-weight: 600; line-height: 20px; }
.callPanelBack .dialPanel .blokPanel .items .Text2 { color: #515965; font-size: 11pt; font-weight: 300; height: 15px; line-height: 15px; margin-top: 5px; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.callPanelBack .dialPanel .blokPanel .buttonItems { background: #4DC33A; border-radius: 13px; display: flex; flex: 1; justify-content: center; margin: 5px; padding: 10px 0; transition: background-color 300ms; }
.callPanelBack .dialPanel .blokPanel .buttonItems:first-child { margin-left: 0; }
.callPanelBack .dialPanel .blokPanel .buttonItems:last-child { margin-right: 0; }
.callPanelBack .dialPanel .blokPanel .buttonItems:hover { background: #3ba32b; }
.callPanelBack .dialPanel .blokPanel .buttonItems .icons { align-items: center; display: flex; flex: 0; justify-content: center; margin: 0 10px; }
.callPanelBack .dialPanel .blokPanel .buttonItems .Text1 { color: #fff; font-size: 11pt; font-weight: 500; line-height: 15px; }
.callPanelBack .dialPanel .blokPanel .buttonItems .Text2 { color: #fff; font-size: 9pt; font-weight: 300; line-height: 10px; margin-top: 2px; opacity: 0.6; -khtml-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; -o-user-select: text !important; -webkit-user-select: text !important; cursor: text !important; user-select: text !important; }
.callPanelBack .dropPanel { align-items: center; display: flex; margin-top: 15px; width: calc(100% - 40px); }
.callPanelBack .dropPanel .FilterItem { background: rgba(255, 255, 255, 0.5); background-image: url(../../Assets/Svg/bottom.svg); background-position: center; background-repeat: no-repeat; background-size: 11px; border-radius: 10px; height: 40px; margin-right: 10px; position: relative; width: 40px; }
.callPanelBack .dropPanel .BusyItem { align-items: center; background: rgba(255, 255, 255, 0.5); background-image: url(../../Assets/Svg/bottom.svg); background-position: center right 10px; background-repeat: no-repeat; background-size: 11px; border: none; border-radius: 10px; display: flex; flex: 1; height: 40px; outline: none; padding-left: 10px; position: relative; }
.callPanelBack .dropPanel .popDropDown { background: rgba(255, 255, 255, 1); border-radius: 10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); display: none; flex-direction: column; left: 0; max-height: 250px; min-width: 75px; padding: 10px; position: absolute; right: 0; top: 45px; z-index: 9999999; }
.callPanelBack .dropPanel .popDropDown .dropFilterInput { background: none; border: 1px solid rgba(81, 89, 101, 0.3); border-radius: 6px; color: #1E3C72; font-size: 10pt !important; font-weight: 300; height: 100%; height: 30px; line-height: 15px; max-height: 30px; min-height: 30px; outline: none; padding-left: 10px; text-align: left; }
.callPanelBack .dropPanel .popDropDown .dropBlok { margin-top: 10px; overflow-y: auto; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems { background: rgba(81, 89, 101, 0.1); border-radius: 6px; color: #515965; display: flex; font-size: 9pt; font-weight: 400; line-height: initial; margin-top: 5px; padding: 5px 0px 6px 20px; position: relative; transition: background-color 300ms; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems:first-child { margin-top: 0; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems:hover { background: rgba(81, 89, 101, 0.2); }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems.red { opacity: 0.5; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems.green:after { background: #76B852; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems.red:after { background: #C33B48; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }
.callPanelBack .dropPanel .popDropDown .dropBlok .dropitems.blue:after { background: #2A5298; border-radius: 8px; content: ''; height: 8px; left: 7px; position: absolute; top: calc(50% - 4px); width: 8px; }
.IcPage_Popup { -ms-align-items: center; -ms-transition: 300ms all; -o-align-items: center; -o-justify-content: center; -o-transition: 300ms all; -webkit-align-items: center; -webkit-justify-content: center; -webkit-transition: 300ms all; align-items: center; background: rgba(0, 0, 0, 0.48); bottom: 0; display: flex; display: none; justify-content: center; left: 0; padding-top: 55px; position: fixed; right: 0; top: 0; transition: 300ms all; }
.IcPage_Popup[As-Durum="Aktif"] { animation: Ani_Popup_Open 500ms; display: flex; }
.IcPage_Popup .Icbody { -ms-border-radius: 20px; background: #fff; border-radius: 20px; height: auto; min-width: 500px; overflow: initial; padding: 30px 20px; position: relative; width: auto; }

@keyframes Ani_Popup_Open {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-moz-keyframes Ani_Popup_Open {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes Ani_Popup_Open {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes OpaciAnim {
    from { -ms-opacity: 0.5; opacity: 0.5; }
    to { -ms-opacity: 1; opacity: 1; }
}

@-moz-keyframes OpaciAnim {
    from { -ms-opacity: 0.5; opacity: 0.5; }
    to { -ms-opacity: 1; opacity: 1; }
}

@-webkit-keyframes OpaciAnim {
    from { -ms-opacity: 0.5; opacity: 0.5; }
    to { -ms-opacity: 1; opacity: 1; }
}

/*@media 
    only screen and ( -webkit-min-device-pixel-ratio: 1.25 ), 
    only screen and ( -o-min-device-pixel-ratio: 5/4 ), 
    only screen and ( min-resolution: 100dpi ), 
    only screen and ( min-resolution: 1.25dppx ) {
        body {
            transform: scale(0.8);
            transform-origin: top left;
            width: 125%;
            height: 125%;
        }
    
}*/
@media screen and (min-resolution: 101dpi) and (max-resolution: 110dpi) {
    body { transform: scale(0.9); transform-origin: top left; width: 111%; height: 111%; }
}

@media screen and (min-resolution: 111dpi) and (max-resolution: 125dpi) {
    body { transform: scale(0.8); transform-origin: top left; width: 125%; height: 125%; }
}

@media screen and (min-resolution: 126dpi) and (max-resolution: 150dpi) {
    body { transform: scale(0.68); transform-origin: top left; width: 147%; height: 147%; }
}