*{margin:0;padding:0;box-sizing:border-box;}
body, html{height:100%; overflow-x:hidden; overflow-y:auto;}
body{margin:0;padding:0;font:400 14px/18px 'Roboto', sans-serif; /*font-family:'Roboto', sans-serif;*/ overflow-x:hidden;color:#606060;background:#DCDCDC; letter-spacing:0.035rem;}
h1,h2,h3,h4,h5,h6{color:#0369b0; font-weight:600;margin:0px 0 15px; padding:0px;}
h1{font-size:40px; line-height:28px;}
h2{font-size:36px; line-height:26px;}
h3{font-size:32px; line-height:24px;}
h4{font-size:28px; line-height:22px;}
h5{font-size:24px; line-height:20px;}
h6{font-size:20px; line-height:18px;}
.cl{clear:both;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.ml15{margin-left:15px;}
.mobwidth500{min-width:200px;}
.widthauto{min-width:500px; width:100%;}
p{font-size:14px; font-weight:400;line-height:24px; color:#606060;}
a{color:#555555;outline:none;text-decoration:none;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;outline:none; -webkit-outline:none; -ms-outline:none; -moz-outline:none; -o-outline:none; }
a:hover, a:focus, a:active{text-decoration:none;outline:none; -webkit-outline:none; -ms-outline:none; -moz-outline:none; -o-outline:none;}
button{background:#0078A8; margin:0; padding:4.5px 15px; line-height:21px; color:#fff; font-size:14px; transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; border-radius:4px !important; text-transform:capitalize; border:1px solid #e2dede; font-weight:500; font-style:normal;}
button:hover, button:focus, button.gray-btn:hover, button.gray-btn:focus{background:#F0802B; outline:none; color:#fff; outline:none !important;}
button a, button a:hover{color:#fff;outline:none; -webkit-outline:none; -ms-outline:none; -moz-outline:none; -o-outline:none;}
.tooltipbox, a.tooltipbox, .tooltiparea, a.tooltiparea{text-decoration:none;}
.tooltipbox:hover, a.tooltipbox:hover, .tooltiparea:hover, a.tooltiparea:hover{position:relative;}
.tooltipbox span, a.tooltipbox span, .tooltiparea span, a.tooltiparea span, .tooltipfont div{display:none !important;}
.tooltipbox:hover span, a.tooltipbox:hover span, .tooltiparea:hover span, a.tooltiparea:hover span, .tooltipfont:hover div{padding:5px; background:#f0f3f9; left:-30px; margin:0; position:absolute; top:-35px; text-decoration:none; display:inline-block !important; min-width:100px; text-align:center; border-radius:4px; line-height:17px; border:none; color:#0078a8; box-shadow:0 1px 10px rgb(0 0 0 / 10%); z-index:999; font-size:13px; margin:0px auto;font-weight:500;text-transform:capitalize;}
.tooltiparea:hover span, a.tooltiparea:hover span{font-size:14px; top:30px; text-transform:capitalize; letter-spacing:0; left:inherit; right:-20px; min-width:80px;}
.toprighticon ul li.tooltipbox:hover span{min-width:90px;}
span.required, .required{color:red;}
.requiredd{display:inline; color:red;}
label{cursor:inherit;}
.fl{float:left !important;}
.fr{float:right !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt10{margin-top:10px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mrnop{margin-right:0px !important;}
.mnop{margin:0px !important;}
.w100{width:100% !important;}
.widthauto{width:auto !important}
.padlr10{padding:0 10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pl20{padding-left:20px !important;}
.pr20{padding-right:20px !important;}
.pl30{padding-left:30px !important;}
.pr30{padding-right:30px !important;}
.pl40{padding-left:40px !important;}
.pr40{padding-right:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pt10{padding-top:10px !important;}
.width20{min-width:20px; width:20px;}
.width30{min-width:30px; width:30px;}
.width40{min-width:40px; width:40px;}
.width50{min-width:50px; width:50px;}
.width60{min-width:60px; width:60px;}
span.width60{min-width:60px !important; width:60px;}
.width70{min-width:70px !important; width:70px !important;}
.width75{min-width:75px !important; width:75px !important;}
.width80{min-width:80px; width:80px;}
.width90{min-width:90px !important; width:90px !important;}
span.width80{min-width:80px !important; width:80px;}
.width100{min-width:100px; width:100px !important;}
.width110{min-width:110px; width:110px;}
.width120{min-width:120px; width:120px;}
.width130{min-width:130px; width:130px;}
.width150{min-width:150px !important; width:150px !important;}
.width170{min-width:170px !important; width:170px !important;}
.width200{min-width:200px !important; width:200px !important;}
.width250{min-width:250px; width:250px;}
.width300{min-width:300px; width:300px !important;}
.width350{min-width:350px; width:350px;}
.width400{min-width:400px; width:400px;}
.width450{min-width:450px; width:450px;}
.widthm220{min-width:200px;}
.mtnop{margin-top:0px !important;}
.fullwidth{width:100% !important; max-width:100% !important;}
.maxwidth1400{max-width:1400px !important;}
.maxwidth1200{max-width:1200px !important;}
.maxwidth1000{max-width:1000px !important;}
.maxwidth800{max-width:800px !important;}
.maxwidth600{max-width:600px !important;}
.maxwidth400{max-width:400px !important;}
textarea.form-control{height:100px;}
.textright{text-align:right !important;}
.textleft{text-align:left !important;}
.textcenter{text-align:center !important;}
.redcolor{color:red;}
.mtb5{ margin:5px 0 !important;}
/* .bluecolor{color:#012c49;} */
.bluecolor{color:#0078A8;}
.orangebtn{background:#F0802B;}
::-webkit-input-placeholder{color:#000000;opacity:1;}
:-ms-input-placeholder{color:#000000;opacity:1;}
::-moz-placeholder{color:#000000;opacity:1;}
:-moz-placeholder{color:#000000;opacity:1;}
::placeholder{color:#000000;opacity:1;}
input, select, input[type="text"]:disabled, textarea, input.form-control, select.form-control, input[type="file"]{width:100%; padding:5px 10px; line-height:20px; height:32px; border:1px solid #e2dede; background:#fff; box-shadow:none; float:left; color:#555555 !important; margin-right:10px; font-style:normal; font-size:13px !important;}
.form-control:focus{border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);}
.panel-group{margin-bottom:20px; float:left; width:100%;}
select{font:400 14px/18px 'Roboto', sans-serif;height:32px !important; box-shadow:none !important; padding-left:6px !important; background:#ffffff url(../images/icons/select_arrow.svg) right center no-repeat !important ; background-size:16px !important; appearance:none; margin-right:20px !important;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select{background-image:none !important;}
.shortingcolor{color:#96d8f3 !important;}
.createyoulinklabel label{line-height:32px;}
label{cursor:inherit; font-size:14px; font-weight:400; margin:0 0 5px; color:#555555;}
/* input[type="radio"]:checked, input[type="radio"]:not(:checked){position:absolute;left:-9999px;} */
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label{position:relative;padding-left:22px;cursor:pointer;line-height:17px;display:inline-block;color:#666;}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid #cdd0d5;border-radius:100%;background:#fff;}
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after{content:'';width:10px;height:10px;background:#0078A8;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
input[type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
input[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
input[type=checkbox], input[type=radio]{height:auto;}
.pagesection{float:left; width:100%; height:100%; padding-left:60px; position:relative;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.positionreltv{position:relative;}
/* position Business Link  */
.positionrelative{position:relative; float:left; width:100%;}

.leftsection{width:100%; max-width:60px; background:#606060; height:100%; position:fixed; left:0; top:50px; z-index:9; text-align:center; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.logo{background:#606060; width:60px; height:50px; line-height:50px; float:left; text-align:center; color:#ffffff; font-size:20px;}
.logo div {
    font-size: 1.8rem !important;
    line-height: 30px;
    font-weight: 700;
}
.logo div:before{color:#FF6D6D !important;}
.expandbox{height:30px; text-align:center; border-radius:50px; overflow:hidden; color:#FF6D6D;cursor:pointer; z-index:99; margin: 10px auto 0;}
.headerbox{position:fixed; top:0; right:0; z-index:9; background:#606060; width:100%; height:50px;}
.workkinghours {
    float: left;
    color: #ffffff;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
}

.lefmenu{float:left; width:100%; padding:10px 0px;}
.lefmenu ul{list-style-type:none; float:left; width:100%;}
.lefmenu ul li{font-size:16px; font-weight:500; color:#ffffff; padding:0; margin:0 0 15px; line-height:50px;  position:relative;}
.lefmenu ul li a{color:#ffffff; display:block;transition:none;}

.lefmenu>ul>li a.tooltipbox:hover span {
    top: inherit;
    bottom: -22px;
    left: inherit;
    text-transform: capitalize;
    min-width: 90px;
}

.lefmenu ul li a div{font-size:28px; line-height: 38px;}
.lefmenu ul li:hover a div{font-size:30px;}

.lastsevenday, .lastfiveticket  {
    width: 100%;
    text-align: center;
    padding-top: 70px;
}
.lastsevenday p, .lastfiveticket p {
    font-size: 16px;
    font-weight: 700;
}

.reportpanel {
    float: left;
    width: 100%;
    padding-top: 70px;
}
.lastfiveticket {text-align:left; padding-left:100px;}
.reportpanel ul, .lastfiveticket ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.reportpanel ul li,  .lastfiveticket ul li {
    line-height: 40px;
    font-weight: 700;
}
.lastfiveticket ul li{text-align:left;}




.mobilmenulink{float:left; width:100%; overflow:hidden; display:block; height:50px;}
.mainmenu{float:left; width:auto;}  
.mainmenu a{float:left; display:block; color:#ffffff; text-align:center; padding:5px 13px; text-decoration:none; font-size:14px; line-height:40px; text-transform:uppercase; position:relative; font-weight:500;}
.mainmenu a:before{content:''; width:2px; height:80%; display:block; position:absolute; background:#96d8f3; top:4px; right:0; opacity:0.09;}
.mainmenu a:last-child:before{display:none;}
.mainmenu a:hover{color:#96d8f3;}
.mainmenu a.active{color:#96d8f3;  }
.mainmenu a:hover:after, .mainmenu a.active:after{content:''; width:100%; height:3px; background:#96d8f3 !important; display:block; bottom:-2px; position:relative;}
.mainmenu .icon{display:none;}
.header-rightbox ul{padding:0; margin:0; list-style-type:none;float: left;}
.header-rightbox{float:right; margin-right:10px;}
.header-rightbox ul li{float:left; margin:0 7px 0 0; vertical-align:middle; height:50px; line-height:50px; position:relative;}
.header-rightbox ul li a div.iinnoicon-user_profile {
    margin-left: 20px;
}
.header-rightbox .uerboxes div:before {
    color: #FFB100;
}
.uerboxes {
    float: left;
}
.uerboxes div {
    font-size: 25px;
    line-height: 50px;
}
.startday {
    float: left;
    background: #89c768;
    padding: 0 15px;
    color: #ffffff;
    border-radius: 5px;
    line-height:27px;
    margin-top: 11px; text-transform: uppercase;
}
.startday a{color: #ffffff;}
.lefmenu ul li a div:before {
    color: #AAB2C0;
}
.lefmenu ul li a div:hover:before {
    color:#FFB100;
}

.header-rightbox ul li a div:before {
    color: #FFB100;
}

.header-rightbox ul li.tooltipbox span{top:inherit; bottom:-35px;}
.header-rightbox ul li.tooltipbox:last-child span{left:-70px;}
.header-rightbox ul li a img{max-width:40px; max-height:40px; border-radius: 50%;}
.header-rightbox ul li a{display:block;}
.mobilemenubox {
    float: left;
    width: 50px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    display:none;
}
.mobilemenubox div {
    margin-top: 10px;
}
.pageheadingbox, .mobquickbox{background:#f0f3f9; float:left; width:100%; height:50px; margin-bottom:10px;}
.pagetitle{padding:10px 10px; color:#0D4E3D; font-size:16px; line-height:30px; float:left;font-weight:500;}
img.pagetitleimg{max-width:30px; float:left; margin:0 10px 0 0;}

.rightsection{float:left; width:100%;height:auto; padding:10px; position:relative; background:#fafbfd;margin-top:50px;}
.maincontentarea{float:left; width:100%; height:100%; background:#fafbfd; padding:10px;}
.contentarea{float:left; width:100%; height:100%; background:#ffffff; margin:0px auto; padding:10px; box-shadow:0 1px 8px rgba(0, 0, 0, 0.16);min-height:Calc(100vh - 149px);}
.tablesection{background:#ffffff; padding:0; z-index:0; border:1px solid gainsboro; box-shadow:2px 3px 10px 0 #c7c4c4; float:left; width:100%;position:relative;border-top:0;}
.tablebox{float:left; width:100%; overflow:auto; padding:1px;}
.tablebox thead{position:relative;}
.tablebox thead tr:after{content:''; background:#0078A8; width:100%; height:35px; display:none; position:absolute; left:0; top:-1px; z-index:-1;}
.tablebox th{position:sticky; top:0;z-index:1;}
.table-radiobtn label{height:12px; width:16px; margin:0; padding:0 !important;}
.tableiconbox{float:left; width:100%; text-align:center;}
.tableiconbox i{color:#015D82; margin:0 10px; font-size:14px; cursor:pointer;}
.table-checkbox input[type=checkbox], 
.table-checkbox input[type=radio]{margin:0;}
th.table-checkbox input[type=checkbox]{margin-top:-1px;}
.tablesection table{width:100%;}
.tablesection td{border-right:1px solid #eaeaea !important;}
.tablesection th{background:#AAB2C0; font-size:16px; color:#606060; text-align:left; text-transform:capitalize; padding:0 10px; line-height:30px; height:34px; font-weight:600;}
.tablesection tr:nth-child(even){background:#F1F8FB;}
.tablesection th, .tablesection td{font-size:12px; padding:0 5px;line-height:32px !important;}
.paginationsecion{float:left; width:100%; margin-top:2px;}
ul.pagination{float:right; margin:15px 0px 0px 0;list-style-type:none;}
.pagination>li{float:left; margin:0 2px;line-height:20px;}
.pagination>li>a, .pagination>li>span{position:relative; float:left; padding:6px 12px; color:#0078A8; text-decoration:none; background-color:#fff; border:1px solid #ddd; font-size:13px; border-radius:4px; text-transform:capitalize;}
.paginationbtn{background:#0078A8 !important; color:#ffffff !important}
.paginationbtn:hover{background:#F0802B !important;}
footer{float:left; width:100%; margin:0px auto; padding:0; text-align:center; background:#f0f3f9;}
footer p{margin:0px; padding:0px; color:#1D1D1D66; font-size:20px; text-align:center; font-weight:500;}
.formpart{float:left; width:100%; margin:0px auto; padding:10px; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1); transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.form-group{float:left; width:100%;}
.formtitle{float:left; width:100%; background:#EFF0F3; height:50px; border-radius:0; color:#606060; padding:0px 10px; line-height:50px; text-transform:capitalize;font-weight:500; font-size:14px;}
.formtitle p {font-weight: 700; line-height:50px;}
.formtitle .iinnoicon-close {
    font-size: 15px;
    font-weight: 700;
}
.popupclose {
    float: right;
}

/*Log in*/
.loginpage{width:100%; height:100%; margin:0px auto; padding:0;}
.loginsection{float:left; width:100%; background:#fff; height:100%; padding:0; position:relative;}
.loginimg{z-index:9; text-align:center; max-width:700px; margin:0px auto; position:relative;height: 100vh;display: table;vertical-align: middle;}
.loginpage.time_org:before {
    content: '';
    background: #606060;
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}
.loginimg img{margin-top:69px;}
.loginimg p{font-size:18px; color:#ffffff; line-height:24px; padding:0 50px; display:table-cell; vertical-align:middle;}
.loginlog{float:left; width:100%; text-align:center; margin-bottom:15px;}
.loginlog img{max-width:110px;}
.loginlog span{font-size:30px; font-weight:700; line-height:60px; color:#0078A8;}
.loginlog i{font-size:30px;color:#3e94b7;}
.loginboxpart{display:table; width:100%; margin:0px auto; padding:0; height:100vh;}
.loginform{max-width:900px; margin:0px auto; display:table-cell; vertical-align:middle;}
.login_formbox{width:100%; text-align:center; max-width:420px; margin:0px auto; box-shadow: 0px 3px 10px #00000029; padding: 15px;}
.login_formbox input[type="checkbox"]{max-width:15px !important; width:15px; min-width:15px; margin-right:10px;float:left;}
.login_formbox .bottom label{line-height:0; margin-top:12px; float:left;}
.login_formbox .bottom .form-group{float:left; width:auto;}
.login_formbox .bottom p.forget-pass{float:right; line-height:0; margin-top:5px;}
.login_formbox .forget-pass a{color:#0078A8; font-size:14px; line-height:15px;}
.login_formbox .infobtn{margin-left:15px; float:left;}
.loginbtnpart{float:left; margin:15px 0; width:100%;}
.loginbtnpart button{font-size:14px; text-transform:capitalize; padding:8px 0 7px 0; float:left; margin:0px; width:49%;line-height:21px; background-color: #038FCE; border: none; color: #fff;}
.loginbtnpart button:last-child{float:right;}
.login label{text-align:left; display:block; font-weight: 400; color: #606060;}
.login .loginbtnpart{display:inline-block; margin:15px auto 0; width:100%;}
.login .loginbtnpart button{min-width:100%; padding:8px 0 7px 0; margin:0; width:100%; line-height:21px;}
.logintitle {background: #038FCE; padding: 15px; text-align: left; margin-bottom: 10px;}
.logintitle h5 {font-size: 15px; color: #fff; margin: 0px;}
.login_formbox.time_login{box-shadow: none;}
.loginbtnpart.timeLogbtn button {
    background: #606060;
}
label.gainaccess{background:#f0f3f9; display:block; line-height:50px; font-weight:600; border-radius:4px;}

input[type="number"]{appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type="date"]{line-height:20px !important; padding:4px 10px; text-transform:uppercase;}
input:checked + .slider{background-color:#2196F3;}
input:focus + .slider{box-shadow:0 0 1px #2196F3;}
input:checked + .slider:before{-webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}



/* image icons css */
.quickmenubox ul li:hover a div:before,
.quickmenubox ul li a:hover div:before,
.quickmenubox ul li a:hover .iinnoicon-chat_history:before, 
.quickmenubox ul li a:hover .iinnoicon-chat_history span:before,
.quickmenubox ul li.active a div:before,
a.router-link-active div:before, a.router-link-exact-active div:before{
  color: #f0802b;
}
.dashboard-image div {font-size: 7.15rem;}
.dashboard-image {
    min-height:71px;
    background: #f0f3f9;
    border-radius: 10px;
}
.pagetitle div {
    float: left;
    font-size: 30px;
    margin-right: 10px;
}
.header-rightbox ul li a div {
    font-size:24px;
    line-height:50px;
}

.userbox ul li .userimgbox .iinnoicon-user_profile {
    position:absolute;
    left:10px;
    top:20px;
    font-size:55px;
}
.userbox ul li .userimgbox .iinnoicon-user_profile:before{color:#0078a8;}
.recentdashbox ul li .recentcallchat div {
    font-size:20px;
    line-height:40px;
}
.recentdashbox ul li .recentcallchat div:before {
    color:#0078a8;
}
.todolistbox ul li.checkedbox .tododelete a {
    display: inline-block;
}
.todolistbox ul li.checkedbox .tododelete div {
    font-size:16px;
    display: inline-block;
    padding-left:10px;
}
.associate-download div {
    font-size: 15px;
    font-weight: 700;
}
.actionbox div {
    font-size: 1.8rem;
    font-weight: 700;
    vertical-align: middle;
}
.successfullbox .imgbox div {
    font-size: 9rem;
}
.successfullbox .imgbox div:before {
    color: #ffffff;
}

div.iinnoicon-add,
div.iinnoicon-view {
    font-size: 1.4rem;
    font-weight: 700;
    display: inline;
    margin-left: 10px;
}
div.iinnoicon-add:before,
div.iinnoicon-view:before{color:#0078a8;}

.iinnoicon-reacharge, .iinnoicon-refund, .iinnoicon-void {
    display: inline-block;
    padding:0 5px;
}
.quickprofiletext div {
    display: inline-block;
    font-size: 1.8rem;
    margin-left: 5px;
}
.input-group-password .iinnoicon-view:before{
    font-size: 2rem;
}

.input-group-password .iinnoicon-view, .input-group-password .iinnoicon-view_slash {
    font-size: 2rem;top: 5px; position:absolute;
    right: 15px;
}
.input-group-password .iinnoicon-view_slash:before, .input-group-password .iinnoicon-view_slash {
    font-size: 2rem;
}
.iinnoicon-time {
    font-size: 0.8rem !important;
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    font-weight: 700 !important;
}
.todolistbox ul li{background-image:none; position: relative;}
.todolistbox ul li .iinnoicon-six_dot {
    font-size: 1.5rem;
    position: absolute;
    left: 5px;
    top: 14px;
}
.iinnoicon-upload_doc {
    font-size: 3.5rem;
}
.formtitle a:after, .tab-formtitle a:after{background-image:none;}
.tab-formtitle.iinnoicon-down_arrow:before {
    font-size: 1.4rem;
    position: absolute;
    right:15px;
    top:0px;
    font-weight: 700;
    transform: rotate(0deg);
    transition: all ease-in-out 0.5s;
}

.tab-formtitle.activemode.iinnoicon-down_arrow:before{transform: rotate(180deg);}

.popup_start_tab .tab-formtitle, .memberquickbox .tab-formtitle{background:none; margin:0 0 15px; border-bottom:1px solid #cccccc; padding:0 0 35px;}
.popup_start_tab .tab-formtitle a, .memberquickbox .tab-formtitle a, 
.popup_start_tab .tab-formtitle, .memberquickbox .tab-formtitle{color:#555555; padding:0;font:500 14px/30px 'Roboto', sans-serif;}
/*.tab-content.popup_start_tab{border-top:1px solid #0078a8;}*/

.recentcall {padding: 0 20px;width: 100%;float: left;}
.recentcall ul {
    display: inherit !important;
    float:left;width: 100%;
}
.recentcall ul li {margin-right: 0 !important; margin-left: 0 !important;float: left;text-align: left; width: 50%;}
.recentcall ul li a div {
    display: inherit;
    font-size: 1.2rem;
    margin-right: 5px;
    padding: 0;
    width: auto;
    float: left;
    line-height: 25px;
}
.callbtnbox ul li div {
    font-size: 2.4rem;
    line-height: 35px;
    font-weight: 700;
}
.selectbox.iinnoicon-down_arrow {
    position: relative;
}
.selectbox.iinnoicon-down_arrow:before {
    position: absolute;
    right: 8px;
    top: 12px;
    font-size: 1.2rem;
    font-weight: 700;
}
.selectbox select.width200 {
    margin: 0;
    padding: 0;
    width: 100% !important;
}
th span.shortingcolor{position: relative;}
th span.shortingcolor + img{display:none;}
th span.shortingcolor:after {
    content: '';
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #96d8f3;
    position: absolute;
    top: 2px;
    right: -15px;
}
.userediticon .iinnoicon-edit {
    font-size: 2.1rem;
}
.userediticon .iinnoicon-edit:before {
    color:#ffffff;
}
.panel-group .panel {
    box-shadow: none;
}
.iinnoicon-menu_for_mobile {
    font-size: 1.7rem !important;
    line-height: 30px !important;
    
}
.iinnoicon-menu_for_mobile:before{color: #ffffff !important; font-weight:700 !important;}
.mobilemenubar .iinnoicon-menu_for_mobile {
    line-height: 40px !important;
}

.iinnoicon-close.cancelbtn {
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    margin-left: 10px;
}
.iinnoicon-date {
    font-size: 1.5rem !important;
    display: inline-block;
    margin-right: 10px;
}
.addvancecommisionicons .iinnoicon-edit, .tableiconbox  .iinnoicon-edit {
    font-size: 1.6rem;
}
.iinnoicon-download_doc.downloadicon {
    font-size: 20px;
    font-weight: 700;
}
.leftside-icon .iinnoicon-cog {
    font-size: 20px;
}

.leftside-icon .iinnoicon-cog:before{color:#cccccc !important;}
.recentbox.active {
    right: 0;
}
.recentbox ul ul.active {
    display: block;
}
.iinnoicon-close.addnote {
    font-size: 10px;
    font-weight: 700;
}

td .selectbox.iinnoicon-down_arrow {
    position: relative;
    float: left;
    width: 100%;
}
.assignarrow .iinnoicon-call_arrow {
    font-size: 20px;
    font-weight: 700;
}
.userbox{position:absolute; right:-400px; top:50px; min-width:270px; background:#fff; box-shadow:0 1px 8px rgb(0 0 0 / 16%); z-index:999;transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;}
.userboxshow{right:-10px;}
.userbox ul{list-style-type:none; margin:0px; padding:0; position:relative; float:left; width:100%;}
.userbox ul:after{content:''; width:0; height:0; display:block; border-bottom:10px solid #ffffff; border-right:8px solid transparent; border-left:8px solid transparent; position:absolute; right:14px; top:-8px;}
.userbox ul li{float:left; width:100%; border-bottom:1px solid #dbecf3; height:auto; line-height:initial; margin:0; padding:0;}
.userimgbox{float:left; width:100%; position:relative; line-height:24px; padding:10px 10px 10px 75px; background:#ffffff; color:#0078a8; font-size:14px; font-weight:400;}  
.userimgbox img{top:19px; width:55px; height:55px; border-radius:100%;position:absolute; left:10px;}
.username{float:left; width:100%; padding-right:60px; line-height:18px; margin-bottom:5px;}
.usernamebox{float:left; width:100%; padding:15px 10px;}
.cameraicon{position:absolute; left:40px; bottom:10px; z-index:99; width:auto; height:auto; background:#0078a8; padding:5px; border-radius:100%;}
.cameraicon img{max-width:15px; height:15px;}
.namelabel{font-size:16px; font-weight:500; color:#0D0D0D85;}
.namelabelvalue{font-size:16px; color:#303030; font-weight:700;}
.logoutlabel{float:left;font-size:12px; font-weight:500;position:absolute; top:5px; right:10px;}
.logoutlabel img{margin-left:10px; max-width:22px;}
.breaksection {
    display: table;
    width: 100%;
    margin: 0px auto;
    padding: 0;
    height: 100vh;
}
.breakbox {
    max-width: 900px;
    margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
.breaktitle, .breaktag {
    font-size: 50px;
    text-transform: uppercase;
    color: #038FCE;
    line-height: 50px;
    margin-bottom: 50px;
}
.breaktime {
    font-size: 200px;
    line-height: 200px;
    margin-bottom: 40px;
    color: #038FCE;
}
.breaktimered {
    
    color: #FF0000;
}
.plusicon:before {
    font-weight: 700;
}
/*Task list pagwe*/
.taskBox {
    padding: 30px;
}
.task_box {display:none; border-bottom:1px solid #eaeaea;}
a.taskslist {
    color: #038fce;
}
.start_test_popup span {
    padding-left: 20px;
}
.taskadd_btn_popup {
    margin-top: 22px;
}
.taskadd_btn {
    float: left;
    margin-top: 37px;
}
.addedtaskslist {
    float: left;
    width: 100%;
    padding:0px;
    margin: 0;
}
.addedtaskslist input[type="checkbox"] {
    float: left;
    width: auto;
    margin:2px 10px 0 0;
}
/*Task list page end*/

#ticketdetail .modal-body, #AlertButton .modal-body, #AlertButtontimer .modal-body, #deleteButton .modal-body, #breakstart .modal-body , #successpopup .modal-body , #successprofilepopup .modal-body{
    padding: 0;
    float: left;
    width: 100%;
}
#ticketdetail .modal-dialog {
    width: 100%;
    max-width: 900px;
}
.tabpage .nav-tabs>li{margin-bottom:0;}
.tabpage .nav-tabs>li>a{margin-right:4px; line-height:20px; border:1px solid transparent; border-radius:4px 4px 0 0; background:#EDEFF2; padding:5px 15px;}
.tabpage .nav-tabs>li.active>a, 
.tabpage .nav-tabs>li.active>a:focus, 
.tabpage .nav-tabs>li.active>a:hover, 
.tabpage .nav-tabs>li>a:hover{background:#606060; color:#ffffff;}
.tabpage .nav-tabs{border-bottom:none; margin:0;}
.tab-content .formtitle{display:none;}
#Ticket .contentbox p {
    line-height: 22px;
    margin: 0;
    padding: 0;
}
/* #Ticket .contentbox {
    padding: 20px 50px;
} */
#ticketdetail .modal-content, #AlertButton .modal-content, #AlertButtontimer .modal-content, #deleteButton .modal-content, #breakstart .modal-content, #successpopup .modal-content , #successprofilepopup .modal-content {
    border-radius: 0px;
}
.form-group label + textarea, label + textarea + .fr{display:none;}
.form-group.active label + textarea, .form-group.active label + textarea + .fr{display:block;}
.form-group label.inputlable{display:block; padding:0px 10px; line-height:30px; border-radius:4px; margin-top:0px; margin-bottom:10px; cursor:pointer; border:1px solid #e2dede; transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;}
.form-group.active label:hover{background:rgba(220,220,220,0.3);}
.mbnop{margin-bottom:0px !important;}
.form-group.active label{display:none;}
.form-group.active label.activitybox{display:block;}
.attachmentbox {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.attachmentbox div {
    font-size: 16px;
    float: left;
    margin-right: 10px;
}
.editor-box-effect {
    float: left;
    width: 100%;
    margin-top: 10px;
    display:none;
}
.editor-box-effect ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.editor-box-effect ul li {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    color:#60606069;
}
.editor-box-effect ul li a{color:#555555;}
.editor-box-effect ul li a:hover{color:#555555;}
.editor-box-effect ul li:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 15px;
    display: block;
    background: #60606069;
    right: -10px;
    top: 0px;
}
.editor-box-effect ul li:last-child:after{display:none;}
.editorboxeffect .editor-box-effect{display:block;}
.listboxes{display:block; float: left; margin-bottom:15px;}
.listline {
    display: block;
    width: 100%;
    float: left;
}

.leftsidebar .leftsection {
    left: -80px;
}
.leftsidebar {
    padding-left: 0;
}
.editor-list {
    display: block;
    
   /* margin-bottom: 20px;*/
}
.form-group.active .editor-list label {
    display: inline-block;
}
.editor-list ul {
    padding-left: 20px;
}
.tabconentbox {
    float:left;
    width:100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-height:400px;
    padding-right:10px;
}
.uploadattachbox {
    float: left;
    overflow: hidden;
    width: 100%;
    position:relative;
    margin-top: 10px;

}
span.uploadttach {
    background: #eaeaea;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    z-index:1;
    border-radius: 4px;
}
.uploadattachbox input[type="file"] {
    border: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    left:-200px;
    background: none;
    max-width: 420px;
    z-index:9;
}
.uploadattachbox input[type="file"]:focus {box-shadow:0px;border:none; outline:none;}
.start_test {
    display: inline-block;
    background: #ffffff;
    margin: 0px auto;
    text-align: left;
    width: 100%;
    max-width: 600px;
}
.start_ticket input[type="radio"] {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-top: 2px;
}
.inprocessbox {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.taskboard {
    background: none;
}

.taskboardboxes {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 10px 1px rgb(0 0 0 / 2%);
    padding: 15px;
}
.tasktitle {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.taskboardbox {
    float: left;
    width: 100%;
    background: #f9f9f9;
    padding: 15px 15px 0;
    border-radius: 6px;
    box-shadow: 0 3px 4px 1px rgb(0 0 0 / 10%);
    margin-top: 15px;
}
.tasksection {
    font-size:16px;
    padding:8px 0;
    float: left;
    border-radius: 6px;
    margin-bottom: 5px;
    font-weight:bold;
}

.taskname {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.tasktimeothers {
    float: left;
    width: 100%;
}
.tasktimeothers ul {
    margin: 0px auto;
    padding: 0;
    list-style-type: none;
}
.tasktimeothers ul li {
    float: left;
    margin-right: 15px;
}
.tasktime {
    float: left;
    width: 100%;
    padding: 8px 0;
    line-height: 30px;
    font-size: 16px;
    border-radius: 8px;
}
.iinnoicon-time {
    font-size: 20px !important;
}
.tasklist {
    float: left;
    width: 100%;
    line-height: 35px;
    padding: 8px 0;
    font-size: 18px;
}
.taskstatus {
    float: left;
    width: 100%;
}
.taskstatus label {
    float: left;
    width: 100%;
    line-height:32px;
    padding: 8px 0;
    font-size: 16px;
    font-weight: bold;
}
.taskstatus label input[type="checkbox"] {
    width: 15px;
    float: left;
    margin-right: 5px;
    margin-top:8px;
}
.location {
    float: left;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    padding: 8px 0;
}
.tasksattachment {
    padding: 8px 0;
    line-height: 30px;
    font-size: 20px;
    float: left;
    width: 100%;
}
.addnewcard {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    line-height: 30px;
}
.addnewcard .iinnoicon-add {
    font-size: 20px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    line-height: 25px;
}
.addnewcard {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    line-height: 26px;
    font-size: 20px;
    cursor: pointer;
}
.addnewcard i.fa.fa-copy {
    float: right;
    margin-right: 10px;
    font-size: 22px;
}
.bgorange{background:orange; color:#ffffff;padding:5px 10px;}
.bgblue{background:#0078a8; color:#ffffff;padding:5px 10px;}
.bggreen{background:#039e0f; color:#ffffff;padding:5px 10px;}
.bgorange div:before, .bgblue div:before, .bggreen div:before{color:#ffffff;}
span.morelink {
    float: right;
    line-height: 10px;
    cursor: pointer;
}
.alerttitle {
    background: red;
}
.alerttitle p {
    margin: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
}
.alerttitle .iinnoicon-close:before{color:#ffffff}

.breakpopuptitle {
    background:#0078A8;
}
.breakpopuptitle p {
    margin: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
}
.breakpopuptitle .iinnoicon-close:before{color:#ffffff}


.successpopuptitle {
    background:#0078A8;
}
.successpopuptitle p {
    margin: 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0;
}
.successpopuptitle .iinnoicon-close:before{color:#ffffff}

label.Q_editor + textarea{display:none;}
label.Q_editorshow + textarea{display:block;}
label.Q_editorbox{display:block; padding:0px 15px; line-height:30px; border-radius:4px; margin-top:0px; margin-bottom:10px; cursor:pointer; border:1px solid #e2dede; transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;}
label.Q_editorbox:hover{background:rgba(220,220,220,0.3);}

.inputboxwidth {
    float: left !important;
    width: 80% !important;
    margin-bottom: 15px;
}
.srno {
    float: left !important;
    padding-right: 5px;
   
}

.inputboxwidthandmargin {
    width: 80% !important;
   /*margin-left: 18px !important;*/
}
.addbuttonmargin {
    margin-left: 18px !important;
}

/*QMS Document styles*/
.qms_headerBox {
    padding: 20px 0px;
    text-align: center;
    margin: 0 auto;
}
.wrk_hdr {
    padding: 13px 5px;
    background: #ededed;
    border: 1px solid #9f9f9f;
}
.wrk_hdr h4 {
    margin-bottom: 0;
    font-weight: 500;
    color: #585858;
    font-size: 25px;
}
.qms_headerBox p {
    font-size: 17px;
    margin-top: 10px;
}
.title_box {
    background: #f7f7f7;
    margin-top: 30px;
    border: 1px solid #a7e2ff;
}
.title_box p {
    font-size: 15px;
}
td.textarea_mainBox {
    height: 250px;
}
td.textarea_subBox {
    height: 150px;
}
th.subcolum {
    border: 1px solid #d3d3d3;
    padding: 1px;
}
.selctBox {
    padding: 20px 10px;
    border: 1px solid #00000063;
    margin-top: 30px;
    margin-bottom: 25px;
}
.selctBox h6 {
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0;
    color: #404040;
}
.selctBox input {
    float: left;
    text-align: left;
    width: 40px;
    height: 40px;
    margin-right: 25px;
}
th.mutli_heds {
    border-top: 1px solid #898989;
    padding: 1px 5px;
}
th.mutli_heds input {
    float: left;
    width: 15px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.testBox {
    padding: 10px;
}
.testBox p {
    font-size: 19px;
    font-weight: 500;
}
.testSteps p {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 0;
}
.testSteps {
	margin-top: 10px;
	padding: 10px;
}
p.testStep_sub {
	font-size: 14px;
}
.testSteps ul {
    margin-left: 20px;
    margin-top: 10px;
    line-height: 30px;
}
/*QMS Document styles end*/

.error{
    display: none;
    margin-left: 10px;
}		

.error_show{
    color: red;
    /*margin-left: 10px;*/
}
.alert-danger {
    background-color:#fafbfd; 
   border-color:#fafbfd;
    color: red;
   
}
.alert {
    padding: 1px;
    margin-bottom: 1px;
}
.alertlogin {
    background-color:#ffffff; 
   border-color:#ffffff;
    color: red;
    float: left;
}