@font-face{font-family:'GESSTwoLight-Light';font-weight:normal;font-style:normal;src:url('fonts/GESSTwoLight-Light.eot');src:url('fonts/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/GESSTwoLight-Light.woff') format('woff'),
url('fonts/GESSTwoLight-Light.ttf') format('truetype'),
url('fonts/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');  unicode-range: U+0-2f, U+40-10FFFF;
}


@font-face {
  font-family: 'Tajawal-Bold';
  src: url('/static/fonts/tajawal/Tajawal-Bold.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Bold.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Bold.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Bold.svg#Tajawal-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tajawal-Regular';
  src: url('/static/fonts/tajawal/Tajawal-Regular.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Regular.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Regular.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Regular.svg#Tajawal-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tajawal-Medium';
  src: url('/static/fonts/tajawal/Tajawal-Medium.eot?#iefix') format('embedded-opentype'),  url('/static/fonts/tajawal/Tajawal-Medium.woff') format('woff'), url('/static/fonts/tajawal/Tajawal-Medium.ttf')  format('truetype'), url('/static/fonts/tajawal/Tajawal-Medium.svg#Tajawal-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* @font-face {
  font-family: 'Libre Barcode 128';
  src: url('/static/fonts/LibreBarcode128/LibreBarcode128-Regular.eot?#iefix') format('embedded-opentype'),  
  url('/static/fonts/LibreBarcode128/LibreBarcode128-Regular.woff') format('woff'), 
  url('/static/fonts/LibreBarcode128/LibreBarcode128-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: 'Libre Barcode 39';
  src: url('/static/fonts/LibreBarcode39/LibreBarcode39-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

body.rtl, .rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6, .rtl p, .rtl a, .rtl label, .rtl small, .rtl span {font-family:'Tajawal-Medium', sans-serif !important; letter-spacing:0 !important;line-height:1.4;}
.font-weight-regular{font-family:'Tajawal-Regular', sans-serif !important;}
.font-weight-medium{font-family:'Tajawal-Medium', sans-serif !important;}
.font-weight-bold{font-family:'Tajawal-Bold', sans-serif !important;}

span.barcode {font-family: 'Libre Barcode 39' !important;font-size: 50px !important;height: 55px;}

.field-validation-error{display:block;margin-top:3px;}
.form-input-desc{font-size:smaller;padding:5px 5px 0px 5px;}
.input-group-addon {border-color:#cccccc !important;/* padding-bottom:5px; */padding:3px 12px;} /* Fix bootstrap rtl left border color*/
/* Changes: display of intl-tel-input, z-index of countries list*/
.intl-tel-input{direction:ltr;position:relative;/*display:inline-block*/}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:102;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width:500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,.05)}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{vertical-align:middle}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:13px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{width:20px;height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/static/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-image:url(/static/img/flags@2x.png)}}.iti-flag.np{background-color:transparent}
.intl-tel-input .country-list .country.active.highlight{color:#eb9c4d;}

/* .errormsg.returnInError{position: absolute;top: -30px;margin-bottom: 0;width: 445px;right: 15px;} */
.errormsg.returnInError {position: absolute;top:0; border: 0;width: 100%;right: 0;text-align: center;border-radius: 0;}
.errormsg.returnInError .sb-msg{padding:5px;}

/* .content-wrap{padding:15px 20px;}*/
/*.postcontent{overflow: -webkit-paged-y;}*/
.display{display:block;}
.non-display{display:none !important;}

/*------------------------- typeahead ------------------------------*/
.modalPopUpContainer form .twitter-typeahead, .sideBarLeftL1 form .twitter-typeahead {display: block !important}


/*------------------------- checkBox ------------------------------*/
.checkbox-style{height: 14px;width: 14px !important;z-index:1}
.col-md-12 .form-control.checkbox-style {right: 20px;top: 4px;}
.col-md-12.noleftpadding .form-control.checkbox-style {right: 3px;top: 0;}
/*------------------------- menu ------------------------------*/
.side-menu.operator-sidemenu {width:220px;}
.rtl .operator-sidemenu ul {padding-right:30px !important;}
.ltr .operator-sidemenu ul {padding-left:30px !important;}
.operator-sidemenu ul li{font-size: 14px !important;}
.operator-sidemenu ul li a{color: #eb9c4d !important;letter-spacing: 0 !important;}
.operator-sidemenuli a:hover{color: #031c31; font-size: 15px;letter-spacing: 0 !important;}
.operator-sidemenu ul li:hover > a, .operator-sidemenu li.current > a, .operator-sidemenu li.active > a{color:#155298 !important;cursor:pointer;}	



/*--------------------- bootstrap tour ---------------------*/
.sidebar-tasks .popover-title, .sidebar-tasks .popover-content, .sidebar-tasks .popover-navigation {padding:5px !important;}
.sidebar-tasks .popover-navigation [data-role=prev] {margin:0 3px;}
.sidebar-tasks .popover-navigation i {font-size:9px;}
.sidebar-tasks .popover-navigation [data-role=next] i {margin-right:3px;}
.sidebar-tasks .popover-navigation [data-role=prev] i {margin-left:3px;}


/*------------------------- الرئيسية -----------------------------*/
.main-div {display:none;}
.operatorOptions {width: 270px;margin: 0 auto 15px;list-style:none;/* float: right; */}
.operatorOptions li{
	border-bottom: 2px solid #fff;
	display: block;
	margin: 5px 0;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: linear-gradient(top, #fafafa 0%, #eee 100%);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor:pointer;
}
.operatorOptions li:not(.disabled):hover {background:#fff;}
.operatorOptions li:not(.disabled):not(.registered):not(.not-registered):not(.no-queues):hover a {color:#eb9c4d;}
.operatorOptions li a {color:#155298;}
.operatorOptions li a i:first-child {color: #155298;margin-left: 5px;font-size: 14px;width: 20px;text-align: center;}
.operatorOptions li a i.error, .operatorOptions li a i.success {line-height:1.3;float:left;display:none;}
.operatorOptions li a i.error {color:#bf3636;}
.operatorOptions li a i.success {color:#38b94f;}
.operatorOptions li.no-queues i.error {display:block;}
.operatorOptions li.not-registered i.error {display:block;}
.operatorOptions li.registered i.success {display:block;}
.operatorOptions li a .queues-count {float:left;}
.operatorOptions li.registered a, .operatorOptions li.registered a i {color: #449d44;}
.operatorOptions li.not-registered a, .operatorOptions li.not-registered a i {color: #c9302c;}
.operatorOptions li.disabled a, .operatorOptions li.disabled a i {color: #c7c7c7;}
.operatorOptions li.disabled a {cursor: not-allowed;}
.operatorOptions li.no-queues .queues-count, .operatorOptions li.disabled a i.error {display:none;}
.operatorOptions li:not(.disabled).no-queues a, .operatorOptions li:not(.disabled).no-queues a i {color: #c9302c;}

#header #primary-menu li ul li.registered div span, #header #primary-menu li ul li.registered div i {color: #449d44 !important;}
#header #primary-menu li ul li.not-registered div span, #header #primary-menu li ul li.not-registered div i,
#header #primary-menu li ul li.no-queues div span, #header #primary-menu li ul li.no-queues div i,
#header #primary-menu li[id="b8aa56f9-e4ed-4ded-a41a-0e6c067b02e7"].no-queues > .lnk *, #header #primary-menu li[id="b8aa56f9-e4ed-4ded-a41a-0e6c067b02e7"].not-registered > .lnk *,
#header #primary-menu li[id="b8aa56f9-e4ed-4ded-a41a-0e6c067b02e7"].no-queues .lnk:after, #header #primary-menu li[id="b8aa56f9-e4ed-4ded-a41a-0e6c067b02e7"].not-registered .lnk:after  {color: #c9302c !important;}
#header #primary-menu li[id="75c83782-4324-45f0-a97d-51aed83b2367"].no-queues div .queues-count, #header #primary-menu li[id="75c83782-4324-45f0-a97d-51aed83b2367"]:not(.no-queues) div i:nth-of-type(2) {display:none;}
#header #primary-menu li[id="75c83782-4324-45f0-a97d-51aed83b2367"] div .queues-count {padding-right: 3px;}

.main-div .widget-1 {text-align: center;}
.main-div .widget-1 > h5 {display:none;}
.main-div .widget-1 ul {margin-bottom:0;width: 270px;margin: 15px auto;}
.main-div .widget-1 ul li {float:right;width: 67px;padding: 13px 5px;border: 1px solid transparent;}
.main-div .widget-1 ul li:nth-child(1) {background: #f5f5f5;}
.main-div .widget-1 ul li:nth-child(2) {background: #eaeaea;}
.main-div .widget-1 ul li:nth-child(3) {background: #e0e0e0;}
.main-div .widget-1 ul li:nth-child(4) {background: #d4d3d3;border-color: #8c8c8c;border-radius: 3px;}
.main-div .widget-1 .counter-box i {font-size: 20px;color: #155298;font-weight: bold;}
.main-div .widget-1 .counter-box .counter {font-size: 20px;color: #555;font-weight: normal;margin-top: 8px;}
.main-div .widget-1 .counter-box h5 {margin: 0;color:#155298}
.main-div .widget-1 .counter-box span {position: relative;}
.main-div .widget-1 .counter-box i.fa-phone{transform: scale(-1,1);}
.main-div .widget-1 .counter-box span.in i.fa-arrow-right{transform: rotate(-210deg);position: absolute;top: -9px;right: -5px;font-size: 16px;font-weight:normal;}
.main-div .widget-1 .counter-box span.out i.fa-arrow-right{transform: rotate(-35deg);position: absolute;top: -7px;right: -5px;font-size: 16px;font-weight:normal;}

/* .ccAssistant-container p {margin-bottom:0;text-align:center;} */

/* .operatorOptions li:nth-child(4) {position: relative;}
.operatorOptions li:nth-child(4) .tooltiptext {width: 90px;background-color: #555;color: #fff;text-align: center;border-radius: 2px;padding: 5px 0;position: absolute;z-index: 1;top: 0;right: -100px;opacity:0;}
.operatorOptions li:nth-child(4) .tooltiptext::after {content: "";position: absolute;top: 9px;left: -5px;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent #555 transparent transparent;} */

/*------------------------ الاستعلام عن بيانات عميل ----------------------------*/
/* .tabs.main-div{padding: 0 20px;}
ul.tab-nav li a{cursor: pointer;}
ul.tab-nav:not(.tab-nav-lg) li:first-child{margin-right: 25px;}
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a{border-top: 2px solid #144b88 !important;}
ul.tab-nav:not(.tab-nav-lg){border-bottom: 1px solid #5d8fbb;}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a{border: 1px solid #144b88; border-bottom: 0;}
.tab-container{padding: 0;} */


/* tab1 */
#client-data, #call-type{position:relative;}
.formContainer{min-height: 80px;padding: 10px;background: #f5f5f5;border-radius: 2px;margin: 40px 0 15px;border: 1px solid #ddd;transition: height 0.3s ease;}
.formContainer form label{font-weight:normal;letter-spacing:0;}
.searchResultContainer > div{margin-bottom:15px;position:relative;border: 1px solid #ddd;border-radius: 2px;background: #f5f5f5;padding: 10px;}
.searchResultContainer .table > thead > tr > th, .searchResultContainer .table > tbody > tr > th, .searchResultContainer .table > thead > tr > td, .searchResultContainer .table > tbody > tr > td
	{border-top: none;padding-top: 0;}
/* .searchResultContainer.opened{border: 1px solid #ddd;border-radius: 2px;background: #f5f5f5;padding: 10px;} */
.searchByAnotherNum{margin-top:37px;}
.searchClient{margin-top:20px;}
.main-div .addresses, .queryClientData .addresses{margin-right:17px;margin-bottom:0;}
#client-data .table{margin-bottom: 0 !important;/* border-bottom: 1px solid #155298; */}
.panel-body{color: #000;position: relative;padding:10px !important;margin-bottom: 10px;}
.main-div h4, .queryClientData h4, .queryCallType h4{background: #155298;color: #fff;padding: 2px 10px;font-size:14px;font-weight: normal;margin-bottom: 10px;position: relative;width:fit-content;}
.main-div h4:after, .queryClientData h4:after, .queryCallType h4:after
	{left: -24px;border-color: transparent #155298 transparent transparent;border-width: 12px;border-style: solid;content: '';position: absolute;top: 0;width: 0;height: 25px;}

.tasks-statistics .task {display: inline-block;width: 130px;border-bottom: 1px dotted #ddd;height: 96px;padding: 10px;text-align: center;position: relative;}
.tasks-statistics .task:not(:last-child) {border-left: 1px dotted #ddd;}
.tasks-statistics .task i {display: block;font-size: 16px;margin-bottom: 10px;}
.tasks-statistics .task a {font-size:12px;color:#555;}
.tasks-statistics .task:hover a {color: #eb9c4d;}
.tasks-statistics .task .count {background: #eeeeee91;width: 50px;height: 20px;display: block;margin: 10px auto 0;font-size: 14px;}

.clientDataEdit {display:none;cursor: pointer;position: absolute;left: 10px;top: 10px;height: 19px;color: #155298;border-radius: 2px;padding: 0 3px;border: 1px solid #155298;transition: all 0.5s ease-in-out;}
.searchResultContainer:hover .clientDataEdit {display:inline-block;}
.clientDataEdit:hover {background: #155298;color: #fff;}
.table {font-size: 14px;}
.main-div .table > thead > tr > th, .main-div .table > tbody > tr > th, .main-div .table > tfoot > tr > th, .main-div .table > thead > tr > td, .main-div .table > tbody > tr > td, .main-div .table > tfoot > tr > td
	{font-size: 12px;/* padding-right: 10px !important; */font-weight: normal;}
.queryClientData .table > thead > tr > th, .queryClientData .table > tbody > tr > th, .queryClientData .table > tfoot > tr > th, .queryClientData .table > thead > tr > td, .queryClientData .table > tbody > tr > td, .queryClientData .table > tfoot > tr > td
	{font-size: 12px;padding-right: 10px !important;font-weight: normal;}
.dataContainer .table > thead > tr > th, .dataContainer .table > tbody > tr > th, .dataContainer .table > tfoot > tr > th, .dataContainer .table > thead > tr > td, .dataContainer .table > tbody > tr > td, .dataContainer .table > tfoot > tr > td
	{border-bottom: 1px solid #ddd;border-top:none;}

/* .next{padding: 3px 8px;position:absolute;top: -35px;left: 0;} */

/* .next{cursor: pointer;background: #155298;color: #fff;padding: 1px 8px;transition: all 0.5s ease;border:1px solid #155298;border-radius:2px;position:absolute;top: 0;left: 15px;}
.next:hover{background: #fff;color: #155298;border: 1px solid #155298;} */
/* .next i{margin-right: 5px;font-weight: bold;} */
.addClient, .addNewNum {font-weight: bold;}
.addClient, .addNewNum, .new-order, .consultation, .customer-service {cursor: pointer;color: #155298;transition: all 0.2s ease-in-out;display:block;}
.addClient:hover, .addNewNum:hover/* , .new-order:not(.disabled):hover, .consultation:not(.disabled):hover, .customer-service:not(.disabled):hover */ {color: #155298;text-decoration: underline !important;}
.addClient i, .addNewNum i {background: #155298;color: #fff;padding: 3px 4px 2px;font-size: 12px;border-radius: 2px;margin-left: 5px;}
/* .form-label{margin-bottom: 0 !important;margin-top: 10px;font-size: 13px !important;letter-spacing: 0 !important;} */


/*-----------------------new & old client data------------------------*/
/* .new-client-panel{display:none;}
.clientData{margin:0 30px 0;cursor:pointer;}
.noClientData{cursor:pointer;} */

/*---------------------اجراء مكالمة---------------------*/
.operator-container .make-dial input {display:inline-block;width:150px;margin-left:15px;}
.operator-container .make-dial .dial-confirm {margin-left:5px;}
.make-dial .dial-confirm .dial-loader {display:none;padding-right:5px;}
@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}
.make-dial .dial-confirm .dial-loader span {animation-name: blink;animation-duration: 1s;animation-iteration-count: infinite;animation-fill-mode: both;}
.make-dial .dial-confirm .dial-loader span:nth-child(2) {animation-delay: .2s;}
.make-dial .dial-confirm .dial-loader span:nth-child(3) {animation-delay: .4s;}

/*-------------------اختيار قوائم الانتظار-----------------------*/
.branches-list {padding: 10px;color: #000;}
/* .branches-list .cancelButton{background: #1552981a;color: #155298;padding: 1px 12px;float: left;margin: 5px 8px;} */
.branches-list table {margin-bottom:0 !important;border-bottom: 1px solid #155298;}
.branches-list table tr:first-child td {border-top:none;}
.branches-list td:last-child {width:20px;}
.branches-list table tbody {float:initial !important;}
.branches-list table button {background:#1552981a;color:#155298;}
.branchLogin {padding:0 3px;}
.branchLogout {padding:0 5px;}
.branchLogin i, .branchLogout i {margin-right: 3px;}
.branches-list table .btn:hover, .branches-list table .btn:focus, .branches-list table .btn.focus {color:#155298;}
.branches-list table tbody tr.added {background:#eaf3fd;border-bottom:2px solid #fff;}

/*---------------------تهيئة جهاز التليفون---------------------*/
.config, .exit-content, .logout {/* margin: 10px; */color: #000;padding: 0 0 15px;}
.config p, .exit-content p, .logout p {padding: 10px;margin: 0;}

/*---------------------خروج---------------------*/


/*--------------------- الانتهاء من العمل ---------------------*/
.logout-steps {width: 340px;margin: 0 auto;}
.logout-steps ul li {position: relative;padding-right: 15px;margin-bottom: 7px;display:none;}
.logout-steps ul li:before {content: ' ';background: #e5984b;display: inline-block;position: absolute;border-radius: 50%;right: 0;top: 8px;width: 7px;height: 7px;}
.logout-steps ul li.dashed-border:after {border-right: 1px dashed #e5984b}
.logout-steps ul li.solid-border:after {border-right: 1px solid #e5984b}
.logout-steps ul li:after {content: ' ';position: absolute;right: 3px;top: 15px;height: 100%;}
.logout-steps ul li .steps-result {float: left;width: 25px;text-align: center;}
.logout-steps ul li.step3 .steps-result a {padding: 1px 4px;line-height: 1.2;}
.logout-steps ul li.step3 .steps-result a i {line-height: 1.3;transform: scale(-1, 1);}

/*--------------------- new ---------------------*/
/* #mainContact-tabs {margin-bottom:0;margin-top:40px;} */
#mainContact-tabs .mainContact-ul.nav-tabs {border-bottom: none;margin: 5px 0 6px;/*width: 120px;margin:0 auto;*/}
#mainContact-tabs .mainContact-ul li:nth-child(1) a {margin-right:0}
#mainContact-tabs .mainContact-ul li a {border: 1px solid #adadad;border-radius: 3px;margin-right: 5px;padding: 3px 10px;color: #333;font-size: 12px;}
#mainContact-tabs .mainContact-ul li.active a {background: #e6e6e6 !important;cursor:pointer;}
/* #mainContact-tabs > .tab-content {margin-top:7px;} */
/* #mainContact-tabs #tabs-task table tr td:nth-child(2) {max-width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mainContact-tabs #tabs-task table tr td .task-container {display: flex;flex-direction: row;justify-content: space-between;}
#mainContact-tabs #tabs-task table tr td .task-container .task-content {display:inline-block;width:50%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#mainContact-tabs #tabs-task table tr td .task-content-more {display:none;width:50%;}
#mainContact-tabs #tabs-task .finish-task, #mainContact-tabs #tabs-task .task-details {padding: 2px 7px;border-radius: 3px;display: block;width: fit-content;margin-bottom: 7px;}
#mainContact-tabs #tabs-task .task-details {margin-bottom:0;}
#mainContact-tabs #tabs-task .confirmMsgCont p {display:inline-block;}
#mainContact-tabs #tabs-task .confirmMsgCont a {float:left;}
#mainContact-tabs #tabs-task .confirmMsgCont a.finishTaskCancel {margin-right:5px;}
#mainContact-tabs #tabs-task #loader {float:left;} */

/* #ccAssistContactSearch, */.sideBarLeftL2.sideBar-sm #addContact-tabs {display:none;}
.sideBarLeftL1 .addContactContainer .validSummery, .sideBarLeftL2 #ccAssistContactSearch .validSummery {padding-bottom:10px;}
/* .sideBarLeftL1.sideBar-lg #addContact-tabs, .sideBarLeftL1.sideBar-lg #profile {margin-top:45px;} */
#ccAssistContactSearch h4.title, .addCompEntry h4.title, .addEntry h4.title, .editProDetials h4.title,  .sideBarLeftL2 .contactDetailsContainer #contact-details-title, .sideBarLeftL2 .actionModeContainer h4
	{display: table; background:#e2eaf3;color: #155298;padding: 2px 10px;font-size:14px;font-weight: 500;margin-bottom: 5px;position: relative;width:fit-content;}
.addCompEntry h4.title{top: 10px;}
#ccAssistContactSearch .contact-details-title {display:none;}
#ccAssistContactSearch .current-activity-title span {color: #155298;}
#ccAssistContactSearch .current-activity-title span i {display:none;}
#ccAssistContactSearch h4.title:after, .addCompEntry h4.title:after, .addEntry h4.title:after, .editProDetials h4.title:after, .sideBarLeftL2 .contactDetailsContainer #contact-details-title:after, .sideBarLeftL2 .actionModeContainer h4:after
	{left: -24px;border-color: transparent #e2eaf3 transparent transparent;border-width: 12px;border-style: solid;content: '';position: absolute;top: 0;width: 0;height: 0;}
#ccAssistContactSearch form {margin-bottom:0;}
/* #ccAssistContactSearch .table-fixed tbody, */ #ccAssistContactSearch #contact-details {overflow: hidden;/* min-height: 300px; */}
/* #ccAssistContactSearch #contact-details .userInfo-5 .infoCont span{margin-right: 5px;} */
/* #ccAssistContactSearch .table-fixed tbody tr td div img {width: 34px;height: 34px;border-radius: 50%;} */
/* #ccAssistContactSearch #contact-details .generalInfoAdd{display:none;} */
/* #ccAssistContactSearch #contact-details .moreInfoList .generalInfoAdd{display:block !important;} */
#ccAssistContactSearch .noContactsFound h6 {margin-bottom:0;}
#ccAssistContactSearch .noContactsFound td {width: 100% !important;border-bottom: none;}
/* #ccAssistContactSearch .addContact span {padding-right: 5px;color: #155298;font-weight: 600;} */
/* #ccAssistContactSearch .addContact i {font-size: 11px;line-height: 0;background: transparent;border-radius: 3px;transition: all 0.3s ease;color: #155298 !important;border: 1px solid #155298;padding: 8px 4px;} */
/* #ccAssistContactSearch .addContact:hover span {color:#eb9c4d;} */
/* #ccAssistContactSearch .addContact:hover i {color: #fff !important;background: #eb9c4d;border-color: #eb9c4d;} */

.sideBarLeftL2 #ccAssistContactSearch #addContact-tabs {display:none;}

.sideBarLeftL2 #tickets-search tbody tr {border-bottom: 1px solid #dddddd;padding-bottom:5px;display:block;}
.sideBarLeftL2 #tickets-search tbody tr.noDataRow {display:block;}
.sideBarLeftL2 #tickets-search tbody tr td {display: inline-block;width: 100% !important;border-bottom: none;padding: 0;}
.sideBarLeftL2 #tickets-search tbody tr td:first-child {padding: 6px 0 0 0;}
/* .sideBarLeftL2 #tickets-search tbody tr td:last-child {padding-bottom: 5px;} */
.sideBarLeftL2 #tickets-search tbody tr td.col-contact-details {padding-top: 5px;padding-right:5px;}
.sideBarLeftL2 #tickets-search tbody tr td.col-branch {padding-right:5px;}
.sideBarLeftL2 #tickets-search thead tr th {width: 100%;display: block;}
.sideBarLeftL2 #tickets-search tbody {overflow: auto;display: block;}
.sideBarLeftL2 #tickets-search table tbody tr td .ticket-details span {max-width:290px;}
.sideBarLeftL2 #tickets-search table tbody tr td .product-details {margin-bottom: 5px;}
.sideBarLeftL2 #tickets-search tbody tr td.col-request .date-details {display: inline-block;}
.sideBarLeftL2 #tickets-search table tbody tr td .date-details {margin-top:0;}
.sideBarLeftL2 #tickets-search td.col-contact-details div {display: inline-block;background: #f1f1f1;margin-left: 5px;padding: 0px 4px;margin-bottom:0 !important;width:fit-content;}
.sideBarLeftL2 #tickets-search td.col-contact-details .contact-add {display: block !important;margin-top: 5px;}
.sideBarLeftL2 #tickets-search td.col-branch div {display: inline-block;padding-right: 4px;}
.sideBarLeftL2 #tickets-search td.col-ticket-details {padding:5px 5px 0;padding-left:5px;}
.sideBarLeftL2 #tickets-search td.ticketLog-container, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container {padding-top: 5px !important;padding-right: 3px !important;}
.sideBarLeftL2 #tickets-search table tbody tr td.col-ticket-details .ticketLog {display:block;}
.sideBarLeftL2 #tickets-search td.ticketLog-container .notes, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container .notes {display: block;max-width: 336px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sideBarLeftL2 #tickets-search td.ticketLog-container .reply-details span, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container .reply-details span {padding: 0 2px;border-radius: 2px;border: 1px solid #dcdcdc;background: #eaf3fd;font-style: normal;}
.sideBarLeftL2 #tickets-search td.ticketLog-container .reply-by, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container .reply-by {width:fit-content;background: #f1f1f1;margin: 5px 0;}
.sideBarLeftL2 #tickets-search td.ticketLog-container .reply-by i, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container .reply-by i {padding-left: 3px;display:inline-block}
.sideBarLeftL2 #tickets-search td.ticketLog-container i, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container i {padding-left: 3px;}
.sideBarLeftL2 #tickets-search td.ticketLog-container div, .ticketDetails-optionsContainer #tickets-search td.ticketLog-container div {}
.sideBarLeftL2 #tickets-search tbody tr td.col-request {position:relative;padding-top: 10px;}
.sideBarLeftL2 #tickets-search tbody tr td.col-request .request-details {display:inline-block;}
.sideBarLeftL2 #tickets-search table .contact-options {float:left;padding-right:0;padding-left:11px;}
.sideBarLeftL2 #tickets-search table thead tr th .menu-overflow, .sideBarLeftL2 #tickets-search table tbody tr td .menu-overflow {border-radius: 35px;height: 40px;width: 22px;padding: 5px 3px;left: 5px;right:auto;top: 5px;}
.sideBarLeftL2 #tickets-search .menu-overflow a {padding: 0;display: block;text-align: center;}
.sideBarLeftL2 #tickets-search table tbody tr td.col-last-reply, .sideBarLeftL2 #tickets-search table tbody tr td.col-branch,
.ticketDetails-optionsContainer #tickets-search table tbody tr td.col-last-reply, .ticketDetails-optionsContainer #tickets-search table tbody tr td.col-branch {display:none;}

/* .ccAssistant-container #tickets-search tbody tr:nth-child(even) {background:#fbfbfb;}
.ccAssistant-container .searchTokenOptionAuto .searchTokenOptionAfterSelect label {display:none;} */


/* .sideBarLeftL2 table tbody .col-address {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;transition:all 0.3s ease;
}
.sideBarLeftL2 table tbody tr:hover .col-address {-webkit-line-clamp: initial;} */
.sideBarLeftL2 table tbody .col-address {max-width: 120px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}


#ccAssistContactSearch .searchPanel table tbody, #ccAssistContactSearch .searchPanel table thead{display: block;}
#ccAssistContactSearch table tbody {overflow: auto;}
/* #ccAssistContactSearch table {width: 350px;} */
#ccAssistContactSearch #contacts-list th:nth-child(2), #ccAssistContactSearch #contacts-list tbody td:nth-child(2) {width: 160px;position: relative;padding-right: 0;}
#ccAssistContactSearch td:nth-child(2) > a, #ccAssistContactSearch td:nth-child(2) > span {max-width: 155px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display:inline-block;padding-right:10px;}
#ccAssistContactSearch table tbody .code-list {max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 3px;border: 1px solid transparent;}
#ccAssistContactSearch table tbody .code-list:hover {position: absolute;top:8px;background: #fff;box-shadow: 0 1px 1px rgba(0,0,0,.1);border: 1px solid #e5e5e5;border-radius: 20px;width: fit-content;max-width: fit-content;}
#ccAssistContactSearch table tbody .code-list:hover + a {margin-top: 25px;}
#ccAssistContactSearch tbody td .codeIcon, #contacts-list table tbody td .codeIcon {width:20px;text-align:center;color: #848484;}
#ccAssistContactSearch tbody td span.contact {margin-left:5px;}
#ccAssistContactSearch #contacts-list thead th:nth-child(1), #ccAssistContactSearch #contacts-list tbody td:nth-child(1) {width:40px;}
#ccAssistContactSearch table tbody td span.mobile, #ccAssistContactSearch table tbody td span.fixedline {display:block;}
#ccAssistContactSearch .txt-ltr {display:inline-block;}
/* #tabs-task tbody tr td div img,  */#ccAssistContactSearch tbody tr td div img {border-radius: 50%;height: 23px;max-width: initial;}
/* #ccAssistContactSearch .table-responsive > .table > thead > tr > th, #ccAssistContactSearch .table-responsive > .table > tbody > tr > th, #ccAssistContactSearch .table-responsive > .table > tfoot > tr > th, #ccAssistContactSearch .table-responsive > .table > thead > tr > td, #ccAssistContactSearch .table-responsive > .table > tbody > tr > td, #ccAssistContactSearch .table-responsive > .table > tfoot > tr > td
	{white-space: normal !important;} */
	
#contacts-list .tab-content form {background: #f3f3f3;padding: 15px;}
#contacts-list .tab-content form div.col-md-6, #contacts-list form div.col-xs-6 {padding:0}

#addContact-tabs .nav > li > a, #viewContact-tabs .nav > li > a, .prev-tasks-tabs .nav > li > a {padding:5px 10px;margin-right:5px;font-size:12px;color:#555;}
#addContact-tabs .nav-tabs > li:not(.active) > a:hover, #viewContact-tabs .nav-tabs > li:not(.active) > a:hover, .prev-tasks-tabs .nav-tabs > li:not(.active) > a:hover {border-color: transparent;background:transparent;}
#addContact-tabs .nav-tabs > li.active > a, #addContact-tabs .tab-content, #viewContact-tabs .nav-tabs > li.active > a, #viewContact-tabs .tab-content, .prev-tasks-tabs .nav-tabs > li.active > a, .prev-tasks-tabs .tab-content {background:#f7f7f7;}
#addContact-tabs .tab-content {padding: 10px 10px 15px;}
#viewContact-tabs > .tab-content, .prev-tasks-tabs > .tab-content {margin-bottom: 5px;}
#viewContact-tabs > .tab-content #tabs-details {padding-top:10px;}
#viewContact-tabs > .tab-content #tabs-other-actions table thead th {background: #f7f7f7;}
#viewContact-tabs > .tab-content #profile .img-container {max-width: 100%;}
#viewContact-tabs #tabs-other-actions #tickets-search {margin-bottom:0;} 
#viewContact-tabs #tabs-other-actions #tickets-search .search-waiting {padding: 10px 0} 
#addContact-tabs .tab-content form {margin-top:0;}
/* #addContact-tabs .tab-content .addContactDetailsSave {margin-left:5px;} */
#addContact-tabs .contactRegisterBtn, #addContact-tabs .detailsSave, #addContact-tabs .detailsCancel {display:none;}

/* .sideBarLeftL2 #profile .info .mobileorfixedline hr {margin:5px 0;} */
/* .sideBarLeftL2 #profile .info {border-right-width: 1px;border: none;border-radius: 0;border-top-width: 0;padding: 0;} */
.sideBarLeftL2 #profile .info hr {border-color: #ddd;}
.sideBarLeftL2 #profile .info .row hr:last-child {display:none;}
#profile .info .row {margin-left:0;margin-right:0;}
.sideBarLeftL2 #profile .info input[type=radio] {margin:0 0 0 5px;top: 3px;position: relative;}
.sideBarLeftL2 #profile .info input[type=radio] + label {/* direction: ltr;display: inline-block;width:262px; */margin: 0;font-weight: normal;}

.sideBarLeftL2 .activtiy-type {margin:5px 0;position:relative;/* border: 1px solid #e0dada;border-radius: 3px;border-top-width: 3px; */transition:height 0.3s ease;}
.sideBarLeftL2 .activtiy-type .level-1 {background:#f7f7f7;padding: 6px 10px 6px 0;position:relative;}
.sideBarLeftL2 .activtiy-type .level-2 li:before {content: "";display: block;position: absolute;border-top: 1px dashed #a2c1e4;z-index: 1;width: 10px;top: 10px;right: -12px;}
.sideBarLeftL2 .activtiy-type ul > li {margin-top:5px;}
.sideBarLeftL2 .activtiy-type ul > li, .sideBarLeftL2 .activtiy-type ul > li a {transition:all 0.3s ease;}
.sideBarLeftL2 .activtiy-type ul > li:hover > span {color:#155298;}
.sideBarLeftL2 .activtiy-type ul:not(.level-3) {list-style:none;margin-bottom: 0;}
/* .sideBarLeftL2 .activtiy-type ul.level-1 {min-height: 100px;} */
/* .sideBarLeftL2 .activtiy-type .level-2 {padding-right:25px;} */
/* .sideBarLeftL2 .activtiy-type .level-3 {padding-right:35px;} */
.sideBarLeftL2 .activtiy-type ul span {cursor:pointer;}
.sideBarLeftL2 .activtiy-type span i {width: auto;height: auto;font-size: 15px;margin-left: 8px;color: #477ab5;font-weight: bold;}
/* .sideBarLeftL2 .activtiy-type .level-2 {visibility: hidden;display:block;position: absolute;width: 100%;right: 0;top: 28px;padding: 7px;background:#f7f7f7;}
.sideBarLeftL2 .activtiy-type .level-2 p {margin-bottom:3px;font-weight:600;padding: 3px 5px;background-image: linear-gradient(to left, #ddd, #e5e5e5, #f5f5f5)} */
.sideBarLeftL2 .activtiy-type .level-2 {border-right: 1px dashed #a2c1e4;margin-right: 7px;display:none;}
.sideBarLeftL2 .activtiy-type .level-2 p i {margin-left: 8px;}
.sideBarLeftL2 .activtiy-type .level-2 li {margin:3px 12px 2px 0;position:relative;}
.sideBarLeftL2 .activtiy-type .level-2 li.selected {color: #155298;}
.sideBarLeftL2 .activtiy-type ul.level-2 span {padding-right: 5px;}
.sideBarLeftL2 .activtiy-type .level-2 .backToList {position: absolute;top: 10px;left: 12px;cursor:pointer;color:#555;}
.sideBarLeftL2 .activtiy-type .level-2 .backToList i {font-size:12px;}
.sideBarLeftL2 .activtiy-type ul li.disabled {pointer-events:none;}
.sideBarLeftL2 .activtiy-type ul li.disabled span, .sideBarLeftL2 .activtiy-type ul li.disabled span i {color:#ddd;}

.sideBarLeftL2 .next-step {display:none;}

#profile .info div.required {border: 1px solid #d9534f;}

#ccAssistContactSearch .actionModeContainer form {background:#f7f7f7;padding:0 10px 10px;}
#ccAssistContactSearch .actionModeContainer .task-time-container {position:relative;}
#ccAssistContactSearch .actionModeContainer .task-time-container input {direction:ltr;text-align: right;}


/* #8b938d86-d062-48f6-b683-30fea5481551 .complain-service-panel, #8b938d86-d062-48f6-b683-30fea5481551 .complain-employee-panel,
#8b938d86-d062-48f6-b683-30fea5481551 .complain-product-panel, #8b938d86-d062-48f6-b683-30fea5481551 .complain-transaction-panel,
#8b938d86-d062-48f6-b683-30fea5481551 .ctrls-branch, #8b938d86-d062-48f6-b683-30fea5481551 .complain-dt-panel,
#8b938d86-d062-48f6-b683-30fea5481551 .source-other-pnl, #8b938d86-d062-48f6-b683-30fea5481551 .source-types-pnl, #8b938d86-d062-48f6-b683-30fea5481551 .actions-body-pnl,
#8b938d86-d062-48f6-b683-30fea5481551 .dept-list-pnl, #8b938d86-d062-48f6-b683-30fea5481551 .categories-checkboxList-pnl
	{display:none;} */
	

.sideBarLeftL2 .actionModeContainer form .radioOptions > div, .sideBarLeftL2 .actionModeContainer form .radioTwoOptions > div,
.ticketActionsFormContainer form .radioOptions > div, .ticketActionsFormContainer form .radioTwoOptions > div {display: inline-block;}
.sideBarLeftL2 .actionModeContainer form .radioTwoOptions div label, .ticketActionsFormContainer form .radioTwoOptions div label {margin-right:0;}
.sideBarLeftL2 .actionModeContainer form .radio-style:checked + .radio-style-3-label:before,
.ticketActionsFormContainer form .radio-style:checked + .radio-style-3-label:before {content: "";}
.sideBarLeftL2 .actionModeContainer form .radio-style-1-label:before, .sideBarLeftL2 .actionModeContainer form .radio-style-2-label:before, .sideBarLeftL2 .actionModeContainer form .radio-style-3-label:before,
.ticketActionsFormContainer form .radio-style-1-label:before, .ticketActionsFormContainer form .radio-style-2-label:before, .ticketActionsFormContainer form .radio-style-3-label:before
	{ margin-left:5px !important;}
.sideBarLeftL2 .actionModeContainer form .radioOptions, .ticketActionsFormContainer form .radioOptions {width: fit-content;}
.sideBarLeftL2 .actionModeContainer form .radioOptions:before, .radioOptions:after,
.ticketActionsFormContainer form .radioOptions:before, .radioOptions:after {font-family: "Font Awesome 5 Pro";display: inline-block;position: relative;top: 2px;}
.sideBarLeftL2 .actionModeContainer form .radioOptions:before, .ticketActionsFormContainer form .radioOptions:before {content: "\f119";}
.sideBarLeftL2 .actionModeContainer form .radioOptions:after, .ticketActionsFormContainer form .radioOptions:after {content: "\f118";}

.sideBarLeftL2 .actionModeContainer form .complain-employee-panel .twitter-typeahead, .sideBarLeftL2 .actionModeContainer form .complain-product-panel .twitter-typeahead
 {display:block !important;}
.sideBarLeftL2 .backToSearchPanel, .sideBarLeftL2 .backToTasksPanel {position:absolute;left:10px;z-index:1;display:none;margin-top:6px;}	

/*--------------------- responsive ---------------------*/
@media(min-width: 992px) {
	/* .main-div{width: 420px;} */
	
	.callTypeSubList{right:50%;}
	/* .callTypeModalBg.modalPopUp{right:35%;width:50%;} */
}
@media (max-width: 991px){
	.callTypeSubList{right:100px;}
	/* .callTypeModalBg.modalPopUp{right:25%;width:75%;} */
}
@media (max-width: 599px){
	.callTypeModalBg{right: 33px;width: 90%;}
	.callTypeSubList.formOpened:before{width:0;}
}
@media (max-width: 479px){
	.callTypeSubList{right:50%;}
	.callTypeSubList.formOpened{right:0;}
	.callTypeModalBg{right: 0;width: 100%;}
	
	/* #ccAssistContactSearch #contacts-list th:nth-child(3), #ccAssistContactSearch #contacts-list tbody td:nth-child(3) {width: 270px;} */
	#ccAssistContactSearch table tbody .code-list {max-width: 100px;}
}
@media (max-width: 489px){
	#call-type .table tbody th, #client-data .table tbody th{width: 100px;}
}
	
	
	
body[data-page-id="221a0967-128f-4f94-a02c-b2a845db5f2c"] .new-account{display:none;}