@font-face {font-family: 'Droid Arabic Kufi';font-style: normal;font-weight: 400;src: url('fonts/DroidKufi-Regular.eot');src: url('fonts/DroidKufi-Regular.eot') format('embedded-opentype'),url('fonts/DroidKufi-Regular.woff') format('woff'),url('fonts/DroidKufi-Regular.ttf') format('truetype');}@font-face {font-family: 'Droid Arabic Kufi';font-style: normal;font-weight: 700;src: url('fonts/DroidKufi-Bold.eot');src: url('fonts/DroidKufi-Bold.eot') format('embedded-opentype'),url('fonts/DroidKufi-Bold.woff') format('woff'),url('fonts/DroidKufi-Bold.ttf') format('truetype');}
html,body { overflow: hidden;-webkit-text-size-adjust: none;height:100%;min-height:100%;outline: none; margin: 0; padding: 0;overflow:hidden; font-size: 14px; color: #939598;font-family: 'Poppins', sans-serif;line-height: 1.6; direction: ltr;scroll-behavior: smooth;}html.iphoneBrowser, body.iphoneBrowser,#app,.sa-container { -webkit-overflow-scrolling: touch; overflow-y:auto;height:100%;min-height:100%;}body{position:relative;-webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background: #FFF;}* {-webkit-box-sizing: border-box;box-sizing: border-box;}body::-webkit-scrollbar { display: none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,.d-block{display:block}figure{margin: 0;padding: 0;}
button,.truncate,input,textarea {font-family: 'Poppins', sans-serif;outline: none}
label, input {transition: all 0.2s;touch-action: manipulation;}input, select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;}
dl,ol,ul{margin:0;padding: 0;list-style:none}a{text-decoration:none;outline:none;}a:focus, a:active {outline: medium none;}p {margin: 10px 0;}a {color: #02204B;}p {color: #7F7F7F;}
h1, h2, h3, h4, h5, h6 { margin: 0;  font-weight: 600;color: #000; }h1{font-size:30px;}h2{font-size:22px;}h3{font-size:20px;}h4{font-size:18px;}h5{font-size:16px;}h6{font-size:14px;}
.sa-container {box-sizing: border-box;height: 100vh;max-width: 766px;margin: 0 auto;overflow-y: scroll;position: relative;}.sa-content {box-sizing: border-box; padding: 88px 20px;width: 100%;}
/*Form fieldds start here*/
input:focus,select:focus,textarea:focus{outline:0;border-color:#2652f3}::-webkit-input-placeholder{color:#909AAF;transition:inherit}::-moz-placeholder{color:#909AAF;transition:inherit}:-ms-input-placeholder{color:#909AAF;transition:inherit}:-moz-placeholder{color:#909AAF;transition:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/*Button filled*/
.sa-btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:0 15px;line-height:44px;height:44px;border-radius:6px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor: pointer;}.sa-btn:hover,.sa-chat-btn.sa-chat-attach:hover{color:#212529;text-decoration:none;outline: none;}.sa-btn.focus,.sa-btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
/*Button filled*/
/*Navigation start here*/
.sa-nav-bar-fixed {position: fixed;bottom: 0;left: 0;right: 0;box-shadow: 0px 0px 1px #aaa;background: #FFF; border-radius: 15px 15px 0 0;  padding: 15px 20px;z-index: 9; height: 75px;margin:0 auto; max-width: 766px;}.sa-sticky {position: sticky;top: 0;z-index: 99;}.sa-search-box {border-top: 1px solid #DDE0E6;margin: 20px -20px 0; padding: 20px 20px 0;}.sa-search-box .icon-search {right:40px;font-size: 20px;bottom: 32px;}.sa-nav-bar li a i.sa-logo-ico {top: 0;background: #B3CADD;border-radius: 100%;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -36px;font-size:23px;color: #FFF;}.sa-nav-bar li a.sa-my-sanar i {margin-bottom: 15px;}.sa-nav-bar li a:hover .sa-logo-ico,.sa-nav-bar li a.router-link-exact-active .sa-logo-ico,.sa-light-bluebg,.sa-profile-bg{background: #0080FF;height: 100%;}.sa-home-logo{color: #fff;font-size: 32px;}.sa-fixed-no-radius {box-shadow:none; border-radius: 0;}.sa-loc-text{width:50%;color:#fff;display:flex; align-items: center;}.sa-loc-text label{margin-left:6px;color:#fff;margin-bottom:0;}
/*avtar start here*/
.sa-avtar {background-repeat: no-repeat;background-position: center;background-size: cover;background-color: #D7F6EF;border-radius: 4px; position: relative; text-align: center;overflow: hidden;}.sa-avtar-circle{border-radius: 100%;}.sa-avtar-xl {width: 110px;height: 110px;}.sa-avtar-lg {width: 75px;height: 75px;}.sa-avtar-md {width: 54px;height: 54px;}.sa-avtar-sm {width: 34px;height: 34px;line-height: 34px;}.sa-avtar-xs {width: 24px;height: 24px;}.sa-avtar-loader {position: absolute;width: 70%;top: 10px;right: 10px;}.sa-attach-loader {position: absolute;top: 0px;left: 10px;z-index: 99;}.sa-avtar-profile {border-radius: 10px;padding: 6px;overflow: hidden;position: relative;background: #FFF;}.sa-avtar-profile .sa-avtar {border-radius: 8px;}.sa-avtar-big {border-radius: 6px 6px 0 0; position: static; height: 120px;}.sa-avtar-h-img { border-radius: 100%; margin-top: -35px; margin-left: 50px; box-shadow: 0 0 20px #e2e2e2; }
/*avtar start here*/
/*Dialog starts here*/
.sa-dialog {z-index: 101;position: fixed;top: 0;left: 0;right: 0;bottom: -1px;background: rgba(0,0,0,0.35);max-width: 766px; margin: auto;}.sa-dialog-body {background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.15); position: absolute;left: 0%; top: 0;right:0;bottom:0;  width: 100%;z-index:102;overflow-y: scroll;max-width: 766px; margin: auto;}
/*Dialog end here*/
.sa-tooltip{position:relative}.sa-tooltip-text{width:auto;background-color:#0080ff;color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;bottom:60px;left:0;font-size:12px;line-height:30px;white-space:nowrap;padding:2px 12px}.sa-tooltip-text::after{content:"";position:absolute;bottom:-16px;left:20px;border-width:8px;border-style:solid;border-color:#0080ff transparent transparent transparent}
/*chat styles start here*/
.sa-chat-card {transition: .3s;height:100%;}.sa-chat-history { position: fixed; top: 68px; bottom: 75px; overflow-y: scroll; left: 0; right: 0; padding: 20px;max-width: 766px; margin: auto; }.sa-chat-about {text-align: center; display: flex;flex-direction: column; align-items: center; margin-bottom: 20px;color: #000;}.sa-chat-about small {padding-top: 5px;}.sa-chat-card.minimize {width: 60%;height: 100%;}.sa-dialog.minimize {background: transparent; width: 100px; overflow: hidden; position: absolute; height: 100px; border-radius: 10px;left: auto;margin: 15px;bottom: 80px; top: auto; left: 50%; transform: translateX(-50%); }.sa-dialog.minimize .sa-video-call{height: 100%;}.sa-dialog.minimize .sa-video-call .sa-watermark{font-size: 16px;bottom: 10px;}.sa-video-icon {position: absolute; right: 15px; top: 20px; padding: 5px;color: #2652f3;}
.sa-msg-doc .sa-chat-msg-info {padding-left: 0px;display: flex; flex-direction: column; align-items: flex-end;}.sa-chat-msg {display: flex;}.sa-chat-time {font-size: 9px;color: #8F8F8F;text-align: right;}.sa-chat-msg-text {background: #F3F4F6; padding: 5px 10px 5px 10px; margin-top: 5px; border-radius: 0 10px 10px; font-size: 12px; color: #000; position: relative;word-break: break-word;}.sa-msg-doc {display:flex;flex-direction: row-reverse;}.sa-msg-doc .sa-chat-msg-text {background: #4677DC;color:#FFF;border-radius: 10px 0px 10px 10px;padding: 5px 10px 5px 10px;}.sa-msg-doc .sa-chat-time {color:#FFF;opacity: 0.5;}.sa-chat-msg-img {max-width: 50px;display: flex;}.sa-chat-msg i,.sa-msg-doc i {font-size: 50px; color: #F00;}.sa-msg-doc i {color: #FFF;}
.sa-chat-footer {border-top: 1px solid rgba(0,0,0,0.1);padding: 20px;display: flex;align-items: center;z-index: 999;}.sa-chat-input {flex: 1; border: none; background: #EFF0F5;height:40px;padding:0 15px;line-height:40px;border-radius: 20px;width: calc(100% - 100px);}.sa-chat-btn-group { width: 100px; display: flex; }.sa-chat-btn {margin-left: 10px;background: #4677DC;color: #FFF;cursor: pointer; border-radius: 100%;transition: background 0.23s;    height: 40px;width: 40px;padding: 0;font-size: 20px;}.sa-chat-btn:hover{color: #FFF;}.sa-chat-card .sa-chat-attach {background: transparent; color: #A6B3C9;border: 2px solid;display: block;}.sa-chat-textarea {background: #F4F9FF; padding: 20px; font-style: italic;width: 100%;height: 200px;border: none;border-radius: 10px;margin: 20px 0;}.sa-chat-cancel {font-size: 11px;color: #999;}
.sa-video-call {overflow:hidden;height:100vh;background:#000;}.sa-local.sa-small-screen,.sa-remote.sa-small-screen {position:absolute; bottom:20px;right:30px;border-radius:10px;overflow: hidden;z-index:999;cursor: pointer;width: 150px;height: 120px;}.sa-phone-call,.sa-dialer,.sa-local.sa-full-screen,.sa-remote.sa-full-screen {width: 100%;height:100%;background-size: cover;background-repeat: no-repeat;padding: 0px;-webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);display: flex; align-items: center;flex-direction: column;}.sa-remote video,.sa-local video {width: 100%;height: 100%;object-fit: cover;}.sa-video-call.minimize .sa-local.sa-small-screen,.sa-video-call.minimize .sa-remote.sa-small-screen {width:50px;height:34px;right:10px;bottom:10px}.sa-phone-hdr {position:absolute;top:75px;left:50%;transform:translate(-50%, 0%);z-index:9;color: #FFF;}.sa-video-call .sa-phone-hdr-tit {font-weight:500;text-align: center;margin-top: 0;}.sa-video-call .sa-phone-hdr-tit small{display: block;font-weight:normal}.sa-phone-call .sa-avtar-xl{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.sa-phone-call:before {content: ''; border: 4px solid #2652F3; width: 160px; height: 160px; left: 50%; top: 50%; position: absolute; border-radius: 100%; transform: translate(-50%, -50%); }.sa-phone-list {position:absolute;bottom:100px; display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: space-around;width:100%;padding: 0 20px;}.sa-phone-list li {background: #FFF; width: 50px;height: 50px;line-height: 50px;border-radius: 100%;transition: .3s;font-size: 20px; display: inline-flex;justify-content: center; align-items: center; cursor: pointer;color: #4A4A4A;}.sa-phone-list li:hover {background: #d5daec;}.sa-phone-list li small { position: absolute; font-size: 12px; color: #FFF; bottom: -44px; }.sa-phone-list-top {top: 70px; bottom: auto;z-index: 11;justify-content: space-between;}.sa-watermark { position: absolute; z-index: 9; bottom: 50px; font-size: 30px; left: 50%; transform: translate(-50%, 0); color: #FFF; opacity: 0.5; }.sa-connecting-call {position: absolute;top: 50%;left:50%;transform: translate(-50%, -50%);display: flex;flex-wrap: wrap;text-align:center;justify-content: center;text-align: center;}.sa-connecting-call figure {margin-left: 50px;}.sa-connecting-call figure:first-child {margin-left: 0;}.sa-connecting-call p {margin-top:30px;color: #FFF;flex-basis: 100%;}
.sa-local { width: 80px; height: 80px; position: absolute; z-index: 999; bottom: 193px; left: 50%; transform: translateX(-50%);}.sa-splash {width: 100%;height: 100%;}.sa-chat-card .sa-f-up-attach {position: inherit;}.sa-chat-card .sa-up-att-list li {line-height: 40px; margin: 0; display: flex; position: absolute; left: 15px; background: #EFF0F5; top: 17px; align-items: center; width: calc(100% - 130px); height: 40px; border-radius: 50px; padding: 0 15px;}.sa-chat-card .sa-up-att-list li a { display: flex; width: 100%; align-items: center; }.sa-chat-msg-text img { height: 150px; width: 150px; object-fit: cover;}.sa-maxi {position: absolute; top: 5px; right: 10px; z-index: 9; color: #FFF; font-size: 16px;}.sa-delete { background: transparent; border: none; }
/*chat styles end here*/
/*Uploader styles start here*/
.sa-f-up-attach  {position: relative;}.sa-up-btn { display: flex; justify-content: space-between; }.sa-f-up-att i {margin-right: 5px;vertical-align: middle;}
.sa-up-att-list {display: flex;flex-wrap: wrap;justify-content: flex-start;}.sa-up-att-list li {margin-top: 15px;margin-bottom: 0; width: 84px; height: 84px;line-height: 84px;border-radius: 8px; position: relative; margin-right: 15px;background-color: #D7F6EF;border-radius: 4px; text-align: center;overflow: hidden;} .sa-up-att-list li .sa-attach-icon{color: #F00;font-size: 50px;vertical-align: middle; }
.sa-add-rep-att .sa-up-att-list{flex-direction: column;}.sa-chat-card .sa-up-att-list li a i,.sa-chat-card .sa-up-att-list li a figure {width: 30px;height: 30px;line-height: 30px;}.sa-add-rep-att .sa-f-up-attach .sa-up-att-list li i,.sa-chat-card .sa-up-att-list li i {font-size: 28px;}.sa-up-att-list li a span {overflow: hidden; text-overflow: ellipsis;text-decoration: underline; white-space: nowrap;color: #2652f3;text-align: left; width: 100%; display: inline-block;margin: 0 10px;}.sa-add-rep-att .sa-f-up-attach .sa-up-att-list li .sa-delete i,.sa-chat-card .sa-up-att-list li .sa-delete i,.sa-add-rec-att .sa-f-up-attach .sa-up-att-list li .sa-delete {font-size: 14px;}.sa-chat-card .sa-sign-loader { position: absolute; left: 21px; bottom: 17px; }
/*Uploader styles start here*/
.sa-dark-gray-bg {background: #A6A7A8!important;}.sa-red-bg {background: #FE4A4A!important;}.sa-dark-green-bg{background: #00D579!important;}
.sa-gray-text {color: #8c919d;}.sa-green-text {color: #7ed321;}.sa-white-text {color: #FFF}.sa-dark-green{color: #02204B;}.sa-sea-green{color: #42AF68;}.sa-grey-text{color:#777777;}
.sa-d-none,.sa-chat-card .sa-chat-btn-group .sa-f-up-attach .sa-up-btn,.sa-chat-card .sa-chat-btn-group .sa-f-up-attach .sa-up-btn-box,.sa-chat-attach  {display: none;}
.sa-smthng-wrg h5,.sa-smthng-wrg h6 {margin-top: 20px}.sa-smthng-wrg h5 {margin-bottom: 10px}
.sa-img-cover {width: 100%;height: 100%; object-fit: cover;}.sa-font-normal {font-weight: normal;}
.sa-text-underline{text-decoration: underline;}.sa-text-underline:hover {text-decoration: none;}
.sa-sign-loader {vertical-align: middle;width: 40px;}.sa-loader {width: 80px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sa-loader-bg { z-index: 999; background: rgba(255,255,255,0.9); top: 0; position: fixed; bottom: 0; left: 0; right: 0; text-align: center;}
/* Helper styles End Here*/