.item_loading_sign
{
	position: absolute;
	top: 48%;
	left: 48%;
	z-index: 9999;
}

div.colorpicker {
    z-index: 9999 !important;
}

div.dataTables_wrapper div.dataTables_processing {
	background-color: transparent !important;
	border: none !important;
	background-image: none !important;
	text-shadow: 0 !important;
	box-shadow: none !important;
}

.daterangepicker_input {
    text-align: center !important;
}

.daterangepicker div.calendar-time svg
{
	display: none !important;
}

.daterangepicker td.active
{
	background-color: #2c7be5 !important;
}
.daterangepicker.single .ranges {
    float: none !important;
}
.ranges li.active {
    background-color:  #2c7be5 !important;
}


div.tab-contents div.tab-content:not(.active)
 {
	 display: none !important;
 }
 div.tab-contents div.tab-content.active
 {
	 display: block !important; 
 }

 sup { font-weight: bold;}

 #send-recording
 {
	 z-index: 10000 !important;
 }


 @media (max-width: 768px){   /*For small screens */
	
	ul.pagination
	{
		display: inline-flex !important;
		
	}

	div.dataTables_paginate, div.dataTables_info
	{
		overflow-x: auto!important;
	}

	#secondBrand img
	{
		width: 100px !important;
	}

	#vertNavBar { 
		flex-wrap: nowrap !important; 
		justify-content: center !important; 
		position: sticky !important;
	    margin-left: 0 !important;
		margin-right: 0 !important;
		/*max-width: none !important;*/

		align-items: flex-start;
	}
	#vertNavBar ul.navbar-nav { flex-wrap: wrap !important; }

	/*#vertNavBar button.navbar-toggler-humburger-icon, #secondBrand  
	{
		 margin-top: 3px;
	}*/
	
	div.content { padding-top: 0 !important;}
}


@media (max-width: 576px){  /* For small screens */

	#topEmpty
	{
		display: none;
	}

	/*#ulTopBar
	{
		-webkit-box-pack: start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
		font-size: 0.8rem !important;
	}*/
	#vertNavBar
	{
		padding-left: 0 !important;
		padding-left: 0 !important;
	}

	div.dt-buttons a
	{
		display: grid;
	}
	div.dt-buttons a button
	{
		margin: 0.25rem !important;
	}

	.pad_ing_3
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#secondBrand img
	{
		width: 80px !important;
		/*display: none;*/
	}


	#vertNavBar { 
		flex-wrap: nowrap !important; 
		justify-content: center !important; 
		position: sticky !important;
	    margin-left: 0 !important;
		margin-right: 0 !important;
		/*max-width: none !important;*/

		align-items: flex-start;
	}
	#vertNavBar ul.navbar-nav { flex-wrap: wrap !important;}
	/*#vertNavBar button.navbar-toggler-humburger-icon, #secondBrand  
	{
		 margin-top: 3px;
	}*/

}


@media (max-width: 992px){  /* For small screens */

	div.tips_section {
		margin-top: 1rem !important;
	}

	div.tips_section .innerTips
	{
		height: auto !important;
	}

}

.daterangepicker table {
    width: 100% !important;
}

/*div.modal-backdrop
{
	top: auto !important;
	height: 0 !important;
}
div.modal-body label
{
	flex: 0 0 100% !important;
    max-width: 100% !important;
}

div.modal-body table
{
	width: 100% !important;
}*/

div.DTE_Footer.modal-footer
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.DTE_Form_Buttons
{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dataTables_info
{
	float:left !important;
}
.rtl .dataTables_info
{
	float:right !important;
}

.dataTables_filter
{
	float:right !important;
}
.rtl .dataTables_filter
{
	float:left !important;
}

/*--- --------------- --- */


.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
	background: rgba(0,0,0,0.2);
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.progress {
	height: 0.6rem;
	border-radius: 0rem;
	margin-top: 0.4rem;
  }
  .btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}
.pull-right {
    float: right;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.calendar
{
	width:auto;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
    border-color: #d2d6de;
	background-color: #fff;
	height: calc(1.5em + 0.625rem + 1px);
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-success{
    background-color: #00a65a !important;
}

table th {
	vertical-align: baseline !important;
}
/*--- Added by Myhail --- */
/*----------------------- */
.langs
{
	width:360px;
	margin:auto;
	text-align:center;
}
.rtl
{
	direction:rtl;
}
.main-header .logo
{
	width:180px;
}
.main-header .navbar
{
	margin-left:180px;
}
.rtl .main-header .navbar
{
	margin-left:0px;
	margin-right:180px;
}
@media (min-width: 768px)
{
	.rtl.sidebar-mini.sidebar-collapse .main-header .navbar
	{
		margin-left:0px;
		margin-right:50px;
	}
	.rtl.sidebar-mini.sidebar-collapse .content-wrapper, .rtl.sidebar-mini.sidebar-collapse .right-side, .rtl.sidebar-mini.sidebar-collapse .main-footer 
	{
		margin-left: 0px !important;
		margin-right: 50px !important;
	}
}

.rtl .main-header .logo
{
	float:right;
}
.rtl .main-header .sidebar-toggle
{
	float:right;
}

.main-sidebar
{
	width:180px;
}
.rtl .main-sidebar
{
	left:auto;
	right:0px;
}

.rtl .sidebar-menu li>a>.pull-right-container
{
	right:auto;
	left:10px;
}


.content-wrapper, .main-footer
{
	margin-left:180px;
}
.rtl .content-wrapper, .rtl .main-footer
{
	margin-left:auto;
	margin-right:180px;
}

.rtl .navbar-custom-menu>.navbar-nav>li>.dropdown-menu
{
	left:0px;
	right:auto;
}

.dataTables_wrapper
{
	overflow:auto !important;
}

div.DTED_Lightbox_Wrapper
{
	margin-left:-300px;
}
.sidebar-mini.sidebar-collapse div.DTED_Lightbox_Wrapper
{
	margin-left:-365px;
}
.rtl .DTED_Lightbox_Wrapper
{
	margin-left:-480px;
}
.rtl.sidebar-mini.sidebar-collapse div.DTED_Lightbox_Wrapper
{
	margin-left:-415px;
}
.rtl .extensions .col-md-1,.rtl .extensions .col-md-2,.rtl .extensions .col-md-3,.rtl .extensions .col-md-4,.rtl .extensions .col-md-5,.rtl .extensions .col-md-6,.rtl .extensions .col-md-7,.rtl .extensions .col-md-8,.rtl .extensions .col-md-9,.rtl .extensions .col-md-10,.rtl .extensions .col-md-11
{
	float:right;
}

@media (max-width: 780px)
{
	.DTED_Lightbox_Wrapper
	{
		margin-left:0px !important;
	}
}
.rtl div.DTE_Body div.DTE_Body_Content div.DTE_Field > label
{
	float:right;
}
@media only screen and (max-width: 580px)
{
	.rtl div.DTE_Body div.DTE_Body_Content div.DTE_Field > label 
	{
		float: none;
	}
}


@media (min-width: 768px)
{
	.rtl div.dataTables_wrapper div.dataTables_paginate
	{
		text-align:left;
	}
	.rtl div.dataTables_wrapper div.dataTables_filter
	{
		text-align:left;
	}
	.rtl div.dt-buttons
	{
		float:right;
	}
}
@media (max-width: 767px)
{
	.main-header .logo, .main-header .navbar, .rtl .main-header .logo, .rtl .main-header .navbar {
	   float: none;
	   width:100%;
	}
	.rtl .main-sidebar {
	    -webkit-transform: translate(180px, 0);
	    -ms-transform: translate(180px, 0);
	    -o-transform: translate(180px, 0);
	    transform: translate(180px, 0);
	}
	.main-header .navbar, .rtl .main-header .navbar
	{
		margin-left:0px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:0px;
	}
	.rtl .main-header .navbar-custom-menu {
	    float: left;
	}
	.content-wrapper, .main-footer, .rtl .content-wrapper, .rtl .main-footer
	{
		margin-right:0px;
		margin-left:0px;
	}
	.sidebar-open .content-wrapper, .sidebar-open .main-footer {
	    -webkit-transform: translate(180px, 0);
	    -ms-transform: translate(180px, 0);
	    -o-transform: translate(180px, 0);
	    transform: translate(180px, 0);
	}
	.rtl.sidebar-open .content-wrapper, .rtl.sidebar-open .main-footer {
	    -webkit-transform: translate(-180px, 0);
	    -ms-transform: translate(-180px, 0);
	    -o-transform: translate(-180px, 0);
	    transform: translate(-180px, 0);
	}
	.sidebar-open .main-sidebar, .rtl .sidebar-open .main-sidebar {
	    -webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    transform: translate(0, 0);
	}
	.sidebar-open .DTED_Lightbox_Wrapper{
		-webkit-transform: translate(180px, 0);
		-ms-transform: translate(180px, 0);
		-o-transform: translate(180px, 0);
		transform: translate(180px, 0);
	}
	.rtl.sidebar-open .DTED_Lightbox_Wrapper{
		-webkit-transform: translate(-180px, 0);
		-ms-transform: translate(-180px, 0);
		-o-transform: translate(-180px, 0);
		transform: translate(-180px, 0);
	}
}

.rtl .checkbox label, .radio label 
{
    padding-left: 0px;
    padding-right:20px;
}

.rtl .checkbox input[type=checkbox], .rtl .checkbox-inline input[type=checkbox], .rtl .radio input[type=radio], .rtl .radio-inline input[type=radio] 
{
	margin-left:none;
	margin-right: -20px;
}
.rtl .nav
{
	padding-right:0px;
}
.main-header .logo {
    background-color: #ffffff !important;
}
/*.dropdown-menu
{
	min-width:auto;
}*/
.rtl .queues_manage .queues .queue .col
{
	float:right;
}

.table th, .table td
{
	text-align:center;
}

.ttiped .ttip
{
	display:none;
}
.ttiped:hover .ttip
{
	display:block;
	position:absolute;
	margin-top:14px;
	background:#fff0e0;
	border:1px solid #e0d080;
	padding:10px;
	font-size:12px;
	color:#404040;
	line-height:1.7;
	z-index:1000;
}

p.specFilterP
{
	overflow: hidden;
	white-space: nowrap;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header
{
	height:195px !important;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header a
{
	color:rgba(255,255,255,0.8);
}
.tips_section
{
	padding:15px;
}
.breadcrumb
{
	position:static !important;
	float:none !important;
}
.rtl .breadcrumb
{
	position:static !important;
	float:none !important;
}

@media (min-width: 1200px)
{
	.wcdropdown {
		display: none !important;
	}
}
@media (max-width: 1200px)
{
	.largeview {
		display: none !important;
	}
}
@media (max-width: 768px)
{
	.navlargeview {
		display: none !important;
	}
	.navspecjustify {
		-ms-flex-pack: distribute !important;
    	justify-content: space-around !important;
	}
}
@media (min-width: 768px)
{
	.tinynav {
		display: none !important;
	}
}