body,td,th {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #444444;}
body {background:#ffffff; margin: 0px;}
a {font-family: 'Helvetica_Regular', 'open_sansregular', Helvetica; font-size: 13px; color: #ababab;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;	color:#e91e63;}
a:active {text-decoration: none;}
:focus{outline:none;}
::selection {background: #e91e63; color:#fff; /* WebKit/Blink Browsers */}
::-moz-selection {background: #e91e63;  color:#fff;/* Gecko Browsers */}
img{border:none;}
.fixDiv{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.pad10{padding:10px;}
.padbtm10{padding-bottom:10px;}
.padtp10{padding-top:10px;}
.margin-top8{margin-top:8px;}
.margin-bottom8{margin-bottom:8px;}
.margin-left8{margin-left:8px;}
.margin-right8{margin-right:8px;}
.PadLR10{padding:0px 10px;}
.clear:after{content:" "; display:table; clear:both;}
.margin-top8{margin-top:8px;}
input[type=text], input[type=password],input[type=tel],input[type=email]{padding:4px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#8C8C8C; box-sizing:border-box;}
select{padding:3px 4px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#8C8C8C;}
input:focus, select:focus{border-color:#e91e63;}
input[type=submit], input[type=button]{padding:4px 20px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; box-sizing:border-box; background:#e91e63; cursor:pointer}
input[type=submit]:hover, input[type=button]:hover{background:#be265a;}
.borderbtm{border-bottom:1px solid #ccc;}
.btn{padding:4px 20px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; box-sizing:border-box; background:#e91e63; cursor:pointer}
.btn:hover{background:#be265a; color:#fff;}

.loginbg{background:url(../images/bg.png) no-repeat fixed center center; background-size:cover;}
.login-container{width:406px; height:auto; top:50%; left:50%; padding:0px 30px 42px 30px; position:absolute; margin-left:-203px; margin-top:-196px;}
.login-box{background:#f2f2f2; border:1px solid #DBDBDB; height:312px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  -moz-box-shadow: 0px 0px 5px #E3E3E3; -webkit-box-shadow: 0px 0px 5px #E3E3E3; box-shadow: 0px 0px 5px #E3E3E3;}
.login-logo-box{background:#fff; -moz-border-radius-topleft: 8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-adius:8px; border-top-left-radius:8px; border-top-right-radius:8px; padding:20px; text-align:center}
.login-field{width:302px; height:auto; margin:0px auto; padding-top:20px;}
.username input{display:block; background:url(../images/user_icon.png) left no-repeat hsla(0,0%,100%,0.48); padding:8px 4px 8px 43px; border:1px solid #bbbbbb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:20px; width:253px; color:#444444; }
.username input:focus{display:block; background:url(../images/user_icon_focus.png) left no-repeat  hsla(0,0%,100%,0.98); padding:8px 4px 8px 43px; border:1px solid #AAAAAA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:20px; width:253px; color:#444444; -moz-box-shadow: 0px 0px 5px #B3B3B3; -webkit-box-shadow: 0px 0px 5px #B3B3B3; box-shadow: 0px 0px 5px #B3B3B3;}
.password input{display:block; background:url(../images/password_icon.png) left no-repeat hsla(0,0%,100%,0.48); padding:8px 4px 8px 43px; border:1px solid #bbbbbb; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:20px; width:252px; color:#444444;}
.password input:focus{display:block; background:url(../images/password_icon_focus.png) left no-repeat hsla(0,0%,100%,0.98); padding:8px 4px 8px 43px; border:1px solid #AAAAAA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:20px; width:252px; color:#444444; -moz-box-shadow: 0px 0px 5px #B3B3B3; -webkit-box-shadow: 0px 0px 5px #B3B3B3; box-shadow: 0px 0px 5px #B3B3B3;}
.login-btn{padding:10px 0px; width:99.7%; background:hsla(0,0%,27%,0.99); display:block; margin-top:20px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; color:#ffffff}

.footer-login{height:55px; line-height:55px; text-align:center; font-size:11px; background:#ffffff; position:absolute; bottom:0px; width:100%; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif;}





.container{width:80%; margin:0 auto;}
.logo{background:url(../images/logo.png) no-repeat; width:196px; height:43px; float:left; margin:10px 0; border-right:1px solid #d9d9d9;}
.newstricker{width:45%; float:left; line-height:63px; color:#b1b1b1; font-size:11px; padding-left:30px;}
.usersection{float:right; height:63px; width:auto; position:relative;}
.setting-icn, .notificaiton-icn{float:right; line-height:63px; width:40px; font-size:20px; position:relative;}
.noti-alert{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; position:absolute; top:34px; right:5px; background:#e91e63; color:#fff; font-size:11px; line-height:normal; padding:2px 3px;}
.userbox{float:right; padding-left:15px;}
.user-pic{display:inline-block; background:#f0f0f0; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:44px; height:44px; position:relative; margin-top:10px;}
.userstatus{border:2px solid #ffffff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; width:10px; height:10px; position:absolute; bottom:0; right:0;}
.timerbox{width:100px; float:right;}
.time{padding-top:20px; line-height:13px; float:left;}
.time-gry{color:#66696a}
.user-status{float:right; line-height:63px; padding:0 10px; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; font-weight:bold;}
.user-status .ready{color:#3EBC1F;}

.usergreen{background:#48CF11;}
.usergry{background:#9E9E9E;}
.useryallow{background:#F7EC58;}
.navigation{background:#f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:50px;}
.navigation ul{margin:0px; padding:0; list-style:none;}
.navigation ul li{float:left; display:inline-block;}



.padTP30{padding:30px 0;}
.userSec{width:49.1%; min-height:140px; border-right:1px solid #e2e2e2;}
.msgCenter{width:47%; min-height:140px; padding-left:30px;}
.userName{font-size:20px; font-weight:300; display:inline-block;}
.userSkill{padding-bottom:3px; display:inline-block; color:#a3a3a3; font-weight:300;}
.userStatus{font-size:13px; padding-bottom:44px; display:inline-block; color:#00a615;}
.userStatus a{color:#00a615;}
.pad_1PercR{padding-right:0.84746%}
.userPic img{-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
.link_tab{text-align:center;}
.link_tab a{background:#fff; border:1px solid #dcdcdc; line-height:22px; text-align:center; display:block; padding:0px 12px;  -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; color:#585858; margin-right:6px; font-size:12px;}
.link_tab a:hover{color:#e91e63;}
.editprofile{background:url(../images/edit_profile_icon.png) no-repeat scroll 0 4px; width:15px; height:22px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.accSettings{background:url(../images/account_setting_icon.png) no-repeat scroll 0 4px; width:15px; height:22px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.signout{background:url(../images/signout_icon.png) no-repeat scroll 0 4px; width:15px; height:22px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.reply{background:url(../images/reply_icon.png) no-repeat scroll 0 4px; width:15px; height:22px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.viewall{background:url(../images/viewall_icon.png) no-repeat scroll 0 4px; width:15px; height:22px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.usersec{float:left; width:73%; padding-left:10px;}

.heading01{font-size:20px; font-weight:300;}
.msgby{color:#e91e63;}
.msgby span{color:#a3a3a3;}
.msghm{font-weight:300px; padding:8px 0; color:#585858; height:50px;}
.readMore_link{color:#1d74ff; font-size:11px; text-align:right;}
.readMore_link a{color:#1d74ff; font-size:11px;}
.readMoreSpan{font-size:16px;}

.graph_icon{background:url(../images/graph_icon.png) no-repeat scroll 2px 7px; width:28px; height:28px; display:block; margin-left:-3px; margin-right:3px; float:left;}
.heading02{font-size:22px; line-height:35px; color:#e91e63;}
.border_btm{border-bottom:1px solid #dcdcdc;}
.margin-top20{margin-top:20px;}
.userStatBox{width:167px; height:59px; background:#fafafa; border:1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin-right:10px;}
.staffTime span{width:65px; height:59px; display:block; float:left;}
.breakTime span{width:65px; height:59px;display:block; float:left; }
.talkTime span{width:65px; height:59px; display:block; float:left; }
.callAnswered span{width:65px; height:59px; display:block; float:left; }
.callWaiting span{width:65px; height:59px; display:block; float:left;}
.userStat_blue{color:#5e5e5e; font-size:20px; padding:4px 0px 0px 15px;}
.userStat_blue span{color:#cb839b;  font-size:12px; background:none; border:none; text-transform:uppercase; height:auto; width:auto;}


.tasksBox{width:49.62902%; height:auto; margin-right:0.74196%;}
.talkHD{background:#4d4d4d; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; height:35px; color:#FFF; font-size:18px; line-height:35px; padding-left:10px;}
.callLogsBox{width:49.62902%; height:auto; font-size:20px;}
.addTask{float:right; display:inline-block; font-size:14px; color:#ffffff; padding-right:14px;}
.addTask a{float:right; display:inline-block; font-size:14px; color:#ffffff;}
.addTask a:hover{text-decoration:underline;}
.callLog{background:#4d4d4d; border:none 0px #000000; -moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; height:35px; color:#FFF; font-size:18px; line-height:35px;}
.CallLogIcon{display:block; float:left; width:44px; height:35px; background:url(../images/callRec.png) no-repeat scroll 12px 8px;}
.callLogWhite{-moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#ffffff; border:1px solid #dcdcdc; padding:7px 20px 7px 0px; font-size:12px;}
.taskWhite{-moz-border-radius-topleft: 0px; -moz-border-radius-topright:0px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#ffffff; border:1px solid #dcdcdc; font-size:12px;}
.timeCallLog{width:11%; line-height:30px; height:30px; padding-right:3.59559%; padding-left:34px; background:url(../images/callLog_icon.png) no-repeat scroll 12px 10px;}
.callLogInfo{line-height:30px; height:30px;}
.callLogRow{height:30px;}
.taskWhite ul{margin:0px; padding:0px;}
.taskWhite ul li{list-style:none; border-bottom:1px solid #cccccc; height:40px;}
.taskWhite ul li:last-child{border-bottom:none;}
.has-js .label_check,
.has-js .label_radio { padding-left: 40px;}
.has-js .label_radio { background: url(../images/radio-off.png) no-repeat; }
.has-js .label_check { background: url(../images/check-off.png) no-repeat scroll 9px 9px; line-height:40px; height:40px; display:inline-block; cursor:pointer; width:65%;}
.has-js label.c_on { background: url(../images/check-on.png) no-repeat scroll 9px 9px; }
.has-js label.r_on { background: url(../images/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input { position: absolute; left: -9999px; }
.taskLabelIcn{padding:0 14px; float:left; border-left:1px solid #cccccc;}
.remove-icn{height:24px; width:28px; display:block; float:right; text-align:center; padding-top:12px;}
.remove-icn a{height:24px; width:28px; display:block;}
.bookmark-icn{height:26px; width:35px; display:block; float:right; text-align:center; padding-top:14px;}
.bookmark-icn a{height:26px; width:35px; display:block;}
.padbtm50{padding-bottom:50px;}
.footer-opt{background: url(../images/bottom_bg.png) repeat-x; height:28px; padding-top:6px; width:100%; position:fixed; bottom:0; line-height:34px; z-index:9999;}


.phonetab{width:67px; height:28px;}
.phonetab {width:67px; height:28px; background:url(../images/log_blk.png) no-repeat left; padding-left:49px; position:relative; color:#000000; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.phonetab span{width:9px; height:5px; background:url(../images/arrow_blk.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.phonetab:hover span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.phonetab:hover{width:67px; height:28px; background:url(../images/log_white.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.phonetabSelect span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.phonetabSelect{width:67px; height:28px; background:url(../images/log_white.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}


.phonetabBox{width:402px; height:479px; border:1px solid #ababab; position:absolute; z-index:9999; background:#ffffff url(../images/log_bt_top.png) repeat-x; -moz-box-shadow: 0px 0px 5px #c4c4c4; -webkit-box-shadow: 0px 0px 5px #c4c4c4; box-shadow: 0px 0px 5px #c4c4c4; left:0; bottom:32px;}


.socialtab{width:67px; height:28px;}
.socialtab {width:67px; height:28px; background:url(../images/social-icon.png) no-repeat left; padding-left:49px; position:relative; color:#000000; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.socialtab span{width:9px; height:5px; background:url(../images/arrow_blk.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.socialtab:hover span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.socialtab:hover{width:67px; height:28px; background:url(../images/social-white-icon.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.socialtabSelect span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.socialtabSelect{width:67px; height:28px; background:url(../images/social-white-icon.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}


.socialtabBox{width:382px; padding:10px; height:386px; border:1px solid #ababab; position:absolute; z-index:9999; background:#ffffff;  -moz-box-shadow: 0px 0px 5px #c4c4c4; -webkit-box-shadow: 0px 0px 5px #c4c4c4; box-shadow: 0px 0px 5px #c4c4c4; left:119px; bottom:32px;}



.LiveChatBox{width:225px; height:276px; border:1px solid #ababab; position:absolute; z-index:9999; background:#f4f4f4; -moz-box-shadow: 0px 0px 5px #c4c4c4; -webkit-box-shadow: 0px 0px 5px #c4c4c4; box-shadow: 0px 0px 5px #c4c4c4; right:10px; bottom:32px;}
.CallBackTime{width:225px; height:276px; border:1px solid #ababab; position:absolute; z-index:9999; background:#f4f4f4; -moz-box-shadow: 0px 0px 5px #c4c4c4; -webkit-box-shadow: 0px 0px 5px #c4c4c4; box-shadow: 0px 0px 5px #c4c4c4; right:170px; bottom:32px;}
.CallBackTime ul{margin:0px; padding:0px;}
.CallBackTime ul li{list-style:none; padding:9px 9px; border-bottom:1px solid #c6c6c6; line-height:15px; font-size:13px;}
.CallBackTime ul li span{font-size:11px; color:#6e6e6e;}

.LCB-heading{background:url(../images/live_chat_icon_over.png) no-repeat scroll -10px 3px #535353; font-size:14px; height:35px; line-height:35px; padding-left:35px; color:#fff;}
.ChatStatus{padding:10px 15px;}
.ChatStatus select{padding:4px; width:99%}
.live-username{height:25px; line-height:20px;}
.chatListHD{height:27px; line-height:27px; background:#e2e2e2; border-top:1px solid #c6c6c6;}
.CL-name{float:left; width:99px; padding-left:12px;}
.CL-total{float:left; width:55px;}
.CL-wait{float:left; width:58px;}


.chatbtn{width:171px; height:28px;}
.chatbtn {width:122px; height:28px; background:url(../images/live_chat_icon.png) no-repeat left; padding-left:49px; position:relative; color:#000000; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.chatbtn span{width:9px; height:5px; background:url(../images/arrow_blk.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.chatbtn:hover span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.chatbtn:hover{width:122px; height:28px; background:url(../images/live_chat_icon_over.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.chatbtnSelect {width:122px; height:28px; background:url(../images/live_chat_icon.png) no-repeat left; padding-left:49px; position:relative; color:#000000; line-height:28px; border-left:1px solid #b2b2b2; display:block;}
.chatbtnSelect span{width:9px; height:5px; background:url(../images/arrow_white.png) no-repeat; display:block; float:right; margin:11px 17px 0 0;}
.chatbtnSelect{width:122px; height:28px; background:url(../images/live_chat_icon_over.png) no-repeat left #585858; padding-left:49px; position:relative; color:#ffffff; line-height:28px; border-left:1px solid #b2b2b2; display:block;}


.ChatList{width:225px; height:140px; overflow:auto; overflow-x:hidden; color:#000000;}
.CL-Line{line-height:33px; height:33px; border-top:1px solid #c6c6c6;}
.CL-Line-name{float:left; width:71px; padding-left:12px;}
.CL-Line-speaker{float:left; width:28px; height:33px;}
.CL-Line-total{float:left; width:55px;}
.CL-Line-waiting{float:left; width:41px;}
.log-msgs{border:1px solid #ccc; font-size:11px; padding:5px 9px; line-height:18px; height:75px; color:#000;}
.speakerIcon{float:left; padding-top:7px;}
.micIcon{float:left; padding-top:7px;}





.userInfoB{width:187px; padding:11px; height:195px; position:absolute; z-index:9999; background:hsla(0,0%,100%,0.99); border:1px solid #E8E8E8; -moz-box-shadow: 0px 0px 5px #c4c4c4; -webkit-box-shadow: 0px 0px 5px #c4c4c4; box-shadow: 0px 0px 5px #c4c4c4; right:0px; top:55px;}
.uStat_arrow{background:url(../images/uStat_arrow.png) no-repeat; width:13px; height:10px; position:absolute; top:-9px; right:12px;}
.userStatusfield{width:163px; height:25px; float:left}
.pin{width:14px; height:14px; float:right; margin:6px 3px 0px 0px;}
.uStats{background:#ececec url(../images/uStat_icon.png) no-repeat left; padding-left:28px; font-size:13px; color:#000; height:23px; line-height:23px;}
.userInfoB ul{margin:0px; padding:0px;}
.userInfoB li{list-style:none; border-bottom:1px dashed #d9d9d9; line-height:26px; width:186px; display:block;}
.userInfoB li span{color:#0d8cc9; font-size:11px; float:right;}
.redLink{text-align:center;}
.redLink a{background:#e62020; line-height:22px; text-align:center; display:block; padding:0px 12px;  -webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; color:#fff; margin-right:12px;}
.redLink a:hover{background:#ba1010; line-height:22px; text-align:center; display:block; padding:0px 12px; color:#fff; margin-right:12px;}
.margin-top20{margin-top:20px;}
.fieldbox{width:31.8%; float:left; margin-right:15px; padding-bottom:8px; min-height:54px}
.fieldbox input, .fieldbox select{width:100%;}
.fieldbox label{display:block; padding:4px 0; color:#989898;}
.inline-lable label, .inline-lable input{display:inline-block; width:auto; }

.content-box{border:1px solid #E8E8E8;-webkit-border-radius: 3px; -moz-border-radius:3px; border-radius: 3px; margin-top:20px;}
.heading03{background:#ececec; line-height:28px; border-bottom:1px solid #E8E8E8; padding:0 10px;}

.table{width:100%; border-collapse:collapse; border-spacing:0;}
.table th{border-bottom:1px solid #333333; line-height:30px;}
.table td{border-bottom:1px solid #AAAAAA; line-height:30px; padding:0 6px;}
.strip tr:nth-child(even){background:#f8f8f8;}
.textCenter{text-align:center;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
.cSocialNetwork{width:180px; height:61px; box-sizing:border-box; font-size:22px; font-weight:bold; text-align:center; padding:0 10px 0 70px; float:left; margin:0 9px 0 9px; color:#fff; line-height:61px; margin-top:10px;}
.cSocialNetwork:hover{opacity:0.7;}
div.cSocialNetwork:last-child{margin-right:0;}
.fb-bg{background:url(../images/fb-bg.png) no-repeat;}
.twitter-bg{background:url(../images/twitter-bg.png) no-repeat}
.linkedin-bg{background:url(../images/linkedin-bg.png) no-repeat;}
.g-bg{background:url(../images/g-bg.png) no-repeat;}