/***
@Author Supraja Aldena
@Date : 22-05-2014
@css file having all the css
***/
/****** start for login screen *****/

body
{
	font-family: Calibri;
}

.topdiv
{	
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	color:#7f7f7f;
	height:50px;
	padding-top:8px;	
}
.bottomdiv
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	color:#7f7f7f;
	height:50px;	
}
.error
{
	color:#DE1F29;
	font-size:12px;
}
.submitbtn
{
	width:50px;
	height:45px;
	border:0px;
	background: url(../Images/submit.png) no-repeat;
	cursor:pointer;
}

textarea{resize: none}

.invBtn {
    background-color: #92CF51;
    padding: 6px 10px;
    width: auto;
    font-weight: bold;
    cursor: pointer;
}

.helpIcon
{
	width:27px;
	height:27px;
	border:0px;
	background: url(../Images/helpIcon.png) no-repeat;
	cursor:pointer;
}
.loginhead
{
	font: bold 25px Verdana;
	color: #7f7f7f;
}
.bottomdiv a
{
	text-decoration:none;	
	color:#7f7f7f;	
}
#signin
{
	background:#ffffff;
	width:400px;
	height:300px;
	border-radius:60px;
	border-bottom-right-radius:60px;
	border:1px solid #7f7f7f;	
	margin:60px 0 0 0;
}
.uidpwd
{
	height:25px;
	border:0px;
	border-bottom:1px solid #7f7f7f;
	font-size:18px;

}
.loginuserimg {
	width:27px;
	height:27px;
	vertical-align:middle;
}
/****** end for login screen *****/

/****** start of popup ******/
.fancybox-title-float-wrap .child{	display: none; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
background:none !important;
box-shadow:none !important;
}
.fancybox-close {
	position: absolute;	
	top:-8px !important;
	right: 0px !important;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
/****** end of popup ******/

/****** start of Activity screen *****/
.act-table-header{
	background:#575757;
	height:28px;
	width:100%;
	color:#fff;
	font-size:15px;
	font-weight:bold;

}
.act-table tr{
//border:1px solid #000;
font-size:15px;
text-align:center;
}

.act-table{
	border-spacing:0px;
	
}

.act-table td{
	width:20%;
	border-bottom:1px solid #000;	
}

.actv-table tr{
//border:1px solid #000;
font-size:15px;
text-align:center;
}

.actv-table{
	border-spacing:0px;
	
}

.actv-table td{
	width:20%;
	border-bottom:1px solid #000;	
}

/*
.del-table tr{
	font-size:15px;
	text-align:center;
}
.del-table{
	border-spacing:0px;	
}

.del-table td{
	border-bottom:1px solid #000;
	width: 25%;
}
.del-table tr
{
	text-align:center;
	
}*/

.box-grey{
	height:12px;
    width:18px;
	//background-color: #A3A3A3;
	float:left;
	border:1px solid #aaa;
	padding-bottom: 2px;
	margin-right: 10px;
	cursor:pointer;
	margin-top:1px;
}
.plus-icon{
	//padding-left:5px;
	//margin-bottom:5px;
	text-decoration: none;
	text-align: center;
	color:#000;
	top:-3px;
	left:4px;
	position:relative;
	cursor:pointer;
	font-weight: bold;
	font-size: 16px;
}

/*
	height:14px;
	padding-left:3px;
	//padding-right:4px;
	padding-bottom:18px;
	background-position: center center;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	text-decoration: none;
}*/

/*
.del-table tr > td:nth-child(1)
{
	text-align:left;
	width: 23.75%;
}

.del-table tr > td:nth-child(2)
{
	width: 23.75%;
}

.del-table tr > td:nth-child(3)
{
	width: 23.75%;
}

.del-table tr > td:nth-child(4)
{
	width: 23.75%;
}

.del-table tr > td:nth-child(5)
{
	width: 5%;
}*/

.msg-table{
	margin-top:20px;
	border-spacing:0px;
}

.msg-container{
	background:#dceef2;
	height:90px;
}

.msg-table tr{
	font-size:15px;
	text-align:center;
	background-color:#dcdee3;
}

.msg-table tr > td:nth-child(1)
{
	text-align:left;
	width: 15%;
}

.msg-table tr > td:nth-child(2)
{
	width: 45%;
}

.msg-table tr > td:nth-child(3)
{
	width: 20%;
}

.msg-table tr > td:nth-child(4)
{
	width: 10%;
}

.msg-table tr > td:nth-child(5)
{
	width: 10%;
}
.route-table{
	padding:8px;
}
.route-table tr > td:nth-child(1)
{
	width: 20%;
}
.route-table tr > td:nth-child(2)
{
	width: 60%;
}

.msg-table td{
	width:20%;
	border-bottom:3px solid #dceef2;	
}

.submitted-color{
	background-color:#94b2d4;
	font-weight:bold;
	text-align:left;
}
.delivered-color{
	background-color:#92cf51;
	font-weight:bold;
	text-align:left;
}
.pending-color{
	background-color:#e06609;
	font-weight:bold;
	text-align:left;
}
.failure-color{
	background-color:#fc0000;
	font-weight:bold;
	text-align:left;
}

.Gray-color{
	background-color:#e3dfeb;
	font-weight:bold;
	text-align:left;
}

<!-- dropdown box -->
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label.dropdown_cls select{
	padding: 4px 8px;
	line-height: 14px;
	border: 1px solid #ccc;
	background-color: #F2F2F2;
	border-radius: 0px;
	display: inline-block;
	min-width: 150px;
	margin: 5px;
}

label.dropdown_cls {margin-left:20px; position:relative; margin-bottom: 0px;display: inline-block; overflow:none;}
label.dropdown_cls:after {
    width: 14px;
    content: '';
    background-image: url(../Images/arrow.png);
    position: absolute;
    height:8px;
	//right:14px;
	//top:15px;
	top: 50%;
	 right: 15px;
    margin-top: -3px;
	pointer-events: none;
}
label.dropdown_cls:before {
    content:'';
   // right:14px; top:10px;
   // width:20px; height:20px;
    background:#F2F2F2;
    position:absolute;
    pointer-events:none;
    display:block;
    right: 6px;
    top: 6px;
    width: 26px;
    height: 25.4px;
	overflow-y:hidden;
	-moz-appearance:none;
	-ms-overflow-style: none;
	float:right;
}

/****** end of Activity screen *****/





/****** Common styles *****/
img.ui-datepicker-trigger {
    position: relative;
    top: 2px;  
	cursor:pointer;
}

	html, body {
		#height: 100%;
	}
.outer-bg{

	background:#d4d4d4;
	width:100%;
	#height:600px;
	height:100%;
	min-height:580px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:5px;
}

.inner-bg{
	//background:#ebebeb;
	background:#f2f2f2;
	width:98%;
	#height:600px;
	#height:97.5%;
	min-height:570px;
	margin-right: auto;
	margin-left: auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
	height:100%;
	#padding-bottom:5px;
	padding-bottom: 2px;
}
.view-btn input[type="submit"]{
    border-radius: 6px;
    background: none repeat scroll 0% 0% #a3a3a3;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 16px;
    border: 0px none;
    margin: 0px auto;
    clear: both;
    cursor: pointer;
	/*font-weight:bold;*/
}

.submit-btn input[type="submit"]{
    border-radius: 6px;
    background: none repeat scroll 0% 0% #a3a3a3;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 16px;
    border: 0px none;
    margin: 0px auto;
    clear: both;
    cursor: pointer;
	font-weight:bold;
}
.btn_style{
    border-radius: 6px;
    background: none repeat scroll 0% 0% #a3a3a3;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 16px;
    border: 0px none;
    margin: 0px auto;
    clear: both;
    cursor: pointer;	
}

.text-style {
	padding: 5px 5px;
	line-height: 18px;
	border: 1px solid #2E9AFE;
	/* background-color: #F2F2F2; */
	border-radius: 0px;
	display: inline-block;
	width: 255px;
	margin: 5px;
}
.text-style-si {
 #position: relative;
	padding: 5px 5px;
	line-height: 18px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	border-radius: 0px;
	display: inline-block;
	width: 100px;
	margin: 5px;
	 outline: none;
}

/*
.text-style-si:after {
	content: "";
    position: absolute;
    top: 2px;
    left: -3px;
	background-image: url(../Images/calender.png);
}*/

/** DropDown Box **/
.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
   // width: 250px;
    //margin: 0 auto;
	margin-left:11px;
	 padding: 4px 8px;
	
    /* Styles */
   // background: #fff;
    border-radius: 0px;
    //box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	//border: 1px solid #AAA;

	border: 1px solid #ccc;
	background-color: #F2F2F2;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
	#z-index:999;
	
}
 
.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 7px 6px 0 6px;
    border-style: solid;
	 border-color: #AAA transparent;
   // border-color: #4cbeff transparent;

}
.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    //top: 100%;
	top: 12px;
    left: 0;
    right: 0;
 	border: 1px solid #ccc;
	background-color: #F2F2F2;
    /* Styles */
   // background: #fff;
   // border-radius: 0 0 5px 5px;
    //border: 1px solid rgba(0,0,0,0.2);
	//border: 1px solid #AAA;
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;
 
    /* Hiding */
    max-height: 0;
   // overflow: hidden;
	z-index:200;
	
   
    overflow-y:auto;
    overflow-x:hidden;

	//width:100%;
}
.wrapper-dropdown-5 .dropdown li {
    padding: 0 6px ;
}
 
.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 6px 0;
    transition: all 0.3s ease-out;
    //border-bottom: 1px solid #e6e8ea;

	margin-left:-40px;
}
 
.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}
 
.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}
 
/* Hover state */
 
.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;

}
.wrapper-dropdown-5.active {
   // border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
   // border-bottom: none;
    color: white;

}
 
.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}
 
.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 200px;
}
/****** end of Common styles *****/





/*** End of Account Screen ***/

/*** Start of Detailed and VLR Report ***/
.report-table
{
	border-spacing: 0px;
	background: none repeat scroll 0% 0% #FFF;
	border-top: 1px solid #000;
}
.report-table td {
	
	 padding:7px;
	 text-align: center;
	 border-right:1px solid #000;
	 border-bottom:1px solid #000;
}

.report-table-header {
    background: none repeat scroll 0% 0% #B8CCE4;
    height: 25px;
    width: 100%;
    color: #000;
    font-size: 15px;
    font-weight: bold;
	
}


/*** End of Detailed and VLR Report ***/

/*** Start of Message Status Screen***/

.searchbtn{
border-radius:5px;
background-color:#A6A6A6;
height:25px;
#margin-bottom:20px;
text-align:center;
line-height:2.0;
width:110px;
font-weight:bold;
font-size:12px;
color:#FFF;
}

.msisdn_txtarea
{
	border: 1px solid #D5D5D5;
	height:25px;
}

.header-logo{
    position:absolute;
	border:0px;
	top: 0px; 
	left: 3px;
	z-index:10;
	background:transparent;
}
/*** Add Account Start ***/

.account_div
{
	background:#7f7f7f; 
	padding:15px;
	border-radius:15px;
	width:950px;
}
.account_header{
font-weight:bold;
font-size:16px;
color:white;
}
.txtbox {
    width: 95%;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #D5D5D5;
    padding: 0px 0px 0px 10px;
}

.tablepopup {
   # margin-top: 5px;
    background-color: #FFF;
   # padding: 5px;
   width:950px;
}

.tablepopup td{
padding-top:7px;
padding-bottom:8px;
padding-left:10px;
}

.acc select {
    padding: 4px 8px;
    line-height: 14px;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 5px;
    display: inline-block;
    width: 95%;
    margin: 5px;
}
.acc { position:relative; margin-bottom: 0px;display: inline-block;width:100%;}
.acc:after {
    width: 14px;
    content: '';
    background-image: url(../Images/arrow.png);
    position: absolute;
    height:8px;
	right:14px; top:15px;
	pointer-events: none;
}
.acc:before {
    content:'';
    right:14px; top:10px;
    width:20px; height:20px;
    background:#FFF;
    position:absolute;
    pointer-events:none;
    display:block;
	
}


.accchanges
{
	background-color: #FFF ! important;
	margin-left:0px !important;
	border-radius:5px;
	padding: 4px 5px !important;;
}


/**** Add Account End ***/

/*** End of Message Status Screen***/


/******* start of tabs styles ******/
.ui-tabs .ui-tabs-nav li {
    list-style: none outside none;
    float: left;
    position: relative;
    top: 0px;
    margin: 1px 0.1em 0px 0px;
    border-bottom-width: 1px;
    padding: 0px;
    white-space: nowrap;
}
.ui-widget {
    font-family: Arial,sans-serif;
	font-size:12px;	
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #FFF;
		
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000;
    text-decoration: none;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0px;
    padding: 0em 0em;
    background: none repeat scroll 0% 0% transparent;
    max-height: 600px;
    overflow-y: auto;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
/******* end of tabs styles ******/
/******* start of datepicker ******/
.ui-widget-header {
    border: 1px solid #AAA ;
    background: url('images/ui-bg_highlight-soft_75_cccccc_1x100.png') repeat-x scroll 50% 50% #CCC ;   
}
/******* end of datepicker ******/






/* DEMO 4 */

.wrapper-dropdown-4 {
    /* Size and position */
    position: relative;
    width: 270px;
    margin: 0 auto;
    padding: 10px 10px 10px 30px;

    /* Styles */
    background: #fff;
    border: 1px solid silver;
    cursor: pointer;
    outline: none;
}

.wrapper-dropdown-4:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #AAA transparent;
}

.wrapper-dropdown-4 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    margin-top: 1px;
    left: -1px;
    right: -1px;

    /* Styles */
    background: white;
    border: inherit;
    border-top: none;
    list-style: none;
    -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;
  
    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

/* Red lines: the pseudo-elements way */
.wrapper-dropdown-4 .dropdown:before,
.wrapper-dropdown-4:before {
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px;
    #border: 1px solid #ffaa9f;
    border-top: none;
    border-bottom: none;
    #z-index: 2;
}

/* Red lines: the gradients way */

/*
.wrapper-dropdown-4 .dropdown,
.wrapper-dropdown-4 {
  background: linear-gradient(left, white 5%, #ffaa9f 5%, #ffaa9f 5.3%, white 5.3%, white 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, white 6.8%);
}

.wrapper-dropdown-4 .dropdown li:hover label {
  background: linear-gradient(left, #f0F0F0 5%, #ffaa9f 5%, #ffaa9f 5.3%, #f0F0F0 5.3%, #f0F0F0 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, #f0F0F0 6.8%);
}
*/

.wrapper-dropdown-4 .dropdown li {
    position: relative; /* Enable absolute positioning for checkboxes */
}

.wrapper-dropdown-4 .dropdown li label {
    display: block;
    padding: 10px 10px 10px 30px; /* Same padding as the button */
    border-bottom: 1px dotted #1ccfcf;
    -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;
}

.wrapper-dropdown-4 .dropdown li:last-of-type label {
    border: none;
}

.wrapper-dropdown-4 .dropdown li input /* Checkboxes */ {
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

/* Hover state */

.wrapper-dropdown-4 .dropdown li:hover label {
    background: #f0f0f0;
}

/* Checked state */

.wrapper-dropdown-4 .dropdown li input:checked ~ label {
    color: grey;
    text-decoration: line-through;
}

/* Active state */

.wrapper-dropdown-4.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-4.active .dropdown {
    opacity: 90001;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
    display: none;
    opacity: 90001; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
    display: block;
}

/* a#peakBtn {
	background-image: url(../Images/plus.png);
	width:15px;
	height:15px;
}
a#peakBtn:visited img, a#peakBtn:active
{
	background-image: url(../Images/minus.png);
	width:15px;
	height:15px;
}*/
.fileupload{

background-color:#c4e2c5;
padding-top:2px;
padding-bottom:2px;
padding-left:20px;
padding-right:20px;
width:80px;
cursor:pointer;
}

/*** start of account info ***/
.sidelabel {
	color:#7F7F7F;
}
.sidelabelbold {
	color:#7F7F7F;
	font-weight:bold;
}
.successmsg{
	color:green;
	font-weight:bold;
}
.hyper_color {
	color:#0070c0 !important;
}
.green-btn {
    border-radius: 6px;
    background:#00B050 !important;
    color: #FFF;
    text-decoration: none;
    font-size: 11px !important;
    padding: 3px 10px;
    border: 0px none;
    margin: 4px auto;    
    cursor: pointer;
	width:80px;
}
.orange-btn {
	border-radius: 6px;
    background:#F16E13 !important;
    color: #FFF;
    text-decoration: none;
    font-size: 11px !important;
    padding: 3px 10px;
    border: 0px none;
    margin: 4px auto;    
    cursor: pointer;
	width:80px;
}
.text-style-si-ss {
	padding: 2px 2px;
	line-height: 14px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	border-radius: 0px;
	display: inline-block;
	width: 110px;
	margin: 5px;
}
.text-style-si-ss-enable {
	padding: 2px 2px;
	line-height: 14px;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius: 0px;
	display: inline-block;
	width: 110px;
	margin: 5px;
}
.text-style-si-ss-hide {
	padding: 2px 2px;
	line-height: 14px;
	border: 1px solid #D9D9D9;
	background-color: #D9D9D9;
	border-radius: 0px;
	display: inline-block;
	width: 110px;
	margin: 5px;
}
.pad_20 {
	padding:20px;
}
.pad_10 {
	padding:10px;
}
.pad_5 {
	padding:5px;
}
.applybtn {
    border-radius: 5px;
    border:1px solid #00B050;
    color: #000;
	background:#F2F2F2;	
    text-decoration: none;
    font-size: 10px;
    padding: 3px 16px;
    cursor: pointer;
}
/*** end of account info ***/

.info-icon{
	background-image: url(../Images/info.png);
	width:16px;
	height:16px;
	float:right;
	margin:4px;
}

.addBtn{
	background-image: url(../Images/add.png);
	width:16px;
	height:16px;
	margin: 4px;
}
.editBtn{
	background-image: url(../Images/modify.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}
.exportBtn {
    background-image: url("../Images/excelicon.gif");
    cursor: pointer;
    float: left;
    height: 18px;
    margin: 4px;
    width: 16px;
}

.suspendBtn{
	background-image: url(../Images/suspend.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}
.deleteBtn{
	background-image: url(../Images/delete.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}

.activeBtn{
	background-image: url(../Images/active.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}

.stopBtn{
	background-image: url(../Images/stop.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}

.reportBtn{
	background-image: url(../Images/report.png);
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	cursor:pointer;
}


.dataTables_filter{
	display:none !important;
}

.fancybox-inner {
    overflow: hidden !important;
}

.approveBtn{
	margin-left:10px;
	cursor:pointer;
	padding:4px;
	background-color:#00B050;
	#border:1px solid #000000;
	border-radius:6px;
	width:auto;


}

.rejectBtn{
	margin-left:10px;
	cursor:pointer;
	padding:4px;
	background-color:#F2332B;
	#border:1px solid #000000;
	border-radius:6px;
	width:auto;

}

.approved {
	color:green;	
}
.rejected {
	color:red;
}
.pending {
	color:yellow;
}
.appr_Btn{
	background-color:#00B050;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius:5px;
	text-align:center;
	padding:2px 2px 5px 2px;
	width:75px;		
}
.rej_Btn{
	background-color:#F2332B;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius:5px;
	text-align:center;
	padding:2px 2px 5px 2px;
	width:75px;	
}

.status-icon{
    background: #00ad4e;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0%;
	cursor:pointer;
}

.status-active{
    background: #00ad4e;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0%;
	cursor:pointer;
}
.status-deactive{
    background: #8f8f8f;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0%;
	cursor:pointer;
}

.status-pending{
    background: #fa9a41;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0%;
}

.status-reject{
    background: #F0322B;;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0%;
}

.date-icon {

	background-image: url(../Images/calender.gif);
	width:16px;
	height:16px;
	float:right;
	/*
	position: absolute;
    top: 2px;
    left: -3px;
	background-image: url(../Images/calender.gif);*/
}

.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 2px !important;
}

.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 2px !important;
}

/*** for rate card table ***/
table#tbl_rate_card thead th
{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align:center !important;
}
table#tbl_rate_card thead th:nth-child(0) {
	border-left: 0px solid #fff;
}
table#tbl_rate_card td
{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align:center !important;
}
# fix for safari
input[type="file"]
{
	display:inline !important;
	width:0px;
	height:0px;
}

.paginate_disabled_previous,.paginate_disabled_next
{
	cursor:default !important;
}
.module_heading
{
	margin: 1em 0 0.5em 0;
    color: #343434;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;   
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
	text-align: left;
}
/*16-12-2014*/

select {
height:25px;
min-width:50px;
border:solid 1px #aaa;
color:#444;
}

.hintcolor{
	color:#7f7f7f !important;
}

.danger{
	color:#FF0000 !important;
}

/*** added on 16052018 by supraja aldena ****/
.text-style-input
{
	width: 116px;
}
div#loader
{
    background-color: #000000;
    display: none;
    height: 100%;
    margin-left: -20px;
    opacity: 0.6;
    overflow: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999999;   
}

.text-styles {
    padding: 5px 5px;
    /* line-height: 18px; */
    /* border: 1px solid #2E9AFE; */
    /* background-color: #F2F2F2; */
    border-radius: 0px;
    display: inline-block;
    width: 255px;
    margin: 5px;
}