html {
	height: 100%;
}
body {
	height: 100%;
}
.marginT10 {
	margin-top: 10px;
}
.marginT20 {
	margin-top: 20px;
}
.marginT30 {
	margin-top: 30px !important;
}
.marginT40 {
	margin-top: 40px;
}
.marginT50 {
	margin-top: 50px;
}
.marginT60 {
	margin-top: 60px;
}
.marginT70 {
	margin-top: 70px;
}
.marginT80 {
	margin-top: 80px;
}
.marginT90 {
	margin-top: 90px;
}
.marginT100 {
	margin-top: 100px;
}
.paddingT10 {
	padding-top: 10px;
}
.paddingT20 {
	padding-top: 20px;
}
.paddingT30 {
	padding-top: 30px;
}
.paddingT40 {
	padding-top: 40px;
}
.paddingT50 {
	padding-top: 50px;
}
.paddingT60 {
	padding-top: 60px;
}
.paddingT70 {
	padding-top: 70px;
}
.paddingT80 {
	padding-top: 80px;
}
.paddingT90 {
	padding-top: 90px;
}
.paddingT100 {
	padding-top: 100px;
}
.paddingB10 {
	padding-bottom: 10px !important;
}
.paddingL10 {
	padding-left: 10px;
}
.paddingL20 {
	padding-left: 20px;
}
.paddingL30 {
	padding-left: 30px;
}
.marginB10 {
	margin-bottom: 10px !important;
}
.marginLeft {
	margin-left: 8%
}
.Login {
	background: url("../images/header-bg.png") center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.Login .btn-success {
	background: #65c279 !important;
	font-weight: 400;
	border: 0;
	border-radius: 0;
}
.form-group label {
	color: #084181;
	font-size: 14px;
	font-weight: 500;
}
.input-group-addon {
	padding: 0 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	/* text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;*/
	border-radius: 4px;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
	display: table-cell;
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.date .fa-calendar-alt {
	position: absolute;
	right: 18px;
	top: 20px;
	color: #cccbcc;
	font-size: 20px;
}
.Login .fa-user, .Login .fa-key {
	position: absolute;
	top: 43px;
	color: #cccbcc;
	font-size: 20px;
}
.form-control {
	border: 1px solid #dfdddd !important;
	border: 0;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-radius: 0;
	text-indent: 25px;
	width: 100% !important;
	padding: 10px;
	font-family:'Maven Pro', sans-serif;
	color: #a6a6a6;
}
.m-0 {
	margin: 0 auto !important;
}
.h-65 {
	height: 65%;
}
.w-45 {
	width: 45%;
	margin: 0 auto;
}
.text-dark {
	font-size: 12px;
	font-weight: 600;
}
.form-control:focus {
	border-color: #648ac8 !important;
	box-shadow: 0 0 0 0.1rem #e0e7f2 !important;
    background:none !important;
}

/*header dashbaord */
#mainNav {
	background: linear-gradient(#f3f5f6, #e2e7e8);
	padding: 0;
}
/*navigation */
#Links {
	position: fixed;
	background: #fff;
	top: -6px;
	z-index: 99;
}
#Links .navbar-nav .nav-item .nav-link.active, #Links .navbar-nav .nav-item .nav-link:hover {
	color: #d68147;
}
#Links .navbar-nav .nav-item .nav-link {
	color: #1f1f1f;
	letter-spacing: normal;
	font-weight: 500;
	padding: 15px 25px 15px 0;position: relative;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #Links .navbar-nav .nav-item .nav-link:hover {
	color: #d68147;
}
#Links .navbar-nav {
	flex-direction: row !important;
	padding-left: 7px;
}
#mainNav .navbar-nav .nav-item .nav-link {
	color: #1f1f1f;
	letter-spacing: normal;
	font-weight: 600;
	text-transform: none;display: block;    font-size: 14px;
}
#Links .fa-file-alt, .fa-user, .fa-unlock, .fa-key, .fa-chart-line {
	font-size: 15pt;
	padding-right: 7px;
	color: #d68147;
}
.fa-edit{color: #d68147; font-size:13pt;}
.marginTop {
	margin-top: 68px;
}
.btn-light {
	color: #c15858;
	box-shadow: -4px 1px 0 0 #e1e1e1;
	/*width: 100px;*/
	margin-top: 6px;
     background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.responsive {
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.navbar-expand-lg .navbar-collapse {
	flex-basis: 100% !important;
}
.border-right {
	border-right: 1px solid #d3dbe0!important;
}
/*headlines*/
#circle {
}
#circle h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-weight: 500;
    text-transform:uppercase;
    min-height: 28px;
}
.col-sm-2 {
	text-align: center;
}
.single-chart {
	width: 100%;
	justify-content: space-around;
	text-align: center;
	color: #6d6d6f;
}
.circular-chart {
	display: block;
	margin: 10px auto;
	max-width: 30%;
	max-height: 250px;
}
.circle-bg {
	fill: none;
	stroke: #4068ab;
	stroke-width: 1.8;
}
.circle {
	fill: none;
	stroke-width: 1.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
}
@keyframes progress {
 0% {
 stroke-dasharray: 0 100;
}
}
.circular-chart.orange .circle {
	stroke: #ff9239;
}
.circular-chart.yellow .circle {
	stroke: #d0d967;
}
.circular-chart.blue .circle {
	stroke: #6797d9;
}
.circular-chart.purple .circle {
	stroke: #d267d9;
}
.circular-chart.green .circle {
	stroke: #67d9d8;
}
.circular-chart.red .circle {
	stroke: #c45858;
}
.circular-chart.purple .circle {
	stroke: #b981f3;
}
.percentage {
    fill: #fff;
    font-size: 8px;
    text-anchor: middle;
    font-weight: normal;
}

.circular-chart-center {
	display: block;
	margin: 10px auto;
	max-height: 250px;
	max-width: 34%;
}
.circle-bg-center {
	fill: #fff;
	stroke: #d1d2d7;
	stroke-width: 3.8;
}
.intro-heading p {
	line-height: normal;
	text-align: right;
	padding-right: 15px;
	border-right: 1px solid #518cbc;
	margin: 15px;
        font-size: 13px;
}
.timer {
	font-size: 28px;
	padding-top: 10px;
}
p {
	margin: 15px;
	height: 37px;
}
/*content */

.content {
	margin-top: -45px;
	padding: 0 15px !important;
}
.col-sm-10 {
	margin-bottom: 30px;
	width: 81%;
}
.heading {
	background: #e9865a;
	color: #fff
}
.col-lg-12 table {
	margin-bottom: 30px;
	background: #fff;
}
.btn-secondary {
	color: #fff;
	background-color: #1f4e9d;
	border-color: #1f4e9d;
	border-radius: 0;
	width: 100%;
    margin-bottom:20px;
}
.table tbody td, .table thead th, .table thead td {
	padding: 10px;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
	font-size: 10pt;
    text-align: left;
}
.table-responsive {
	display: inherit !important;
}
.bar {
	color: #fff
}
.btn.focus, .btn:focus {
	box-shadow: none;
}



.form-control_date {
	border: 1px solid #dfdddd !important;
	border: 0;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	border-radius: 0;
	width: 100% !important;
	padding: 10px;
	font-family: 'Maven Pro', sans-serif;
	color: #a6a6a6;
}



/*subnavigtion right */
.nav-pills {
	font-size: 14px;
}
.nav-pills a {
	color: #fff;
	text-transform: none;
	font-weight: normal;
	border-right: 1px solid #fff;
	padding-right: 10px
}
.nav-pills li {
	padding: 10px;
}
.bgSub {
	background: #1d4993;
	margin-top: -13px;
	
}
/*right Navigation */

a.menu-link {
	float: right;
	display: block;
	padding: 0 10px;
}
nav[role=navigation] {
	clear: both;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js nav[role=navigation] {
	overflow: hidden;
	max-height: 0;
	margin-right: 10px;
}
nav[role=navigation].active {
	max-height: 15em;
}
nav[role=navigation] ul {
	margin: 0;
	padding: 0;
}
nav[role=navigation] li a {
	/*display: block;*/
	border-right: 1px solid #fff;
}



.fa-file-excel{color:#f9f9f9; font-size:25px}
/*model box */

.modal{z-index: 9999; top:10% !important;}
.modal-content{border-radius:0 !important; font-size: 13px; }
.modal-content span{font-size: 14px; color: #3262b3; text-transform: uppercase; font-weight: 600; clear: both; display: block;}
.modal-header h5{ font-family:'Maven Pro', sans-serif; font-size:18px; font-weight:400;}
table a, a:hover{ text-decoration:underline; color: #1f4e9d;}
.modal-header{background: #143f88; color:#fff; border-radius:0!important}
.table th {/*color:#fff;*/ font-weight:600; border-top:none !important;}
.close span{color:#fff!important; opacity:1;}




/*Loader*/

  .loader {
       z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    background: url(../images/talk-loader.gif);
    width: 215px;
    height: 188px;
    margin-top: -70px;

}
  .loaderoverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    z-index: 9999;
    top: 0;
    left: 0;
}



  .loaderDashboard {
    z-index: 9999;
    position: absolute;
    top:35%;
    left: 45%;
    right:auto;
    /*margin-left: -70px;*/
    background: url(../images/talk-loader.gif);
    background-size:100% 100%;
    width:80px;
    height:80px;
    /*margin-top: -70px;*/

}
  .loaderoverlayDashboard {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    z-index: 9;
    top: 0;
    left: 0;
}




* {
    outline: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
body {
   
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f1f2f4;
}


/* css added on 18 march*/
.navbar-nav > li > a.user{line-height:46px;}
.alert-danger{ position: fixed; background:#e9865a;
    z-index: 99999;
    top: 0;
    width: 100%; color:#fff; border-radius:0 !important; padding:20px !important;  font-size:12pt;}



/* user lock-unlock */

.background{ background:#fff; margin-top:-61px; width:98%; padding:15px 15px 0 15px;}
.background h2{ font-size: 16px; padding-bottom: 10px;}
.background input[type="text"], input[type="email"]{ font-family: 'Maven Pro', sans-serif; border:none; border-bottom:1px solid #e6e6e6; border-left:0 !important; border-right:0 !important; border-top: 0 !important; padding:5px 0; width:100%; color:#575757;  font-size: 12pt; border-radius: 4px;}
.background input[type="text"]::placeholder, input[type="email"]::placeholder{color:#575757; font-family:'Maven Pro', sans-serif;}
.background .fa-angle-double-down{ color: #e9865a;     cursor: pointer;}
.background select{ border: 1px solid #e6e6e6;    padding: 10px;    width: 100%;    color: #666666;    border-radius: 4px;    text-indent: 0;}


/*Chosen style*/
.chosen-wrapper {
  margin: 0 auto 0;
 /* max-width: 400px;*/
  position: relative;
}
.chosen-wrapper:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 15px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.5);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 9;
}
.chosen-wrapper.is-active:after {
  border-top: 5px solid #939393;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chosen-wrapper .chosen-container .chosen-single {
  border-radius: 0;
 height: 36px;
  border: solid 1px #e6e6e6;
  font-size: 13pt;
 color:#575757;
 padding-bottom: 0 !important;

line-height: 40px;
  transition: all 0.3s ease;
  box-shadow: none;
  background: #fff;
}
.chosen-wrapper .chosen-container .chosen-single b {
  display: none !important;
}
.chosen-wrapper .chosen-container .chosen-single span {
  letter-spacing: 0;
  padding: 0;
  line-height: inherit;
}
.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single {
/* border-width: 1px;
  border-color: #000  #000 #000;*/
  color: #000;
  background-image: none;
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.chosen-wrapper .chosen-container .chosen-drop {
  letter-spacing: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 0 1px 1px;
  border-color: #000;
  margin-top: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.chosen-wrapper .chosen-container .chosen-results {
  font-size: 13pt;
  color: #000;
  max-height: 245px;
  margin: 0;
  padding: 0;
}
.chosen-wrapper .chosen-container .chosen-results li {
  padding: 10px !important;
  margin: 0;
  border-bottom: 1px dotted #E5E5E5;
  -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  line-height: 15px;
}
.chosen-wrapper .chosen-container .chosen-results li.highlighted {
  background-color: #eeeeee !important;
  color: #000;
  background-image: none;
}
.chosen-wrapper--style2:after {
  right: 0;
}
.chosen-wrapper--style2:before {
 content: '';
  width: 0;
/* border-top: 1px solid #d68147;*/
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);

}
.chosen-wrapper--style2.is-active:before {
  width: 80%;
}
.chosen-wrapper--style2 .chosen-container .chosen-single {
  border-width: 0 0 1px;
  padding: 0; float: left;

width: 100%;
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
  border-width: 0 0 1px;
}
.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
  opacity: 1;
  visibility: visible;
 
}
.chosen-wrapper--style2 .chosen-container .chosen-drop {
  border-color: #d9d9d9;
 /* border-top: 2px solid #d9d9d9;*/
}
.chosen-wrapper--style2 .chosen-container .chosen-results li {
  padding: 16px 15px 18px;
}

/*ScrollBox style*/
.nicescroll-rails {
  border-left: 1px solid #d9d9d9;
  transform: translate(-2px);
  top: 0 !important;
}
.nicescroll-rails .nicescroll-cursors {
  width: 6px !important;
  margin-right: 2px;
}

.link {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
}
.link a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
}
.link .fa {
  font-size: 28px;
  margin-right: 8px;
  color: #939393;
}


.btn-warning, .btn-warning:hover {color:#fff; background:#e9865a; border-radius:0 !important;}
.download{ color:#626262; font-size:12pt;}
.download span a{ font-size:14px; color:#626262; font-weight:500;}
.download .fa-download{color:#e9865a;}
.background label{ text-align:left !important; display:inline; text-transform:uppercase;  color: #084181;}


.table{ background: #fff;}
.paddingBottomHeader{ padding-bottom: 50px !important;}
.info{background: #e9865a; color: #fff;}


button.multiselect{ background:#fff !important;  border-bottom: 1px solid #e6e6e6;  color:#575757; font-family:'Maven Pro', sans-serif; font-weight: normal; font-size:14pt; padding:3px 0; width: 100%; text-align:left}
span.multiselect-selected-text{width:100%; font-family: 'Maven Pro', sans-serif;   font-size: 13pt;}
.multiselect-container{width:100%;}
.multiselect-container li{ padding: 5px !important;}
.multiselect-container label{ color:#575757; font-size: 12pt; text-transform: none;}
.multiselect-container a, a:hover{text-decoration: none;}
.multiselect-container label input{margin-right:10px !important}
.btn-group{ display:inline;}
.dropdown-toggle:after { right:0 ; position:absolute; top:15px;}

#contentPager.pagination-container
{
    margin:0;
    padding:0;
}
ul.pagination li{border:1px solid #e8e8e8; background: #f9f9f9;}
ul.pagination li a{ padding:7px; color:#999; text-decoration:none;     font-size: 10pt;}
ul.pagination li.active{ background:#d68147; color:#fff; font-weight:bold; border:none !important;}
.multiselect-container{height: 125px;
    overflow-y: scroll;}

/*.loader { 
  border: 16px solid #f3f3f3; 
  border-radius: 50%; 
  border-top: 16px solid #3498db; 
  width: 120px; 
  height: 120px; 
  -webkit-animation: spin 2s linear infinite; /* Safari 
  animation: spin 2s linear infinite;     position: absolute;
    left: 50%;
    top: 100%;
}*/ 
/* Safari */ 
@-webkit-keyframes spin { 
  0% { -webkit-transform: rotate(0deg); } 
  100% { -webkit-transform: rotate(360deg); } 
} 
@keyframes spin { 
  0% { transform: rotate(0deg); } 
  100% { transform: rotate(360deg); } 
}

.fa-angle-double-down{ color:#fff; text-align:right;}
.modal-content{border:none !important;}

  .required{
    content: "*";
    font-weight: bold;
    color: red;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* css added on 11 april*/
.nav-item_active{border-bottom:4px solid  #d68147; font-weight: 500;
    padding:5px 25px 5px 0;}
.nav-item_active a{ color:#d68147;}
.form-control:disabled, .form-control[readonly]{ background:#fff;}
.col-md-5{ max-width:25%; text-align:center;display: inline-block;vertical-align: top;}

#circle .col-md-5{ max-width:16%; text-align:center;display: inline-block;vertical-align: top;}

th:first-child{ text-align:left;}
td:first-child{text-align:left;}
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; }

/* css added on 12 april*/

.msg-width{ width: auto !important; margin-left:40%;}

.ui-datepicker-trigger{    margin-top: -34px;
    z-index: 9999;
    height: 20px;
    margin-left: 84%; cursor:pointer}

#footer {
    position: page;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 100%;
    top: 90%;
    background: none;
    text-align: center;
    margin-top: 50px;
    font-size: 12px;
    padding-top: 5px;
    z-index: 9999;
}

.scrollData {
    height: 550px;
    overflow-y: auto;
}

.forgotpassword_form label{width:100%; padding:15px 15px 0; }
.forgotpassword_form .form-group{margin-bottom:10px;}
.forgotpassword_form .text-danger{font-size:13px;}
.form-inline.forgot { align-items: unset;     -webkit-box-align: start;  -ms-flex-align: start;}
.logoYourCall{display:inline-block;  width: 70px; margin-left: 10px !important;}
.logoYourCall img{max-width:149px;}
.logo_width{ width:300px ; margin-left: 26px;}
.margin0{ margin: 0 auto;}
.changePassword input{border-bottom:1px solid #ccc !important; border-left:0 !important; border-right:0 !important; border-top:0 !important; text-indent:0 !important;     font-family: 'Maven Pro', sans-serif;}
.password_notes li{font-size:11pt; padding:5px; list-style-type:circle;}
.password_notes .fa-sticky-note{color:#d68147; font-size:16pt;}
.fa-at{position:absolute; left:25px; top:11px; font-size:11pt; padding-right:10px;}
.fontSize{font-size:15pt; padding-top:60px; padding-bottom:40px;}
p a{color:#d68147}
.date input.form-control{text-indent:7px !important;background: #ffffff!important;font-size: 13px;   color: #000;border-radius: 4px;}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{width:auto; margin-right:10px;}
.tblink a{ padding:5px 10px; text-decoration:none; color:#d68147;}
.tblink a:hover{text-decoration:underline;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background:none !important; border:none !important;}



.navbar-nav .dropdown-menu{border:0 !important; border-radius:0; margin:0 !important; padding:0 !important}
.navbar-nav .dropdown-menu.show{top:52px !important; background:#f9f9f9; left:0 !important ;width: 200px !important;}
.nav-item a.submenu{color:#000; padding:0px;}

.btn-secondary:hover {
 
    background-color: #1f4e9d !important;
    border-color: #1f4e9d !important;
   

}
.navbar-nav .dropdown-menu li:hover a{color: #fff;}

.navbar-nav .dropdown-toggle::after{    right: 10px !important;
    position: absolute;
    top: 24px;}

.navbar-nav .dropdown-menu li{ border-bottom:1px dotted #bbbbbb !important; font-size:11pt; padding:7px 10px;}
.navbar-nav .dropdown-menu li:hover{ background:#1d4993; color:#fff;}
.navbar-nav .dropdown-menu .submenu:hover{color:#fff; background: #1d4993;}
.form-inline .multiselect-container label.checkbox, .multiselect-container>li>a>label{ padding:8px 0 8px 34px !important;  cursor:pointer;}
.multiselect-container>li>a>label.checkbox{padding:8px 0 8px 17px !important;  cursor:pointer;}
.multiselect-container>li{ border-bottom:1px dotted #bbbbbb !important; }
.multiselect-container>li:hover{background:#f7f7f7;  border-bottom:1px dotted #bbbbbb !important; }
.panel-body select{    border: none;
    border-bottom: 1px solid #d4d4d4;
    padding: 10px;
    width: 100%;
    color: #000;    border-radius: 4px;}


th:nth-child(2){text-align:left; }
td:nth-child(2){text-align:left; }


.form-control{ background:none !important;}






.form-control_Multiselect{text-indent: 9px;border: 1px solid #dfdddd !important;color: #a6a6a6;font-size: 10pt;width: 92%;}
option{padding:5px 0;}
a.upload{color:#999}
.fileSelect{border:1px solid #ccc; margin-right:10px; font-size:10pt; color:#000; padding:7px;}

.inlineBlock{ display:inline-block; }
.uploadExcelBtn{ float:right;cursor:pointer; }
#dvSecondScreen select { height: 180px; }
#thirdScreen { display: table; position: absolute; height: 100%; width:100%; }
#thirdScreen > div.middle { display: table-cell; vertical-align: middle; text-align:center;}
#thirdScreen > div.middle > div.inner { margin-left: auto; margin-right: auto; width: 50%;}
#thirdScreen > div.middle > div.inner > div{ padding:8px; }
#userSampleDownload { text-align:right }
#userSampleDownload > a { color: #084181 }


th.heading{cursor:pointer;}
 #ui-datepicker-div { z-index:999!important;}
 a.linked{color:blue;}
 
 
 
@media only screen and (min-width:320px) and (max-width:600px) {
.intro-heading p {border: none;}
p {margin-bottom: 0;}
}

@media only screen and (min-width:768px) and (max-width:1200px) {
.col-md-5 {
	max-width:32.5% ;
}
.col-sm-3 {
	max-width: 50%;
}
.circular-chart {
	max-width: 25%;
}
}

@media only screen and (min-width:320px) and (max-width:500px) {
.col-sm-2 {
	max-width: 100%;
	margin-bottom: 20px;
}
.circular-chart {
	width: 20%;
}
}

/*media */

@media only screen and (max-width:600px) {
.w-45 {
	width: 90%;
}
.h-65 {
	height: 55%;
}

}

@media only screen and (min-width:1000px) {
.marginL {
	margin-left: 42%;
}
.btn-block {
	width: 50%;
}
.marginT30 {
	margin-top: 30px!important
}
}

@media only screen and (width:480px) {
.w-45 {
	width: 45%;
}
.h-70 {
	height: 64%;
}
}

@media only screen and (width:768px) {
.h-65 {
	height: 53% !important;
}
}
/*media */
@media only screen and (max-width:900px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
	padding: 10px 10px 0 10px;
}
#navbarResponsive {
	padding: 10px;
}
.marginTop {
	margin-top: 58px;
}
.pattern {
	margin-top: -40px;
	position: absolute;
	z-index: 999;
	width: 50%;
	right: 0;
}
.bgSub {
	background: #000 !important;
	opacity: 0.85; 
}
.nav-pills li {
	padding: 10px;
	width: 100%;
	text-align: left;
	border-bottom: 1px dotted #585858;
}
nav[role=navigation] li a {
	border-right: none !important;
}
.nav-pills li:last-child {
	border: 0;
	border-bottom: 2px solid #fed136
}
.nav-pills li:first-child {
	border-top: 2px solid #fed136
}

}

@media only screen and (max-width:767px) {
#mainNav .navbar-nav .nav-item .nav-link{padding:0 !important;}
    ul.navbar-nav { margin:0; padding:0;}
  
    .col-md-3{margin-bottom:15px;}
    #Links .navbar-nav .nav-item .nav-link{    padding: 15px 18px 15px 0 !important;}
   
.col-md-5 {
	max-width: 100% !important;
	margin-bottom: 2%;
}
.col-sm-3 {
	max-width: 50%;
}
.marginT20 {
	margin-top: 0;
}
.circular-chart {
	width: 15%;
}
.intro-heading p {
	font-size: 9pt;
	height: auto;
}
.timer {
	font-size: 25px;
	text-align: center
}
header.masthead .intro-text {
	padding-bottom: 50px;
}
.intro-heading p {
	text-align: center;
}
#wrapper {
	margin-top: -30px !important;
}
}

@media only screen and (min-width:1000px) {
.table-responsive {display: table !important;}
input[type=submit].btn-block {  width: 50%;}
}
@media screen and (min-width: 48.25em) {
a.menu-link {
	display: none;
}
.js nav[role=navigation] {
	max-height: none;
}
nav[role=navigation] ul {
	margin: 0 0 0 -0.25em;
	border: 0;
}
nav[role=navigation] li {
	display: inline-block;
	margin: 0;
	padding: 5px 5px 5px 12px;
    line-height: 25px;
}
nav[role=navigation] li a {
}
}

@media screen  and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .H-65 {
        height: 420px !important;
    }

}

@media only screen and (max-width: 600px){
.w-45 { width: 90%;}
input[type=submit].btn-block{width: 100%;}
}
.Login form{display:inline;}
label.error {
    color: #ff1515;
    width: 100%;
    float: left;
    padding: 0;
        text-transform: none;
}.background label.error.displaynone {
    display: none !important;
}
div.bootstrap-select ul.dropdown-menu {
    max-height:200px !important;
    display:block;
}
.errorpage {
    margin-top:200px;
}

.clsdrpFrameWork{text-indent:0;font-family: 'Maven Pro', sans-serif;    font-size: 13px;}

.hidden {
    display: none !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1f4e9d;
    outline: 0;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected.active a span.check-mark {
    color: #fff;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected.active a span{
    color: #fff;
}

.nav-tabs.sidebar_tabs .nav-item .nav-link {
    padding: 0;
    background: none;
    color: #d0d0d0;
    border: none;
    font-size: 13px;
    margin: 4px 10px;
    font-weight: bold;
    line-height: 30px;
}

ul.nav.nav-tabs.sidebar_tabs {
    margin-bottom: 9px;
    border: none;
}
.nav-tabs.sidebar_tabs .nav-item .nav-link.active {
    color: #fff;
    border-bottom: 2px solid #fff;
}
.form-control.sidebar_text{background: #fff !important;    text-align: left; text-indent: 0; height: 40px;}



.btn-blue{
    color: #fff;
    background-color: #1f4e9d;
    border-color: #1f4e9d;
    border-radius: 0;
    width: auto;
    margin-bottom: 20px;
}

.btn-blue:hover{
  background: #000000; color: #ffffff;
}
.containspacing{   float: left;
    width: 100%;
    background: #ffffff;
    padding: 0px 15px;}


.boxcontent.reportpage {  background: #fff;    padding-top: 10px;    width: 100%;    float: left;}

span.bindTree.fa {
    background: rgba(0,0,0,0.5);
    color: #fff;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 8px;
    line-height: 12px;
    width: 13px;
    height: 13px;
    text-align: center;
    position: relative;
    top: -2px;
}

.table-hover tbody tr.heading{background: #e8e8e8 ;    color: #000000;}
.table-hover tbody tr.heading:hover{background:#e2e7e8;  color:#000000;}
.reportactionbtn{
    float: right;
    color: #2754a1;
    border: 1px solid #2754a1;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 7px;
    margin: 10px 0px 0px 10px;
    background: #fff;
    font-weight: normal;line-height: 16px;
}
.reportactionbtn:hover{background:#2754a1; color:#ffffff;}
.reportactionbtn .fa{margin-right:3px}
.customtable_scroll{width:100%; overflow:auto;}

nav[role=navigation] li a:hover{color:#ffffff; text-decoration:underline;}

h1.ComplaintHeading {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 11px;
    width: 100%;
    text-align: center;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   
}

.calibration_filiter{float:left; width:100%; padding:0px 0px 10px 0px;}
.datasumry{float:left; width:100%;}
.calibration_select{margin-left: 20px; margin-top: -7px;    width: 300px!important;}


.boxcontent.Business-Portal{
    background: #fff;
    padding: 15px;
    width: 100%;
    float: left;
}
.highgraph{border: 1px solid #dddddd;    border-radius: 7px;    overflow: hidden;    margin: 10px 0px;    padding: 10px;}
.highgraph h2{width: 100%;    padding-bottom: 7px;    font-size: 15px;    margin-bottom: 15px;}
.highgraph > div{height:300px; margin:0px auto;}
/*AM_CHARTS*/
#chart8{    width: 100%;    height: 300px;    margin: auto;}
.amcharts-export-menu { display: none;}
.amcharts-chart-div a {    display: none !important;}
.highgraph .highcharts-tracker span {
    font-size: 12px !important;
}

    @media only screen and (max-width:1400px) {
    .highgraph .scoregraph_left {
    width: 100%;
    height: 130px;
    margin: 18px -4px;
}
    .highgraph .scoregraph_left tspan{
    font-size: 12px!important;
}

    .highgraph #countchart {
    height: 120px;
    width: 100%;
}

    .highgraph .countgraph p {
    font-size: 7.5px;
}

    .highgraph .CallDuration_graph {
    height: 148px;
    width: 100%;
    position: relative;
    top: 41px;
    left: 1px;
}

     .highgraph .countgraph {
        position: relative;
        width: 70px;
        left: -15px;
    }
    }