body{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin:0px;background-color:#ebf0f999;}

#head {width:100%;display: none;}

#nav{height:31px; width:96%; padding-right:1%;border: 1px solid darkgray;box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);padding: 13px;border-radius: 12px;margin: 10px; background-image: linear-gradient(to right, #192232, #27416a, #395781, #1b3c63, #0a294c) !important;}

#nav li {
float: left;
margin-right: 20px;
font-size: 13px;
font-weight:bold;
color:#fff;
}
#nav li a{color:#fff;text-decoration:none}
#nav li a:hover{color:#006699;text-decoration:none}
#notification_li{position:relative}
#notificationContainer {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow:visible;
    position: absolute;
    top: 30px;
    margin-left: 00px;
    width: 320px;
    z-index: 12;
    display: none;
}
.nav_title{
    color:#fff;
}
.nav_title li a{
    color:#fff;
} 
.nav_title li a:hover{
    color:#006699;
    text-decoration:none;
}
#notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
margin-left: 188px;
}
#notificationTitle {
z-index: 1000;
font-weight: bold;
text-decoration: underline;
padding: 8px;
font-size: 12px;
/*width: 100px;*/
float: right;
/*border: 1px solid rgba(100, 100, 100, .4);*/
}
#notificationsBody {
padding: 33px 0px 0px 0px !important;
max-height:auto;
}
#notificationFooter {
background-color: #e9eaed;
text-align: center;
font-weight: bold;
padding: 8px;
font-size: 12px;
border-top: 1px solid #dddddd;
}
#notification_count {
padding: 3px 7px 3px 7px;
background: #cc0000;
color: #ffffff;
font-weight: bold;
margin-left: 49px;
border-radius: 9px;
position: absolute;
margin-top: -11px;
font-size: 14px;
}
.notification_list
{
    border-top: 1px solid rgba(100, 100, 100, .4);
    height: 25px;
    width: 300px;
    vertical-align: middle;
    font-weight: 500!important;
    padding: 8px;
}
a{text-decoration:none;}

.rightAlign{text-align:right;}
.centerAlign{text-align:center;}

.width2{width:2px;}
.width5{width:5px;}
.height10{height:10px;}

.client_logo{float:left; padding-top:8px; padding-left:8px;}
.logo{float:right; padding-top:8px; padding-right:8px;}

#login{width:20%; margin:50px auto;}
#login{
    width:450px !important;

}
.green_head_font{
    color:#636578 !important;
    text-align: center;
}

.top_left2{/*{background:url(../images/top_left.png) no-repeat; border-bottom:solid 1px #D1D0D0;*/ width:5px; height:41px;}
.top_mid2{/*background:url(../images/top_mid.png) repeat-x; border-bottom:solid 1px #D1D0D0; */height:41px;}
.top_right2{/*background:url(../images/top_right.png) no-repeat; border-bottom:solid 1px #D1D0D0;*/ width:5px; height:41px;}

.top_left{/*background:url(../images/top_left.png) no-repeat;*/ border-bottom:solid 1px #D1D0D0; width:5px; height:41px;}
.top_mid{/*background:url(../images/top_mid.png) repeat-x; */ padding-bottom:12px;font-size: 14px;border-radius: 4px;height: 50px;position: relative;text-align: center;}
.top_right{/*background:url(../images/top_right.png) no-repeat;*/ border-bottom:solid 1px #D1D0D0; width:5px; height:41px;}

.mid_left{/*background:url(../images/mid_left.png) repeat-y;*/ width:5px;}
.mid_mid{background:#FFFFFF;box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);border-radius: 12px;}
.mid_right{/*background:url(../images/mid_right.png) repeat-y;*/ width:5px;}

.bottom_left{/*background:url(../images/bottom_left.png) no-repeat;*/ width:5px; height:5px;}
.bottom_mid{/*background:url(../images/bottom_mid.png) repeat-x;*/ height:5px;}
.bottom_right{/*background:url(../images/bottom_right.png) no-repeat;*/ width:5px; height:5px;}

.green_head_font{font-size:30px !important; color:#0f68e4;}
.orange_font{font-size:14px; color:#E7394D;}
.green_font{font-size:14px; color:#666666;}
.menu_font{font-size:14px; color:#666666;}
.menu_font_selected{font-size:14px; color:#0f68e4!important;}
.menu_font:hover{color:#0f68e4;}
.table_font{font-size:14px; color:#333333;}
.table_font:hover{color:#0f68e4;}
.form_title{font-size:14px; font-weight:bold; vertical-align:top;}
.green_head_font1{font-size:14px;  font-weight:bold;}

.error_msg{font-size:13px; color:#E7394D;}

.input_btn{/* background:url(../images/btn_bg.jpg) repeat-x; */ width:100%;background-image: linear-gradient(to right, #337210, #3e8c24, #2a9636, #54ac48, #50c23b) !important;
    border-radius: 6px; height:38px; border:none; cursor:pointer; color:#FFFFFF; font-family:Arial; font-size:13px; font-weight:bold;margin-top: 6px;margin-bottom: 10px}
.input_btn:hover{color:#333333;}

.input_text_login{ width:100%; height:36px;border: 1px solid #d8d8dd;border-radius: 6px}
.input_text{border:solid 1px #D1D0D0; width:90%; height:30px;}
.input_select_login{border:solid 1px #D1D0D0; width:90%; height:27px; font-size:14px; color:#666666; padding:3px;}

#info{margin:10px; display: flex;}
#left_info{width:15%; float:left;box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);padding: 10px; background-color: #FFFFFF;border-radius: 12px;}
#right_info{width:85%; float:right;;box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);padding: 8px;background-color: #FFFFFF;border-radius: 12px;overflow-x: scroll;margin-left: 5px;}

.clearit{clear:both;}

#footer{background:url(../images/footer_bg.jpg) repeat-x; height:36px; width:100%; font-size:14px; color:#666666; margin-top:20px;}

/* .top_left_home{background:url(../images/top_left_home.png) no-repeat; width:5px; height:5px;}
.top_mid_home{background:url(../images/top_mid_home.png) repeat-x; height:5px; }
.top_right_home{background:url(../images/top_right_home.png) no-repeat; width:5px; height:5px;} */

/* .mid_left_home{background:url(../images/mid_left_home.png) repeat-y;} */
.mid_mid_home{ width:205px; height:134px;}
/* .mid_right_home{background:url(../images/mid_right_home.png) repeat-y;} */

/* .bottom_left_home{background:url(../images/bottom_left_home.png) no-repeat; width:5px; height:5px;}
.bottom_mid_home{background:url(../images/bottom_mid_home.png) repeat-x; height:5px; }
.bottom_right_home{background:url(../images/bottom_right_home.png) no-repeat; width:5px; height:5px;} */

.home_img{width:55px; height:55px;}

img a{border:none;}
img{border:none;}

.tab_left{/* width:2px; */ height:30px;}
.tab_mid{
    /* padding:5px 0px 5px 0px; */
    /* font-size: 14px; */
    border: 1px solid #666666;
    /* border-radius: 5px; */
    /* height: 50px; */
    /* position: relative; text-align: center; */
    /* border: 1px solid #666666; */
    padding: 1px 1px 1px 1px; 
    background-image: linear-gradient(310deg, #F4F1F7 0%, #f2f2f2 100%);
    height:40px;
    font-size:14px;
      /* padding: 0px 5px 5px; */
    width:auto; max-width:120px; min-width:120px; border-radius: 5px;
    }
.tab_right{ /* width:2px; */ height:30px;}

.tab2_left{ width:6px; height:30px;}
.tab2_mid{ 
    height:40px;
     font-size:14px; 
    padding: 1px 1px 1px 1px; 
    border: 3px solid #274f82;
    width:auto;
	max-width:120px;
	min-width:120px;
	border-radius: 5px;
	background-color: #dae6f0;
}
.tab2_right{ width:6px; height:30px;}

.line{background:url(../images/line.jpg) repeat-x; height:1px;}

/* .input_text{height:23px; border:solid 1px #E0E0E0; width:90%; font-size:11px; color:#666666;} */
.input_text{height:25px; border: 1px solid #666666;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 0.9375rem;display: block; border-radius: 5px;color:#666666;}

.input_textarea{background:url(../images/input_text_bg.jpg) top #ffffff repeat-x; border:solid 1px #E0E0E0; width:90%;}
.input_file{background:url(../images/input_text_bg.jpg) repeat-x; height:23px; border:solid 1px #E0E0E0; width:90%; font-size:14px; color:#666666;}
.input_select{background:url(../images/input_text_bg.jpg) repeat-x; height:23px; border:solid 1px #E0E0E0; width:90%; font-size:14px; color:#666666;}
.input_multiselect{background:url(../images/input_text_bg.jpg) repeat-x;  border:solid 1px #E0E0E0; width:90%; font-size:14px; color:#666666; size:10;}

.table{border-collapse:collapse; margin:15px;}
.table td{border:solid 1px #DDDDDD; height:30px; padding:0px 3px;}
.table td table td{border:none; padding:0px;}

.head_td{/* background:url(../images/head_td.jpg) repeat-x; */ height:40px;background-color: #ebebeb;}
.grey_td{background:#F6F6F7; height:30px; padding-left:3px;}

.search_box{border:1px solid #D1D0D0; height:21px; font-size:14px; color:#666666; font-family:Arial, Helvetica, sans-serif;}

#alert
{
	padding:5px;
	border:1px solid #E0E0E0;
	color:#333333;
	width:40%;
}
.alert
{
	padding:5px;
	border:1px solid #E0E0E0;
	background:#F1EFF0;
	color:#333333;
	width:56%;
}
.alert ul
{
	margin:0px;
	color:#E7394D;
}

#alert1
{
	padding:5px;
	border:1px solid #E0E0E0;
	color:#333333;
	width:80%;
}
.alert1
{
	padding:5px;
	border:1px solid #E0E0E0;
	background:#F1EFF0;
	color:#333333;
	width:100%;
}
.alert1 ul
{
	margin:0px;
	color:#E7394D;
}


#msgbox
{
	padding:5px;
    color: #FFFFFF;
    border:1px solid #73A440;
	font-size:12px;
	font-weight:bold;
	background:url(../images/btn_bg.jpg) repeat-x bottom #93C749;
		
}
.msgbox
{
	padding:5px;
    color: #FFFFFF;
    border:1px solid #73A440;
	font-size:12px;
	font-weight:bold;
	background:url(../images/btn_bg.jpg) repeat-x bottom #93C749;
	
}


/*---------for paging script----------------*/
div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 1px 5px;
    margin: 2px;
    border: 1px solid #B2B1B1;
    font-weight:400;
    text-decoration: none; /* no underline */
    color:#666666;
    background-color:#FFFFFF;
}
div.pagination a:hover, div.pagination a:active {
     border: 1px solid #B2B1B1;
	background-color:#D1D0D0;
    font-weight:400;
    text-decoration:underline;
    color: #000;
}
div.pagination span.current {
    font-weight:400;   
    color:#ffffff;
	padding: 2px 5px 1px 5px;
    margin: 2px;
    border: 1px solid #80AB2C;
	background-color:#8EBD34;
    }
div.pagination span.disabled
{
    padding: 2px 5px 0px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    color: #DDD;
}
/*-------------end --------------------------------*/

/* ToolTip */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); behavior: url(ie-css3.htc); }
  .tipsy-inner { padding: 5px 5px 5px 5px; background-color: black; color: white; max-width: 200px; text-align: center; behavior: url(ie-css3.htc); }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(ie-css3.htc); }
  .tipsy-north { background-position: top center; behavior: url(ie-css3.htc); }
  .tipsy-south { background-position: bottom center; behavior: url(ie-css3.htc); }
  .tipsy-east { background-position: right center; behavior: url(ie-css3.htc); }
  .tipsy-west { background-position: left center; behavior: url(ie-css3.htc); }
  .example-fade{cursor: pointer;} 
 


/*-------------end --------------------------------*/
 .projectname{color:#eb8b14; font-family: 'TrajanPro-Regular'; text-decoration:none; font-size:16px; font-variant:small-caps;}

/* -------------------Mayuri------------------------ */
.icon_db{
    
    vertical-align: top;
}
.title_db{
    padding: 10px;
    vertical-align: bottom;
    display: grid;
}
.button_db {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #082e88 !important;
	font-weight: 600;
    /* background-color: #4949ff; */
    /*background-image: linear-gradient(to right, #142d54, #27416a, #395781, #4b6e99, #5e85b1) !important;*/
    border-radius: 9px;
    padding: 5px;
    border-color: #a4a7ed;
    border: 0px !important;
    box-shadow: 0px 4px 8px -4px rgba(76,78,114,.42);
}
h1{
    margin-top: -3px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 24px;
    color: #fff !important;
    margin-right: 195px;
}
.mid_mid_home{
    border:1px solid rgba(76,78,100,.22);
    border-radius: 12px;
    box-shadow: 0 0.125rem 0.625rem 0 rgba(76,78,100,.22);   
}
.mid_mid_home:hover{
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
    transform: scale(1.10);
    background-image: linear-gradient(to right, #142d54, #27416a, #395781, #4b6e99, #5e85b1) !important;
    border-radius: 15px;
}
/* #right_info {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 253px; 
    height:602px;
    
} */
#left_info{
    right:0;
    top:0;
    overflow-x: hidden;
    overflow-y: scroll;
    /* top:253; */
    height: 602px;
}
/* .tab_mid a:hover{
    color: #ffffff
} */

.tab_mid:hover{
    /* padding: 5px 0 5px 0;
    font-size:14px;  */
    /* font-size: 14px;
    border: 1px solid #666666;
    border-radius: 5px; */
    /* height: 50px; */
    /* text-decoration: underline;
  color: blue!important; */
    color:rgb(255, 255, 255);
    position: relative; text-align: center;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
    /*transform: scale(1.10);*/
    background-image: linear-gradient(to right, #142d54, #27416a, #395781, #4b6e99, #5e85b1) !important;
}
.tab_mid a:hover{
    color:white !important;
}
/* td:hover a:active {color:#ffffff !important;} */

/* ------------------------------SNEHA-------------------- */
form table td{
    font-size: 16px !important;
    color:#636578;
}
.hr_menu{
    color: #274f82; 
    width: 115%;
    font-weight: 800; 
    margin-left: -4px; 
    border-bottom: 3px solid;
}
/* .tab2_mid a{
    color:#274f82 !important;
} */
.top_menu_active{
    color:#274f82 !important;
/* color:#7CA32F; */
}
.top_menu_inactive{
    color:inherit !important;
    /* color:black; */
}
/* ---IVR CALL WIDGET----- */
 /* Widget container */
.ivr-widget {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 254px;
    background-color: #0097a7;
    color: #fff;
    font-family: Arial, sans-serif;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}

/* Widget header */
.ivr-widget-header {
    background-color: #0097a7;
    font-size: 1.2em;
    padding: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-right-radius: 10px;
}

.toggle-btn {
    cursor: pointer;
}

/* Information section */
.ivr-info {
    background-color: #fff;
    color: #333;
    padding: 10px;
    border-bottom-right-radius: 10px;
    display: block;
}

.ivr-info p {
    margin: 5px 0;
}

/* Links */
.ivr-info a {
    color: #0097a7;
    text-decoration: none;
    margin-right: 10px;
}

.ivr-info a:hover {
    text-decoration: underline;
}

/* Call duration and status */
.ivr-call-status {
    display: flex;
    align-items: center;
}

.ivr-call-status i {
    margin-right: 5px;
}

.ivr-call-duration {
    margin-left: auto;
}