@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);
/* CSS Document */

/***********Styles*****************/

/**
	color: #458ecc     //Heading color blue	
	color:#1daef8 // Hover Button
	color:#000 // Gray Heading Color
	background : #95C14D; // Green Table header color
	background:#f2f2f2; //Table Even/Odd Row Background 
	border:1px solid #366AE4; // column chooser shifter border blue color
	background:#F1F6FC; // step form light blue color bg
	color:#000 // peragraph gray color
	color:#868686 // Filter text color
	background: #f4f4f4 // accordian light gray color
	background:#fafafa // page and accourdian bg light gray color
	border: 1px solid #ccc // gray color border
	border: 1px solid #DBDBDB // TD gray color border
	color:#898989 // ICONS gray color	
**/

/*************** GENERAL STYLE ********************/

body{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#000;
}

h1{
	color:#000;
	font-size:30px;
}

h2{
	
}

h3{
	color:#000;
	font-size: 21px;
    font-weight: 600;
}

h4{
	color:#000;
	font-size:19px;
}

h5{
	line-height:1.5em;
}

input[type="search"],  input[type="text"]{
	color:#000;
}

label{
	font-weight:normal;
}

.content-container{
	width:97%;	
	margin:0 auto;
}

.page-heading-small{
	color:#fff;
	font-weight:600;
	font-size:17px;
	margin-top:4px;
	margin-bottom:4px
}

.page-heading{
	color:#000;
	font-size: 25px;
    font-weight: bold;
    margin-top: 0;
}

.dynamic-heading-text{
	font-size: 12px;	
	/*margin-left:5px;*/
	margin-top:16px;
	font-weight:lighter;
}

ul{
	padding:0;
}

.formUL li{
	list-style:none;
	margin:5px 0;

}

.formUL label{
	text-align:right;
	font-weight:600;
}

.form-control{
	font-size:13px;
	color:#000;
}

.tablegrid ul li{
	margin:0;
	padding:5px 0;
}

.glyphicon, .fa{
	cursor:pointer;
	color:#458ecc;
	font-size: 13px;
}

.glyphicon.disabled, .fa.disabled{
	cursor: default;
	color:#b9b9b9;
}

.glyphicon:hover, .fa:hover{
	/*color:#333;*/
}

.glyphicon.blue-glyphicon{
	color:#458ecc;
	cursor:pointer;
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?lpmn04');
  src:  url('../fonts/icomoon.eot?lpmn04#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?lpmn04') format('truetype'),
    url('../fonts/icomoon.woff?lpmn04') format('woff'),
    url('../fonts/icomoon.svg?lpmn04#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon2-"], [class*=" icon2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size:19px!important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon2-eCPS_Adoption:before {
  content: "\e900";
  color: #458ecc;

}

.dataTable .glyphicon-calendar{
	font-size:17px;
	/*color:#666;*/
}

.p-icon{
	cursor: pointer;
	color: #458ecc;
	font-size: 8px;
	font-weight: bold;
	margin-top: 1px;
	border: 2px solid #458ecc;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	float:left;
}

.p-icon span{
	margin-left: 2px;
	margin-top: -1px;
	float:left;
}

.fa-cloud.unpublish {
    position: relative;
}

span.unpublish .fa.fa-close {
    color: #fff;
    font-size: 11px;
    font-weight: 100;
    left: 1px;
    position: absolute;
    top: 5px;
}

.icons-disabled .glyphicon, .icons-disabled .fa {
    cursor: default;
}

.glyphicon.blue-glyphicon:hover{
	/*color:#555;*/
}

.glyphicon.gray-glyphicon{
	font-size:14px;
	color:#7d7d7d ;
	cursor:pointer;
}


.glyphicon.gray-glyphicon:hover{
	color:#458ecc;
}

.glyphicon.white-glyphicon{
	font-size:12px;
	color:#fff ;
	cursor:pointer;
}

.glyphicon.white-glyphicon:hover{
	color:#ccc;
}

.highlighted {
 background: yellow
}

.warning-message{
	color:red;
	font-size: 15px;
    font-weight: 600
}

.icons-disabled{
	color:#ababab!important;
	cursor:default!important;
}

.panel-heading .glyphicon{
	color:#fff;
}

.btn-primary{
	background:#458ecc ;
	border:1px solid #458ecc ;
}

.btn-primary:hover, .btn-primary:focus{
	background:#438ECE;
	border:1px solid #458ecc ;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: rgba(0, 0, 0, 0.4);
}

.mCSB_scrollTools{
	right:-4px;
}

.fa-stop-circle{
	color: #898989;
    font-size: 17px;
}

table .radio, table .checkbox{
	margin:0;
}

table th .radio, table th .checkbox{

}

.create-btn {
	font-size:12px;
}

.create-btn span{
	font-family: open sans;
	font-size:13px;
	margin-left:5px;	
	text-decoration:underline;
}

.rowPerPage{
	margin:0 auto;
	width:174px;
}

.rowPerPage input{
	width:60px;
	float:left;
	margin-right:5px;
}


.error-txt{
	color:red;
	clear:both;
}

tr.even.error {
    background: #eaaeae !important;
}

.customize-icon{
	background:url(../images/cip/cutomize-icon.png) no-repeat;
	width:20px;
	height:20px;
	display:block;
}
.create-payment-icon{
	background:url(../images/cip/createPayment.png) no-repeat;
	width:18px;
	height:18px;
}

/**********************************************************************
                      CUSTOM FONTS STYLES
***********************************************************************/

@font-face {
    font-family: 'customicon';
    src: url('../fonts/customicon.eot?p4eay6');
    src: url('../fonts/customicon.eot?p4eay6#iefix') format('embedded-opentype'), url('../fonts/customicon.ttf?p4eay6') format('truetype'), url('../fonts/customicon.woff?p4eay6') format('woff'), url('../fonts/customicon.svg?p4eay6#customicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
   
    font-family: "customicon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
}

.icon-expand, .icon-collapse{
	cursor:pointer;
}

.icon-expand:before {
    content: "\e90e";
}

.icon-collapse:before {
    content: "\e90f";
}

/******************** PAGE HEADER **********************/

.header-categories{
	float:left;
	width:100%;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%) repeat scroll 0 0;
    border-bottom: 3px solid #8fb051;
	padding-left:15px;
	padding-right:15px;
}

.grid-container{
	display:none;
}

.page-header-container{
	float:left;
	width:100%;	
	margin-top:10px;
/*	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
*/}


.page-header-container .page-heading{
	float:left;
}

.page-header-container .action-icons{
	float:right;
	margin-top:10px;
}

.page-header-container .action-icons span{
	margin-left:5px;
	color:#458ecc  ;
}

.avatar {
    background: rgba(0, 0, 0, 0) url("../images/cip/avatar-cps.png") no-repeat scroll 0 0;
    float: left;
    margin-top: -6px;
    padding-bottom: 15px;
    padding-right: 37px;
    padding-top: 16px;
}

.dropdown-toggle, .dropdown-toggle .glyphicon {
	color:#555555;
	line-height:16px!important;
}

.dropdown-toggle:hover{
	background:none!important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background:none!important;
}



/******** MAIN NAVIGATION ********/

	.main-nav{	
		margin-top:10px;
		padding-bottom:20px;
	}
	
	.main-nav li{
		float:left;
		margin-right:10px;
		list-style:none;
		line-height: 30px;
	}
	
	.main-nav li a {
		border-left: 1px solid #ccc;
		padding: 0 10px;
	}

	.main-nav li:hover {
		background: #8fb051 none repeat scroll 0 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	
	.main-nav li:hover + li a{
		border-left:1px solid #fff;
	}
	
	.main-nav li:hover a {
		color: #fff;
		border-left:1px solid transparent;
	}
	
	.main-nav li:first-child a{
		border-left:none;
	}
	
	.main-nav li a{
		color:#555555;
		font-weight:600;
	}

/******** END MAIN NAVIGATION ********/

/******************** END PAGE HEADER **********************/


/******************* PROGRAM DETAIL ******************/

.prgm-thumb-container{
	position:relative;
	z-index:1;
}

.prgm-dtl-container {
    margin-top: -2px;
}

.prgm-dtl-container > div .table-header, .prgm-dtl-container table thead th, .prgm-dtl-container >div .table-header .page-heading-small{
	background:#ccc!important;	
	color:#333!important;
}

.prgm-thumb{
	cursor:pointer;
}

/*
.prgm-thumb-container {
    position: relative;
    z-index: 1;
}

.arrow-down {
    width: 0;
    height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 18px solid #ddd;
    position: absolute;
    top: 20px;
	left: calc(78%);
}

.arrow-down-inner {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    top: -22px;
    left: -18px;
}
*/

/******************* END PROGRAM DETAIL ******************/

/********************** SUSPEND PAGE *****************************/

.suspend{
	padding-top:100px;
	position:relative;
}

.suspend-wrapper{
	margin-top:70px;
}

.suspend-wrapper .alert-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/alert-icon.png") no-repeat scroll center top / 150px auto;
    display: block;
    height: 152px;
    width: 100%;
}

.suspend-wrapper img{
	margin:auto; 
	width:150px;
	display:block
}

.suspend-wrapper p{
	font-size:41px;
	font-weight:100;
	text-transform:capitalize;
	text-align:center;
	line-height:45px;
}

.suspend-wrapper p.big-bold{
	font-weight:700;
	font-size:47px;
	color:#2392ED;
}

.suspend-wrapper p.thank{
	font-size:21px;
}

@media screen and (max-width: 1400px) {
.suspend-wrapper{
	margin-top:-30px;
}	

.suspend-wrapper .first-p{
	margin-top:20px;
}

.suspend-wrapper p{
	font-size:31px;
	line-height:35px;
}

.suspend-wrapper p.big-bold{
	font-size:37px;
}

.suspend-wrapper p.thank{
	font-size:21px;
}
}

/********************** END SUSPEND PAGE *****************************/



/************* HOME PAGE *****************************/

.cip.home-page{
	background:url(../images/cip/crossword.png);
}

.cip{ /* Add Padding left and right for removing horizontal scrollbar */
	/*padding-left: 15px;
    padding-right: 15px;*/
}

.content-container{
	float:left;
	width:100%;
	/*background:#fdfdfd;*/
	padding-bottom:70px;
	padding-left:15px;
	padding-right:15px;
}

.topic-card-container{
	margin-top:100px;
	margin-bottom:100px;	
}

.topic-card{
	min-height:150px;
	text-align:center;
	border:1px solid #d0d0d0;
	padding:87px 10px;
}

.topic-card h3{
	text-transform:uppercase;
	letter-spacing:2px;
}

.topic-card .plan-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/plan-icon.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 122px;
}

.topic-card .plan-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/plan-disabled.png") no-repeat scroll top center;
	color:#999;
}


.topic-card .enrollment-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/enrollment-icon.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 122px;
}

.topic-card .enrollment-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/enrollment-disabled.png") no-repeat scroll top center;
	color:#999;
}


.topic-card .customer-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/customer-icon.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 122px;
}

.topic-card .customer-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/customer-disabled.png") no-repeat scroll top center;
	color:#999;
}

.topic-card .payment-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/payment-icon.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 122px;
}

.topic-card .payment-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/payment-disabled.png") no-repeat scroll top center;
	color:#999;
}



.topic-card .payment-cycle-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/payment-cycle-icon.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 160px;
}

.topic-card .payment-cycle-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/payment-cycle-disabled.png") no-repeat scroll top center;
	color:#999;
}

.topic-card .notification-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/notification.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 160px;
}

.topic-card .notification-img-disabled {
    background: rgba(0, 0, 0, 0) url("../images/cip/notification-disabled.png") no-repeat scroll top center;
	color:#999;
}

.topic-card .reports-img {
    background: rgba(0, 0, 0, 0) url("../images/cip/reports.png") no-repeat scroll top center;
 	color: #000;
    display: block;
    font-size: 21px;
    font-weight: 600;
    height: 85px;
    margin: 0 auto;
    padding-top: 102px;
    width: 160px;
}



.topic-card .reports-img-disabled{
	background: rgba(0, 0, 0, 0) url("../images/cip/reports-disable.png") no-repeat scroll top center;
	color:#999;
}

.topic-card .reports-img-disabled:hover {
	text-decoration:none;	
}

/********** PLAN INFO ***********/

.plan-info{
	margin-top:10px;
}

.plan-info label{
	color:#000;
    font-size: 13px;
    margin-bottom: 0;
}

/********** LISTING ***************/
.listing{
	margin-left:20px;
	margin-bottom:20px;
}

.listing-search .panel-body .col-md-3:nth-child(4n-3){
	clear:left;
}

.listing .status label{
	margin-right:10px;
}

.listing .listing-action{
	display:none;
}

.listing .status span{
	margin-right:20px;
}

.listing .status {
	margin-bottom:10px;
}

.plan-listing .page-header-container{

}

.pagination{
	float:right;
	margin:0;
}

.show-entries-msg {
	margin-top:10px;
}

#listingGrid .glyphicon {
	font-size:13px;
}




/*************** END LISTING *********/

/************* COLUMN CHOOSER ****************/
.column-chooser .mCSB_inside > .mCSB_container{
	margin-right:15px;
}

.column-chooser .content.panel-body ul{
	padding-top:0;
}


.cnsg-cc .bootstrap-datetimepicker-widget.dropdown-menu{
	
}

.selected_suppliers .datepicker{
	width:150px;
}

.panel-body{
	padding-left: 10px;
	padding-right:5px;		
}

.panel-collapse .panel-body{
	padding-right:15px;	
	padding-bottom:5px;
	padding-top:5px;
}

@media screen and (max-width: 1024px) {
	
	.column-chooser .right-column .selected_suppliers ul li > span {
		width: 93px;
	}
	
	.selected_suppliers .datepicker{
		width: 102px;
	}
	
}

@media screen and (max-width: 780px) {
	
	.column-chooser .right-column .selected_suppliers ul li > span {
		width: 120px;
	}
	
	.selected_suppliers .datepicker{
		width: 140px;
	}
	
}

/************* END COLUMN CHOOSER ****************/

/***************** FIXED HEADER TABLE *******************/

.table-body-div{
	clear:both;
	max-height: 150px; 
	float: left;
}

/***************** END FIXED HEADER TABLE *******************/


/***************** FIXED HEADER TABLE *******************/

.freez-overlay{
	background:white;
	opacity: 0.5;
}

/***************** END FIXED HEADER TABLE *******************/



/*************************** DATA TABLE ****************************/


tfoot input {
	width: 100%;
	padding: 3px;
	box-sizing: border-box;
}

table.dataTable{
	border: 1px solid #dbdbdb;
}

.dataTable TH{
	font-size:14px;
	font-weight:bold;
}

.table-header{
	float:left;
	width:100%;	
	background:#458ecc;
	min-height: 34px;
/*	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
*/}

.table-header .right-heading{	
	margin-top:5px;
	font-weight:bold;
	font-size:16px;
}

.dataTables_filter{
	float: right; 
	color: rgb(0, 0, 0);
}

.dataTables_filter input{
	width:350px!important;
	margin-left: 5px; 
	display: inline; 
}

table.text-right td{
	text-align:right;
}

table td.numericData{
	text-align:right;
}

table tr:hover > td {
    background: #d5d8e2 none repeat scroll 0 0!important;
	color:#000;
}


.program-details table tr:hover > td{
	background:transparent!important;
}

.facility-detail-affiliation table tr th, .facility-detail-affiliation table tr td{
	padding:5px;
}

.facility-detail-affiliation table tr:hover > td {
	background:none!important;
}

table tr.redTr td{
	background:#f2dede!important;
}

input["type=radio"]:hover {
    background: none!important;
}

.datepicker table tr:hover > td{
	 background: #fff none!important;
}


table.dataTable a{
	color:#458ecc ;
}

.pagination li a{
	color:#0086bb;
}

table tfoot{
	/*display:none;*/
}

table.dataTable td{
 	border-right: 1px solid #dbdbdb;
}

.datepicker table td{
	border-right: none;
}

[name=listingGrid_length]{
	margin-left:10px;
	margin-right:10px;
}

#listingGrid_info, #listingGrid_paginate, #listingGrid_filter{
	visibility:hidden;
	height:0;
}
.dataTables_wrapper{

}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{
	text-align:left;
	margin-left:10px;
}

table.dataTable thead th, table.dataTable thead td{
	border-bottom: 3px solid #b9b9b9;
	background-color: #f4f4f4;
	font-weight:600;
	color:#000;
}

.datepicker table thead th, .datepicker table thead td{
	border-bottom:none;
	background-color:transparent;
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/cip/sort_asc.png");
}

table.dataTable thead .sorting {
    background-image: url("../images/cip/sort_both.png");
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/cip/sort_desc.png");
}

td.details-control {
    background: url('../images/cip/collapsed_icon.png') no-repeat center center;
    cursor: pointer;
}

tr:hover td.details-control {
    background: #d5d8e2 url('../images/cip/collapsed_icon.png') no-repeat center center!important;
}

.childrenTr > td{
	background:#fbfbfb;
}

.childrenTr table thead th{
	text-align:center;
}


tr.shown:hover td, tr.shown td {
    background: #EAEAEA !important;
/*	color:#fff;
*/}

tr.shown:hover td .glyphicon, tr.shown td .glyphicon {
/*	color:#fff;
*/}

table.select-enrolee-tbl td{
	padding-bottom:10px;
}

table.select-enrolee-tbl tr:hover > td {
    background:none!important;
}

tr.shown:hover td a, tr.shown td a {
/*	color:#fff;
*/}

.childrenTr:hover > td{
    background: #fbfbfb  !important;
}


tr.shown td.details-control {
    background: #EAEAEA   url('../images/cip/expended_icon.png') no-repeat center center!important;
}

tr.childrenTr > td{
    border-bottom: 2px solid #999;
}

#incentive-program_info, #incentive-program_paginate{
	visibility:hidden;
	position:absolute;
	top:-100;
}

table.dataTable thead th, table.dataTable thead td{
	padding:7px 11px;
}

.create-enr #selectPlan_length, .create-enr #selectPlan_info, .create-enr #selectPlan_paginate{
	display:none;
}

.create-enr #enr-incentive-program_length, .create-enr #enr-incentive-program_info, .create-enr #enr-incentive-program_paginate, .create-enr #std-incentive-program_info, .create-enr #std-incentive-program_paginate, .create-enr #std-incentive-program_length, .create-enr #individual-enrollee_paginate, .create-enr #add-individual-enrollee_length, .create-enr #add-individual-enrollee_info, .create-enr #add-individual-enrollee_paginate,  .create-enr #group-enrollee_paginate,  .create-enr #super-group-enrollee_paginate, #enr-specific-incentive-program_paginate, #std-plan-incentive-program_paginate, #changeCASS_paginate, #changeCASS_info, #extRateModel_info, #extRateModel_paginate, #manageSuppGroup_info, #manageSuppGroup_paginate, #pick-list_paginate{
	display:none;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	color:#000;
}

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even{
	background-color: #f2f2f2;
}

.empty-table-message{
	margin-left:10px;
	margin-top:10px;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1{
	background-color:#f2f2f2;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
	background-color:#fff
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1{
	background-color:#fff;
}

table.dataTable tfoot th, table.dataTable tfoot td{
	border-top:none;	
}

table.dataTable tfoot th{
	font-weight:normal;	
}

.cycle-listing-tbody tr td{
	background-color:#fff;
}

/* CIP 3.1.2*/

table.dataTableAng  tr.childTrRowOdd {
    background-color: #fff!important;
}


table.dataTableAng  tr.childTrRowEven {
    background-color: #f2f2f2!important;
}



table.cycleCheckbox .checkbox label {
    padding: 0px;
}
table.cycleCheckbox span.glyphicon {
    margin: auto 5px;
}
.b-top-2 {
    border-top: 2px solid #999!important; 
}
.b-bottom-2 {
    border-bottom: 2px solid #999!important; 
}
.b-right-2 {
    border-right: 2px solid #999!important; 
}
.b-left-2 {
    border-left: 2px solid #999!important;  
}
.border-top {
    border-top: 2px solid #999!important; 
}
.border-bottom {
    border-bottom: 2px solid #999!important; 
}

.border-right {
    border-right: 2px solid #999!important; 
}
.border-left {
    border-left: 2px solid #999!important;  
}
 /*
.cycle-listing-tbody tr:nth-child(2n) td{
	background-color:#f2f2f2!important;
}

.cycle-listing-tbody tr:nth-child(1n).childrenTrRow td {
    background: #f2f2f2!important;
}
.cycle-listing-tbody tr:nth-child(2n).childrenTrRow td {
    background: white!important;
}
*/
 
tr.even td {
	 background-color: #EAEAEA ;

}

tr.odd td {
       background-color: white;
}
.p-5 {
    padding-left: 5px;
}


table tr.childrenTrRow:hover > td {
    background: #fff!important;
 }

.childrenTrRow tbody tr:nth-child(even) td {
    background: #f2f2f2!important;
}

tr.childrenTrRow > td {
    border-bottom: 2px solid #999;
}

.green-header td {
    border: 1px solid #ddd;
}

td.details-control {
    width: 10px;
}

.tooltipDiv {
  position: relative;
  display: inline-block;
 }

.tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #3e3e3e;
    text-align: center;
    padding: 6px;
    position: absolute;
    z-index: 1;
    border: 1px solid #3d3e40;
    font: inherit!important;
    font-size: 12px!important;
    font-family: 'Open Sans', sans-serif!important;
    margin-top: 14px;
}

.width-1
{ width: 160px;}

.width-2
{width: 165px;}


.tooltipDiv:hover .tooltiptext {
  visibility: visible;
}

.tooltiptext div {
    margin-top: 3px;
    margin-bottom: 2px;
}

/* last*/
table.green-1 th {
    background: #95C14D!important;
}

.green-1 thead tr th {
    border: 1px solid #e1dfdf;
}

th.sorting_disabled.processing-stats.no-boder {
    border: 1px solid #e1dfdf;
	border-right: 0px;
}
 
 .childrenTrRow table.green-1   tbody tr:nth-child(even) td {
    background: #f2f2f2!important;
}
/* last*/

/* CIP 3.1.2*/


table.dataTable thead th{
	border-right: 1px solid #B2B2B2;	
}


.datepicker table thead th{
	border-right: none;	
}


table.dataTable tfoot th, table.dataTable tfoot td{
	padding: 10px 10px 6px;	
}

tfoot tr th{
	background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #d4d4d4 !important;
}

tr.row-disable td{
	color:#999;
}

tr.row-disable:hover td{
	color:#999;
}

.group-enrollee{
	width:1200px;
}

.group-enrollee .supp-name{
	width:57%;
}

.part-with-bonus{
	width:53%;	
}

.part-with-bonus:nth-child(2){
	margin-left:10px;	
}

.highlightRow td{
	background:#98B9E3!important;
}

.table-responsive{
	overflow:inherit;
}

.table-header .processing-stats-heading{
    color: white;
    float: right;
    margin-right: 128px;
    margin-top: 10px;
    padding-bottom: 3px;
    text-align: center;
    width: 572px;
	font-weight:600;
}

.processing-stats{
	background:#c6c6c6!important;
}

.lto {
	color: #F00;
	font-weight: bold;
}

@media screen and (max-width: 1600px) {

	.table-header .processing-stats{
		margin-right:130px;
		width:500px;
	}

}

@media screen and (max-width: 1400px) {
.custom_responsive{
		max-width:1200px;
		overflow-x: auto;
	}
	
}

@media screen and (max-width: 1024px) {
	
	.table-header .processing-stats{
		margin-right:110px;
		width:420px;
	}



	.dataTables_wrapper{
		max-width:1024px;
		overflow-x: auto;
	}
	
	.group-enrollee{
		width:97%
	}

	.group-enrollee .supp-name{
		width:50%;
	}

	.part-with-bonus{
		width:54%;	
	}
	
	.part-with-bonus:nth-child(2){
		width:42%;		
	}

}

@media screen and (max-width: 980px) {
	.group-enrollee .supp-name{
		width:50%;
	}

	.part-with-bonus{
		width:95%;	
	}
	
	.part-with-bonus:nth-child(2){
		margin-left:20px;
		margin-top:10px;
		width:95%;	
	}
	
	.tbl-responsive{
		max-width:630px;
		overflow-x:scroll;
	}



}


/************** END DATA TABLE **********************/

/*************** EDIT ENROLLMENT **********************/

#customize-inc-prog select{
	width: 135px;
}

/*************** END EDIT ENROLLMENT **********************/

/************ CREATE INCENTIVE PLAN **********/

.create-new-rate-model .glyphicon-minus-sign{
	font-size:16px;
}

.rtFixContent, .rtModelContent{
	/*width:800px;*/
}

.rtEnrollmentFixContent{
	width:870px;
}

@media screen and (max-width: 768px) {
	.rtFixContent, .rtModelContent{
		width:auto;
		mx-width:600px;
		overflow-x:scroll;
	}
}


/************END CREATE INCENTIVE PLAN **********/


/************ PLAN PERAMETER **********/

.plan-perameter strong{
	width:200px;
	float:left;
	margin-right:2px;
	text-align:right;
}

.plan-perameter td{
	
}

.supergroup-detail-box-wrapper{
	 display: flex; /* equal height of the children */
	 flex-wrap: wrap;
}

.supergroup-detail-box {
  padding-bottom:40px;
}

.plan-perameter .gray-border{
	height:100%;
}

@media screen and (max-width: 800px) {
	.plan-perameter .gray-border{
		min-height:auto;
	}
	
}


/************ PLAN PERAMETER **********/

/************ PAYMENT LISTING ***********/

.values-section label, .values-section span{
	font-size: 13px;
	font-weight: 600;
}

/************ END PAYMENT LISTING ***********/



/************ PAYMENT DETAIL ***********/
.cost {
    background: #E1E1E1 none repeat scroll 0 0;
    margin-top: 0;
    padding: 24px 31% 34px 25px;
	float:left;
}

.payment-detail-alert {
    background: #eee none repeat scroll 0 0;
    margin-top: 0;
    padding: 12px 14% 10px 25px;
	float:left;	
	border: 1px solid #d8d8d8;
}
.payment-detail-alert h4{
	color:#F00;
 	font-size: 19px;
    font-weight: 600;
    text-align: center;
}

.payment-detail-alert button{
	background:red;
	border:none;
	font-weight:bold;
}

.payment-detail-alert .btn-primary:hover, .payment-detail-alert .btn-primary:focus{
	background:#D70000;
	border:none;
}


.table-header .right-heading{
	color:#FF0;
}

.detail-alert{
	float:right;
	color:red;
	font-weight: 600;
	font-style:italic;
	font-size:13px;
	margin-bottom:3px;
}

/************ END PAYMENT DETAIL ***********/


/*************** FOOTER **************/
.footer {	
    padding-top: 15px;
	clear:both;
	padding-left:15px;
	padding-right:15px;
}

.footer span{
	color:#608c17;
}

.footer > div > div > div:first-child > span{
	color:#000;
}

/*************** END FOOTER **************/



/*********************  HELPER CLASSES ****************/

.clear-both{
	clear:both;
}

.clear-none{
	clear:none!important;
}

.float-left{
	float:left;
}

.clear-left{
	clear:left;
}

.clear-div{
	float:left;
	width:100%;
	clear:both;
	margin:10px 0;
}

.cursor-pointer{
    cursor: pointer;
}

.overflowHidden{
	overflow:hidden;
}


/***** TEXT STYLE ***/

.white-text-color{
	color:#fff;
}

.black-text-color{
	color:#000;
}


.red-text-color{
	color:#f00;
}

.yellow-text-color{
	color:#FF0;
}

.text-align-left{
	text-align:left!important;
}

.text-align-right{
	text-align:right!important;
}

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


.blue-text-color{
	color:#458ecc  ;
}

.text-bold{
	font-weight:600!important;
}

.text-italic{
	font-style:italic;
}

/**** POSITIONS ***/
.position-absolute{
	position:absolute;
}

.position-relative{
	position:relative;
}


/***** TOP *****/
.top-0{
	top:0;
}

.top-10{
	top:10px;
}

.top-15{
	top:15px;
}

.top-20{
	top:20px;
}

/***** LEFT *****/
.left-0{
	left:0;
}

.left-10{
	left:10px;
}

.left-15{
	left:15px;
}

.left-20{
	left:20px;
}

/***** RIGHT *****/
.right-0{
	right:0;
}

.right-10{
	right:10px;
}

.right-15{
	right:15px;
}

.right-20{
	right:20px;
}

/***** BOTTOM *****/
.bottom-0{
	bottom:0;
}

.bottom-10{
	bottom:10px;
}

.bottom-15{
	bottom:15px;
}

.bottom-20{
	bottom:20px;
}

/******* z-index *******/

.z-index-1{
	z-index:1;
}

.z-index-10{
	z-index:10;
}

.z-index-100{
	z-index:100;
}

/**** MARGIN ***/

.margin-0{
	margin:0;
}

.margin-5{
	margin:5px;
}

.margin-10{
	margin:10px;
}

.margin-bottom-0{
	margin-bottom:0px;	
}

.margin-bottom-5{
	margin-bottom:5px;
}

.margin-bottom-10{
	margin-bottom:10px!important;
}

.margin-bottom-15{
	margin-bottom:15px;

}

.margin-bottom-20{
	margin-bottom:20px!important;
}

.margin-bottom-25{
	margin-bottom:25px;
}

.margin-bottom-30{
	margin-bottom:30px;
}

.margin-bottom-40{
	margin-bottom:40px;

}

.margin-left-5{
	margin-left:5px!important;
}

.margin-left-10{
	margin-left:10px!important;
}

.margin-left-15{
	margin-left:15px!important;

}

.margin-left-20{
	margin-left:20px!important;

}

.margin-left-30{
	margin-left:30px!important;

}

.margin-left-40{
	margin-left:40px!important;

}

.margin-left-45{
	margin-left:45px!important;
}

.margin-left-50{
	margin-left:50px!important;

}

.margin-right-5{
	margin-right:5px!important;
}

.margin-right-10{
	margin-right:10px!important;
}

.margin-right-15{
	margin-right:15px;

}


.margin-right-20{
	margin-right:20px;

}

.margin-right-25{
	margin-right:25px;

}

.margin-right-30{
	margin-right:30px;
}

.margin-right-35{
	margin-right:35px;
}

.margin-right-40{
	margin-right:40px;
}

.margin-right-minus-2{
	margin-right:-2px;
}

.margin-right-minus-10{
	margin-right:-10px;
}

.margin-top-0{
	margin-top:0px;	
}

.margin-top-2{
	margin-top:5px;	
}

.margin-top-3{
	margin-top:5px;	
}

.margin-top-4{
	margin-top:5px;	
}

.margin-top-5{
	margin-top:5px;	
}

.margin-top-8{
	margin-top:8px;	
}

.margin-top-10{
	margin-top:10px;	
}

.margin-top-12{
	margin-top:12px;	
}

.margin-top-13{
	margin-top:13px;	
}

.margin-top-14{
	margin-top:14px;	
}


.margin-top-15{
	margin-top:15px!important;	
}

.margin-top-20{
	margin-top:20px;	
}

.margin-top-30{
	margin-top:30px;	
}

.margin-top-35{
	margin-top:35px;	
}

.margin-top-40{
	margin-top:40px;	
}


.margin-top-45{
	margin-top:45px;	
}

.margin-top-50{
	margin-top:50px;	
}


.margin-top-minus-5{
	margin-top:-5px;
}

.margin-top-minus-10{
	margin-top:-10px;
}

.margin-top-minus-20{
	margin-top:-20px;
}

.margin-top-minus-30{
	margin-top:-30px;
}

.margin-top-minus-40{
	margin-top:-40px;
}

.margin-top-minus-45{
	margin-top:-45px;
}

/** PADDING **/

.padding-0{
	padding:0!important;
}

.padding-5{
	padding:5px;
}

.padding-10{
	padding:10px;
}

.padding-15{
	padding:15px;
}


.padding-20{
	padding:20px;
}

.padding-left-0{
	padding-left:0px!important;
}

.padding-left-5{
	padding-left:5px!important;
}

.padding-left-10{
	padding-left:10px;
}

.padding-left-15{
	padding-left:15px;
}

.padding-left-25{
	padding-left:25px;
}


.padding-left-35{
	padding-left:35px;
}

.padding-left-45{
	padding-left:45px;
}


.padding-left-55{
	padding-left:55px;
}


.padding-right-0{
	padding-right:0px;
}

.padding-right-5{
	padding-right:5px;
}

.padding-right-10{
	padding-right:10px;
}

.padding-right-15{
	padding-right:15px;
}

.padding-right-minus-15{
	padding-right:-15px;	
}

.padding-left-minus-15{
	padding-left:-15px;	
}

.padding-top-0{
	padding-top:0px;	
}

.padding-top-5{
	padding-top:5px;	
}

.padding-top-8{
	padding-top:8px;	
}


.padding-top-10{
	padding-top:10px;	
}

.padding-top-15{
	padding-top:15px;	
}

.padding-top-20{
	padding-top:20px;	
}

.padding-top-30{
	padding-top:30px;	
}

.padding-top-40{
	padding-top:40px;	
}

.padding-top-minus-10{
	padding-top:-10px;
}

.padding-top-minus-15{
	padding-top:-15px;
}

.padding-top-minus-20{
	padding-top:-20px;
}

.padding-bottom-0{
	padding-bottom:0px;	
}

.padding-bottom-10{
	padding-bottom:10px;	
}

.padding-bottom-20{
	padding-bottom:20px;	
}

.padding-bottom-30{
	padding-bottom:30px;	
}

.padding-bottom-40{
	padding-bottom:40px;	
}


/*** HEIGHT ***/

.height-auto{
	height:auto!important;
}

.height-30px{
	height:30px;
}

.height-50px{
	height:50px;
}
.height-100px{
	height:100px;
}

.height-150px{
	height:150px;
}

.height-200px{
	height:200px;
}


.height-300px{
	height:300px;
}

.height-350px{
	height:350px;
}


.height-400px{
	height:400px;
}

.height-500px{
	height:500px;
}

/*** WIDTH ***/

.width-auto{
	width:auto;
}

.width-100-p{
	width:100%!important;
}

.width-98-p{
	width:98%;
}

.width-70-p{
	width:70%;
}

.width-30px{
	width:30px;
}


.width-50px{
	width:50px;
}

.width-80px{
	width:80px;
}

.width-100px{
	width:100px;
}

.width-125px{
	width:125px;
}

.width-135px{
	width:135px;
}

.width-140px{
	width:140px;
}

.width-145px{
	width:145px;
}

.width-150px{
	width:150px;
}

.width-170px{
	width:170px;
}

.width-180px{
	width:180px;
}


.width-200px{
	width:200px;
}

.width-210px{
	width:210px;
}

.width-220px{
	width:220px;
}


.width-250px{
	width:250px;
}

.width-300px{
	width:300px;
}


.width-400px{
	width:400px;
}

.width-500px{
	width:500px;
}

.width-600px{
	width:500px;
}

.width-700px{
	width:500px;
}

.width-800px{
	width:500px;
}

.width-900px{
	width:500px;
}

.width-1000px{
	width:500px;
}


/***** FONTS ******/

.font-13{
	font-size:13px!important;
}

.font-15{
	font-size:15px!important;
}

.font-16{
	font-size:16px!important;
}

.font-17{
	font-size:17px!important;
}

.font-18{
	font-size:18px;
}


.font-20{
	font-size:20px;
}

.font-25{
	font-size:25px;
}


.font-30{
	font-size:30px;
}


.font-35{
	font-size:35px;
}

/***** BORDERS ******/

.border-box{
	border: 1px solid black; 
	padding:1px 4px;
	
}
.border-box.approved{
	background: #8fb051;
}
.border-box.awaiting{
	border: 1px solid #666;
	color:#666;
	padding:1px 4px;
	background: #fff;
}

.border-top-none{
	border-top:none;
}
.border-top{
	border-top:1px solid #ccc;
}

.border-right{
	border-right:1px solid #ccc;
}

.border-bottom-none{
	border-bottom:none!important;
}


.border-bottom{
	border-bottom:1px solid #ccc;
}
.border-bottom-dark-green{
	border-bottom: 5px solid #77c159;
}
.border-bottom-blue{
	border-bottom: 5px solid #2178E5;
}

.border-bottom-green{
	border-bottom: 5px solid #00bfa5;
}
.border-bottom-orange{
	border-bottom: 5px solid #f9b600;
}
.border-bottom-gray{
	border-bottom: 5px solid #999;
}

.border-left-blue{
	border-left: 3px solid #458ecc!important;
}

.border-left-green{
	border-left: 3px solid #95C14D!important;
}
.border-left-orange{
	border-left: 3px solid #f9b600;
}

.border-right-gray{
	border-right:1px solid #ccc ;
}

.border-left{
	border-left:1px solid #ccc;
}


.gray-border{
	border:1px solid #ccc;	
}

.light-gray-border{
	border:1px solid #dfdfdf;
}

.orange-border-left{
	border-left: 2px solid #ffab00;
    padding-left: 20px;
}

/**** SHADOW ****/

.custom-shadow{
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
}

/***** COLORS ******/

.red{
	color:#F00;
}

.green{
	color:#00aaa0;
}

.blue{
	color:#458ecc ;
}

.orange{
	color:#f9b600;
}

/**** BACKGROUD ***/

.blueBg{
	background:#458ecc;
}

.greenBg{
	background:#00aaa0!important;
}

.darkGrayBg{
	background:#8d8d8d;
}

.lightGrayBg{
	background:#dfdfdf;
}

.whiteBg{
	background:#fff;
}

.shadow{
	 box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.custom-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,f7f7f7+99 */
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f7f7f7 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f7f7f7 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfcfc 0%,#f7f7f7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.blue-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,edf7ff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #edf7ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edf7ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#edf7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf7ff',GradientType=0 ); /* IE6-9 */
}

.page-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.dark-gray-gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#636363+0,000+100 */
	background: #636363; /* Old browsers */
	background: -moz-linear-gradient(top,  #636363 0%, #000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #636363 0%,#000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #636363 0%,#000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}

.dark-gray-bg{
	background:#636363;
}

.medium-gray-bg{
	background:#e8e8e8;
}

.light-gray-bg{
	background:#f4f4f4;
}

.d-flex{
	display: flex;
	justify-content:center;
}

/*************** END HELPER CLASSES ********************/