body{background-image: url(../img/bg.png);}

/* facebook loading css start */
.timeline-item{background: #fff;  padding: 15px;  margin: 0 auto;  width: 100%;  height: 100%;  float: left;}@keyframes placeHolderShimmer{0%{ background-position: -468px 0;}  100%{background-position: 468px 0;}}.animated-background{animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background: #f6f7f8;background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px;height: 96px;position: relative;}.background-masker{background: #fff;position: absolute;}.background-masker.header-top,.background-masker.header-bottom,.background-masker.subheader-bottom{top: 0;left: 40px;right: 0px;height: 10px;}.background-masker.header-left,.background-masker.subheader-left,.background-masker.header-right,.background-masker.subheader-right{top: 10px;left: 40px;height: 8px;width: 10px;}.background-masker.header-bottom{top: 18px;height: 6px;}.background-masker.subheader-left,.background-masker.subheader-right{top: 24px;height: 6px;}.background-masker.header-right,.background-masker.subheader-right{width: auto;left: 300px;right: 0px;}.background-masker.subheader-right{left: 230px;}.background-masker.subheader-bottom{top: 30px;height: 10px;}.background-masker.content-top,.background-masker.content-second-line,.background-masker.content-third-line,.background-masker.content-second-end,.background-masker.content-third-end,.background-masker.content-first-end{top: 40px;left: 0;right: 0;height: 6px;}.background-masker.content-top{height: 20px;}.background-masker.content-first-end,.background-masker.content-second-end,.background-masker.content-third-end{width: auto;left: 380px;right: 0;top: 60px;height: 8px;}.background-masker.content-second-line{top: 68px;}.background-masker.content-second-end{left: 420px;top: 74px;}.background-masker.content-third-line{top: 82px;}.background-masker.content-third-end{left: 300px;top: 88px;}
/* facebook loading css end */


a img { border:none;}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 15px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/*custom form starts*/
#UserLoginForm img {  max-width: 220px;}
.loginformcontainter{  
    -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    border: 5px solid #64b0f2;
    padding: 20px;
    border-radius: 5px;
}
#bd-login-form { 
    background-color: #ffffff;
    padding: 7px;
    border-radius: 8px;
    margin: 20px 15px;
    margin-left: -200px;
    top: 50%;
    left: 50%;
    position: absolute;
    width: 400px;
	}
ul.inline li {
    display: inline;
    white-space: nowrap;
 margin: 0 1px;
}
.small{
font-size: 0.82em;
}
#bd-paginator {
    line-height: 1em;
    margin-top: 1em;
    text-align: center;
}
#bd-paginator input[type=text]{width:auto;padding:0}
.tdanchor a {color:#444 }
.forminternal form div{clear:none; }

#password-form {
	margin: 7px auto 0;
    position: relative;
    -webkit-box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
    border: 5px solid #64b0f2;
    padding: 20px;
    border-radius: 5px;
}

#password-close {
    top: 7.5px;
    width: 16px;
    position: absolute;
    right: 10.5px;
}


/*custom css*/
.right{float:right;}
.left{float:left;}
#paginatedata{clear: both; padding: 7.5px 0; line-height: 35px; }
.pagination span.current.page-link{background: #64b0f2; border-color: #64b0f2;z-index: 1;color: #fff;}
.pagination.pagination-split { margin-bottom: 0px;}
.pagination.pagination-split span{width: 35px;height: 35px;    margin: 0 0 0 3px;}
.pagination.pagination-split span a{    position: absolute;left: 0; right: 0;
    top: 0; bottom: 0;text-align: center; padding: 7px;}

   
.customformwidth {width:68%}
.customformwidth form .input {width:195px;display:inline-block;padding-top:15px;}
#loadingcontainer { display:table; position:fixed; top:0; width:100%; height:100%; }
#loading { display: table-cell; opacity: 0.5; z-index: 99; vertical-align:middle; background:#fff; }
#loading img { display:block; margin:0 auto; }

#bd-top form div{ display: inline-block;}
#bd-top form select , #bd-top form div{clear:none ;}
#bd-top form select{margin-left:0;width:auto;padding:9px;}
#bd-top form input[type="text"]{/*width:47%*/padding: 2% 4%}
#bd-top .text{margin-right:15px}
#bd-top form label{/*width: 90px;padding: 9px 0 0;*/ float:none}
#bd-top .clear{clear:both !important}
#bd-top form .input {}
#bd-top {
    background: none repeat scroll 0 0 #F5F5F5 !important;
  	 padding: 1%;
	 border: 1px solid #ccc;
	 margin-bottom: 15px;
}
form div.chosen-container {padding:0}
.popboxcontent{padding:0 !important;margin-top: 10px;}
.popboxcontent .forminternal { margin-bottom: 0;
    margin-top: -7.8px;
    display: inline-block;
    padding: 15px;
    float: left;
    width: 100%;}		
.popboxcontent .success, .popboxcontent .message, .popboxcontent .error{ margin: 15px;}
.popboxcontent .forminternal form div {margin: 0 7.5px 10px;}
.popboxcontent .forminternal form div div {margin: 0 0 0;}
.popboxcontent .forminternal form div label{margin-bottom: .2rem;}
.popboxcontent .daterangeinputbox{display: grid};


span.status.offline{
background-color: #4b8cf7;
    border-color: #87CEEB;
    color: #FFFFFF;

}

span.status a{font-weight:normal;color:#fff;text-decoration:none;}
.forminternal div.checkbox label{float:none;}
.creationdate input{border:none !important}
.submit{display:inline;margin-right:10px}
.queuedcall-row td{text-align:left;padding: 15px 2px;}
.queuedcall-row td .right{text-align:right }
.queuedcall-row .submit input[type="submit"]{font-size:10px;height:24px }
.queuedcall-row .submit{padding:2px 8px}
.popboxcontent  .customformwidth label{float:none}
.popboxcontent .shortcode { min-height: 152px;}
#company { font-weight:bold}
.divicon{width:200px;float:left;position:relative;margin-bottom: 25px;}
.fullwidth{ margin:25px auto}
.iconimg{ 
	border: 5px solid #EAEAEA;
	border-radius: 150px 150px 150px 150px;
	-moz-border-radius: 150px 150px 150px 150px;
	-o-border-radius: 150px 150px 150px 150px;
	-webkit-border-radius: 150px 150px 150px 150px;
	box-shadow: 1px 1px 20px #AEB1B1 inset;
	height: 150px;
	text-align: center;
	width: 150px;
	}

.iconimg p
   {
	 margin:30px 0 0;
	transform: translateY(0px);
	-moz-transform:translateY(0px);
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	
	transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;

	}

.divicon:hover .iconimg p
    {
		transform:translateY(130px);
		-moz-transform: translateY(130px);
		-o-transform: translateY(130px);
		-webkit-transform: translateY(130px);
		
		transition-delay:0.2s;
		-moz-transition-delay:0.2s;
		-o-transition-delay:0.2s;
		-webkit-transition-delay:0.2s;
	}


.divicon a:hover{text-decoration:none}

.iconimg img {
    width: 46%;
	-moz-transition:all 0.1s ease-in-out 0s;
	
}


.divicon:hover .iconimg img{
	-moz-transform:scale(1.6, 1.6);
	-o-transform:scale(1.6, 1.6);
	-webkit-transform:scale(1.6, 1.6);
	transform:scale(1.6, 1.6);
	-moz-transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-transition:all 0.2s ease-in-out 0s;
	top: -7px;
    position: relative;
	left: -1px;
	}
	
.droptime {width: 48px !important;}
.checkbox{float:left}
.marginbottom{margin-bottom:12px}

.offset{padding:0 5px}

.droptime label{width:30px;text-transform: uppercase;text-align: center;}

.selectlabel label {
    width: 12%;
}

.popboxcontent .selectlabel label {
    width: auto;
}

.popboxcontent .selectlabel select {
    width:102%;
}


input[type="file"]{border:none;}

.floatnone label{float:none;}

#schedulebox{float: left;}

.setheight{height:40px}

/*dashboard begins*/
/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */


/* Columns section */
#columns .column {
    float: left;
    width: 33.3%;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

/* Column dividers (background-images) : */

	
#columns #column1 .widget { margin: 30px 35px 0 25px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #333 url(../img/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

/*dashboard ends here*/

.helpdesk{background:url("../img/helpdesk.png")no-repeat;padding-left:20px}



.floatnone{float:none;}

#progressbar {
	
	 height:10px;
	 
}
#barbox {
	float:right;
	height:10px;
	background-color:#FFFFFF;
	width:100px;
	border:1px solid #ccc;
	margin-right:3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 0;
	overflow: hidden;
}
#count {
	float:right;
	margin-right:8px;
	font-size:12px;
	font-weight:bold;
	color:#666666
}

.credits{float:right;font-size:12px;color:#818181;margin-bottom:15px}
.highlight{color:#DA4722;font-weight:bold}
.leftcol{float: left;width: 54%;}
.rightcol{float: left;width:40%; margin-left: 6%;}
.rightcol .box{width:60%;background:#1688BA;border:5px solid #ffffff;box-shadow:1px 1px 5px #777777;;min-height:150px;text-align:center;color: #FFFFFF;font-family: ebrima;font-size: 16px;}
.smsapi{border:1px solid #ccc;padding:5px;}
.smsapi h5{padding:5px 2px;border-bottom:1px solid #ccc;margin-bottom:10px;color: #9E9E9E;}
.smsapi p{ font-size: 13px;}
.smsapi span{color:#067BBD;}
.rightcol .box p{margin:0}
.rightcol .box .bigfont{font-size:60px}
.textdeco{text-decoration:underline;font-weight:bold;}
.width5{width:25%; word-break:break-all;}
.width13{width: 68%;}
.form-horizontal{float:left; margin-left: 8px; padding: 15px;}
.search-btn{position: absolute;top: 18px;right: 0;}
.forminternal .search-btn .submit{display:inline;}

.submit input.icon-search[type="submit"]{background: url("../img/icons.png") no-repeat scroll transparent; position: relative; width: 15px; display: inline-block;  height: 17px;background-position:-46px -2px;text-indent: -30000px;border:none; box-shadow: none;}


.form-horizontal .select { float: left;}
.form-horizontal .select label{padding:5px;}
.mobilenumber textarea{border:1px solid #ccc;background:url(../img/information-typenumbers.png) no-repeat center center}
.customformwidth form .inlinelbl{width: 360px;margin-left: 36px;}
.form-horizontal .inlinelbl label{padding-top: 5px;width: 40%;}
.form-horizontal .inlinelbl input[type="text"]{width: 60%;}
.inlineselect{width:250px;float:left;}

.inlineselect label { width: 39%;padding-top: 5px;}

.inlineselect select{min-width:150px}

.subbtn-tbl td{  border-style: dashed;border-width: 0 1px 0 0; border-color: #CCCCCC;}

.subbtn-tbl td:last-child{border:none}

.inlineinput input{width:25%}
.inlineinput label{padding-top:5px}
.searchform form .input{float: left;    width: auto;}

/*.searchform form input{width:auto}*/

.searchform {
    border: none;
    border-bottom: 1px solid #dfdfdf;
    background: #eceeef;
    border-radius: 0;padding: 15px 7.5px;margin-bottom: 0px;float: left;
    width: 100%;
}
.popquerybox{display:none;position:absolute;top: -28px;left: -346px;z-index:10000;}

.forminternal .submit{display:block}
.searchform .submit{display:inline}
#tp { height:50px; border:1px solid #ccc; }
#cp { height:100%; background:#DA4722; width:0%; }
.center { text-align:center; }
.forminternal  .search-btn{display:inline;}
.controlbtn {border:1px solid #ccc;}
.controlbtn tr{border:none;background:none;}
.controlbtn tr td , .item tr td{border:none}
.item {border:1px solid #E8E8E8;}
.txtcenter{ 
    float: left;
    text-align: center;
    width: 100%;}

.radbtn{text-align:center;}
.radbtn:hover {background:url('../img/bor-left.png') no-repeat center left;}
.radbtn input[type="radio"]{float:none;}

.mobsearch{ 
	border: medium none;
	float: left;
	padding: 0;
	width: 33%;
}
.mobsearch form .input{width:170px;}

.mobsearch .submit input[type="submit"]{margin-top: 5px;}

.centersmsfilter{width:400px;margin:0 auto}

.displaynone{display:none;}

.dwreportfrm .submit{margin-top:-3px}

.dwreportfrm form .text {width:191px !important}
.dwreportfrm form .select	{width:171px !important}

.midtd .leftcol{width:30%;}
.midtd .rightcol{margin:20px 20px 15px;width:60%;float:left;text-align:center;}

 .slidebtn{min-width:150px;}
 
.pointcursor{cursor:pointer}

.checkdnd{height:67px;position:relative;}

.checkdnd .input{margin-bottom:10px}



.overflowdiv .checkbox{float:none;}

.overflowdiv input[type=checkbox]{margin-top:3px;}

.scoreboard
{
width: 630px;
border: 1px solid #ccc;
margin: 25px auto;
padding: 15px;
text-align: center;
border-radius: 10px;
box-shadow: 2px 2px 10px #ccc;

}

.scoreboard h4
{
	font-size: 44px;
	text-transform: uppercase;
	color: #DA4722;
	text-shadow: 1px 1px 2px #000;
}

.scoredigit
{
 font-size: 87px;
 color: rgb(11, 151, 196);
 text-shadow: 3px 1px 3px rgb(4, 67, 87);
}

.chosen-container{width: 100% !important;}

.checkwrap{position:relative;}
.checkinfo{color:#B6AFAF;font-size:10px;border-radius:5px;visibility:hidden;padding:0px;}
.checkinfo a{color:#B6AFAF;}
.checkinfo a:hover{text-decoration:underline;}

.overflowdiv form div{margin-bottom:0;}

.checkwrap:hover > .checkinfo{visibility:visible;cursor:pointer;}

.agreement
{
	width: 500px;
    background: #fff;
    border: 2px solid #ccc;
    margin: 0 auto;
}

.agreementtxt
{
  height: 250px;
  padding: 5px;
  text-align:justify;
  overflow: auto;
}

.agreement .actions
{
text-align: center;
width: 98%;
background: #EAEAE2;
padding: 18px 5px;
border-top: 1px dashed #ccc;
float:none;
}

.rightbtns .download{float:right;}

a.addoption{color: #212121;}
a.addoption:hover{text-decoration:none;}
.deletecontrol{display: inline-block;margin-bottom: 10px;}
.deletecontrol a{width:130px;}
.marginright10{margin-right: 10px;}
.yelcolor{color:#FFD58B}
.uptimebtn{
    display: inline-block;
    position: relative;
    top: 31px;
    right: 0;
}
.uptimebtn .actions{
margin: 0 0 16px;
float:none;
width:auto;
padding:0;
}

.uptimebtn .actions a.setwidth{padding: 4px 20px;}

#memory_cpu_status{text-align:center}

.smallfont{font-size: 12px;padding: 2px 7px 0 0;}
.ui-widget-header .smallfont a{color:#fff;}

.dwreportfrm form div{padding:0}

.dwreportfrm form div .submit{
	margin-right: 8px;
}

.resetbtn a {border:1px solid #D6D6D6;padding:2px 25px;}
.resetbtn a:hover{color:#990000}
.resetbtn  {margin-top:3px;color: #fff!important}
.displaybox{padding:5px}

.forminternal .displaybox .actions{width:auto;}
.forminternal .displaybox .right {float:right !important}

#message{font-size: 12px;color: #999;padding: 12px 0 0;}

.notifycircle
{
	background: #fff;
	border: 2px solid #ccc;
	width: 20px;
	height: 20px;
	border-radius: 28px;
	font-size: 8px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
}

.notifycircle .txt{position: relative;top: 5px;}
.darkred{background-color:#DA4722;color:#fff;}
.ui-widget-content .divTableCell a{color:#999;font-weight: normal;}
.forminternal #status{font-size:10px;}
.setalink{padding-top: 14px; padding-right: 12px;display: inline-block;}
.cursor{cursor:pointer;}
.orange{color:#8C8787}
.logindetails  .input{width:auto !important}
.scheduler .input{width:auto !important}
.subkeyword-row td{text-align:left;padding: 15px 2px;}
.subkeyword-row td .addsub{text-align:right}
.subkeyword-row .submit input[type="submit"]{font-size:10px;height:24px }
.subkeyword-row .submit{padding:2px 8px}
span.status.new{
background-color: #4b8cf7;
    border-color: #87CEEB;
    color: #FFFFFF;
}
.togglebox { display:none;}
.customformwidth div.input label{float:none;}
.customformwidth form .customerfield{width:62%}
.verticalform form .input{display:block !important;}
.verticalform{padding:0 !important}
.chattextarea
{
	position: relative;
	width: 100%;
	padding: 0;
	border: none;
}
.chatrecord{height:100px;overflow:auto;margin-bottom: 15px;border-bottom: 2px solid #EE3322}

.chattextarea form .input{width: 298px;padding:0}

.chattextarea textarea{width:330px;}

.chatdate{
		font-size: 10px;
		color: #888;
		border-bottom: 1px solid #ccc;
}

.overflowdiv h2{margin-top:0; margin-bottom:15px;}

.notes{color:#999;}
.novisible{visibility:hidden;height:0}
.inlineshow{display:inline-block}
.greyout
{
	color: #999;
	font-weight: bold;
}

.redcolor
{
	background-color:#990000;
}

.feedbackin
{
	background:#ccc;
}

.reportsearch form{width:100%}
.tab-content {margin-bottom: 30px;}
.togglemenu { visibility: hidden;}

.desktoponly{visibility: visible;}
.mobileonly{visibility: hidden;}
a.menucancelbtn {margin-right: 15px;font-size: 20px;}

#content .chosen-container-single .chosen-single, #content .chosen-container-multi .chosen-choices{

  border: 1px solid #CCC;
  border-radius: 3px;
  background-color: #fff;
  background: none;
  background: none;
  background: none;
  background: none;
  background: none;
  padding: 4px 0 0 14px;
  height: 34px;
  box-shadow:none;
}
#content .chosen-container-multi .chosen-choices li.search-field input[type=text]{height:25px; padding:0px;color:#000;   font-weight: normal; }
#content .chosen-container-single .chosen-single div b{
  width: 20px;
  background: url(../img/chosen-sprite.png) no-repeat 0 5px;
}
#content .chosen-container-single .chosen-single div{top: 1px; right: 4px;}
#content .chosen-container-single .chosen-single span {font-weight: normal;}
.tab-content label {margin-top: 3%;}
i.fa.fa-power-off {
  font-size: 14px;
  margin-right: 10px;
}
.required label:after {
    color: #e32;
    content: '*';
    display: inline;
}

.chosen-container-multi{position:relative}
.chosen-container-multi:after {
    display: block;
    content: '';
    position: absolute;
    border-top: 5px solid #888888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    width: 0;
    height: 0;
	right: 7px;
	top: 16px;
}












/* Media Queries */

@media (max-width:680px) and (min-width: 320px){
i.fa.fa-calendar {top: 32px;}
.loggeduser {top: 0;right: 0;}
.loggeduser {
  z-index: 5;
  color: #fff;
  position: fixed;
  -webkit-backface-visibility: hidden;
  top: 0;
  margin-right: 17px;
  width: 95%;
  height: 50px;
  background: #000;
  padding: 10px;
  visibility: visible;
  transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  right: -100%;
}
.desktoponly{visibility: hidden;}
.mobileonly{visibility: visible;}
}


/************************** div slide css *****************/
.left_div {
  font-family: 'Montserrat', sans-serif;
  /* background: #050505; */
  bottom: 0;
  color: white;
  overflow-y: auto;
  padding-top: 1px;
  position: fixed;
  left: 0px;
  top: 0;
  width: 320px;
  font-size: 12px;
  line-height: 1.75;
  font-weight: 100;
}

.left_divopen #container{
  right: -320px;
}

#container{
webkit-transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: right 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1),opacity 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  right: 0;
  background:#fff;
  }
  body.left_divopen {overflow: hidden;}
  
  .left_div ~ #container{position:relative}
li.first-item.menu-toggle a {
  background: url('../img/arrow.png') no-repeat 0px 4px;
  background-size: 100%;
  padding: 5px 12px !important;
}

  td.rightcol {
  display: none !important;
  border:none !important;
}
form div.float div{clear:none;}
.col-lg-12.row.float {margin: 10px 0 0 0; padding: 0;}
.col-lg-12.row.float label {margin-top: 0;}
#home form div, #tab2 form div{clear: none ;}



/*   css for blink text    */
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.playdown li {
    display: inline-block;
    padding-left: 10px;
}

.overflowdiv {
    height: 163px;
    overflow: auto;
    background: #fff;
	padding: 10px;
	border: 1px solid #E0E0E0;
}

.overflowdiv form div {
    margin-bottom: 0;
}
.dtp {
    background: url(../img/date.png) no-repeat center right;
    background-size: 14px 14px !important;
    cursor: pointer;
    opacity: .8;
    width: 100%;
    border-radius: 5px;
}
.obddiv{border-right: 1px solid #eaeaea;}
#content h2{font-size: 18px;}
.checkwrap .checkbox{display:inline-block;padding-left:30px;margin-top:0px}

h3.popover-title {
    color: #337AB7;
    font-weight: bold;
    border-bottom-color: #9C9C9C;
}
.popover-content {
    text-align: center;
}


/* autocomplete starts */
.ui-autocomplete.ui-menu .ui-menu-item
{
    color: #181818;
    background: #F7F7F7;
    padding: 0;
    margin: 0;
}
ul.ui-autocomplete.ui-menu{margin:0px}

.ui-autocomplete.ui-menu .ui-menu-item a {
    font-size: 11px;
    color: #181818;
    display: block;
    padding: 5px;
}

.ui-autocomplete.ui-menu .ui-menu-item a :hover{text-decoration:none;}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus
{
  background: #337AB7;
  border:none;
  margin: 0;
  color:#fff;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-front {  z-index: 99999999;}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.btndiv {z-index:1;
    width: 100%;
    position: fixed;
    background: #f4f4f4;
    border-bottom: 1px solid #DCDCDC;
    box-shadow: 1px -1px 2px #ccc;
    bottom: -55px;
    left: 0;
    right: 0;
    -webkit-transition: bottom 1s;
    -moz-transition: bottom 1s;
    -ms-transition: bottom 1s;
    -o-transition: bottom 1s;
    transition: bottom 1s;
    height: 52px;
    padding: 7.5px;
}
input.checkedrow.cursor,input#selectall {
    height: auto;
	margin:0px;
}

.btndiv .fixedbtn{margin-top: 10px}

.timepicker{position:relative;}
.timepickericon {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 1px;
    top : 15px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}
.hide {display:none !important;}

/* ============== updated css ============*/
/* Login Page */
#content .h4, #content h4, #content .h2, #content h2 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}
.container.card-box{margin-top: 20px;display: grid;position: relative;}
form div {  margin: 0 7.5px;}
form div div{margin:0 0;}
.card-box.tilebox-one {  border: 1px solid #dee2e6;    float: left; width: 100%;}
.popover-body p{margin-bottom:0px;}
#add-menu {
    position: absolute;
    right: 20px;
    top: 20px;
}
#add-menu li {margin-left: 7.5px;}
#add-menu li a{ color: inherit;}
.small, small { font-size: 70%;font-weight: bold;}
.bg.status{color: #fff; padding: 1.5px 7px; border: 1px solid;display: inline-block;text-align: center;}
.form-control{font-size: 14px;}

/*  daterangepicker*/
.daterangepicker .ranges {float: left !important;}
.daterangepicker{box-shadow: 1px 2px 3px #959595; border: 1px solid #dee2e6;}
.daterangepicker th, .daterangepicker td { padding: 7.5px !important; font-size: 13px !important;}	
.daterangepicker th {color: #0088cc !important;}
.daterangepicker td.active, .daterangepicker td.active:hover{ border-radius: 100px!important;;border-top: none!important;;}
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #c0c0c0!important;
    border-radius: 100px!important;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size: 14px !important;}

/* textarea suggestion */
.composer,
.quick-moreButton {
	position:relative
}
.composer .toolbar div {
	margin-bottom:0
}
.toolbar {
	bottom:0;
	position:absolute;
	display:block;
	height:auto;
	padding:10px;
	margin-bottom:0
}
.toolbar.hide {
	display:none
}
.quick-btn {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	justify-content:center
}
.frmbtn {
	color:#6c6767;
	margin:0 3px;
	align-items:center;
	border-radius:3px;
	border:1px solid #ddd;
	cursor:pointer;
	display:inline-flex;
	min-width:40px;
	text-align:center;
	-webkit-transition-duration:.2s;
	transition-duration:.2s;
	padding:3px;
	font-size:13px
}
.frmbtn:focus,
.frmbtn:hover {
	border-color: #039cfd;
    color: #039cfd;
    background: #cfebfe;
	outline:none
}
.quick-dropdown {
	padding:0;
	display:block;
	height:auto;
	position:absolute;
	width:auto;
	background:#fff;
	border-radius:3px;
	border:1px solid #ddd;
	right:0;
	bottom:40px
}
.quick-dropdown .menu {
	max-width:300px;
	min-width:150px;
	padding:0
}
.quick-dropdown .menu:focus {
	outline:none
}
.quick-dropdown .menu .menuItem {
	display:block;
	height:auto;
	padding:0 10px;
	text-align:left;
	line-height:30px;
	font-weight:400;
	cursor:pointer
}
.quick-dropdown .menu .menuItem:hover {
	background-color:#da4722;
	color:#fff;
	fill:#fff
}
.quick-dropdown.hide,
.hide {
	display:none
}
button:disabled,
input[type=submit]:disabled {
	opacity:.5;
	cursor:not-allowed
}
/*-/- textarea suggestion */

/* css flash alert */
#flash-container {
	position: fixed;
	z-index: 999999;
	pointer-events: none;    background: #000;border-radius: 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 15px;right: 15px;
}
#flash-container>div {
	background-repeat: no-repeat;
	position: relative;
	pointer-events: auto;
	overflow: hidden;
	padding: 15px 15px 15px 50px;
	width: 300px;
	background-position: 15px center;
	color: #fff;
	opacity: .8;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80)
}

#flash-container>:hover {
	-moz-box-shadow: 0 0 12px #000;
	-webkit-box-shadow: 0 0 12px #000;
	box-shadow: 0 0 12px #000;
	opacity: 1;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer
}
#flash-container>.flash-error {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#flash-container>.flash-success {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}
.flash-title {
	font-weight: 700
}
.flash-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word
}
.flash-close-button {
	position: relative;
	right: -.3em;
	top: -.3em;
	float: right;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .8;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80)
}
.flash-close-button:focus,
.flash-close-button:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
	-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
	filter: alpha(opacity=40)
}
button.flash-close-button {
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none
}
.flash { background-color: #030303}
.flash-success {background-color: #51a351}
.flash-error { background-color: #bd362f}
/*-/- css flash alert */

/* Subscription start */
.listtrigger{
    padding: 7.5px;
    width: 100%;
    background: #e9edef;
    color: #5b6165;
    border: 1px solid #b1b1b1;
    border-radius: .25rem;
    margin-bottom: 7.5px;
}
.settings ul {
    margin: 0px 0 0px 0;
    float: left;
    width: 100%;
    padding: 0 0 0 0;
}
.settings .col-lg-12 { clear: both;}
.settings .ajaxsearch {margin-bottom: 15px !important;    padding: 15px;    position: relative;}
 input[type=checkbox], input[type=radio] { cursor: pointer;}
.settings .icon_div{ width: 75px; float: left;margin: 0;}
.settings .icon_right_div{ width: calc(100% - 75px);float: right; position: relative;    margin: 0;}
.settings .ajaxsearch { margin-bottom: 15px;}
.settings .toggleTextarea {height: 0px; display: none; -webkit-transition: all .3s;-ms-transition: all .3s; transition: all .3s; }
.settings .toggleTextarea.expand {height: auto; display: block; -webkit-transition: all .3s;-ms-transition: all .3s; transition: all .3s; }
.settings .icon_div .fa {font-size:3em;}
.settings .fa.fa-clock-o {color: #76c187;font-size: 3.5em;}
.settings .fa.fa-bar-chart-o { color: #5f9eee;}
.settings .fa.fa-area-chart {color: #ff851b;}
.settings .fa.fa-calendar {color: #9e7da6;}
.settings .fa.fa-bell-o {color: #deb63b;}
.settings .fa.fa-line-chart { color: #483D8B;}
.settings .fa.fa-calculator {color: #0099CC;}
.settings .figures_div{padding-right: 0;}
.settings, .settings  .toggleTextarea .twothird { padding: 0 0 0 0;}
.settings  li.ajaxsearch.nomargin {float: left;width: 100%;  padding: 15px; background: #fff;list-style: none;}
.settings .ajaxsearch h2{font-size: 14px !important;}
.settings .small, .settings small { font-size: 100%;font-weight: 400;}
.settings .textarea {width: 100%;height: auto;}
.toggleTextarea .input.text label{padding-top: 15px;}
.settings .input.submitnow{padding: 0 0px !important;}	
/* Subscription end */

/* tags input start  */
.tagsinput {
	border: 1px solid #ddd;
    padding: 15px!important;
    border-radius: 4px;
    min-height: 125px!important;
}
.tagsinput span.tag {
	display: block;
    float: left;
    padding: 7.5px;
    text-decoration: none;
    margin-right: 7.5px;
    margin-bottom: 7.5px;
    border: 1px solid #47c7f8;
    background: #87d8f7;
    border-radius: 4px;
}
.tagsinput span.tag a {
	color:#f8f8f8;
	background: #315590;
	width:18px;
	height:18px;
	text-align:center;
	float:right;
	border-radius:50px;
	line-height:16px
}
.tagsinput div input {
	width: auto!important;
    height: 36px;
    padding: 0 15px;
    border: 1px solid #47c7f8 !important;
}
.tagsinput input {border:none}
/* tags input end  */

li.smssettings.has-submenu:before {
    position: absolute;
    right: 3.5px;
    top: 21px;
    font: normal normal normal 25px/1 'Material-Design-Iconic-Font';
    content: '\f2f9';
    color: #a7a7a7;
}
li.smssettings.has-submenu.open:before{content: '\f2fc';}
.dropdown-menu-right.show{min-width: 220px;box-shadow: 2px 2px 4px #c4c4c4;margin-top: -1px;}


/* css for table */
.w-d-50{width:50px;}
.w-d-75{width:75px;}
.w-d-100{width:100px;}
.w-d-125{width:125px;}
.w-d-150{width:150px;}
.w-d-175{width:175px;}
.w-d-200{width:200px;}


table{
    color: #212529;    border: 0;
    padding: 0;    border-collapse: collapse;border-spacing: 2px;
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}
table thead {
    background: #eceeef;
    background-image: none;
    border: none;
}

table td, table tbody th {
    font-size: inherit;
    line-height: inherit;
    padding: 10px !important;
}

table thead th, table tbody td { padding: .75rem;    text-align: left;
    text-shadow: none;
    letter-spacing: 0.06em;
}   
table thead tr:first-child th {
    padding-top: 1.1em;
    padding-bottom: 0.9em;
    font-weight: 600;
    font-family: inherit;
    border: none;
}
table thead th, table tbody td, table thead th a, table tbody td a{ color: #444;}
table td{
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
table tbody td a{ color: #64b0f2}

table.text-right th, table.text-right td{text-align:right;}
.error-message {
    background: #972b26;
    color: #fff;
    padding: 0 7.5px;
}
.modal-body table tr:first-child td { border-top:none; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border:1px solid #ddd;
}
/* Add a thumb */
::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius:5px 
}
.right-important{float:right !important;}

/* for desktop */
@media(min-width:940px){
	.tablesaw td .tablesaw-cell-label, .tablesaw th .tablesaw-cell-label{
        display:none;
    }
	td.sms_text {width: 575px;}
	.mob-only{display:none !important;}
	.dsk-only{display: initial !important;}
	#paginatedata .paginate-text {display:inline-block;}
	#smsc{    max-height: 275px; overflow-y: auto}
}

/* for mobile */
@media(max-width:940px) and (min-width : 320px){
	.col-xs-12 { width: calc(100% - 15px) !important; }
	.mob-only{display: inherit !important;}
	.dsk-only, .hidemob{display:none !important;}
	
    .tablesaw td .tablesaw-cell-label, .tablesaw th .tablesaw-cell-label{
       display: inline-block;  width: 125px; font-weight: normal; color: inherit;    vertical-align: top;
     }
	.tablesaw td span.tablesaw-cell-content {display: inline-block; width: calc(100% - 125px);    vertical-align: top;word-break: break-all;}	
	.tablesaw td .tablesaw-cell-label a, .tablesaw th .tablesaw-cell-label a{color: #444444;}
    .tablesaw thead td,.tablesaw thead th{ display:none}
	.tablesaw td{display: block;}
	.tablesaw tbody tr {border-bottom: 3px solid #6c757d;}
		
	#bd-login-form {margin-left: -150px;width: 300px;}
	#bd-login-form h6{display:none;}
	#UserLoginForm img {max-width: 150px;margin-bottom:7.5px;}
	.notification-list .noti-title{color:#fff;}
	
	/* index search form */
	.searchform{ padding: 7.5px 0 0;}
	.searchform form .input{float: left;width: calc(50% - 15px);margin-bottom: 7.5px;}
	.searchform form .input.daterangeinputbox {width: calc(100% - 15px);}
	.searchform form .input .btn{width: 100%;}
	.daterangepicker th, .daterangepicker td {padding: 3.5px !important;font-size: 12px !important;}
	.daterangepicker .calendar th, .daterangepicker .calendar td{min-width: 20px !important;}
	
	/* pop modal table */
	.modal-body table td b.tablesaw-cell-label{display:none;}
	.modal-body table td {display: table-cell;}
	.modal-body table td span.tablesaw-cell-content {width: 100%;}
	.modal-body table tbody tr {border-bottom: none;}
	
	/* pagination */
	#paginatedata { float: left; width: 100%; height: 50px;position: relative;}
	.pagination.pagination-split {margin-bottom: 7.5px; width: 100%;    display: block;}
	#paginatedata .paginate-text {width: calc(100% - 70px); position: absolute;left: 35px; right: 35px; font-size: 11px;text-align: center;    z-index: 9;    top: 6px;}
	.pagination span.pages{display:none;}
	.pagination.pagination-split span {margin: 0 0 0 0px;}
	
	.container.card-box { margin-top: 0px;padding: 7.5px 7.5px;margin-bottom: 0px;}
	#add-menu {top: 10px;}
	
	.mbd_full_width .col-xs-12{width: 100% !important;}
}