@font-face {
    font-family: 'Sapisb'; 
    src: url('../fonts/Sapisb__.ttf?v=4.5.0') format('truetype'), url('../fonts/Sapisbi_.ttf?v=4.5.0') format('truetype'),url('../fonts/Sapisbl_.ttf?v=4.5.0') format('truetype'),url('../fonts/Sapisbli.ttf?v=4.5.0') format('truetype'),url('../fonts/Sapisb__.ttf?v=4.5.0') format('truetype');
    font-weight: normal;
    font-style: normal
}

actionBtnmargin
.bdr-bottom{ border-bottom:1px solid #ddd !important; }
.blue{color:#105ca8;}
.hpLink{  color:#002855 !important; cursor:pointer;}	
			
.dnscheckboxpad {
   padding-left:0px !important;padding-right:0px !important;
}

.nomargintopbottom{ margin-top:0px !important;margin-bottom:1px solid !important;}
.date_error{margin:0px 200px 5px 0px !important; cursor:pointer;font-size:14px;float:right;}
.errSyslogportpleft{padding-left:43px;}
.activityTextboxmargin{ }
.panel-heading a:after { content:"" !important;}
.padtop10{ padding-top:10px !important;}
legend{ color:#333 !important; border-bottom: 1px solid #e5e5e5 !important;margin-bottom: 10px !important;}

.devicedatebox{ margin-right:  5px !important;margin-left: 5px !important;display:inline !important;width:unset !important;}


.qnsearch{ width:140px !important; }


.panelhed {margin:0px 15px 0px 15px !important;padding-left:0px !important;padding-right:0px !important;}
.pagetitle{ text-align: left !important;color:#696969 !important;}
.mbottom60{ margin-bottom:60px !important; }
.lanmleft5 { margin-left:5px !important;  }



.nopad{ padding: 0px !important;}
.green{ color:green;}
.grey{ color:#ddd;}

.addonsblock {  border:1px solid #eee;text-align:center;width:100%;height:300px;position:relative;padding: 20px 20px 0px 20px;}
.addons-logo { text-align:center;align-content:center;margin:0px;margin-left: auto;margin-right: auto;display: block;height:90px;width:90px;}
.addons-title{ margin-top:20px;font-size:15px;font-weight:600;}
.addons-desc { text-align:center; height:90px;font-size:12px !important;color:#828282 !important;}
.addons-btn { width:100%; }

.col-lg-1half, .col-sm-1half,.col-xs-1half{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    /*padding-left: 15px;*/
}

.col-lg-1half, .col-sm-1half,.col-xs-1half {
   width: 2.333%;float:left;
}

.dataTable > thead > tr > th[class*="sort"]:after{
    content: "" !important;
}
.marginleftright15{ margin-right: 15px !important; margin-left: 15px !important;}
.padleftright15{ padding-right: 15px !important; padding-left: 15px !important;}


/*---Table Action Icon Use----*/
/*.btnaction:before{
   font-family:Font Awesome\ 5 Free;content: "\f142";display: inline-block;height: 20px;width: 10px;color:#333;padding:0px !important;font-weight:100 !important;font-weight: lighter  !important;
}
.btnactionDevice:before {
   font-family: FontAwesome;content: "\f142";display: inline-block;height: 20px;width: 10px;color:#333;padding:0px !important;font-weight:100 !important;font-weight: lighter  !important;
}*/
/*--- Table Action Image Use---*/
/*.btnaction{ background : url("../img/action.png") no-repeat;background-size :cover !important; height: 20px;width: 20px;padding:0px !important;display: block !important;}
/*.btnactionDevice { background : url("../img/action.png") no-repeat;background-size :cover !important; height: 20px;width: 20px;padding:0px !important;display: block !important;}*/
/*---------------------*/


.actionBtnmargin
{
  margin-right:2px;
}
.devicebdrbtm { border-bottom: 1px solid #ddd; }

.mtop6{  margin-top:6px !important; }

.radio5text{
   text-align:right;
}
.nopadapgroup{
   padding-right: 0px !important;
   padding-left: 0px !important;
}
.padleftright5{
   padding-right: 5px !important;
   padding-left: 5px !important;
}
.mbot80{margin-bottom:80px !important;}
.mtop10{margin-top:10px !important;}
.padtop39{padding-top:33px !important;}
.padtop4{padding-top:4px !important;}


/*.nav-tabs>li>a{ background-color:#ccc !important;border-radius:0px 0px 0px 0px !importanat; border-top:3px solid #ddd !importnat;}*/



.newpass_eyeicon{cursor:pointer !important;}
.eyeicon{cursor:pointer !important;}
.confirm_eyeicon{cursor:pointer !important;}
.nomargin
{
    margin-right:0px !important;
    margin-left:0px !important;
}
.table tr {
    cursor: pointer;
}
/*PopOver Css Start*/
.circle {
    background: #fff;
    width: 15px; /*20px*/
    height: 15px;
    border-radius: 50%;
    text-align: center;
    color:#2877c7;
    vertical-align: middle;
    padding:2px 2px 2px 1px; /*3px*/
    font-size:9px !important; /*11px*/
    font-weight:normal !important;
    cursor:pointer !important;
    border: 1px solid #2877c7;
}
.circle:hover {
    background: #002955;
    color:#fff;  
}
.popover-title
{
	background: #2e3192 !important;
	color:#fff !important;
	border-radius:0px !important;
	font-size:13px !important;
}
.popover-title .close
{
	color:#fff !important;
	opacity:1 !important;
	font-size:21px !important;
	line-height:0 !important;
	padding-top:8px !important;
}
.popover-content
{
	background: #fbfbfb !important;
	font-size:12px;
	max-width:276px !important;
	width:276px !important;
	text-align:justify;
}
.popover
{
	border-radius:0px !important;
	max-width: 400px !important; 
	
}
/*PopOver Css End*/


.pad60{
   padding-bottom:50px !important;
}
.padright10{
   padding-right:10px !important;
}
.siteboxleft
{
   padding:5px;
}
.nopadleftright{
   padding-right: 0px !important;
   padding-left: 0px !important;
}
.padbotm10{
  padding-bottom: 10px !important;
}
.nopadleft{
 padding-left: 0px !important;
}
.botton-pad
{
  margin-bottom: 20px;
}
.pad-bottom{
  padding-bottom: 60px;
}
.formsignup_center {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
	display: block;
	text-align: center;
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
		border-bottom:2px solid #1eb7f3 !important;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #f7f7f7;
}
.skin-blue .sidebar-menu > li> a {
	color:#333;
}
.skin-blue .sidebar-menu > li> a:hover {
	color:#333;
	background-color: #666;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #333;
    background: #6663;
    border-left-color: #3c8dbc;
 }
 
 div.center,p.center,img.center {
	margin-left:auto!important;
	margin-right:auto!important;
	float:none!important;
	display:block;
	text-align:center;
}
.req{
    border-right: 1px solid red  !important;
}
.pad24{
  padding-bottom:24px;
}
.schedulediv{
   margin-left: 0%; 
   width: 50%; 
   height: 100%; 
   display: flex;
   flex-direction: row; 
   justify-content: center;
}
.hedicon{
    float:right;
    margin-left:2px;
    cursor:pointer;
    font-size:15px;
    margin-bottom:5px !important;
    margin-top:-6px !important;
}
.hedicon_datebox{
    float:right;
    margin-left:2px;
    cursor:pointer;
    font-size:15px;
    margin-bottom:5px !important;
    margin-top:0px !important;
}
 #progressMessage
 {
 height: 100%;
	  min-height: 100%;
   width: 100%;
    position:fixed;
    
    z-index:3000;
     background-color: #151414;
    opacity: 0.5;
      overflow: auto;
 }

 #activityIndicator 
 {
   height: 32px;
   width: 32px;
   -webkit-background-size: 32px 32px;
   -o-background-size: 32px 32px;
   -moz-background-size: 32px 32px;
   background-size: 32px 32px;
   margin: 0px auto;
   background-image: url("../img/activity_indicator.gif");
   background-color: transparent; 
}
.scrolledTable{
		overflow-x:auto !important;
		clear:both!important;
		/*overflow-y:-webkit-paged-x;*/
		}

.dt-button span{color:#fff !important;}
#jstbl_filter { display:none; !important; }
#jstbl1_filter { display:none; !important; }
#jstbl2_filter { display:none; !important; }
#jstbl3_filter { display:none; !important; }
#jstbl4_filter { display:none; !important; }
#jstbl_ApGroup_filter { display:none; !important; }
#jstblWirelessDevice_filter { display:none; !important; }
#jstblWirelessClient_filter { display:none; !important; }

@media (max-width: 768px) {
 .schedulediv
 {
      margin-left: 0%; 
      width: 100%; 
      height: 100%;
      display: flex; 
      flex-direction: row; 
      justify-content: center;
  }
  .overx{
       overflow-x: auto !important;
  }
  table{
      overflow-x:auto!important;
  } 
  
  .devicedatebox{ width:100% !important;}
  .devicedatebox_btn{margin-top:5px;}
 
  .popover{width:auto !important;}
  .radio5text{text-align:inherit !important;}
   t{ width:100%;}
 
  .siteboxleft{ width:100% !important;margin-bottom: 10px;float:left;}
  .panelrowhed{ margin-top:50px!important;padding:0px 15px 0px 15px ;border-top:1px solid #ddd !important; }
  .nobdrbottom { border-bottom:0px  !important;}
  
  .lanmleft5{ margin-left:0px !important;}
  
  .qnsearch{ width:100px !important; }
  .activityTextBoxmbottom{ margin-bottom:5px !important; }
  .activityTextBoxmleft { margin-left:15px !important;}
  .activityTextboxwdh{ width:100% !important;}
  .errSyslogportpleft{padding-left:0px;}
  .ulogsbtnsearach{ margin-right:100% !important;margin-bottom:10px !important;}
  
  .nopadapgroup{
   padding-right: 15px !important;
   padding-left:  15px !important;
  }
  .date_error{margin-right:0px!important;}
  .mobview-full-width{width:100% !important;}
  .dnscheckboxpad {
     padding-left:15px !important;padding-right:15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  
 .devicedatebox { width:14% !important;}
 .devicedatebox { width:14% !important;}
 .devicedatebox_btn{ width:10% !important;}
}
