@font-face {
  font-family: robotothin;
  src: url(roboto.thin.ttf);
}
@font-face {
  font-family: robotolight;
  src: url(roboto.light.ttf);
}
@font-face {
  font-family: robotoregular;
  src: url(roboto.regular.ttf);
}

/* custom css */
.form input:focus{
	outline:none;
	border:none;
	width:90%;
}
input::placeholder{
	font-family:robotoregular;
}
.form input{
	width:90%;
}
.pass{
	border:none;
	color:transparent;
	font-family: robotoregular;
}
.email{
	font-family: robotoregular;
}
.fieldpwd .dummy{
	color:#000 !important;
	font-weight:bold;
}
.w-inherit{width:inherit;}
.text-clr-blue{
    font-weight: bold;
    font-family: robotothin;
}

.fieldinput input,.fieldpwd input{
  padding: 10px 0px;
  margin-left:8px;
}
.fieldpwd{
    align-items: baseline;
}
.border-btm{
	border-bottom:2px solid #ccc;
}
.fieldinput,.fieldpwd{
	position:relative;
	margin-bottom:20px;
	width: 90%;
	align-items:baseline;
}
.fieldinput label ,.fieldpwd label{
    transition: .5s;
    position:relative;
    width: 90%;
    font-family: robotothin;
}
.fieldinput label span ,.fieldpwd label span{
	 padding:10px;
	  pointer-events: none;
	  position:absolute;
	  left:0;
	  top:0;
	  transition: 0.2s;
	  transition-timing-function: ease;
	  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	  opacity:0.5;
	  font-family: robotoregular;
}
.fieldinput label input::placeholder {
   color: gray;
}
.fieldinput label input:focus + span, .fieldinput label input:not(:placeholder-shown) + span{
  opacity:1;
  transform: scale(0.75) translateY(-100%) translateX(-30px);
  left:13px;
}
.fieldpwd label input:focus + span, .fieldpwd label input:not(:placeholder-shown) + span {
  opacity:1;
  transform: scale(0.75) translateY(-100%) translateX(-30px);
  left:10px;
}

/* For IE Browsers*/
.fieldinput label input:focus + span, .fieldinput label input:not(:-ms-input-placeholder) + span ,
.fieldpwd label input:focus + span, .fieldpwd label input:not(:-ms-input-placeholder) + span {
  opacity:1;
  transform: scale(0.75) translateY(-100%) translateX(-30px);
  left:10px;
}
.login-btn{
	border-radius:30px;
	font-family: robotolight;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
	font-size: 14px;
    padding: 5px 20px 5px;
}
.login-clr a{
	color:#ef4423;
	font-size:14px;
	font-weight:bold;
	font-family: robotoregular;
}
.login-ext{
	border-radius:30px;
	font-weight:bold;
	font-family: robotothin;
}
.text-register{
	font-weight:600;
	font-size:14px;
	font-family: robotoregular;
}
.text-red{
	border-bottom: 3px solid #ef4423;
}
.text-gray{
	color: #9c9797;
	font-size:12px;
	font-family: robotoregular;
}
.login{
	overflow-x: visible;
}
.login-bg{
	 background-image: url(../images/Loginbackground.png);
    background-size: 100% 100%;
	background-repeat:no-repeat;
    height: 100%;
    width: 100%;
}
.register-form p.text-small{font-size:12px;font-family:robotolight;}
.register-form input::placeholder{
	font-family:robotoregular;
}
.register-form label{font-family:robotoregular;}
.register-form .login-btn{
	box-shadow:none;border:none;
	padding:10px 10px !important;
}
.register-form input{
	/*padding:22px 10px !important;*/
	border-radius:25px !important;
	text-indent:15px;
}
.register-bg{background:#f6f5fb !important;}
.register-form{width:50% !important;}
.register-form button.login-btn {
    width: 20%;
}
.register-form .text-clr-red{
	font-family:robotoregular;
	color:#ef4423 !important;
}
.notification {
  text-decoration: none;
  padding: 15px 0px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification .badge {
     position: absolute;
    top: 5px;
    right: -8px;
    padding: 5px 5px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 9px;
}
ul li.dropdown{
	list-style:none;
}
.navbar .navbar-menu-wrapper{
	width:100%;
}
li.selectDate-header .dropdown-menu {
    left: 5%;
}
#mob-menu-header,#mob-menu-bar{display:none;}
.nav-dropdown.dropdown-menu {
    right: 10px !important;
    left: initial;
    border: none;
    border-radius: 20px;
    color: #fff !important;
}
.dropdown-menu a.dropdown-item{
	color:#fff !important;
	font-size:12px;
	font-family:robotolight;
}
.dropdown-item:focus, .dropdown-item:hover{background:transparent !important;}
.border-left-only{
	border-left:1px solid #ccc;
}
.color-gray{
	color:#bebebe;
	font-size:10px;
	margin:0px !important;
	font-family:robotolight;
	font-weight:bold;
}
#sidebar{
	position:absolute;
	border-radius: 40px;
	margin-top:10px;
	padding: 18px 0px;
	z-index:11;
}
#sidebar ul li{width:100% !important;}
#sidebar ul li:hover {
    width:100% !important;
}
#sidebar ul li:last-child:hover {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
#sidebar ul li a span img:last-child{
	display:none !important;
}
#sidebar ul li.submenu_active a span img:first-child ,#sidebar ul li:hover span img:first-child{
	display:none !important;
}
#sidebar li.submenu_active a span img:last-child ,#sidebar ul li:hover span img:last-child{
	display:block !important;
}
.sidebar{
	width:270px;
	/*transition: width 0.8s linear 0.1s;*/
}
#sidebar ul li{
	text-align:center !important;
	margin:1px 0px;
}
a.nav-link {
    display: flex;
    align-items: center;
}
.navbar-toggler:focus, .navbar-toggler:hover{
	outline:none !important;
}
a.nav-link .menu-title{
	color:#fff !important;
	font-family:robotolight !important;
	font-weight:500;
}
.content .container-fluid{
	padding-right:6%;
}
.content .container-fluid d-flex{
	padding-right:15px;
}
.page-body-wrapper{display:flex;}
.page-body-wrapper{
	min-height: calc(100vh - 60px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-left: 5px;
    padding-right: 5%;
    padding-top: 100px;
}
.sidebar img.menu-icon {
    font-size: 1.125rem;
    line-height: 1;
   /* margin-right: 1.125rem;*/
    color: #fff;
}
.sidebar .nav .nav-item .nav-link .menu-title {
    color: inherit;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
}
button.navbar-toggler{
	 cursor: pointer;
}
.content-wrapper{
	margin-left:80px;
	width:100%;
	margin-bottom:5%;
}
a.menu_active {
    border-bottom: 3px solid #e4390e;
}

a.menu_active .menuUnSelected ,.menuSelected{
	display:none;
}
a.menu_active .menuSelected ,.menuUnSelected{
	display:block;
}
ul.nav li a.nav-link span:first-child{
	width:40px;
}
.pages-bg{
	background:#f6f5fb;
}
nav.navbar.navbar-expand-md.col-lg-12.col-12.p-0.fixed-top.d-flex.flex-row {
    background: #fff;
	height:92px !important;
	z-index:111 !important;
}
.nav-profile-name{
	font-family: robotoregular;
    font-weight: 600;
    font-size: 12px;
}
.navbar-toggler{
	/*padding-left: 25px;*/
}
.navbar-nav a span{
	font-family:robotolight;
	font-weight:bold;
	font-size:12px;
}
.arrow{
	margin-top:-10px;
}
.header-menu ul li a{
	color:#bebebe !important;
	text-decoration:none;
	font-weight:500;
}
.recent-boxfaxe {
    border-radius: 20px !important;
    box-shadow: 2px 0px 9px #ccc !important;
    padding: 10px !important;
}
h1.text,h2.text{
	font-size:12px !important;
	font-family: robotolight;
	font-weight:bold;
	color: #000;
}
.icons h3,.icon h3{
	font-family: robotolight;
    font-weight: 800;
    color: #2e3b43;
	font-size: 28px;
}
.border-r{
	border-radius: 20px !important;
    box-shadow: 2px 0px 9px #ccc !important;
    padding: 10px !important;
}
.w-24{width:23%;}
.w-38{width:37%;}

a.canvasjs-chart-credit {
    display: none;
}
.w-32{width:32%;}
.view-btn{
	border-radius:30px;
}
.view-btn{
	font-family: robotolight;
	font-size:12px;
}
.border-top-line{
	border-top:1px solid #8b8b8b;
}
.border-top-line div p:first-child{
	font-family: robotoregular;
    font-weight: 800;
    color: #2e3b43;
	font-size:12px;
}
.border-top-line div p.destination{
	font-family: robotolight;
    color: #8b8b8b;
	font-size:12px;
}
.dateTym{
	font-family: robotolight;
	font-size:9px;
	color:#9c9c9c;
	font-weight:600;
}
/*.destination{
	color: #969696;
    font-size: 14px;
    font-weight: 500;
	font-family: robotolight;
}*/
.top-dec{
	margin-top:-8px;
}
.recent{
	font-family: robotoregular;
	font-size:12px;
}
.bg-white div img:first-child {
    cursor: move;
}
/*---------number manage system css start--------*/
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 8px;
  top: 4px;
  vertical-align: middle;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: -4px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider::before {
    background: #00bd6b;
    box-shadow: 0px 4px 1px #00bd6b6b;
	left:-10px;
}
input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*th:after {
    content: ' \02C4';
}
th:before {
 content: ' \02C5';
}*/
.special_routing,.timeConditions_Block{
	margin-top:20px;
	position:relative;
}
.manage_phone{
	position:relative;
}
.routingDiv{
	position:absolute;
	    top: 0px;
	    z-index:1;
}
div.dataTables_filter button {
    margin-left: 10px;
	margin-top:-3px;
}
.routingDiv h2 ,.routingDiv h1 {
    font-size: 14px;
    font-family: robotoregular;
    font-weight:bold;
	margin-top:10px;
	}
.routingDiv h1{
	margin-top:15px !important;
}
.routingDiv select ,.routingDiv input{
	border: 1px solid #ccc;
    border-radius: 20px;
	font-family: robotoregular;
	    font-size: 14px;
    padding: 4px 20px 5px 10px;
}
.routingDiv input::placeholder{
	font-family: robotoregular;
}
.routingDiv select:focus ,.routingDiv input:focus{
	border:1px solid #ccc;
	outline:none;
	border-radius: 20px;
}
.manage_phone table.dataTable tbody>tr.odd{
	background-color:#fff;
}
/*.manage_phone table.dataTable tbody>tr.selected, .manage_phone table.dataTable tbody>tr>.selected {
    background-color: #B0BED9 !important;
	 animation: fadeIn 1s;
}*/
.dialog{	
  width: 200px;
  background-color: #fff;
  color: #000;
  border-radius: 6px;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  /*position: absolute;*/
  z-index:11111;
  left:20%;
  margin-top:5px;
}

.groups_table table.dataTable tbody tr .dialog
{
  margin-top: -40px;
}
.edit_selected ,.edit_all,#add_extension_selected{
	cursor:pointer;
	font-size: 12px;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.managePhone_sideblock {
	border-radius:10px;
	width: 450px;
	z-index:11;
}
.managePhone_sideblock p ,.managePhone_sideblock label.form-check-label {
	font-size:14px;
	font-family:robotolight;
	color:#000;
	font-weight:bold;
}
.managePhone_sideblock input,.managePhone_sideblock select,.managePhone_sideblock textarea{
	border:none;
}
.managePhone_sideblock input:focus,.managePhone_sideblock select:focus{
	outline:none;
	border:none;
	box-shadow:none;
}
.managePhone_sideblock .form-control{
	padding:0px !important;
}
.managePhone_sideblock .form-group input,.managePhone_sideblock .form-group select,.managePhone_sideblock .form-group textarea{
	border-bottom: 1px solid #ccc;
	position:relative;
	/*margin-bottom:0px !important;*/
}
.call-select select > option ,.call-select select ,.managePhone_sideblock a{
    font-family:robotoregular;
    font-size: 15px;
}
.managePhone_sideblock .form-group input::placeholder{
	font-family:robotoregular;
}
.managePhone_sideblock .form-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family:robotoregular;
	font-family:robotoregular;
}
.managePhone_sideblock .form-group input::-ms-input-placeholder { /* Microsoft Edge */
	font-family:robotoregular;
}
.managePhone_sideblock input[type='radio']:after {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        top: 0px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
    }

.managePhone_sideblock input[type='radio']:checked:after {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        top: 0px;
        left: -1px;
        position: relative;
        content: '';
        display: inline-block;
        visibility: visible;
    }
/*---------number manage system css end--------*/
/*---------------- call center start -------------*/
h2.ongoing-heading{
	color:#000;
	font-size:16px;
	font-family:robotoregular;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
}
.agents .block-full .text-right div{margin-top:-30px;}
.agents .block-full .text-right.show div.dropdown-menu.show{top:10% !important;}
.agents .block-full.fullscreen .text-right div{margin-top:0px !important;}
.call_center_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	border:none;
	color:#fff!important ;
	border-radius: 20px;
	font-family:robotolight !important;
	font-weight:500 !important;
	padding:.5em 1em;
}
.call_center_tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
	/*padding-left:0px;*/
}
.call_center_tabs .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent !important;
	outline:none;
    /*border: 0px !important;*/
    border-bottom: 1px solid #397aff !important;
}
.call_center_tabs .nav-tabs{
	border:0px;
}
.call_center_tabs .nav-tabs li a{
	color:#000 !important;
	font-family:robotolight;
	font-weight:bold;
	font-size:14px;
}
.call_center_tabs .nav-tabs .nav-item{
	margin-right:3%;
}
.agents_table .dataTables_wrapper{width:100%;}
.call_center_tabs .card .card-header{
    padding: .40rem 1.25rem !important;
}
.call_center_tabs .card .card-body .cardBlock h3 , .bg-blue h3{
	color:#ef4423;
	font-size:24px;
	font-family:robotoregular;
	text-align:left;
}
.dashboard .card .card-header div:first-child {
    font-size: 18px;
    font-family: robotolight;
}
.dashboard .card .card-header div:last-child {
    font-size: 14px;
    font-family: robotolight;
}
.dashboard .card .card-body h3{text-align:center !important;}
.dashboard .card-body{padding:10px;}
.dashboard .card-body .cardBlock{margin:2px;}
.call_center_tabs .bg-white div:first-child {
    width: 35%;
	text-align:center;
}
.call_center_tabs .bg-white.block-full div:first-child{
	width:100%;
	text-align:right;
}
.bg-white.block-full div .d-flex p{
	font-size:12px;
	font-family:robotoregular;
}
.bg-blue h3{
	font-size:22px !important;
	text-align:left !important;
}
.call_center_tabs .card .card-body .cardBlock p , .bg-blue p{
	font-size:14px;
	font-family:robotoregular;
	text-align:center;
	margin:0px;
}
.bg-blue p{
	text-align:left;
}
.call_center_tabs .card .card-body .cardBlock{
	background:#f2f9ff;
	height:100%;
	margin: 0px 5px;
	display:flex;
	flex-direction:column;
}
.agentStatistics .routingDiv.row ,.agentstatus .routingDiv.row{
	padding-right:25%;
	position:absolute;
	top:0px;
	left:10px;
}
.agents .bg-blue .bg-white div:last-child{
	height:100%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.blue-button_bg{
	color:#ffffff;
	border:none;
	border-radius:20px;
	font-family:robotoregular;
	    font-size: 14px;
    padding: 4px 20px 5px 10px;
}
.blue-button_bg:focus ,button:focus ,button{
	border:none;
	outline:none;
}
.agentstatus button a ,.agentstatus button p ,.agentStatistics button a ,.agentStatistics button p,.groups button a{
	font-size:14px;
	font-family:robotoregular;
}
.agentstatus button:focus ,.agentStatistics button:focus{
	border-radius:20px;
	outline:none;
}
.bg-blue{
	 padding:0px 3%;
}
.bg-blue .bg-white{
	border-radius:10px;
	padding: 8px 4px;
}
.block-full.fullscreen{
		position:absolute;
		top:0px;
      left: 0;
      height: 100%;
      width: 100%;
	  max-width:100% !important;
	  z-index:11111111;
}
.fullscreenblock{
		position:absolute;
		top:0px;
      left: 0;
      height: 100%;
      width: 100%;
	  max-width:100% !important;
	  z-index:11111111;
}
.block-full #totalCalls{
	/*overflow-x:scroll;
	overflow-y: hidden;
	position: relative;
    bottom: 0;*/
}
.title_layer{
	margin-top:1%;
	margin-bottom:1%;
}
.title_layer h1 {
    font-size: 16px;
    font-family: robotoregular;
    font-weight: bold;
}
.title_layer a {
    font-size: 13px;
    font-family: robotolight;
    color: #00beff;
    font-weight: 600;
}
.col-sm-8.bg-blue .bg-white div:first-child {
    width: 35%;
    text-align: center;
}
.bg-white .float-right img,.nav-profile-name,.select-checkbox{
	cursor:pointer !important;
}
.bg-white .text-right .dropdown-menu.show{
	left:-15%;
}
.dropdown  p{
	font-family:robotolight;
	font-weight:bold;
}
input.start_date1 ,input.start_date2 ,input.end_date1 ,input.end_date2{
	border:none;
	border-radius:0px;
	padding:0px;
	background:transparent;
}
.datepicker-border{
	background:white;
	border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 20px;
    font-family: robotoregular;
	width:17%;
}
i.fa.fa-angle-down {
    position: absolute;
    right: 15px;
    color: #ccc;
	top:8px;
}
.agentstatus button.blue-button_bg ,.agentStatistics button.blue-button_bg{
	width:130px !important;
}
/*---------------- call center end ---------------*/

/*--------------------manage_phone system start------------------*/
.manage_phoneBlock div{
	background: #fff;
    border-radius: 20px;
} 
.manage_phoneBlock a{
	text-decoration:none;
}
.manage_phoneBlock h2 {
    color: #ef4423;
    font-size: 20px;
    font-family: robotolight;
    font-weight: bold;
	text-decoration:none;
	padding-top:5%;
}
.manage_phoneBlock p {
    font-size: 16px;
    font-family: robotolight;
    font-weight: bold;
    text-align: center;
    text-decoration:none;
}
.circle{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position:relative;
}
.circle span{
    color: #fff !important;
    font-size: 38px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
/*--------------------manage_phone system end------------------*/
.table-striped tbody tr:nth-of-type(odd){
	background:#fff ;
}
table tbody tr:hover ,table tbody tr.selected{
	background:#c4e9f9 !important;
}

.table-condensed tbody tr:hover{
	background:none !important;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before{
	padding:8px !important;
	border:1px solid #ccc !important;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after{
	content:'\2713' !important;
	color:#fff !important;
}

table.dataTable tbody td.select-checkbox:before{
	top:0.6em !important;
}
table.dataTable thead th, table.dataTable thead td{
	border-bottom:0px !important;
}
/*.table td, .table th{
	border:0px !important;
}*/

.customStyleTables table th, .customStyleTables tr td{
    /*border: 0px !important;*/
    font-size: 14px;
    /*border: 1px solid #b7b7b7;*/
    border-color: #dadee7;
    line-height: 24px;
    box-sizing: border-box;
}

table.dataTable thead th{
	/*padding:12px 20px !important;*/
	padding: 10px 20px !important;
}
table.dataTable tbody td{
	padding:10px 10px;
}
/*#example thead tr th:before{
	content:'' !important;
	float:right;
	margin-top: -10px;
    margin-left: -10px;
	background-image: url('../images/sort_both.png');
}*/
.customStyleTables table thead tr th:first-child:before,.customStyleTables table thead tr th:first-child:after{
	content:'';
	display:none;
}
/*.customStyleTables table thead tr th:after{
	
	float:right;
	background-image: url('../images/Union.png');
}*/
/*.customStyleTables table.dataTable thead .sorting_desc{
	background-image: url('../images/Union.png') !important;
}*/
.agentStatistics select,.agentstatus select ,.start_date1::placeholder ,.start_date2::placeholder ,.end_date1::placeholder ,.end_date2::placeholder{
	color:gray;
}
.add_time{
	float: right;
    margin-right: 6%;
    margin-top: -40px;
}
.add_time:focus ,.queue .routingDiv a button:focus ,.agentqueue .routingDiv  button:focus{
	border:none;
	outline:none;
}
.timeConditions_Block .dataTables_filter {
display:none;
}
/*---------------phone line start------------*/
p.activeLine_text{
	font-size:18px;
	font-family: robotolight;
    font-weight: bold;
}
p.activeLine_text span{
	color:#e4390e !important;
	font-size:22px;
}
.callrecord_table .routingDiv p ,.callrecord_table .routingDiv a{
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-top: 10px;
    font-family: robotoregular;
    cursor:pointer;
}
.callrecord-box .bg-white.h-100 {
    width: 140px;
    margin: 0px 4px;
}
.callrecord-box .bg-white.h-100 a img{
	cursor:pointer;
}
.callrecord-box.mb-3 div h3 {
    font-size: 14px !important;
	text-align:center !important;
}
.callrecord-box.mb-3 .bg-white h2{
	font-family: robotolight;
	font-weight:bold !important;
	font-size: 14px !important;
}
.w-200{
	width: calc(100% - 0px) !important;
}
.grp_head{
    padding:15px;
}
.grp_head h3{
	color:#fff;
	font-size:14px;
	font-family:robotoregular;
	margin-bottom: 0px;
	line-height:1.0em;
}
.groups_block {
    margin-top:7px;
    border-radius: 10px;
    width: 500px;
    z-index: 111111;
}
.groups_block p,.groups_block a{
	/*color:#000;*/
	font-size:14px;
	font-family:robotoregular;
}
.groups_block table.table{margin-bottom:10px !important;border: 1px solid #cccccc;}
.groups_block table.table thead{border-bottom:1px solid #cccccc;}
.groups_block .table td,.groups_block .table th{padding:10px 4px;
font-size:14px;
	font-family:robotoregular;}
/*---------------phone line end------------*/

/*-------------------datatable start-------------*/

.customStyleTables table.dataTable.no-footer{
	border-bottom:none !important;
}
.customStyleTables .dataTables_wrapper .dataTables_paginate{
	float:none !important;
	text-align:center !important;
}
.customStyleTables .dataTables_wrapper .dataTables_info{
	float:none !important;
}
.customStyleTables .dataTables_paginate a.paginate_button{
    background: #fff !important;
    border-radius: 20px !important;
    padding: 2px 6px !important;
	margin:0px 2px !important;
}
.customStyleTables table.dataTable tbody th,.customStyleTables table.dataTable tbody td{
	    padding: 4px 5px 1px 5px !important;
}
.calling-table table.dataTable tbody td {
    padding: 8px 20px !important;
}
.customStyleTables .dataTables_paginate a{
    color: #00beff !important;
    font-size: 12px;
    font-family: robotoregular;
    text-transform: uppercase;
    margin: 10px 3px !important;
    padding: 4px 8px !important;
}
.customStyleTables div.dataTables_paginate a.paginate_button.current{
	border:none !important;
	color:#fff !important;
}
.customStyleTables .dataTables_paginate .paginate_button{
	color:#bebebe !important;
}
.customStyleTables .dataTables_paginate span a.paginate_button:hover{
	color:#bebebe !important;
}
.customStyleTables .dataTables_info{
    display: none;
}
.customStyleTables .dataTables_length label{
	display: flex;
    align-items: center;
}
.customStyleTables table thead tr th{
	color:#fff !important;
	font-weight:100 !important;
	font-family:robotolight !important;
	    vertical-align: middle;
		    font-size: 13px;
}
.customStyleTables table thead tr td{
	    font-weight: 500;
    font-family: robotolight !important;
    vertical-align: middle;
	 font-size: 14px;
    color: #000;
	padding: 5px 10px !important;
}
.customStyleTables table thead tr th:focus{
    border: none;
    outline: none;
}
.customStyleTables table label input ,input.search-btn ,.customStyleTables .dataTables_filter input{
  background-image: url('../images/search.png');
  background-position: right center;
  background-repeat: no-repeat;
  font-size: 14px;
  padding: 4px 20px 4px 10px;
  margin-bottom: 12px;
  border:none !important;
	border-radius: 35px;
	border: 1px solid #ccc !important;
}
.customStyleTables .dataTables_length {
    margin-top: 12px;
}
.customStyleTables .dataTables_filter input:focus ,input#records_search:focus,.customStyleTables .dataTables_filter{
	outline:none !important;
}
.customStyleTables .dataTables_length label select{
	border-radius: 16px !important;
    border: 1px solid #ccc !important;
}
.customStyleTables .dataTables_paginate span a.paginate_button {
	background:transparent !important; 
}
.queue table thead tr th:last-child ,.extensions_table table thead tr th:last-child,
.special_routing table thead tr th:last-child ,.manage_phone table thead tr th:last-child,
.groups_table table thead tr th:last-child,.timeConditions_Block table thead tr th:last-child,
.timeConditions table thead tr th:last-child,.agents_table table thead tr th:last-child,
.managelines_table table thead tr th:last-child,.callrecord_table table thead tr th:last-child{
	background-image:none;
}
.extensions_table table thead tr th:first-child{
	width:50px !important;
}
.managelines_table table thead tr th:last-child{width:100px;}
.extensions_table table thead tr th:nth-child(6),.groups_table table thead tr th:nth-child(2){
	width:200px !important;
}
.extensions_table table thead tr th:last-child,
.groups_table table thead tr th:first-child,
.groups_table table thead tr th:last-child,
.groups_table table thead tr th:nth-child(4){
	width:150px !important;
}
.timeConditions_Block table thead tr th:nth-child(10){
	width:125px !important;
}
.groups_table table thead tr th:nth-child(3){
	width:350px !important;
}
.groups_table{
	/*width:60% !important;*/
	/*margin:0px !important;*/
}
.customStyleTables .dataTables_length select:focus{
	border:0px ;
	outline:none;
}
.managelines_table{width:60%;}
.w-60{
	width:60%;
}
.fullscreen .text-right .dropdown-menu.show,.block-full .text-right .dropdown-menu.show{
	left:0px !important;
	width:200px !important;
/*	transform: translate3d(1144px, 24px, 0px);*/
	
}
.manage_phone table.dataTable tbody th.select-checkbox:before, .manage_phone table.dataTable tr.selected th.select-checkbox:after,
.manage_phone table.dataTable tbody td.select-checkbox:before,.manage_phone table.dataTable tr.selected td.select-checkbox:after,.manage_phone table.dataTable tbody th.select-checkbox:before
{
	margin-top:0px !important;
}

.groups_table table.dataTable tr.selected th.select-checkbox:after, .groups_table table.dataTable tbody td.select-checkbox:before, .groups_table table.dataTable tr.selected td.select-checkbox:after{
	margin-top:6px !important;
}


.customStyleTables table.dataTable thead .sorting,.customStyleTables table.dataTable thead .sorting_asc,.customStyleTables table.dataTable thead .sorting_desc,.customStyleTables table.dataTable thead .sorting_asc_disabled,.customStyleTables table.dataTable thead .sorting_desc_disabled{
	background-position: center right 5px !important;
}
.customStyleTables table.dataTable tbody td.select-checkbox:before,.customStyleTables table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before,.customStyleTables table.dataTable tbody th.select-checkbox:after{
	top:0.8em !important;
}
.customStyleTables div.dataTables_wrapper select {
    color: #000 !important;
}
/*-------------------datatable end-------------*/
@media (min-width: 992px){
.sidebar-icon-only .sidebar {
    width: 70px;
	/*transition-property: width;
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 1s;*/
  transition: width 0.8s linear 0.1s;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
    border-radius: 0 5px 5px 0px;
}
.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title {
    display: none;
}
}
@media (min-width:320px) and (max-width:767px){
	.register-form{width:95% !important;}
	.register-form button.login-btn {
    width: 40%;
}
.tab-view-header .navbar-nav .dropdown-menu{
	position:absolute !important;
	left:0px !important;
}
nav.fixed-top a.navbar-brand {
    width: 100% !important;
    text-align: center;
	height: 100%;
	align-items: center;
    display: flex;
    justify-content: space-between;
}
nav.fixed-top .navbar-menu-wrapper{
    flex-direction: column !important;
	background:#fff !important;
	height: 100%;
	box-shadow: 2px 2px 3px;
    border-top: 1px solid #ccc;
	padding-top: 12px;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav{
	display: flex !important;
    flex-direction: row !important;
	background:#fff !important;
	height: 100%;
	width:100% !important;
	justify-content: space-between;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav:first-child{
	border-bottom:1px solid #ccc;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav:first-child li{
	margin-left:10px !important;
	margin-right:10px !important;
	height: 100%;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav li.nav-item.dropdown{
	margin:0px !important;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav li.nav-item.dropdown div{
	padding:3px !important;
}
.nav-profile-name .arrow{width:15%;}
.nav-profile-name {
	font-size:12px !important;
	font-family:robotolight;
}
li.nav-item.dropdown div{
	padding-left:10px !important;
	padding-right:10px !important;
}
#mob-menu-header ,#mob-menu-bar{
	display:block;
}
li.selectDate-header ,nav.fixed-top .navbar-menu-wrapper{
    border-left: 0px;
}
li.selectDate-header{padding-left:1%;}
.mob-navbar-menu-wrapper{display:none !important;}
.sidebar-icon-only .sidebar {
    left:-240px;
	width:0px;
	/*transition: width 0.8s linear 0.1s;*/
}
.sidebar {
	width:240px;
	/*transition: width 0.8s linear 0.1s;*/
}
.sidebar:hover{
	transition-property: width;
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 1s;
}
#sidebar{
	    border-radius: 35px !important;
    margin-top: -4px;
}
.navbar-toggler{display:none;}
.border-top-line div p:first-child{
	font-size:11px;
}
.login-btn{
	width: max-content;
	font-size: 11px !important;
    vertical-align: middle;
    padding: 6px 8px !important;
}
.w-38,.w-24 ,.w-32,
div.queue,div.agentqueue,.groups_table,.timeConditions,.manage_phone,.managelines_table,div.agentStatistics table,div.agentStatistics .example_paginate,
.callrecord-box .bg-white.h-100,.w-200,.dataTables_filter label ,.dataTables_filter label input,#download-h,.routingDiv{width:100% !important;}
.content-wrapper{margin:0px !important;}
.flex-column .bg-white{margin-top:20px;}
.title_layer a{font-size:13px;}
div.dataTables_wrapper {
    width: 100%;
    overflow-x: scroll;
}
.routingDiv{position:initial;}
div.dataTables_filter button {
    margin-left: 10px;
	margin-top:-3px;
}
.fullscreen .text-right .dropdown-menu.show, .block-full .text-right .dropdown-menu.show{top:20px !important;}
.agentStatistics .routingDiv.row, .agentstatus .routingDiv.row{
	position:initial;
	padding-right:0px;
}
.manage_phone .dataTables_wrapper .dataTables_filter ,.special_routing .dataTables_wrapper .dataTables_filter{float:none !important;}
.special_routing{margin-top:10% !important;}
.special_routing .routingDiv select,.special_routing .routingDiv input,.routingDiv  button,.routingDiv a,
.calls .allQueues_table .routingDiv select{
	width:100% !important;
	}
.Mob-manage{ transition: margin-right .5s;}
.editSelected,.editAll{z-index:11111;}
.managelines_table .routingDiv div{margin-top:10px;}
.callrecord-box .bg-white.h-100{margin:10px 0px;}
.sidebar  a.nav-link .menu-title{text-align:left !important;}
.groups_block .bg-white{overflow: scroll !important;padding:5px;}
.content .container-fluid {
    margin-bottom: 30px !important;
}
.customStyleTables table.dataTable thead th,.customStyleTables table tbody tr td{
    padding: 10px 30px !important;
	width:max-content !important;
}
.extensions_table table thead tr th:first-child,.managelines_table table thead tr th:last-child,
.extensions_table table thead tr th:nth-child(6),.groups_table table thead tr th:nth-child(2),
.extensions_table table thead tr th:last-child,.groups_table table thead tr th:first-child,
.groups_table table thead tr th:last-child,.groups_table table thead tr th:nth-child(4),
.timeConditions_Block table thead tr th:nth-child(10),.groups_table table thead tr th:nth-child(3){
	width:max-content !important;
}
.manage_phone .dataTables_filter .login-btn ,.special_routing .dataTables_filter .login-btn,
.manage_phone .dataTables_filter label ,.special_routing .dataTables_filter label{
	width:49% !important;
	margin-left:0px;
	font-size: 13px !important;
    font-family: robotolight;
}
.manage_phone .dataTables_filter label ,.special_routing .dataTables_filter label{margin-right:1%;}
.dataTables_filter label input{margin:0px;}
div.agentStatistics .routingDiv div ,div.agentstatus .routingDiv div,.extensions_table .routingDiv div{
    margin: 4px 0px;
	padding-left:0px !important;
}
.blue-button_bg{
	padding: 5px 20px 5px 10px;
}
input.start_date1, input.start_date2, input.end_date1, input.end_date2{margin-left:10px;}
.datepicker-border ,div.agentStatistics .blue-button_bg ,div.agentstatus .blue-button_bg,input.records_search{
	width:100% !important;
}
.datepicker-border{
	padding:4px !important;
}
.calls .allQueues_table .routingDiv select,.agentStatistics .routingDiv div select,.agentStatistics .routingDiv div button
.agentstatus .routingDiv div select,.agentstatus .routingDiv div button
{padding:6px;}

i.fa.fa-angle-down{right:4px;}
.agentStatistics .routingDiv,.agentstatus .routingDiv{
	margin:0px;
}
.login .col-sm-8{min-height: 50%;}
.groups_block p, .groups_block a {
    line-height: 1.8em !important;
    word-spacing: 0.2em;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
    top: 2.2em !important;
}
.dialog,.managelines_table .dataTables_filter{
	margin-top:20px;
}
.mob-header-box{
	box-shadow: 3px 3px 4px #00000f9c;
}
.contentMargin{    margin-top: 48%;}
.groups_table.position-relative.col-md-8 {
    padding: 0px;
}
.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_{left:31px !important;}
.special_routing .routingDiv input {
    margin-bottom: 10px;
}
.AllQueues_agents{text-align-last: center;}
}


@media (min-width:768px) and (max-width:1024px){

nav.navbar.navbar-expand-md.col-lg-12.col-12.p-0.fixed-top.d-flex.flex-row{
	height:65px !important;
	z-index: 9999999999 !important;
}
.tab-view-header{flex-direction:column !important;}
nav.fixed-top a.navbar-brand {
    width: 100% !important;
    text-align: center;
	height: 100%;
	align-items: center;
    display: flex;
    justify-content: space-around;
}
.tab-view-header a.navbar-brand{
	margin-bottom:1%;
}
nav.fixed-top .navbar-menu-wrapper{
	background:#fff !important;
	height: 100%;
	    box-shadow: 2px 2px 3px;
		border-top:1px solid #ccc;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav{
	display: flex !important;
    flex-direction: row !important;
	background:#fff !important;
	height: 100%;
	width:100% !important;
	justify-content: space-between;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav:first-child li{
	margin-left:10px !important;
	margin-right:10px !important;
	height: 100%;
	padding: 5px;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav li.nav-item.dropdown{
	margin:0px !important;
}
nav.fixed-top .navbar-menu-wrapper ul.navbar-nav li.nav-item.dropdown div{
	padding:0px !important;
}
li.nav-item.dropdown div{
	padding-left:10px !important;
	padding-right:10px !important;
}
#mob-menu-header ,#mob-menu-bar{
	display:block;
}
.mob-navbar-menu-wrapper{display:none !important;}
.sidebar-icon-only .sidebar {
    left:-240px;
	width:0px;
	/*transition: width 0.8s linear 0.1s;*/
}
.sidebar {
	width:240px;
	/*transition: width 0.8s linear 0.1s;*/
}
.sidebar:hover{
	transition-property: width;
  transition-duration: 2s;
  transition-timing-function: linear;
  transition-delay: 1s;
}
#sidebar{
	border-radius: 30px !important;
    margin-top: 0%;
}
.customStyleTables table thead tr th,.customStyleTables table tbody tr td{padding:10px 30px !important}
.navbar-toggler{visibility:hidden;}
.managelines_table{width:100%;}
.content-wrapper{margin-left:0px;}
.manage_phone div.dataTables_filter,.special_routing div.dataTables_filter,.extensions_table div.dataTables_filter,
.agentstatus .dataTables_filter,.agentStatistics .dataTables_filter,.callrecord_table .dataTables_filter{
    margin-top: 8%;
}
.customStyleTables div.dataTables_wrapper{
		width:100%;
		overflow-x:scroll;
}
div.agentstatus table, div.agentstatus .dataTables_paginate, .groups_table, div.agentStatistics table,
 div.agentStatistics .dataTables_paginate,div.queue,div.agentqueue{
	width:100% !important;
}
.tab-view-header .navbar-nav a span{font-size:11px;}
.sidebar  a.nav-link .menu-title{text-align:left !important;}
.dashboard .card div span{margin-right:10px !important;}
.callrecord-box .bg-white.h-100{width:unset !important;}
.groups_block .bg-white{overflow: scroll !important;}
.editSelected ,.editAll{z-index:1111111111;}
.grp_head h3{line-height:1.8em;}
.agents .bg-blue .bg-white{flex-direction:column !important;}
.agents .bg-blue .bg-white p ,.agents .bg-blue .bg-white h3 {
    text-align: center;
}
.recent {
    margin-right: 5px !important;
}
.view-btn{padding: 2px 7px !important;font-size: 10px !important;}
.callrecord-box .bg-white.h-100{width:100px !important;}
.callrecord-box .bg-white.w-200 {
    width: calc(100% - 0px) !important;
}
li.selectDate-header .dropdown-menu {
    left: 5%;
}
.special_routing .routingDiv input {
    margin-bottom: 10px;
}
}

.totalCalls canvas.canvasjs-chart-canvas{
	width:100% !important;
	height:200px !important; 
}
.fullscreen div #totalCalls canvas.canvasjs-chart-canvas{
	width: max-content !important;
	height:200px !important; 
}
.toast-success .toast,.toast-danger .toast,.toast-warning .toast{
	width:100%;
	position:fixed;
	right:5%;
	opacity:1 !important;
}
.create-form .toast-success .toast,.create-form .toast-danger .toast,.create-form .toast-warning .toast{
    bottom: 10%;
}
.index-overflow {
	display:flex;
	height:100vh !important;
	overflow:hidden;
}
.index-overflow .bg-white{
	height:100vh !important;
	overflow-y:auto !important;
}
.toast-success ,.toast-danger,.toast-warning{
    z-index: 11;
}
.payment_tabs ul li a ,.payment_tabs ul li a.nav-link.active{
    padding: 8px 12px !important;
    font-size: 12px;
    background-image: linear-gradient(to right, #f86a4fe8, #f24f30);
    margin: 6px 9px;
    border-radius: 20px;
    color: #fff !important;
     border-top-left-radius: 20px !important; 
     border-top-right-radius: 20px !important; 
         width: 140px;
    display: flex;
    justify-content: center;
    font-weight:bold !important;
}
.payment_tabs a.nav-link.active,.payment_tabs a.nav-link:hover {
    opacity: 1;
}
.payment_tabs a.nav-link {
    opacity: 0.2;
}
.payment_tabs ul.nav.nav-tabs{
	border-bottom:0px !important;
}
.border-blue{
	border-radius:5px !important;
	text-indent:15px;
	padding:5px 0px;
}
input.border-blue:focus{
	outline:none;
}
.creditCards h5,.eCheck h5{
color:#408efe;
font-size:18px;
font-family:robotoregular;
font-weight:600;
}
.creditCards .gray-bg,.eCheck .gray-bg{
	background:#f9f9f9;
	border-radius:10px;
	height: 100%;
}
.creditCards .bg-white,.eCheck .bg-white{
	padding:25px 6% 25px 30px !important;
}
.gray-bg h6{
font-size:18px;
font-family:robotolight;
font-weight:600;
color:#000 !important;
}
.gray-bg label,.create-form label{
font-size:14px;
font-family: 'robotolight';
    font-weight: bold;
color:#000;
}
.qn-mark{
	font-size:13px;
	color:#43b0ff;
}
.create-form label sup {
	font-size:13px;
}
.content .form-group .select2{width:100% !important;}
.gray-bg input, .gray-bg select, .gray-bg textarea,.create-form input,.create-form select,.create-form textarea,.create-form .nice-select.form-control,
.gray-bg .nice-select.form-control,.global-setting .nice-select.form-control{
    border: 1px solid #43b0ff;
    border-radius: 20px;
}
.calling-table .routingDiv select{
    -webkit-appearance: none;
    -moz-appearance: none;
	background: transparent; 
    background-image:  url(../images/selectArrow.png);
    background-repeat: no-repeat;
   background-position-x: 98%;
    background-position-y: 12px;
}
/*.create-form label,.gray-bg label,.global-setting label{
	display:block !important;
}*/
.create-form .nice-select:after,.gray-bg .nice-select:after,.global-setting .nice-select:after{	
	transform: initial !important;
	-webkit-transform-origin: initial !important; 
    -ms-transform-origin: initial !important;
     transform-origin: initial !important; 
     -webkit-transform: initial !important;
    transform: initial !important;
     width: 0;
    height: 0;
    display: inline-block;
    border: 6px solid transparent;
     border-top-color: #43b0ff;
    
}
.create-form .nice-select.open:after,.gray-bg .nice-select.open:after,.global-setting .nice-select.open:after{
	-webkit-transform: rotate(270deg); 
    -ms-transform: rotate(270deg);
    transform: rotate(270deg) !important;
}
.create-form .nice-select.form-control,.gray-bg .nice-select.form-control,.global-setting .nice-select.form-control,.search-form .nice-select.form-control{
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom: 15px;
}
.create-form .nice-select .list,.gray-bg .nice-select .list,.global-setting .nice-select .list{
	width:100%;
	right:0px !important;
	left:unset !important;
	    background: #fff;
    border: 1px solid #43b0ff;
    border-radius: 15px;
}
.create-form  .nice-select .list li,.gray-bg .nice-select .list li,.global-setting .nice-select .list li{
	color: #000;
		font-size:12px;
	font-family:robotoregular;
}
.create-form .nice-select .option:hover,.gray-bg .nice-select .option:hover,.global-setting .nice-select .option:hover,
.pages-bg .select2-container--default .select2-results__option--selected,.pages-bg .select2-results__option--highlighted{
 background-color:transparent;
 color:#fff;
}
.pages-bg input.select2-search__field:focus{
	    outline-color: #4197ff;
}
.pages-bg .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #43b0ff;
    border-radius: 22px;
    height: 40px;
    line-height: 2.5em !important;
    padding-top: 5px;
    padding-left: 13px;
}
.pages-bg .select2-selection__rendered{font-size: 14px;}
.pages-bg .select2-selection:focus{outline:none !important;}
.create-form.nice-select .option.focus,.create-form .nice-select .option.selected.focus,
.gray-bg.nice-select .option.focus,.gray-bg .nice-select .option.selected.focus,.global-setting .nice-select .option.selected.focus,
.global-setting .nice-select .option.focus
{
	background-color:transparent !important;
}
.calling-table .routingDiv select{
	background-color:transparent;
	border-color: transparent !important;
	background-position-y: 8px;
}
.style-checked {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.style-checked input,.permission-form input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.style-checked .checkmark,.permission-form .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}
.permission-form .checkmark {
    right: 10px;
    left: initial;
    top: 4px;}
.permission-form .qn-mark{
	left: 15px;
}
/* On mouse-over, add a grey background color */
.style-checked input ~ .checkmark,.permission-form input[type="checkbox"] ~ .checkmark{
  background-color: #fff;
  border:1px solid #2196F3;
  border-radius:5px;
}
.permission-form input[type="checkbox"] ~ .checkmark{
  border:2px solid #185dc7;	 border-radius:0px;
}
/* When the checkbox is checked, add a blue background */
.style-checked input:checked ~ .checkmark,.permission-form input[type="checkbox"]:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.style-checked .checkmark:after,.permission-form .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.style-checked input:checked ~ .checkmark:after,.permission-form input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.style-checked .checkmark:after ,.permission-form .checkmark:after{
     left: 4px;
    top: 1px;
    width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.style-checked ,.radio-btn-text{
	font-size:13px !important;
	font-family:robotolight !important;
	font-weight:300 !important;
}
.radio input[type='radio'] {
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        outline: none;
    }

.radio input[type='radio']:before {
           content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin: 2px 1px 5px 2px;
    }

.radio input[type='radio']:checked:before {
        background: #2196F3;
    }
.radio-btn-text input{margin:0px !important;position: relative !important;top: 3px;}
.calling-btn button,.calling-btns button{
	   background-color:#fff;
	          box-shadow: 0px 0px 2px;
	    border-radius: 38%;
		padding: 6px 0px;
		color: #000;
		margin:5px 3px;
		font-size:12px;
	font-family:robotoregular;
	font-weight:bold;
}
.calling-btn button{width:32px;}
.calling-btn .active-calling-btn button,.calling-btns .active-calling-btn button{
	color: #fff;
}
.calling-btns button{
	border-radius:15px !important;
	font-weight:600;
    font-family: 'robotolight';
    	padding: 8px 12px;
}
.calling-table .switchbtn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 22px;
}

.calling-table .switchbtn input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.calling-table .toggleslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.calling-table .toggleslider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
         left: 4px !important;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.calling-table th .toggleslider:before {
	  background-color: #3e7dfe;
}
.calling-table input:checked + .toggleslider {
  background-color: #3e7dfe;
}

.calling-table input:focus + .toggleslider {
  box-shadow: 0 0 1px #3e7dfe;
}

.calling-table th input:checked + .toggleslider {
  background-color: #fff;
}  

.calling-table input:checked + .toggleslider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: -14px !important;
}

/* Rounded sliders */
.calling-table .toggleslider.round {
  border-radius: 34px;
}

.calling-table .toggleslider.round:before {
  border-radius: 50%;
}
.borderClass{
	padding: 30px;
    border-right: 1px solid #bebebe;
}
.create-form {
	padding:3% 8%;
}
.advancedOptions {
}
.advancedOptions[data-toggle="collapse"] .fa:before {  
  content: "\f0d7";
}

.advancedOptions[data-toggle="collapse"].collapsed .fa:before {
  content: "\f0da";
}
.advancedOptions {
    color: #43b0ff;
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
    font-family: 'robotolight';
    cursor:pointer;
}
.w-md-75{width:75% !important;margin:0px auto;}
.permission-form h2,.groupleader-form h2{
	 color: #43b0ff;
	  font-size: 18px;
    font-family: 'robotolight';
     font-weight: bold;
}
.permission-form label,.groupleader-form label{
	font-size:14px;	
	 font-family: 'robotoregular';
	 color:#000;
}
.subject-info-box-1 select ,.subject-info-box-2 select {
    background: #fff !important;
    border: none;
    border-radius: 25px;
    box-shadow: 0px 2px 2px #ccc;
    height:200px !important;
}
.subject-info-box-1 ::-webkit-scrollbar,.subject-info-box-2 ::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.subject-info-box-1 ::-webkit-scrollbar-track,.subject-info-box-2 ::-webkit-scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
   margin: 20px;
}
 
/* Handle */
.subject-info-box-1 ::-webkit-scrollbar-thumb,.subject-info-box-2 ::-webkit-scrollbar-thumb {
  background: #bebebe; 
  border-radius: 10px;
  height:80px;
}

/* Handle on hover */
.subject-info-box-1 ::-webkit-scrollbar-thumb:hover,.subject-info-box-2 ::-webkit-scrollbar-thumb:hover {
  background: #43b0ff; 
}
.subject-info-box-1 select option ,.subject-info-box-2 select option{
    padding: 10px;
    font-size: 14px;
}
.permission-form input ,.groupleader-form input{
	color:#fff;
}
.global-setting {
    padding: 1% 4%;
}
.title_layer span {
    font-size: 14px;
    color: #44bfff;
    margin: 0px 5px;
    font-family: 'robotoregular';
}
.global-setting .border-global {
    box-shadow: 2px 0px 9px #ccc !important; 
    padding: 8%;
    border-radius:10px;
    height:100%;
        background: #fff;
    }
.global-setting .border-global-compact {
    box-shadow: 2px 0px 9px #ccc !important; 
    padding: 2%;
    border-radius:10px;
    height:100%;
        background: #fff;
    }
@media (min-width:1025px) and (max-width:1250px){
.managelines_table div .dataTables_filter,.callrecord_table div .dataTables_filter, .agentstatus div .dataTables_filter, .agentStatistics div .dataTables_filter{
	margin-top: 8% !important;
}
.callrecord-box .bg-white.h-100{width:135px;}
}

.groups_table .dataTables_wrapper .dataTables_filter,.manage_phone .dataTables_wrapper .dataTables_filter
{
    margin: 0px !important;
}

.group-table-body tr td{
    padding:5px 10px !important;
}
.manage-phone-body tr td
{
    padding:10px 10px !important;
}
.global-setting label,.global-setting span{
	font-family:robotoregular;
	font-size:13px;
	font-weight:bold;
}
.global-setting span.current{
	font-size:10px;
}
.start_date1:focus,.start_date2:focus,.end_date1:focus,.end_date2:focus{
	border:none !important;
}
@media (min-width:320px) and (max-width:767px){
.borderClass{border-right:0px;}
.global-setting {
    padding: 0px;
}
.payment_tabs ul li {
    display: flex;
    justify-content: center;
}
.paypal .login-btn{
	width:100%;
}
.paypal .login-btn:first-child{
	   margin-bottom: 3%;
}
    .groups_table table.dataTable tr.selected th.select-checkbox:after, .groups_table table.dataTable tbody td.select-checkbox:before, .groups_table table.dataTable tr.selected td.select-checkbox:after {
        margin-top: -14px !important;
    }
    .manage_phone table.dataTable tbody th.select-checkbox:before, .manage_phone table.dataTable tr.selected th.select-checkbox:after,
    .manage_phone table.dataTable tbody td.select-checkbox:before,.manage_phone table.dataTable tr.selected td.select-checkbox:after,.manage_phone table.dataTable tbody th.select-checkbox:before
    {
        margin-top: -8px !important;
    }
    .w-md-75{width:100%;}
}
.customStyleTables .table{
    margin-top: 10px;
}

@media (max-width:800px){
    .add_time
{
    margin-top: 0px;
}
}
/*option.left-select-option:hover,option.left-select-option:checked{
    background: #42abff repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgYAAAAiCAYAAAAknRGpAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgB7dZBFYAgAEAxNKxVzEkS4MD7KbYUe/65vgEAcLwDAOASAwAgYgAARAwAgIgBABAxAAAiBgBAxAAAiBgAABEDACBiAABEDACAiAEAEDEAACIGAEDEAACIGAAAEQMAIGIAAEQMAICIAQAQMQAAIgYAQMQAAIgYAAARAwAgYgAARAwAgIgBABAxAAAiBgBAxAAAiBgAANnpWgMRsCgbywAAAABJRU5ErkJggg==');
}*/

/*.global-setting select:focus option:hover,.global-setting select:focus option:checked*/


td>a{
    color: #95a0aa;
}

.customStyleTables table{
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6 !important;
}

.customStyleTables table>thead>tr>th, .customStyleTables table>tbody>tr>th, .customStyleTables table>tfoot>tr>th, .customStyleTables table>thead>tr>td, .customStyleTables table>tbody>tr>td, .customStyleTables table>tfoot>tr>td {
    border-color: #dadee7;
    line-height: 24px;
}

.customStyleTables table>thead>tr>th, .customStyleTables table>tbody>tr>th, .customStyleTables table>tfoot>tr>th, .customStyleTables table>thead>tr>td, .customStyleTables table>tbody>tr>td, .customStyleTables table>tfoot>tr>td {
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

table {
  color: #292e2d !important;
}

.toggle-column-div>p{
    font-size: 12px !important;
    font-weight: 600;
}