body {
    background: #FFF;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    line-height: 20px;
    overflow-x: hidden;
    font-size: 13px;
}
input, select, textarea {
    font-family: 'Open Sans', sans-serif;
    color: #767676;
}
a {
    color: #333;
}
a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #353F4F;
}
h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
}
/*-----------------------------
        MAIN CONTENT
------------------------------*/
.main-content {
    margin-left: 240px;
    background: #FFF;
    position:relative;
    min-height: 700px;
    margin-top:51px;
    padding:15px 0 15px 15px;
}
.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 8px;
    margin-bottom: 10px;
    border: 0px !important;
    background-color: #eee;
    margin-bottom:15px;
}
.navbar-header {
    float:left;
}
.breadcrumb>li>a, .breadcrumb>li>i, .breadcrumb>li>span {
    color: #333;
    font-size: 14px;
}
.breadcrumb>li>i {
    color: #666;
}
footer {
    background: #fff;
    padding: 15px;
    color: #7A7676;
    font-size: 12px;
    position: static;
    bottom: 0;
    width: 100%;
    display:inline-block;
    border-top: 1px solid #eff0f4;
}
.PageTitle {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #E7E7E7;
    float: left;
    font-size: 24px;
    font-weight: 300;
    height: 48px;
    line-height: 20px;
    padding: 11px;
    text-indent: 35px;
    width: 100%;
    position:fixed;
    top:51px;
    z-index:100
}
.Areawork {
    -moz-box-sizing: border-box;
    background-color: #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    float: left;
    margin:0 0 25px 0;
    width: 99%;
}
.Areawork .portlet-title {
    border-bottom: 1px solid #eeeeee;
    font-size: 18px;
    font-weight: 300;
    height: 54px;
    line-height: 48px;
    padding: 0 15px;
}
.Areawork .portlet-body {
    background: #FFFFFF;
    padding: 10px;
    width:100%;
}
/*---------------------------------
            LEFT SIDE
----------------------------------*/

.left-side {
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
}
.sticky-left-side {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 100;
    top:51px;
    background: none repeat scroll 0 0 #FAFAFA;
    border-right: 1px solid #DDDDDD;
    /*box-shadow: -15px 0 32px 4px #DDDDDD inset;*/
}
.sticky-left-side .custom-nav {
    margin-top: 0;
}
.left-side-collapsed .sticky-left-side {
    overflow-y: visible;
}
.userimage {
    padding-top: 0;
    position:relative;
}
.userimage img {
    position:relative;
    z-index:1
}
.UserName {
    position:absolute;
    bottom:0;
    width:100%;
    background-color:rgba(0, 0, 0, 0.5);
    color:#FFF;
    text-align:center;
    padding:10px;
    font-size:15px;
    z-index:2
}
.left-side-collapsed .userimage .UserName {
    display:none;
}
.userimage-icon {
    display: none;
}
.left-side-collapsed .userimage-icon {
    height: 45px;
    margin-top: -48px;
    display: block !important;
}
.left-side-inner {
    padding: 0px;
    margin-bottom: 50px;
}
.left-side .searchform {
    display: none;
}
.left-side .searchform::after {
    content: '';
    display: block;
    clear: both;
}
.left-side .searchform input {
    padding: 10px;
    width: 90%;
    margin: 0 0 20px 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
}
.left-side .logged-user {
    padding: 0 0 15px 12px;
    margin: 0 0 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
}
.left-side .logged-user .media-object {
    width: 45px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
}
.left-side .logged-user .media-body {
    margin-left: 60px;
    color: #d7d7d7;
}
.left-side .logged-user .media-body h4 {
    font-size: 15px;
    margin: 5px 0 0 0;
}
.left-side .logged-user .media-body h4 a {
    color: #fff;
}
.left-side .logged-user .media-body span {
    font-style: italic;
    font-size: 11px;
    opacity: 0.5;
}
.custom-nav {
    margin-bottom: 10px;
}
.custom-nav > li > a {
    color: #000;
    padding: 12px 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom:1px #E8E8E8 solid;
    font-size:14px; font-weight:400; 
}
.custom-nav > li > a:hover, .custom-nav > li > a:active {
    background-color: #5BC0DE;
    color: #FFF;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.custom-nav > li > a:hover i {
    color: #FFF;
}
.custom-nav > li.menu-list > a {
    background: transparent url(../images/plus.png) no-repeat 93% center;
}
.custom-nav > li.menu-list > a:hover {
    background-color: #EEEEEE; color:#000;
    background-image: url(../images/plus-white.png);
}
.custom-nav > li.nav-active > a {
    background-color: #5BC0DE;
    background-image: url(../images/minus.png);
    color: #FFF;
}
.custom-nav > li.nav-active > a i {
    color: #FFF;
}
.custom-nav > li.nav-active > a:hover i {
    color: #999;
}
.custom-nav > li.nav-active > ul {
    display: block;
}
.custom-nav > li.nav-active > a:hover {
    background-image: url(../images/minus.png);
}
.custom-nav > li.active > a, .custom-nav > li.active > a:hover, .custom-nav > li.active > a:focus {
    background-color: #5BC0DE;
    color: #FFF;
}
.custom-nav > li.active > a i, .custom-nav > li.active > a:hover i {
    color: #FFF;
}
.custom-nav > li.menu-list.active > a {
    background-image: url(../images/plus.png);
}
.custom-nav > li.nav-active.active > a {
    background-image: url(../images/minus.png);
}
.custom-nav > li.nav-active.active > a:hover {
    background-image: url(../images/minus.png);
}
.custom-nav li .fa {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
    color:#999
}
.custom-nav .sub-menu-list {
    list-style: none;
    display: none;
    margin: 0;
    padding: 0;
    background: #FAFAFA;
}
.custom-nav .sub-menu-list > li > a {
    color: #000;
    font-size: 14px;
    display: block;
    padding: 10px 5px 10px 50px;
    border-bottom:1px #e8e8e8 solid;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.custom-nav .sub-menu-list > li > a i{color:#666;}
.custom-nav .sub-menu-list > li > a:hover i{color:#000;}
.custom-nav .sub-menu-list > li > a:hover, .custom-nav .sub-menu-list > li > a:active, .custom-nav .sub-menu-list > li > a:focus {
    text-decoration: none;
    color: #000;
    background: #EEE;
}
.custom-nav .sub-menu-list > li .fa {
    font-size: 16px;
    opacity: 0.5;
    margin-right: 5px;
    text-align: left;
    width: auto;
    vertical-align: baseline;
}
.custom-nav .sub-menu-list > li.active > a {
    color: #000;
    background-color: #EEE;
}
.custom-nav .sub-menu-list ul {
    margin-left: 12px;
    border: 0;
}
.custom-nav .menu-list.active ul {
    display: block;
}
/*------------------------------------------
            LEFT SIDE COLLAPSE
-------------------------------------------*/
.left-side-collapsed .userimage img{height:47px;}
.left-side-collapsed .logo {
    display: none;
}
.left-side-collapsed .header-section {
    margin-left: 0px;
}
.left-side-collapsed .left-side {
    width: 52px;
    top: 51px;
}
.left-side-collapsed .left-side-inner {
    padding: 0;
}
h5.left-nav-title {
    margin-left: 10px;
    color: #fff;
}
.left-side-collapsed .custom-nav {
    margin: 2px 0 20px 0;
}
.left-side-collapsed .custom-nav li a {
    text-align: center;
    padding: 10px;
    position: relative;
}
.left-side-collapsed .custom-nav > li.menu-list > a {
    background-image: none;
}
.left-side-collapsed .custom-nav li a span {
    position: absolute;
    background: #5BC0DE;
    padding: 10px;
    left: 51px;
    top: 0;
    min-width: 185px;
    text-align: left;
    z-index: 100;
    display: none;
}
.left-side-collapsed .custom-nav li a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #5BC0DE;
    border-width: 6px;
    margin-top: -6px;
}
.left-side-collapsed .custom-nav li.active a span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.left-side-collapsed .custom-nav ul, .left-side-collapsed .custom-nav .menu-list.nav-active ul {
    display: none;
}
.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
    display: block;
}
.left-side-collapsed .custom-nav > li.nav-hover > a, .left-side-collapsed .custom-nav > li.nav-hover.active > a {
    background: #89d1e7;
    color: #FFF;
}
.left-side-collapsed .custom-nav > li.nav-hover > a i, .left-side-collapsed .custom-nav > li.nav-hover.active > a i{
    color: #FFF;
}
.left-side-collapsed .custom-nav li.nav-hover a span {
    display: block;
    color: #fff;
}
.left-side-collapsed .custom-nav li.nav-hover.active a span {
    background: #5BC0DE;
    color: #fff;
}
.left-side-collapsed .custom-nav li.nav-hover ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 53px;
    margin: 0;
    min-width: 185px;
    background: #fafafa;
    z-index: 100;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}
.left-side-collapsed .custom-nav ul a {
    text-align: left;
    padding: 6px 10px;
    padding-left: 10px;
    border-bottom:1px #e8e8e8 solid;
}
.left-side-collapsed .custom-nav ul a:hover {
    background: #eee;
}
.left-side-collapsed .custom-nav li a i {
    margin-right: 0;
}
.left-side-collapsed .main-content {
    margin-left: 52px;
}
.left-side-collapsed .left-side {
    overflow: visible !important;
}
.toggle-btn {
    width:51px;
    height: 47px;
    font-size: 20px;
    padding: 12px 14px;
    cursor: pointer;
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    background-color:rgba(0, 0, 0, 0.5);
    color: #212121;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    z-index:10
}
.toggle-btn i {
    color:#FFF;
}
.toggle-btn:hover {
    background: #5BC0DE;
    border-right: 1px solid #5BC0DE;
    border-bottom: 1px solid #5BC0DE;
    color: #fff;
    border-right-color: #5BC0DE;
}
/*----------------------------
        HEADER SECTION
-----------------------------*/

.header-section {
    background: #fff;
    border-bottom: 1px solid #eff0f4;
}
.header-section::after {
    clear: both;
    display: block;
    content: '';
}
.searchform input {
    box-shadow: none;
    float: left;
    font-size: 14px;
    height: 35px;
    margin: 7px 0 0 10px;
    padding: 10px;
    width: 220px;
}
.searchform input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}
.menu-right {
    float: right;
    margin-right: 15px;
}
.notification-menu {
    list-style: none;
}
.notification-menu > li {
    display: inline-block;
    float: left;
    position: relative;
    margin-left:4px;
}
.notification-menu > li > a > i {
    margin-top: 6px;
}
.notification-menu .dropdown-toggle {
    padding:14px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    color:#FFF
}
.notification-menu .dropdown-toggle:hover, .notification-menu .dropdown-toggle:focus, .notification-menu .dropdown-toggle:active, .notification-menu .dropdown-toggle.active, .notification-menu .open .dropdown-toggle.dropdown-toggle {
    background: #fff;
    color: #099ACA ;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.notification-menu .dropdown-toggle img {
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.notification-menu .dropdown-toggle .caret {
    margin-left: 5px;
    border-width: 8px;
}
.notification-menu .dropdown-menu {
    border: 0;
    margin-top: 0px;
    -moz-border-radius: 2px 0 2px 2px;
    -webkit-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px;
}
.notification-menu .dropdown-menu:after {
    border-bottom: 6px solid #5BC0DE;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: -6px;
}
.notification-menu .dropdown-menu li {
    display: block;
    margin: 0;
    float: none;
    background: none;
    padding: 8px 15px;
}
.notification-menu .dropdown-menu-usermenu li {
    padding: 0;
}
.notification-menu .dropdown-menu li a {
    color: #fff;
    font-size: 13px;
    padding: 7px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.notification-menu .dropdown-menu li a:hover {
    background: #2a323f;
    color: #fff;
}
.notification-menu .dropdown-menu li i {
    font-size: 11px;
    margin-right: 5px;
}
.notification-menu .dropdown-menu-head {
    padding: 0;
    min-width: 300px;
}
.notification-menu .info-number {
    padding: 12px 15px;
    height: 51px;
    font-size: 16px;
    color: #FFF;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    line-height:15px;
}
.notification-menu .info-number.active{line-height:15px}
.notification-menu .info-number.red{background:#D9534F; color:#FFF !important}
.notification-menu .info-number.red small{color:#FFF}
.notification-menu .info-number.red.active{background:#FFF; color:#099ACA}
.notification-menu .info-number.red.active:hover, .notification-menu .info-number.red.active:focus{color:#099ACA}
.notification-menu .info-number.red:hover, .notification-menu .info-number.red:focus{color:#FFF; text-decoration:underline}
.notification-menu .info-number span{font-size:13px;}
.notification-menu .info-number small{ text-decoration:none; font-size:10px; color:#000}
.notification-menu .dropdown-menu-usermenu {
    background: #5BC0DE;
    min-width: 200px;
}
.notification-menu .dropdown-menu-head ul {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0;
}
.notification-menu .dropdown-menu-head li a {
    color: #333;
    padding: 0;
    opacity: 1;
}
.notification-menu .dropdown-menu-head li a:hover {
    background: none;
    color: #5BC0DE !important;
    text-decoration: none;
}
.notification-menu .btn-group {
    margin-bottom: 0;
}
.dropdown-list li {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.dropdown-list li:last-child {
    border-bottom: 0;
}
.dropdown-list .thumb {
    width: 36px;
    float: left;
}
.dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
}
.dropdown-list .desc {
    margin-left: 45px;
    display: block;
}
.dropdown-list .desc h5 {
    font-size: 13px;
    margin-top: 7px;
}
.dropdown-list li:last-child {
    padding: 10px 15px;
}
.dropdown-list li .badge {
    float: right;
}
.user-list {
    width: 300px;
}
.user-list .progress {
    margin-bottom: 0;
}
.normal-list li a .label i {
    margin-right: 0;
}
.normal-list li a span.label {
    float: left;
    margin-right: 10px;
    padding: 5px;
    width: 20px;
}
.normal-list li a:hover {
    color: #5BC0DE !important;
    text-decoration: none;
}
.normal-list li .name {
    font-size: 13px;
    line-height: 21px;
}
.normal-list li .msg {
    font-size: 12px;
    line-height: normal;
    color: #999;
    display: block;
}
.info-number .badge {
    background: #FF6C60;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 5px;
    position: absolute;
    right: 4px;
    top: 10px;
}
/* ------------------------------
        STICKY HEADER
---------------------------------*/

.sticky-header .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    z-index: 100;
    background: #424f63;
}
.sticky-header .left-side {
    /*top: 50px;*/
}
.sticky-header .header-section {
    position: fixed;
    top: 0;
    left: 240px;
    width: 100%;
    z-index: 100;
}
.sticky-header .main-content {
    padding-top: 50px;
}
.sticky-header .menu-right {
    margin-right: 255px;
}
.sticky-header.left-side-collapsed .header-section {
    left: 52px;
}
.sticky-header.left-side-collapsed .menu-right {
    margin-right: 67px;
}
/* -----------------------
        DROPDOWN
--------------------------*/

.dropdown-menu-head {
    background: #fff
}
.dropdown-menu-head .title {
    background: #5BC0DE;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}
h3.page-title {
    font-weight: 300;
    padding: 0;
}
.page-title {
    color: #666666;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 0 0 15px;
    padding: 0;
}
.portlet-body.GrayBgOpening {
    background: none repeat scroll 0 0 #F0F2F5;
}
/*******************************************
Mini Statistics
********************************************/
.mini-stat {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}
.mini-stat-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    color: #fff;
}
.mini-stat-info {
    font-size: 13px;
    padding-top: 2px;
}
.mini-stat-info span {
    display: block;
    font-size: 24px;
    font-weight: 600;
}
.orange {
    background: #fa8564!important;
}
.orange .mini-stat-icon {
    color: #fa8564!important;
}
.tar .mini-stat-icon {
    color: #1fb5ac!important;
}
.pink .mini-stat-icon {
    color: #a48ad4!important;
}
.green .mini-stat-icon {
    color: #aec785!important;
}
.orange .mini-stat-info, .tar .mini-stat-info, .pink .mini-stat-info, .green .mini-stat-info {
    color: #FFF!important;
}
.tar {
    background: #1fb5ac!important;
}
.pink {
    background: #a48ad4!important;
}
.green {
    background: #aec785!important;
}
.archivedHeading {
    color: #999;
    font-weight: 600;
}
.archived {
    color: #999;
}
.OpeningSummaryDtl {
    background:#fff;
    padding:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-bottom:20px;
    height:100px;
}
.OpeningSummaryDtl .stat-icon {
    width:60px;
    height:60px;
    display:inline-block;
    line-height:60px;
    text-align:center;
    font-size:30px;
    background:#eee;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}
.OpeningSummaryDtl .stat-info {
    font-size:12px;
    padding-top:2px;
    margin:0 0 0 78px;
}
.OpeningSummaryDtl .stat-info a {
    word-wrap: break-word;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    color:#444;
}
.OpeningSummaryDtl .stat-info a:hover {
    color:#5BC0DE;
}
.OpeningSummaryDtl .stat-info span {
    display:block;
    font-size:13px;
    font-weight:600;
}
.OpeningSummaryDtl .orange {
    background:#fa8564 !important;
}
.OpeningSummaryDtl .blue {
    background:#63d3e9 !important;
}
.OpeningSummaryDtl .red {
    background:#fb4848 !important;
}
.OpeningSummaryDtl .tar {
    background:#1fb5ac !important;
}
.OpeningSummaryDtl .green {
    background:#aec785 !important;
}
.OpeningSummaryDtl .pink {
    background:#a48ad4 !important;
}
.OpeningSummaryDtl .yellow-b {
    background: #fdd752 !important;
}

/************************* Right Search Panel ***********/
.SummaryLeft{float:left; width:78%;}
.SearchFilter{position:absolute; right:1px; top:21px; bottom:0; height:97.3%; width:22%;  background: #FAFAFA; border-left: 1px solid #DDDDDD;  box-shadow: 0 -15px 32px 4px #DDDDDD inset; padding:10px; z-index:2}
.SearchFilter .list-unstyled li{ padding:6px 0;}
.SearchFilter section{float:left; width:100%; padding:0 0 20px 0; }
.SearchFilter section p{float:left; width:100%; line-height:20px; color:#666;}
.SearchFilter .list-unstyled li a{color:#666;}
.SearchFilter .list-unstyled li a:hover{color:#5BC0DE;}
.SearchFilter h2{float:left; width:100%; font-size:18px; margin:8px 0 10px 0;}
.Socialbutton {margin:0; padding:0; list-style:none;}
.Socialbutton li{margin:0; padding:0 0 8px 0; float:left; width:50%;}
.relative{position:relative;}
.Resizebtn{ background:#5BC0DE;  border: 1px solid #DDDDDD; border-right: none;  box-shadow:-2px 2px 5px #ccc; color: #FFF; font-size: 15px; padding:4px 10px; position: fixed;
            right:21.6%; width: 33px; top:45%; border-radius:5px 0 0 5px !important; z-index: 10;}
.Resizebtn:hover, .Resizebtn:focus{color:#FFF}

/************* Paging Css ********/
.list-inline.PagingBorder{border-bottom: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; padding: 3px 0; margin:0}
.form-control.PagingInput{display: inherit; height: 31px; margin-bottom: 2px; margin-top: 2px; padding: 1px; text-align: center; width: 50px;}

/***********Tabbing*************/
.tabbable-full-width{float:left; width:99%; margin:0 0 20px 0}
.tabbable-full-width .tab-content{float:left; width:100%; position:relative}
.tabbable-full-width .tab-content .Areawork{margin:20px 0 0 0; width:100%}



/*****************Form Wizard ************/
.Step { color: #AAABAB; float: left; font-size: 15px; line-height: 30px; margin: 0; padding: 3px 0; width: 20%;}
.Step.pre{  color: #5bc0de;}
.Step.pre .Count{  background:#5bc0de;  color: #FFF;}
.Step.active{ color: #0b89af;}
.Step.active .Count{ background:#0b89af; color: #FFF;}
.Step .Count{background: none repeat scroll 0 0 #E6E5E5;  border-radius: 50% !important;  color: #AAABAB; float: left; font-size: 18px; height: 33px;  line-height: 19px;
             margin: 0 8px 0 0;  padding: 6px 0; text-align: center;  width: 35px;font-weight:600}
.GrayBorderbottom{border-bottom:1px #EEE solid; padding-bottom:20px;}
.FormWizard{float:left;  width:100%; padding:0 0 15px 0; margin-bottom:20px;}
.FormWizard .progress{float:left; width:100%; height: 4px; margin: 15px 0 -15px;;}

/************Candidate Profile*****************/
.CandidateInfo{margin:0 0 0 132px;}
.CandidateInfo h4{margin:0 0 10px; font-size:22px; color:#333; font-weight:400; line-height:19px}
.CandidateInfo h4 span{font-size:14px; color:#666;}
.CandidateInfo h4 small{font-size:15px; color:#666;}
.Otherlinks{margin:0; padding:0; list-style:none; float:left; width:100%}
.Otherlinks li{padding:6px 0; border-bottom:1px #EEE solid; float:left; width:100%}
.Otherlinks li a{font-size:13px; color:#666;}
.Otherlinks li a:hover{color:#333;}
.CandidateDetail .nav-tabs{background:#EEE; border-radius:4px 4px 0 0;}
.CandidateDetail .tab-content{padding:10px; border:1px #DDD solid; border-top:none; min-height:300px;}
.CandidateDetail .nav > li > a{color:#666}
.info-blocks {
    list-style:none;
    width:100%;
    text-align:center;
    margin:10px 0 0 0;
    padding:0
}
.info-blocks>li {
    display:inline-block;
    text-align:center;
    width:47%;
    white-space:nowrap;
    margin:0 1% 12px;
    border-radius:2px;
}
.info-blocks>li p {
    font-size:32px;
    display:inline-block;
    margin:10px 0px;
    font-weight:700;
    color:#FFF;
    line-height:30px
}
.info-blocks>li>a:hover {
    opacity:.8;
    filter:alpha(Opacity=80);
    color:#000
}
.top-info {
    margin:10px 14px 0
}
.bottom-info {
    display:block;
    font-size:11px;
    padding:4px 8px 5px;
    font-weight:600;
    border-radius:0 0 1px 1px;
    -webkit-border-radius:0 0 1px 1px;
    -moz-border-radius:0 0 1px 1px;
    background:#FFF;
    color:#000;
    opacity:0.5
}
.top-info > a {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color:#FFF
}.bg-primary, .bg-primary a {
    color:#fff;
    background-color:#428BCA
}
.bg-success, .bg-success a {
    color:#fff;
    background-color:#65B688
}
.bg-success, .bg-success a {
    color:#fff;
    background-color:#65B688
}
.bg-info, .bg-info a {
    color:#fff;
    background-color:#3CA2BB
}
.bg-warning, .bg-warning a {
    color:#fff;
    background-color:#F0AD4E
}
.bg-danger, .bg-danger a {
    color:#fff;
    background-color:#D65C4F
}
.NoteMrgn{margin:-10px 6px 12px 0}
.StatementList{margin:0; padding:0; list-style:none; width:100%; display:inline-block}
.StatementList li{background:url(../images/pdf.png) no-repeat 10px 5px;padding:3px 0 5px 32px; margin-bottom:10px; font-size:13px; color:#666; float:left; width:33%}
.StatementList li a{color:#333}
.GroupTable{float:left; width:100%;}
.searchBroker{margin-bottom:15px;}
.lnkInfo{font-size:16px;}
.dashTile{background:#f5f5f5; padding:15px; font-size:15px; float:left; width:100%; margin-bottom:20px; border-radius:2px;}
.dashTile .Icon{background:#304269; padding:13px; font-size:30px; float:left; margin:0 12px 0 0; color:#FFF; border-radius:2px;}
.dashTile .Info{font-size:13px; float:right;  color:#666; width:59%; margin:5px 0 0 0; text-align:right; line-height:23px}
.dashTile .Info span{color: #304269;
                     font-size: 39px;
                     font-weight: 600;
                     margin-top: 5px;}
.myDetail{float:left; width:99%;}
.dashTile.Clr1 .Icon{background:#FF6B6B;}
.dashTile.Clr1 .Info span{ color:#FF6B6B; }
.dashTile.Clr2 .Icon{background:#45B6B0;}
.dashTile.Clr2 .Info span{color:#45B6B0; }
.dashTile.Clr3 .Icon{background:#65C3DF;}
.dashTile.Clr3 .Info span{ color:#65C3DF;0}
.HeadingMain{font-size:22px; color:#333; border-bottom:1px #e8e8e8 solid; margin:20px 0 20px 0; padding:0 0 5px;}
.Action .dropdown-menu > li > a{text-align:left; font-size:13px;}
.Action .dropdown-menu{right:0; left:inherit}
.UploadImg{  background-color: #DDDDDD; border:1px solid #CCCCCC; color: #333333; font-size:14px; color:#333; 	padding:6px 12px;}
label.control-label{font-weight:600; font-size:13px;}
.FormWizard{float:left;  width:100%; padding:0 0 15px 0}
.FormWizard .progress{float:left; width:100%; height: 4px; margin: 15px 0 -15px;;}
.required{font-size:12px; color:#f00}
.panel-heading .panel-title a{display:inline-block; width:100%; font-size:14px; text-decoration:none; position:relative; z-index:1}
.PlansList{margin:0; padding:0; list-style:none; width:100%; float:left;}
.PlansList li{padding:3px 0; width:50%; min-height:30px; float:left; font-size:13px; color:#666}
.InputSmall{ background-color: #FFFFFF; border: 1px solid #CCCCCC;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding:2px 6px; margin:0 5px; width:50px; font-size:13px;}
.label-info.Plantype{  top: -5px; position:relative; margin-left:10px;}
.Clrblue{color:#2AABD2}

.ver-inline-menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.ver-inline-menu li {
    margin-bottom: 1px;
    position: relative;
}
.ver-inline-menu li i {
    background: none repeat scroll 0 0 #E0EAF0 !important;
    color: #B9CBD5;
    display: inline-block;
    font-size: 15px;
    width: 32px;
    margin: 0 8px 0 0;
    padding: 10px;
    text-align: center;

}


.ver-inline-menu li a {
    background: none repeat scroll 0 0 #F0F6FA;
    border-left: 2px solid #C4D5DF;
    color: #557386;
    display: block;
    font-size: 13px;
}
.ver-inline-menu li:hover a, .ver-inline-menu li:hover i {
    background: none repeat scroll 0 0 #E0EAF0;
    text-decoration: none;
}
.ver-inline-menu li:hover i {
    background: none repeat scroll 0 0 #C4D5DF !important;
    color: #FFFFFF;
}
.ver-inline-menu li.active a, .ver-inline-menu li:hover a {
    font-size: 13px;
}
.ver-inline-menu li.active a {
    border-left: 2px solid #0C91E5;
}
.ver-inline-menu li.active a, .ver-inline-menu li.active i {
    background: none repeat scroll 0 0 #169EF4;
    color: #FFFFFF;
    text-decoration: none;
}
.ver-inline-menu li.active i {
    background: none repeat scroll 0 0 #0C91E5 !important;
}
.ver-inline-menu li.active:after {
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    border-left: 7px solid #169EF4;
    border-top: 7px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 10px;
}

.PlansDetals .panel-default {background:none; border:none;}
.PlansDetals .panel-default > .panel-heading{background:none; border:none; border-bottom:1px #DDD solid; padding-left:0; padding-right:0;}
.PlansDetals .panel-heading .panel-title a{font-size:18px}
.panel-heading .panel-title a.EditPlan{position:absolute; right:0; top:0; width:auto; z-index:2; font-size:14px;}
#editform{float:left; width:100%}
.HelpStep{float:left; width:100%; text-align:center; margin:25px 0 0; border-right:1px #EEE solid; padding:0 0 25px 0;}
.HelpStep .Icon{display:inline-block; margin-bottom:15px; width:120px; height:120px; background:#f2f2f2; color:#FFF; border-radius:50%; text-align:center; 
                line-height:120px; font-size:55px;}
.HelpStep span{font-size:21px; color:#333; font-weight:300}
.HelpStep .Clr1 { background:#f68484;}
.HelpStep .Clr2 { background:#75b9e6;}
.HelpStep .Clr3 {background:#97d3c5;}
.HelpQ{margin:20px 0 0 0; padding:0; list-style:none; width:100%; float:left;}
.HelpQ li{padding:6px 0; list-style:none; width:100%; float:left;}
.HelpQ li a{font-size:13px; color:#666;}
.HelpQ li a:hover{color:#000;}
.Stepnumber{float:left; font-size:145px; font-weight:400; margin:30px 20px 0 0; width:17%; color:#099aca; padding:20px 30px; line-height:68px; text-align:center}
.AddCompanyintro .carousel-control.left{background:none; position:relative;}
.AddCompanyintro .carousel-control.right{background:none; position:relative; left:inherit; right:0;}
.AddCompanyintro .carousel-indicators{bottom:-20px;}
.AddCompanyintro .carousel-inner{min-height:360px;}
.StepContent{float:left; width:75%; margin:30px 0 0 0}
.StepContentHeading{float:left; width:100%; font-size:49px; color:#099aca; margin:0 0 10px 0; line-height:49px; font-weight:300}
.StepContent p{float:left; width:100%; font-size:15px; color:#666; margin:0 0 20px 0; line-height:31px;}
.Welcometext{float:left; width:100%; font-size:42px; color:#666; font-weight:300; margin:20px 0 30px 0; line-height:48px;}
.SmallWelcometext {float:left; width:100%; font-size:28px; color:#666; font-weight:300; margin-top:0;}
ul.CompanyStep{margin:15px 0 0 0; padding:0; width:96%; list-style:none; float:left; position:relative}
ul.CompanyStep:before { border-bottom:6px #999 dotted; bottom: 0; content: ""; height: 10px;  left: 7.9%; position: absolute; top: 35px; width: 85%; z-index: 1;}
ul.CompanyStep li span{font-weight: 300; color:#0571c7}
.CompanyStep li { color: #099aca; font-weight: 300; font-size: 14px; list-style-type: none; margin-bottom:30px; float:left; width:100%;  position:relative; z-index:2; line-height:22px; float:left; width:20%;}
.CompanyStep .Icon { background:#FFF; border:3px #099aca dotted; color:#099aca; border-radius: 50%; float: left; line-height:62px; font-size:30px; text-align:center; width:70px; height: 70px; margin:4px 18px 0 46px; font-weight:600}
.CompanyStep .Icon.Red{border-color:#be0000; color:#be0000;}
.CompanyStep .Icon.RedLight{border-color:#ff0000; color:#ff0000;}
.CompanyStep .Icon.Orange{border-color:#ff9e00; color:#ff9e00;}
.CompanyStep .Icon.Blue{border-color:#1e62fe; color:#1e62fe;}
.CompanyStep .Icon.Yellow{border-color:#ccca02; color:#ccca02;}
.Red{ color:#be0000 !important;}
.RedLight{color:#ff0000 !important;}
.Orange{ color:#ff9e00 !important;}
.Blue{color:#1e62fe !important;}
.Yellow{color:#ccca02 !important;}
.Redbg{ background:#be0000 !important;}
.RedLightbg{background:#ff0000 !important;}
.Orangebg{ background:#ff9e00 !important;}
.Bluebg{background:#1e62fe !important;}
.Yellowbg{background:#ccca02 !important;}
.ShowPopup{font-size:13px; color:#333; float:right; margin:-10px 0 0 0; position:relative; z-index:16}
.Implementation .page-title{margin-bottom:25px;}
.ImplementationGraph{float:left; width:100%; padding:10px 8px 50px; background:#f4f4f4; margin:5px 0 30px; font-size:12px; color:#666; font-weight:400; border-radius:2px; position:relative; min-height:164px}
.ImplementationGraph a{font-size:12px; color:#666; font-weight:400; }
.Implementation h4{color:#65C3DF; font-weight:400; font-size:25px}
.Implementation h4 a{color:#65C3DF; font-weight:400; font-size:25px}
.implegraphdtl{padding:0; list-style:none; position:absolute; bottom:-10px; left:0; width:100%;}
.implegraphdtl li{padding:9px 10px; font-size:16px; color:#FFF; width:25%; font-weight:600; background:#51ab7a; text-align:center; float:left; }
.implegraphdtl li:last-child{background:#de933f;  border-radius:0 0 3px 0}
.implegraphdtl li:first-child{background:#5a6d7b;  border-radius:0 0 0 3px}
.implegraphdtl li.red{background:#dd5636}
/*.implegraphdtl li.Caution{background:#de933f}
.implegraphdtl li.Caution{background:#de933f}*/
.CodeInfo{padding:0; list-style:none; float:right; }
.CodeInfo li{border-left:6px #51ab7a solid; padding:4px 20px 4px 10px; margin-bottom:-24px; font-size:13px; color:#333; float:left; }
.CodeInfo li:last-child{border-left-color:#de933f; }
.CodeInfo li:first-child{border-left-color:#5a6d7b; }
.CodeInfo li.red{border-left-color:#dd5636}
.Implementation h4 small{font-size:15px;}
.ImplementationGraph .pull-left{margin-top:12px;}
/***************Pie Chart ***********/
.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 0;
    text-align: center;
}
.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
    font-size:18px; font-weight:300; color:#666
}
.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}
.angular {
    margin-top: 100px;
}
.angular .chart {
    margin-top: 0;
}
.chart.easy-pie-chart-01{height:70px; width:70px; line-height:70px; float:left; margin:0 5px 0 0}
.chart.easy-pie-chart-02{height:30px; width:30px; line-height:30px; float:left; margin:0 5px 0 0}
.chart.easy-pie-chart-02 .percent{line-height:30px; font-size:11px; font-weight:600}
.chart.easy-pie-chart-01 .percent{line-height:70px; font-size:13px;}
.benefitstable thead td{font-weight:600;}
.benefitstable thead th{border-top:none !important}
.GroupTable{float:left; width:100%; overflow:auto}
.ViewBenefit{float:left; width:100%;}
/*.ViewBenefit table tr:first-child td{background:#EBFAFF; border-color:#B4EBFB;}*/
.ViewBenefit thead tr td, .ViewBenefit tfoot tr td{background:#EBFAFF; border-color:#B4EBFB; border-bottom:none}
.ViewBenefit tr td.bg{background:#EBFAFF; border-color:#B4EBFB;}
.RptateText{ display: inline-block; l}
.Spacetop{margin-top:10px;}
.VerticleMiddle{vertical-align:middle !important}
.benefotplans a{display:none; color:#666}
.benefotplans:hover a{display:block;}
.labelbig{ border-radius: 0.25em;  color: #FFFFFF; display: inline; font-size: 13px; font-weight: 600; line-height: 1; padding: 4px 12px; text-align: center; vertical-align: baseline; white-space: nowrap; background: #5CB85C; outline:none; border:1px solid #5CB85C;}
.labelbig:focus, .labelbig:active{outline:none;}
.BenefitElectPlan{float:left; width:100%; text-align:center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; border-radius: 3px; padding:10px; background:#fafafa; font-size:16px; position:relative; border: 1px solid #EEE; height:210px}
.BenefitElectPlan:hover{background:#F0AD4E; text-decoration:none; outline:none; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); border:1px #F0AD4E solid}
.BenefitElectPlan:hover .icon{background:#FFF; color:#F0AD4E; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); }
.BenefitElectPlan .icon{ background: #CCC; border-radius: 50%; color: #FFFFFF; display:inline-block; font-size: 30px; line-height:41px; margin: 0 0 10px 0; padding: 12px; height:67px; width:70px;}
.BenefitElectPlan .plancount{ background: #FFF; border-radius: 2px; color: #FFFFFF; display:inline-block; font-size: 30px; margin: 10px 5px 5px 0; padding: 13px; font-size:17px; color:#666; font-weight:400}
.BenefitElectPlan .plancount small{ font-size:12px; color:#333; }
.BenefitElectPlan .tick { color: #000000; display: block; margin: 0; opacity: 0.7; position: absolute; right: 4px; top: 4px; font-size:17px; z-index: 4;}
.BenefitElectPlan .tick_wrapper {background-image: url("../images/tickbg.png"); display: none; height: 50px; position: absolute; right: -1px; top: -3px; width: 48px;z-index: 3;}
.BenefitElectPlan.selected { background:#F0AD4E; text-decoration:none; outline:none; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); border:1px #F0AD4E solid}
.BenefitElectPlan.selected .icon{background:#FFF; color:#F0AD4E; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); }
.BenefitElectPlan.selected .tick_wrapper{display:block;}
.Benefitplan{display:inline-block; width:100%; margin:0; padding:0; list-style:none}
.Benefitplan li{float:left; width:18%; margin:0 1%;}
.Benefitplan li:last-child .BenefitElectPlan{padding-top:46px}
.BenefitsPlanListing {display:inline-block; float:left; background:#f5f5f5; border-radius: 5px; color: #788288; margin: 0; width:100%; margin:0 0 27px 0; position:relative}
.BenefitsPlanListingHeading{display:inline-block; padding:10px; font-size:12px; color:#333; width:100%}
.BenefitsPlanListingHeading label{font-size:11px; color:#FFF;}
.BenefitsPlanListingHeading a{color:#5BC0DE;}
.BenefitsPlanListingHeading a:hover{color:#5BC0DE;}
.BenefitsPlanListingHeading a.Viewmore{font-size:13px; color:#666}
.BenefitsPlanListingHeading a.Viewmore:hover{color:#5BC0DE}
.Normal{font-weight:normal;}
#comparisonStage { height: 140px; left: 29%; position: fixed; top: 55px; width: 65%; z-index: 100;}
.Addcompare{ padding:0; background:#effafd; border:1px #beebfa solid; list-style:none; list-style:none; display:inline-block; width:100%}
.Addcompare li{padding:12px 10px; border-right:1px #beebfa solid; float:left; width:22%; height:94px}
.Addcompare li:last-child{padding-top:32px; border-right:none; width:12%; text-align:center; position:relative}
.CloseCompare{  background: #FFFFFF; border-radius: 50%;  color: #333333; font-size: 13px; padding: 0 5px; position: absolute; right: -8px;  text-align: center;  top: -10px;}
.AddAnotherCompare{display:inline-block; text-align:center; width:100%; color:#999; font-size:12px; padding-top:25px;}
.BenefitsPlanListing .AddCompareCheck{display:none;}
.BenefitsPlanListing:hover .AddCompareCheck{display:block; position:absolute; bottom:-17px; left:0; width:100%; text-align:center; font-size:13px; color:#666}
/*************Dashboard************/
.NoLabel{font-size:13px; color:#D74545; font-style:italic; font-weight:600; padding:15px 0;}
.ChartBox{background:#f5f5f5; border:1px #EEE solid; padding:10px; display:inline-block; width:100%; border-radius:3px;}
.SpaceTop{margin-top:26px;}
.ChartBox h4{font-size:17px;}
.tile-stats {position:relative;	display:block;	background:#303641;	padding:35px 0;	margin-bottom:10px;	overflow:hidden;	-webkit-border-radius:5px;-webkit-background-clip:padding-box;-moz-border-radius:5px;	-moz-background-clip:padding;	border-radius:5px;	text-align:center;	background-clip:padding-box;-moz-transition:all 300ms ease-in-out;	-o-transition:all 300ms ease-in-out;	-webkit-transition:all 300ms ease-in-out;	transition:all 300ms ease-in-out;	height:120px;}
.tile-stats:hover {	background:#252a32}
.tile-stats .icon {	color:rgba(0, 0, 0, 0.1);	position:absolute;	right:5px;	bottom:45px; width:100%;	z-index:1}
.tile-stats .icon i {	font-size:100px;line-height:0;	margin:0;	padding:0;	vertical-align:bottom}
.tile-stats .icon i:before {margin:0;	padding:0;	line-height:0}
.tile-stats .num, .tile-stats h3, .tile-stats p {	position:relative;	color:#fff;	z-index:5;	margin:0;	padding:0}
.tile-stats .num {font-size:38px;	font-weight:bold;	display:inline}
.tile-stats h3 {font-size:18px;	margin-top:5px}
.tile-stats p {	font-size:11px;	margin-top:5px}
.tile-stats.tile-red {	background:#f56954}
.tile-stats.tile-red:hover {background:#f4543c}
.tile-stats.tile-red .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-red .num, .tile-stats.tile-red h3, .tile-stats.tile-red p {color:#fff}
.tile-stats.tile-green {background:#00a65a}
.tile-stats.tile-green:hover {background:#008d4c}
.tile-stats.tile-green .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-green .num, .tile-stats.tile-green h3, .tile-stats.tile-green p {	color:#fff}
.tile-stats.tile-blue {	background:#0073b7}
.tile-stats.tile-blue:hover {background:#00639e}
.tile-stats.tile-blue .icon {color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-blue .num, .tile-stats.tile-blue h3, .tile-stats.tile-blue p {	color:#fff}
.tile-stats.tile-cyan {	background:#00b29e}
.tile-stats.tile-cyan:hover {background:#009987}
.tile-stats.tile-cyan .icon {color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-cyan .num, .tile-stats.tile-cyan h3, .tile-stats.tile-cyan p {	color:#fff}
.tile-stats.tile-purple {background:#ba79cb}
.tile-stats.tile-purple:hover {	background:#b167c4}
.tile-stats.tile-purple .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-purple .num, .tile-stats.tile-purple h3, .tile-stats.tile-purple p {color:#fff}
.tile-stats.tile-pink {	background:#ec3b83}
.tile-stats.tile-pink:hover {background:#ea2474}
.tile-stats.tile-pink .icon {color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-pink .num, .tile-stats.tile-pink h3, .tile-stats.tile-pink p {	color:#fff}
.tile-stats.tile-orange {background:#ffa812}
.tile-stats.tile-orange:hover {	background:#f89d00}
.tile-stats.tile-orange .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-orange .num, .tile-stats.tile-orange h3, .tile-stats.tile-orange p {color:#fff}
.tile-stats.tile-brown .num, .tile-stats.tile-brown h3, .tile-stats.tile-brown p {	color:#fff}
.tile-stats.tile-plum {	background:#701c1c}
.tile-stats.tile-plum:hover {	background:#5c1717}
.tile-stats.tile-plum .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-plum .num, .tile-stats.tile-plum h3, .tile-stats.tile-plum p {	color:#fff}
.tile-stats.tile-gray {	background:#f5f5f5}
.tile-stats.tile-gray:hover {	background:#e8e8e8}
.tile-stats.tile-gray .icon {	color:rgba(0, 0, 0, 0.1)}
.tile-stats.tile-gray .num, .tile-stats.tile-gray h3, .tile-stats.tile-gray p {	color:#8f8f8f}

/****************/
.inline{display:inline-block}
/****************** Static Chart ***********/
.wrap {
    width: 600px;
    margin: 0 auto;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.progress-radial {
    display:inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #f2f2f2;
    background-color: tomato;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.progress-radial .overlay {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #FFF;
    border-radius: 50%;
    margin-left: 17px;
    margin-top: 19px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

/* -------------------------------------
 * Mixin for progress-% class
 * ------------------------------------- */
.progress-0 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-5 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-10 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-15 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-20 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-25 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-30 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-35 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-40 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-45 {
    background-image: linear-gradient(90deg, #f2f2f2 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-50 {
    background-image: linear-gradient(-90deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-55 {
    background-image: linear-gradient(-72deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-60 {
    background-image: linear-gradient(-54deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-65 {
    background-image: linear-gradient(-36deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-70 {
    background-image: linear-gradient(-18deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-75 {
    background-image: linear-gradient(0deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-80 {
    background-image: linear-gradient(18deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-85 {
    background-image: linear-gradient(36deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-90 {
    background-image: linear-gradient(54deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-95 {
    background-image: linear-gradient(72deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}

.progress-100 {
    background-image: linear-gradient(90deg, #ff6347 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #ff6347 50%, #f2f2f2 50%, #f2f2f2);
}
.Staticpercent{float:left; width:100%; position:relative;}
.Staticpercent span{ color: #65C3DF; font-size: 23px; font-weight: 800; left: 52%; position: absolute; top: 50px;}
.Staticpercent input.knob{margin-left:-102px !important}
.CompanyImpleDetail{float:left; width:100%; padding:20px 0 ; border-bottom:1px #DDD solid}
.CompanyImpleDetail:first-child{padding-top:0}
.Staticpercent small{display:inline-block; width:100%; text-align:center; font-size:13px;}
.chart.easy-pie-chart-01.floatnn{float:none}
.HName{font-size:21px; font-weight:400; padding-bottom:20px; display:inline-block; width:100%}
.HName small{position:relative; top:8px; display:inline-block; font-size:11px}
.HName small sup{font-size:12px; position:relative; top:-10px}
.TasksListing{float:left; width:100%; padding:0; list-style:none; margin-bottom:25px; }
.TasksListing li{float:left; width:100%; padding:14px 10px; background:#F0F6FA;}
.TasksListing li:nth-child(2n+1){background:#FFF;}
.TaskName{float:left; width:30%; font-size:13px; font-weight:600; color:#333}
.TaskName small{font-size:11px; color:#666}
.TaskName2{float:left; width:30%; font-size:13px; font-weight:400; color:#666; text-align:center}
.TaskGraph{float:left; width:17%; margin:-5px 0 0 0; font-size:12px; color:#666; height:28px }
.TaskGraph span{ display:inline-block; position:relative; top:-11px}
.TaskDate{float:left; width:10%;  font-size:13px;  color:#333}
.TaskIcon{float:left; width:13%;  font-size:18px; font-weight:600; text-align:right}
.editIcon{font-size:14px; color:#666}
.TaskName2 strong{font-weight:600}

/*************Search ******/
.search_div {
    background-color: #EEE;
    margin-bottom: 10px;
    border-top: none;
    clear: both;
    display: block;
    float: left;
    width: 100% !important;
    padding: 1%;
    display: none;
    color: #333;
}
.search_div table, .search_div table td, .search_div table th{border:none !important}

.search_div {
    position: relative;
    margin: 8px 0;
}


/*****************Tasks********/
.TaskInfofo{float:left; width:100%; width:100%; padding:10px; background:#f5f5f5; border-radius:3px; margin:0 0 10px 0;}
.Gaolpercent{float:left; width:110px; text-align:center; font-size:13px; color:#333; margin:0 10px 10px 0}
.Gaolpercent span{display:inline-block; padding:10px; background:#4091c3; font-size:12px; line-height:15px; border-radius:2px; font-weight:600; color:#FFF; text-align:center; width:80px;}
.Gaolpercent span.bg2{background:#459b6e; }
.tasktop{float:left; width:100%; margin:0 0 10px 0;}
.movetopper{top:-22px; font-size:18px; position:relative}
.BarOftask{float:left; width:90%;}
.BarOftask .left{float:left; font-size:13px; margin:0 15px 0 0;}
.BarOftask .progress{float:left; width:82%;}
.TaskcompletionDtl{float:left; width:50%;}
.font15{font-size:15px;}
.Task_info_blocks {list-style:none; width:100%; margin:10px 0 0 0;	padding:0; list-style:none}
.Task_info_blocks li {display:inline-block;	text-align:center;	 list-style:none; width:30%;	white-space:nowrap;	margin:0 1% 12px;	border-radius:2px;}
.Task_info_blocks li p {	font-size:32px;	display:inline-block;	margin:10px 0px;	font-weight:700;	color:#FFF;	line-height:30px}
.Task_info_blocks li a:hover {	opacity:.8;	filter:alpha(Opacity=80);	color:#000}
.Task_info_blocks {	margin:10px 14px 0}
.Task_info_blocks .bottom-info {	display:block;	font-size:11px;	padding:4px 8px 5px;	font-weight:600;border-radius:0 0 1px 1px;	-webkit-border-radius:0 0 1px 1px;-moz-border-radius:0 0 1px 1px;	background:#FFF;	color:#000;	opacity:0.5}
.Task_info_blocks .bottom-info a{background:none; color:#333}
.Task_info_blocks .top-info > a {	display: block;	font-weight: 600;	text-transform: uppercase;	color:#FFF}
.Userimg{padding:5px 0; text-align:center}
.RecentNote{float:left; width:100%; margin:15px 0; background:#f6f6f6; border-radius:0 0 2px 2px;}
.RecentNoteHeading{float:left; width:100%; padding:5px 10px; font-size:14px; color:#333; background:#e5e5e5; border-bottom:3px #bbbbbb solid; border-radius:2px 2px 0 0}
.RecentNotelist{float:left; width:100%; border-bottom:1px #EEE solid; padding:8px 10px;}
.RecentNotelist:last-child{border-radius:0 0 2px 2px;}
.RecentNoteLeft{float:left; width:15%;  font-size:13px; color:#333; font-weight:600; line-height:26px}
.RecentNoteLeft img{float:left; margin:0 15px 0 0;}
.RecentNoteMsg{float:left; width:68%; font-size:12px; color:#333; line-height:18px; margin-top:4px}
.RecentNoteDate{float:right; width:15%; font-size:12px; color:#666; text-align:right; margin-top:4px}
.lineChart{  float: left; height: 80px; overflow: hidden;  width: 50%;}
.issue li{line-height:18px; padding:8px 10px;}
.MarginBtm0{margin-bottom:0}
.Scroll{ width: 100%;
         height:auto;
         overflow-x: scroll;
         overflow-y: scroll;
         white-space: nowrap;}

.ShowOther, .ShowOther1{color:#5BC0DE; text-decoration:none}
.ShowOther:hover, .ShowOther:focus, .ShowOther1:hover, .ShowOther1:focus{color:#333; text-decoration:none}

/*****************Benefit Plan Listing**************/
.Benefitplanstable .table tr  td{padding:0}
.BenefitPlanList{margin:0; padding:0; width:100%; list-style:none; float:left; border-top:1px #e8e8e8 solid;}
.BenefitPlanList li{padding:8px 5px; border-bottom:1px #e8e8e8 solid; height:40px; border-right:1px #e8e8e8 solid; font-size:13px; color:#333; width:100%; list-style:none; text-align:center; float:left; white-space:normal}
.BenefitPlanList li.CPPPDetail{height:auto; padding:0; border:none}
.BenefitPlanList li ul {padding:0; margin:0; list-style:none;}
.BenefitPlanList li ul li.first{ width:20%; height:320px; padding-top: 100px; text-align:center}
.BenefitPlanList li ul li{padding:8px 5px; width:40%; float:left; border-top:none; height:auto}
.BenefitPlanList li ul li.last{ padding:0; border-bottom:none; height:auto}
.BenefitPlanList li ul li ul li{height:80px; vertical-align:middle; width:100%; border:none; border-bottom:1px #B4EBFB solid; line-height: 18px; padding-top: 22px;}
/*.BenefitPlanList li ul li ul li:last-child{border-bottom:none;}*/
.BenefitPlanList li.first{height:70px; background:#EBFAFF; border-color:#B4EBFB}
.BenefitPlanList li.last{height:70px; background:#EBFAFF; border-color:#B4EBFB}
.Es{float:left; width:100%; height:40px; padding:8px 5px; border-bottom:1px #B4EBFB solid;}
/*.Es:last-child{border-bottom:none;}*/
.BenefitplanstableLeft{float:left; width:30%; border-left:1px #B4EBFB solid; background:#EBFAFF}
.BenefitplanstableLeft li{border-color:#B4EBFB; text-align:left}
.BenefitplanstableRight{  width: auto;  height:auto; overflow-x: scroll; overflow-y: hidden;  white-space: nowrap;}
.Leftlist{ width:200px; display:inline-block; margin: 0 0 0 -3px}
.color{color:#65C3DF}





/*************** PayRoll Dashboard ************/
.dashboardBx{float:left; width:96%; margin:70px 2% 15px;}
.CompensationGraph{float:left; width:100%; background:#f2f2f2; border-radius:3px; padding:10px;}
.CompensationGraph .panel-heading{padding:0 0 10px 0}
.C3chart{float:left; width:100%;  background:#FFF; padding:10px;}
.summerydtl{float:left; width:100%; margin:0;}
.summerydtl table{margin:0}
.summerydtl table td{margin:0;  padding:4px !important; color:#666; }
.summerydtl h3{margin:0 0 10px 0; font-size:17px; color:#333}
.Summery{float:left; margin:0; padding:0; list-style:none; width:100%;}
.Summery li{float:left; padding:0 0 3px 0; width:100%; font-size:12px; color:#666}
.Summery li strong{color:#333; font-weight:600; font-size:12px;}
.margintop0{margin-top:0}
.EmployeeList{float:left; width:100%; overflow:auto; height:270px;}
.EmployeeListinput{float:right; width:150px; padding:5px; margin-bottom:10px; font-size:13px; background:#FFF; border:1px #DDD solid;}


/***************   TAX SATUP  *****************/
.StateTxBg{float:left; width:100%; margin:0 0 20px 0}
.StateTxBg h2{float:left; width:100%; font-size:19px; color:#000; margin:0 0 10px 0; border-bottom:1px #E8e8e8 solid; padding:0 0 5px 0; font-weight:400 !important}
.StateTxBg .table th{background:#FFF;}
.StateTxBg p{text-align:right; font-size:12px; font-style:italic;}
.statetaxes{margin:0; padding:0; width:100%; list-style:none; display:inline-block;}
.statetaxes li{margin:0 15px 15px 0; padding:12px; list-style:none; display:inline-block; background:#e6f4fd; text-align:center; border-radius:3px;}
.NA{color:#F00; }
.InfoIcon.Position{position:absolute; bottom:22px; right:-20px;}
.InfoIcon{ font-size:15px; color:#FFF; background:#CCC; width:20px; height:20px; line-height:20px; text-align:center; display:inline-block; border-radius:50%; font-weight:600}
.InfoIcon:hover, .InfoIcon.active{color:#FFF; background:#f0ad4e; text-decoration:none}
.input-group-addon{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.infoIconDtl{float:left; width:100%; padding:10px; background:#FFF; border:1px #e8e8e8 solid;  border-radius:3px; position:relative; margin-top:15px;}
.infoIconDtl h3{display:inline-block; color:#333; border-bottom:6px #f5f5f5 solid; padding:0 0 8px 0; font-size:16px; margin:0 0 10px 0; width:100%;}
.infoIconDtl p{display:inline-block; color:#666; font-size:13px; margin:0 0 10px 0; width:100%; line-height:23px;}
/*.infoIconDtl:after {  border-style: solid; border-width: 13px 13px 0; bottom: -13px; content: ""; display: block; left: 47px; position: absolute; width: 0;}
.infoIconDtl:after { border-color: transparent #fff; border-width: 9px 21px 9px 0; bottom: auto; left: -18px; top: 16px;}
.infoIconDtl:before { border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; display: block; left: 40px;  position: absolute; width: 0;}
.infoIconDtl:before {  border-color: transparent #eee; border-width: 10px 22px 10px 0; bottom: auto; left: -22px; top: 15px}*/
.InfobgPoints{float:left; margin:0; padding:2%; list-style:none; width:100%;}
.InfobgPoints li{display:inline-block; padding:0 0 6px 0; width:100%; font-size:13px; color:#666}
.InfobgPoints li i{color:#333; font-weight:600; font-size:13px;}
.infoIconDtl strong{color:#333; font-weight:600; font-size:13px;}
.TimeCard{width:100%; overflow:auto; height:450px; display:inline-block}



/* ToDo */
.todo {margin: 0 0 25px 0;padding: 0px 0px;	list-style: none;}
.todo > li {	-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;	padding: 10px;	background: #f4f4f4;margin-bottom: 2px;	color: #444; display:inline-block; width:100%}
.todo.Half {margin: 0 0 25px 0;padding: 0px 0px; width:35%; list-style: none;}
.todo.Half > li {width:100%; display:inline-block; margin-bottom:2px}
.todo.Half > li a{cursor:pointer}
.todo.Half > li.selected{background:#c2e4f1; border-left:3px #5DC170 solid;}
.todo.Half > li .text, .todo.Half > li a {	width:100%; display:inline-block}
.todo > li:last-of-type {margin-bottom: 0;}
.todo > li > input[type='checkbox'], .todo > li > .checker {    float: left;    margin: 4px 10px 0 5px;}
.todo > li .text {	display: inline-block;	margin-left: 5px;	font-weight: 600;	width:20%;}
.todo > li .label { display: inline-block;  font-size: 10px;  margin-bottom: 2px;  margin-left: 2px;  padding: 5px 10px;}
.todo > li .label strong { display: inline-block; margin: 3px 0 0;}
.todo > li .label i.check { float: left; font-size: 18px; margin: 0 5px 0 0;}
.todo > li .icheckbox_minimal {	float:left; margin:0 7px 0 0;}
.todo > li:hover {background-color: #f1f1f1;}
.todo > li .UsrTag{float:right; width:73%;}

/********************* Run Payroll **************/
.Implementation{margin-bottom:25px;}
.form-wizard-nav{position:relative}
.CompanyPayroll{display:inline-block; width:100%; margin:0 0 30px; text-align:center;}
.CompanyPayroll span{ display:inline-block; height:80px; width:80px; line-height:78px; font-size:30px; background:#EEE; border:1px #e8e8e8 solid; border-radius:50%; text-align:center; color:#5bc0de}
.CompanyPayroll h2{float:left; width:100%; margin:0; font-size:25px; text-align:center;}
.circle-icon {float:left;margin-right:15px;	width:50px;	height:50px; border-radius:100%; color:#fff; text-align:center;	font-size:20px;	line-height:50px}
.circle-icon canvas.weather-icon {display:block;float:left}
.CompanyPayroll h3{margin:6px 0 0 0; font-size:16px}
.CompanyPayroll .panel{background:#FFF; margin:0; text-align:left}
.bg-default {background-color:#9351ad;color: #FFF;}
.bg-Last {background-color: #1ec3c8;color: #FFF;}
.Salary{float:left; width:100%; border:1px #DDD dashed; margin:10px 0; padding:10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.Salary.Bg{background:#fafafa}
.Salary .HeadingMain{font-size:18px; margin-bottom:0; margin-top:15px}
.ExitPayroll{position:fixed; right:0; top:160px; background:#5bc0de;  padding:2px 10px 2px 2px; border-radius:15px 0 0 15px; font-size:13px; color:#FFF; z-index:10; line-height:15px}
.ExitPayroll i{background:#FFF; height:30px; width:30px; border-radius:50%; text-align:center; color:#333; line-height:30px; font-size:15px; display:inline-block; margin:0  0 0;}
.ExitPayroll:hover, .ExitPayroll:focus{color:#FFF}
.PayEmployeeInfo{float:left; width:33%}
.todo > li h3 {font-size:17px; color:#5bc0de; font-weight:400 !important; margin:10px 0 5px 0;}
.todo > li h3 small{font-size:12px; color:#333;}
.PayFrequancy{float:left; margin:0 12px 5px 0; font-size:12px; color:#666}
.PayFrequancy strong { display: inline-block; margin: 3px 0 0;}
.PayFrequancy i { float: left; height:22px; width:22px; line-height:22px; font-size:11px; font-weight:300; background:#EEE; border-radius:50%; text-align:center; color:#CCC; margin:0 5px 0 0}
.PayFrequancy.active{color:#333}
.PayFrequancy.active i{color:#FFF; background:#02daae}
.todo.Frequancy li{background:none; border-bottom:1px #EEE solid;}
.infoIconDtl h3{font-size:16px; line-height:20px}
.PreviewEmployeeDetail{background:#f1f4f6 !important}
.PreviewEmployeeDetail h3{margin:15px 0 5px 0; font-size:15px; font-weight:400; color:#000}
.PreviewEmployeeDetail table td{padding:4px; color:#666}
.PreviewEmployeeDetail table{margin:0 0 20px 0;}
.PreviewEmployeeDetail table.Border{border-bottom:1px #DDD solid; box-shadow:0 1px 0  #FFF}
.DetailPayroll{float:left; width:100%; background:#FFF; border-radius:3px; padding:10px; line-height:22px; margin:10px 0 0 0; color:#666}
.DetailPayroll a{ color:#5bc0de}
.DetailPayroll ul{margin:0 0 15px 20px; padding:0; list-style:none}
.DetailPayroll li{margin:0; padding:0 0 5px 0; list-style:none; font-size:13px;}
.DetailPayroll li i{display:inline-block; font-size:13px; margin:0 6px 0 0}
.marginBtm4{margin-bottom:4px;}
.circle-icon.CompletePayroll{float:none; display:inline-block;}
.AmountLabel { border-radius: 0.25em; color: #fff; display: inline-block; font-size: 14px; font-weight: 600; line-height: 1; padding: 6px 12px; text-align: center;	background-color: #428bca;}
.StatesRightInfo{float:right; width:63%; position:relative}
.StatesRightDetail{float:left; width:100%; background:#edf2f4; padding:10px; border-radius:3px;}
.StatesRightDetail h3{margin:5px 0 15px 0; font-size:15px;}

/*************** Progress Bar *******/
.LoadMuPage{background: url("../images/progressbar_outer_back.png"); box-shadow: 0px 0px 5px rgba(0,0,0, 0.7); display:inline-block; width:100%; padding:3px; border-radius:3px;}

/*===== Page title statistics =====*/ 
.statistics { width: 100%; text-align: center; margin:10px 0; padding: 0; float:left}
.statistics > li { margin: 5px 0; width:20%; position: relative; float:left; list-style:none; text-align: left;}
.statistics > li > span { font-size: 11px; margin-top: 4px; display: block; text-transform: uppercase; font-weight: 600;}
.statistics.list-justified > li {margin: 0;}
.statistics.list-justified > li:first-child {padding-left: 0;}
.statistics-info {float: left; width: 100%;}
.statistics-info > a { display: inline-block; float: left; margin-right: 8px; font-size:20px; border-radius: 2px 2px 0 0; width:33px; text-align:center; text-decoration:none}
.statistics-info > a > i {color: white; padding: 5px 6px 6px 6px; margin: 0; display: block;}
.statistics-info > strong {font-size: 22px; font-weight: 600; display: block; float: left; margin-top: 2px;}
.progress-micro {height: 2px; margin-bottom:4px;}
.EditTaxSatup{position:absolute; top:5px; right:10px; font-size:15px; color:#5bc0de; z-index:2}
.Font12{font-size:14px;}
.text-muted strong{color:#333}
.MtopIcon{margin-top:4px;}
.todo > li i.MtopIcon{color:#999}

.DashTodo {margin: 0 0 25px 0;padding: 0px 0px;	list-style: none;}
.DashTodo > li {-webkit-border-radius: 3px;	-moz-border-radius: 3px;border-radius: 3px;	padding:10px;	background: #f0f6fa; margin-bottom: 1px;	color: #444; display:inline-block; width:100%; border-bottom:1px #DDD solid;}
.DashTodo > li .text{display: inline-block; font-weight: 600;  width: 25%;}
.DashTodo > li a {width:100%; display:inline-block; cursor:pointer}
.DashTodo > li .UsrTag{float:right; width:65%;}
.DashTodo .DetailPayroll {background:#f0f6fa; border-radius:2px;}
.DashTodo > li .label { display: inline-block;  font-size: 10px;  margin-bottom: 2px;  margin-left: 2px;  padding: 5px 8px;}
.DashTodo.Half {width:35%; float:left}
.DashTodo.Half li{padding:11.5px 10px}
.DashTodo.Half > li .text{width: 100%;}
.DashTodo.Half > li.selected{background:#c2e4f1; border-left:3px #5DC170 solid;}
.ShortLink{background:#f1f4f6; list-style:none; float:left; width:100%; padding:0; margin:0; border-radius:3px 3px 0 0;}
.ShortLink li{float:left; width:50%; padding:0; margin:0; border-right:1px #D9E4ED solid; border-bottom:1px #D9E4ED solid}
.ShortLink li a{text-align:center;font-weight:600; display:inline-block; font-size:14px; width:100%; padding:10px 10px; margin:0; text-decoration:none}
.ShortLink li a .text-danger{color:#E81515}
.ShortLink li a .text-warning{color:#f0ad4e}
.ShortLink li a i{font-size:40px;   -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;-o-transition-duration: 0.8s; transition-duration: 0.8s; 
                  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform; -o-transition-property: -o-transform;  transition-property: transform;}
.ShortLink li a:hover i{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);  -o-transform:rotate(360deg);}
.ShortLink li a:hover{color:#65c3df}
.dashboardtile{float:left; width:100%; background:#e4ebef; border-radius:0 0 3px 3px; padding:10px; position:relative; border-bottom:1px solid #d9e4ed}
.dashboardtile .LeftIcon{ background: #d9534f; border-radius: 50%; color: #fff; float: left; font-size: 29px; height: 65px; line-height: 65px; text-align: center; width: 65px;}
.dashboardtile .info{float:left; width:48%; margin:0 0 0 10px;}
.dashboardtile .info h2{font-size:18px; margin:0}
.dashboardtile .info h2 small{font-size:13px; }
.dashboardtile .info p{ margin-bottom:0 }
.dashboardtile .TotalInfo{position:absolute; right:0; top:0; height:100%; width:35%; padding:10px; background:#D5DFFF; border-radius:0 0 3px 0}
.dashboardtile .TotalInfo h2{font-size:17px; text-align:center; margin:0 0; line-height: 15px;}
.dashboardtile .TotalInfo h2 small{font-size:10px; }
.dashboardtile .TotalInfo .total{font-size:35px; font-weight:600; text-align:center; margin:13px 0 0 0;}
.DashTable .table{margin:0}
.DashTable .table th{ background:#e4ebef; border-bottom:0 solid rgba(0, 0, 0, 0.2); }
.DashTable .table td{ background:#f1f4f6; }
.DashTable .table-striped > tbody > tr:nth-child(2n+1) > td, .DashTable .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #f1f4f6; border-top:1px solid rgba(0, 0, 0, 0.1);}
.minheight{min-height: 315px;}
.decoration, .decoration:hover{text-decoration:none;}



/***********Run Payroll****************/
.instractions{   background-color: #fcf8e3;  border:1px #faebcc solid; padding:10px; float:left; width:100%; font-size:13px; color:#666; margin-bottom:18px; border-radius:3px;}


/***********Payroll Report********/
.payrollReport a{background:#FFF; border-radius:3px; height:220px;  font-size:13px; width:23%; margin:0 1% 20px}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.portfolioFilter {text-align: center;  margin-bottom: 35px;}
.portfolioFilter a { margin-right: 10px; color:#666;text-decoration:none; background:#666; padding:6px 20px; font-size:13px; border-radius:2px; color:#FFF}
.portfolioFilter a.current { background:#5bc0de}
.isotope-item { z-index: 2; float:left; width:31.33%; margin:0 1% 0}
.isotope-hidden.isotope-item { pointer-events: none;  z-index: 1;}


.PayrollReports .media{width:100%; margin:0 0 25px 0; width:100%;  min-height: 145px; border-radius:3px; padding:10px; text-align:center; background:#FFF;}
.PayrollReports .media p{margin:0; float:left; clear:both; text-align: center; width: 100%; line-height:16px;}
.PayrollReports .media  span{margin:0; clear:both; font-size:15px; }
.PayrollReports .media a{ color:#333; }
.PayrollReports .media a:hover{ color:#5BC0DE; text-decoration: none; }
.PayrollReports .media .OptionIcons{display:inline-block; text-align:center; background:#5BC0DE; border-radius:50%; width:40px; height:40px;  font-size:14px; line-height:40px;  margin:0; color:#FFF}
.PayrollReports .media a:hover .pull-left{color:#5BC0DE}
.PayrollReports .media-body{font-size:12px; color:#999}


/*********************** Payroll Repost Table CSS ***********/
.table.tdPadding > tbody > tr.success > td{padding-top:11px; padding-bottom:11px;}



/****************************** Paycheck ***********/
.UploadBg{float:left; width:100%; padding:20px 0; text-align:center; background:#f2f2f2; border:1px #e8e8e8 solid; border-radius:3px; }
.UploadBg .btn{background:#428bca; color:#FFF; padding:6px 15px; }
.UploadBg p i{color:#DDD; margin-bottom:20px; font-size:80px;}
.Paycheck{float:left; width:100%; margin:10px 0 50px 0}
.mtop{margin-top:15px;}
.integrationLogo { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: inline-block; height: 111px; line-height: 1.42857; width: 100%; padding: 4px;
                   transition: all 0.2s ease-in-out 0s;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); vertical-align:middle; overflow:hidden; margin-top:26px; text-align:center}
.integrationLogo img{max-width:100%;}
.tableDetail{width:100%;  border-right:1px #DDD solid; border-top:1px #e8e8e8 solid; margin-bottom:20px;}
.tableDetail th{background:#f2f2f2; border-left:1px #DDD solid; border-bottom:1px #DDD solid; padding:5px; font-size:11px; font-weight:600}
.tableDetail td{background:#FFF; border-left:1px #DDD solid; border-bottom:1px #DDD solid; padding:4px; font-size:11px; }
.tableDetail td input{border: 1px solid #ddd; padding: 0 5px;}
.tableDetail td.danger{background:#F1CACA}
/****************** File Upload *****************/
.progressBar { width: 200px; height: 22px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; display:inline-block; margin:0px 10px 5px 5px; vertical-align:top;}
.progressBar div { height: 100%; color: #fff; text-align: right; line-height: 22px; width: 0; background-color: #0ba1b5; border-radius: 3px;}
.statusbar{border-top:1px solid #A9CCD1; min-height:25px; width:100%;float:left; margin:15px 0 0 0;  padding:10px; vertical-align:top;}
.statusbar:nth-child(odd){ background:#EBEFF0;}
.filename{display:inline-block;vertical-align:top;width:250px;}
.filesize{display:inline-block;vertical-align:top;color:#30693D;width:100px;margin-left:10px;margin-right:5px;}
.abort{background-color:#A8352F; -moz-border-radius:4px;  -webkit-border-radius:4px; border-radius:4px;display:inline-block; color:#fff; font-family:arial;font-size:13px;font-weight:normal; padding:4px 15px; cursor:pointer; vertical-align:top }
.dangerPoint{background:#f1caca; padding:1px 5px; display:inline-block;}
.saverow{background:#FFF; border:1px #DDD solid; display:inline-block; padding:0; font-size:12px; height:20px; width:20px; border-radius:50%; text-align:center}
.PariorPyroll{float:left; width:100%; padding:15px 15px; background:#fafafa; border:1px #e8e8e8 solid; border-radius:3px; text-align:center}
.PariorPyroll:hover{background:#FFF; border:1px #f5f5f5 solid;}
.slider-outer {
    width: 94px;
    height: 27px;
    overflow: hidden;
}
.slider {
    background: url('//labs.engageinteractive.co.uk/itoggle/images/itoggle.png') 0 -27px;
    width: 147px;
    height: 27px;
}
.hide{display:none}

.ScrollTable{height:350px; width:100%; overflow:auto}

/************************** 2014-08-25 Payroll Integration *********/
.CompanyDtl{float:left; width:100%; padding:10px; background:#f5f5f5; border:1px #e8e8e8 solid; margin:15px 0; border-radius:3px;}
.CompanyDtl h4{float:left; width:100%; margin:0 0 10px 0; font-size:17px;}
.CompanyDtl p{margin:0 0 10px 0; color:#666; line-height:20px;}


.PayReport{display:inline-block; padding:5px 10px; font-size:12px; font-weight:600; color:#333; background:#DDD; border-radius:2px; margin:0 6px 8px 0; text-decoration:none}
.PayReport:hover{ text-decoration:none}
.OR{font-size:27px; font-weight:600; color:#999; margin:30px 0 15px; text-align:center; display:inline-block; width:100%;}


/************************ 2014-09-03***********/
.parcardmsg{background:#dff0d8; border:1px #CAE1B7 solid; padding:15px; margin:20px 0; font-size:13px; color:#3c763d; line-height:22px; border-radius:3px;}






/********************** Company Details 2014-10-13****************/
.name{color:#666; text-align:right; width: 35%;}
.value{color:#000; text-align:left}
.edit{color:#5bc0de; text-decoration:none}
.table.table-details, .table.table-details tr td{border:none;  margin:0}
#company-sections h3{margin:0 0 10px 0; font-size:20px}
.company-details{padding:10px; margin-bottom:20px; background:#fafafa; border:1px #f5f5f5 solid; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.highlight{background:#fcf8e3; border:1px #faebcc solid}
.company-details-info{padding:15px; background:#f5f5f5; border:1px #e8e8e8 solid; border-radius:2px;}
.company-details-info .name{width: auto}
.company-details-info h3{margin:0 0 20px 0; font-size:20px}
.company-details-info p{margin:0 0 20px 0; }




/********************Benefit Plans***************/
.benefitplanslist{display:inline-block; width:100%; margin:0; padding:0; list-style:none}
.benefitplanslist li{float:left; width:18%; margin:0 1% 15px;}
.benefitplanslist li a{height:100px; background: #fafafa;  border: 1px solid #eeeeee; border-radius: 3px; float: left;   padding:15px 0 30px; position: relative; text-align: center; width: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;}
.benefitplanslist li a:hover, .benefitplanslist li a:focus{ box-shadow:0 0 0 #FFF; -moz-box-shadow:0 0 0 #FFF; -webkit-box-shadow:0 0 0 #FFF; text-decoration:none;  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); transform: scale(1.1);}
.benefitplanslist li a p{font-weight:600; margin-top:48px; text-decoration:none; font-size:12px}

.benefitplanslist li a.planname1{background:url(../plans-logo/dental-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname1:hover, .benefitplanslist li a.planname1:focus{background:url(../plans-logo/dental.png) top center  no-repeat;
                                                                               color:#09488e;  border-color:#09488e}
.benefitplanslist li a.planname1 i{color:#09488e;}

.benefitplanslist li a.planname2{background:url(../plans-logo/health-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname2:hover, .benefitplanslist li a.planname2:focus{background:url(../plans-logo/health.png) top center  no-repeat; 
                                                                               color:#e8ba14;  border-color:#e8ba14}
.benefitplanslist li a.planname2 i{color:#e8ba14;}

.benefitplanslist li a.planname3{background:url(../plans-logo/vision-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname3:hover, .benefitplanslist li a.planname3:focus{background:url(../plans-logo/vision.png) top center  no-repeat;
                                                                               color:#36a023;  border-color:#36a023}
.benefitplanslist li a.planname3 i{color:#36a023;}

.benefitplanslist li a.planname4{background:url(../plans-logo/basic-life-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname4:hover, .benefitplanslist li a.planname4:focus{background:url(../plans-logo/basic-life.png) top center  no-repeat; 
                                                                               color:#e06c6c;  border-color:#e06c6c}
.benefitplanslist li a.planname4 i{color:#e06c6c;}

.benefitplanslist li a.planname5{background:url(../plans-logo/supp-life-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname5:hover, .benefitplanslist li a.planname5:focus{background:url(../plans-logo/supp-life.png) top center  no-repeat; 
                                                                               color:#b66ce0;  border-color:#b66ce0}
.benefitplanslist li a.planname5 i{color:#b66ce0;}

.benefitplanslist li a.planname6{background:url(../plans-logo/std-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname6:hover, .benefitplanslist li a.planname6:focus{background:url(../plans-logo/std.png) top center  no-repeat;
                                                                               color:#de5f1a;  border-color:#de5f1a}
.benefitplanslist li a.planname6 i{color:#de5f1a;}

.benefitplanslist li a.planname7{background:url(../plans-logo/ltd-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname7:hover, .benefitplanslist li a.planname7:focus{background:url(../plans-logo/ltd.png) top center  no-repeat;
                                                                               color:#2bb89c;  border-color:#2bb89c}
.benefitplanslist li a.planname7 i{color:#2bb89c;}

.benefitplanslist li a.planname8{background:url(../plans-logo/fsa-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname8:hover, .benefitplanslist li a.planname8:focus{background:url(../plans-logo/fsa.png) top center  no-repeat; 
                                                                               color:#1291c6;  border-color:#1291c6}
.benefitplanslist li a.planname8 i{color:#1291c6;}

.benefitplanslist li a.planname9{background:url(../plans-logo/pension-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname9:hover, .benefitplanslist li a.planname9:focus{background:url(../plans-logo/pension.png) top center  no-repeat; 
                                                                               color:#d019a7;  border-color:#d019a7}
.benefitplanslist li a.planname9 i{color:#d019a7;}

.benefitplanslist li a.planname10{background:url(../plans-logo/custom-plan-gray.png) top center  no-repeat;}
.benefitplanslist li a.planname10:hover, .benefitplanslist li a.planname10:focus{background:url(../plans-logo/custom-plan.png) top center  no-repeat; color:#2dcad4; border-color:#2dcad4}
.benefitplanslist li a.planname10 i{color:#2dcad4;}

.benefitplanslist li a .tick { color: #000000; display: block; margin: 0; opacity: 0.7; position: absolute; right: 4px; top: 4px; font-size:17px; z-index: 4;}
.benefitplanslist li a .tick_wrapper {background-image: url("../images/tickbg.png"); display: none; height: 50px; position: absolute; right: -1px; top: -3px; width: 48px;z-index: 3;}
.benefitplanslist li a.selected { text-decoration:none; outline:none; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); border:1px #F0AD4E solid}
.benefitplanslist li a.selected .icon{background:#FFF; color:#F0AD4E; -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); }
.benefitplanslist li a.selected .tick_wrapper{display:block;}

.benefitlg{border-radius:3px; background:#FFF; padding:3px; float:left; margin:0 10px 20px 0; border:1px #DDD solid}
.Planinformation{display:inline-block; margin-bottom:20px; width:100%; padding:15px 10px 0; background:#fafafa; border:1px #EEE solid; border-radius:3px;}



/******************************************************/
.MPeriod{position:relative}
.MPeriod span{ color: #000; left: 0;padding-top: 5px; position: absolute; top: 23px;}
.MPeriod span:after {height: 15px; left: 0; position: absolute; top: -7px; width: 2px; background: #449d44; border-right: 1px white; content: '';}
.MPeriod span:last-child{ color: #000; right: 0; left:auto; padding-top: 5px; position: absolute; top: 23px;}
.MPeriod span:last-child:after {height: 15px; right: 0; left:auto; position: absolute; top: -7px; width: 2px; background: #449d44; border-right: 1px white; content: '';}
.APeriod{position:relative}
.SPeriod{position:relative}
.SPeriod span{ color: #000; left: 0;padding-top: 5px; position: absolute; top: 23px;}
.SPeriod span:after {height: 15px; left: 0; position: absolute; top: -7px; width: 2px; background:#c9302c; border-right: 1px white; content: '';}
.SPeriod span:last-child{ color: #000; right: 0; left:auto; padding-top: 5px; position: absolute; top: 23px;}
.SPeriod span:last-child:after {height: 15px; right: 0; left:auto; position: absolute; top: -7px; width: 2px; background: #c9302c; border-right: 1px white; content: '';}
.ColorHint{float:left; width:100%; margin:0 0 3px ; padding-left:25px; font-size:12px; font-weight:600; position:relative}
.ColorHint:before {height: 15px; left:0; position: absolute; top:3px; width: 15px; background: #449d44; border-right: 1px white; content: '';}
.ColorHint2{float:left; width:100%; margin:0 0 3px; padding-left:25px; font-size:12px; font-weight:600; position:relative}
.ColorHint2:before {height: 15px; left:0; position: absolute; top:3px; width: 15px; background: #ec971f ; border-right: 1px white; content: '';}
.ColorHint3{float:left; width:100%; margin:0; padding-left:25px; font-size:12px; font-weight:600; position:relative}
.ColorHint3:before {height: 15px; left:0; position: absolute; top:3px; width: 15px; background: #c9302c; border-right: 1px white; content: '';}
.InitialHeading{text-align:left; margin-top:6px; display:block; clear:both; font-size:15px;}
.ACAEnrollHeading{margin:0 0 15px; font-size:15px;}
.DownArrow{position:absolute; top:-15px; left:46%;}


/****************** Model popup list *********************/
.List{float:left; width:100%; padding:10px; border:1px #e8e8e8 solid; border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;  color:#555}
.ModelListHeading{display:block; width:100%; margin:0 0 15px;  }
.List h4{color:#333; margin:4px 0 7px;}


/*********************** Process Popup ***************/
.Process{list-style:none; margin:30px 0 0px 15px; padding:0; float:left; width:100%; background:url(../images/process-arrow.png) left top no-repeat; }
.Process li{list-style:none;  padding:0; float:left; width:100%; height:149px; position:relative;  }
.Process li:last-child{height:71px}
.Process li .ProcessStep{position:absolute; left:0; top:-20px; width:105px; text-align:center; padding:0;}
.Process li .ProcessStep a:hover{color:#428bca; text-decoration:none}
.Process li .ProcessStep span{display:inline-block; font-size:20px; background:#5d9cec; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; text-align:center; padding-top:13px; color:#FFF}
.Process li .ProcessStep:first-child span{background:#34d3eb}
.Process li .ProcessStep:last-child span{background:#7266ba}
.Process li .Step2{left:41%;}
.Process li .Step3{left:80%;}

.input_file {  opacity: 0;
               position: absolute;
               top: 0;}

.portlet > .portlet-title > .caption {
    color: #666666;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: 400;

    margin: 0 0 8px;
    padding: 0;
}
.portlet > .portlet-title > .tools, .portlet > .portlet-title > .actions {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
}
.portlet > .portlet-title::after, .portlet > .portlet-title::before {
    content: "";
    display: table;
    line-height: 0;
}

.portlet > .portlet-title::after {
    clear: both;
}
#rootwizard > ul{position:relative;  
                 width: 100%;text-align:center; }
#rootwizard > ul:after{
    position:absolute;

    top:45px;
    z-index:4px;
    border-top:#dddddd solid 1px;  
    width: 100%;}
#rootwizard .nav-pills > li { 
    padding: 0 5px;
    position: relative;
    display:inline-block;
    z-index:15;
    text-align:left;

}

#rootwizard .nav-pills > li.activted:after { 
    background: #f35b3f none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -1%;
    position: absolute;
    top:45px;
    width: 102%;
    z-index: 9;

}
#rootwizard .nav-pills > li.active:after { 
    background: #f35b3f none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -1%;
    position: absolute;
    top:45px;
    width: 50%;
    z-index: 9;

}
#rootwizard .nav-pills > li a{ display:block; text-align:center;}	
#rootwizard .nav-pills > li a i{	
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f35b3f;
    color: #f35b3f;


    border-radius: 50%;

    display: inline-block;
    font-size: 35px;
    height:60px;
    line-height: 60px;
    margin-top: 4px;
    width: 60px;
    position: relative;

    z-index: 999;
}
.select2 { width:100%!important;}
#rootwizard .nav-pills > li a span{display:block; text-align:center;}

#rootwizard .nav-pills > li.active > a, #rootwizard .nav-pills > li.active > a:focus, #rootwizard .nav-pills > li.active > a:hover {

    background-color:none	;
    color: #none;
}
#rootwizard  li a:hover {background:none!important;  }
#rootwizard  li a:focus {background:none!important;  }
#rootwizard li.active  a{  background:none!important;    color: #f35b3f!important;}
#rootwizard li.active  a i{ background: #f35b3f none repeat scroll 0 0;
                            border: 1px solid #f35b3f;    color: #fff}
#rootwizard .nav-pills > li.activted  a { background:none!important;    color: #f35b3f!important;}
#rootwizard .nav-pills > li.activted  a i{ background: #f35b3f none repeat scroll 0 0;
                                           border: 1px solid #f35b3f;    color: #fff}
.wizard-from{ padding:30px 10px; width:100%;}


.menu{ width:100%; padding:10px 0;}
.menu  a {text-align:center; display:inline-block; padding:5px 10px; min-width:100px;}
.menu  a i{	
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f35b3f;
    color: #f35b3f;


    border-radius: 50%;

    display: inline-block;
    font-size: 36px;
    height:60px;
    line-height: 60px;
    margin-top: 4px;
    width: 60px;


    z-index: 999;
    text-align:center;
    clear:both;
    margin-bottom:6px;
}

.menu a span{	    color: #444;	   display:block;}.menu  a:hover { text-decoration:none;}
.menu  a:hover i{	
    background:#f35b3f none repeat scroll 0 0;
    border: 1px solid  #f35b3f;
    color: #ffffff ;
}

.menu  a:hover span{	

    color: #f35b3f ;
}

.menu  a.active i{	
    background:#f35b3f none repeat scroll 0 0;
    border: 1px solid  #f35b3f;
    color: #ffffff ;
}

.menu  a.active span{	    color: #f35b3f;	}


.paginate_button{	background-image:-webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
                  background-image:linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
                  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
                  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
                  background-repeat:repeat-x;
                  border-color:#dbdbdb;
                  text-shadow:0 1px 0 #fff;
                  border:#ccc  solid 1px; margin-right:5px;
                  display:inline-block;
                  margin-bottom:0;
                  font-weight:400;
                  text-align:center;
                  vertical-align:middle;
                  cursor:pointer;

                  white-space:nowrap;
                  padding:6px 12px;
                  font-size:14px;
                  line-height:1.42857143;
                  border-radius:4px;
                  -webkit-user-select:none;
                  -moz-user-select:none;
                  -ms-user-select:none;
                  user-select:none}
.dataTables_filter label {   display: block;	width:100%;   font-size: 13px;
                             font-weight: 600;}
.dataTables_filter input{
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    display: block;
    font-size: 13px;
    height: 34px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width:100%;
    padding-left:8px;
    font-weight:300;
}
.dataTables_length .select2 {    float: right;    width: 100% !important;} 
.dataTables_length .select2-selection__rendered{ text-align:left;}
.table a{ font-size: 13px;
          font-weight: 600;color: #099aca;}
.table a.label{ font-size: 11px;
                font-weight: 300;color: #fff;}
.table tr:nth-child(even) {
    background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #d7ecff;
}
.filter_view { background-color:#fafafa; padding:15px 0px 20px  0px; float:left; width:100%; border:1px solid #eeeeee; border-radius:3px; -webkit-box-shadow:0px 1px 5px -2px #cccccc;/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
               -moz-box-shadow:0px 1px 5px -2px #cccccc;  /* Firefox 3.5 - 3.6 */
               box-shadow:0px 1px 5px -2px #cccccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.filter_view label{ margin-bottom:0px;}
#reportrange b.caret { float:right; margin-top:10px;}
.card-box, .wrapper-md {
    padding:20px
}
.card-box {
    border-radius:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.08);
    background-clip:padding-box;
    margin-bottom:30px;
    background-color:#fff
} 
.dataTables_filter { display:none;}
/* Login- register pages */
.login-register {
    background:url(../images/Login-bg3.png) no-repeat center center;
    height: 100%;
    position: fixed;
    width:100%;
    background-size:100%;
}
.login-box {
    background: #ffffff;
    width: 400px;
    margin: 0 auto;
    margin-top: 10%;

    -webkit-box-shadow:0px 10px 15px -2px #595959;/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:0px 10px 15px -2px #595959;  /* Firefox 3.5 - 3.6 */
    box-shadow:0px 10px 15px -2px #595959;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}
.login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px;
}
.login-box .social {
    display: block;
    margin-bottom: 30px;
}
.login-register h3{ font-weight:500; font-size:18px;}
#recoverform {
    display: none;
}

.white-box {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 25px;

}
/*Material inputs*/
.form-material .form-group {
    overflow: hidden;
}
.form-material .form-control {
    background-color: rgba(0, 0, 0, 0);
    background-position: center bottom, center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px, 100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
    background-image: linear-gradient(#03a9f3, #0e6d97), linear-gradient(rgba(3, 169, 243, 0.13), rgba(14, 109, 151, 0.13));
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: none;
}
.form-material .form-control.focus,
.form-material .form-control:focus {
    background-size: 100% 2px, 100% 1px;
    outline: 0 none;
    transition-duration: 0.3s;
}
.form-bordered .form-group {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding-bottom: 20px;
}
.btn-info, .btn-info.disabled {
    background: #03a9f3 none repeat scroll 0 0;
    border: 1px solid #03a9f3;
    border-radius:0px;
}

#recoverform .btn{	border-radius:0px;}
.btn-default.btn-outline {
    background-color: #ffffff;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.chart_btn > .btn {
    font-size: 12px;
    font-weight: 300;

    border-radius:4px;
    padding:6px 9px

}
.chart_btn .btn:hover, .chart_btn .btn:focus{
    background:#FFF!important

}
.icons_view { width:100%;
              border:#efefef solid 1px;
              text-shadow:0 -1px 0 rgba(0, 0, 0, .2);
              -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
              box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); padding:15px; border-radius:2px;}
.icons_view span i { display:inline-block; width:50px; height:50px; text-align:center; font-size:24px; line-height:50px; border-radius:2px; margin-right:5px;}
.icons_view span { display:inline-block;}
.icons_view  span strong{ display:block;}
.icons_view2 { width:100%; 
               position:relative;
               padding:20px 20px  20px 50px ;
               margin-bottom:24px;border-radius:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.08);box-shadow:0 1px 2px rgba(0,0,0,.08); min-height:110px; text-align:right;margin-bottom:30px; }
.icons_view2 i{    border-radius: 100px 100px 0;
                   display: block;
                   font-size: 32px;
                   height: 62px;
                   line-height: 14px;
                   padding: 25px 12px 12px;
                   position: relative;
                   text-align: center;
                   vertical-align: middle;
                   width: 62px;
                   left:15px;
                   position:absolute;
                   background:#FFF;
                   color:#757575;}
.icons_view2  strong{ display:block; font-size:30px;font-family: "Open Sans",sans-serif; font-weight:300;}
.icons_view2 span{ line-height:26px; color:#FFF; padding-top:10px; display:block;}
.bg_body{ background:#edf1f5;}
.header-title { font-weight:600;}
#inbound tr td,#outbound tr td{ border-bottom:#FFF solid 2px;}
.table tr td h5,.table tr td p{ margin-bottom:0px; }
.addrow1{ background:#c4e1d0!important}
.addrow2{ background:#f9f9db!important}
.addrow3{ background:#d3defb!important}
.addrow4{ background:#fdd8d1!important}
.addrow5{ background:#f9e3c1!important}

.addrow6{ background:#f9f9db!important}
.addrow7{ background:#d3defb!important}
.addrow8{ background:#c4e1d0!important}
.addrow9{ background:#fdd8d1!important}
.addrow10{ background:#f9e3c1!important}


.addrow_bound{ background:#e8f7e7!important;}
.addrow_bound1{ background:#ffe3e2!important;}
.addrow_bound2{background:#e8f7e7!important;}
.addrow_bound3{ background:#ffe3e2!important;}
.addrow_bound4{background:#e8f7e7!important;}
.addrow_bound5{ background:#ffe3e2!important;}
.addrow_bound6{ background:#e8f7e7!important;}
.addrow_bound7{ background:#ffe3e2!important;}
.addrow_bound8{background:#e8f7e7!important;}
.addrow_bound9{ background:#ffe3e2!important;}
.addrow_bound10{background:#e8f7e7!important;}
.addrow_bound11{ background:#ffe3e2!important;}
.table_box{ width:100%;}

.notification-menu .dropdown-toggle img.img-user{ display:block; border-radius:50%; height:32px; width:32px;transform:translateY(9px);box-shadow:0 0 0 2px rgba(255,255, 255, 0.5)}
.username {float: right; line-height: 51px; margin: 0 10px;}
.notification-menu .user_pic{ display:inline-block; padding:0 20px;}
.notification-menu .dropdown-menu li a { background:#d65c4f;}
.notification-menu  .dropdown-menu{ left:auto; right:0px;}
.notification-menu .dropdown-menu::after{ border-bottom:6px solid #fff}

.easy-pie-custom {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    text-align: center;
}
.easy-pie-custom canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.easy-pie-percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}
.easy-pie-percent :after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.easychart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.easychart canvas {
    position: absolute;
    top: 0;
    left: 0;
}
.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
}
.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}
.chart_cell { display:table-cell; padding:10px; }
.w70{ width:70%;}
.w60{ width:60%;}
.chart_data{ text-align:left; font-weight:500}
.chart_data h1{ color:#f9a10c; font-size:18px; margin:0px 0px 0px 0px; padding:0px;}
.chart_data span{ color:#444; font-size:15px;}
#rootwizard .nav-pills > li{ width:160px;}
.width100 { width:100%;}
.lg_text { font-size:24px; padding:10px 50px; display:inline-block; margin-top:20px;}

.sub_title{ font-size:11px; color:#666; padding-left:5px; font-style:italic;}
.segment_list { width:100%; height:300px; overflow:auto;}
.segment_list  ul{ list-style:none;}
.segment_list  ul li{ padding:6px 0;}
#edirulepopup .modal-dialog {
    margin: 70px auto;
    width: 685px;
}
.current {border: 1px solid #aaa;background-clip: padding-box;background-image: linear-gradient(to bottom, #428bca 0px, #2d6ca2 100%);background-repeat: repeat-x;border-color: #2b669a; color:#fff;}
a.current:hover { color:#fff;}
a.del_btn{color:#fff;}
.Fixed_map{ display:none}
.EBA_map{ display:none}
.Custom_map{display:none}
.level3>ul{ margin-left:30px;}
/**************report builder css****************/
.section-label { width:100%; padding:5px 0; border-bottom:#eeeeee  solid 1px; font-weight:600; margin:10px 0;}
.frm_class .form-group{ margin-bottom:15px; display:table; width:100%;}
.tab-content {border:#eeeeee  solid 1px; padding:10px;}
.frm_class [class^='col-md'] ,.frm_class [class^='col-sm'] { margin-bottom:10px;}
/***********partnership new section**********/
.links{ margin-top:20px}
.links ul{ margin:0px 0 20px 0; padding:0}
.links ul li{ margin:0;list-style:none; padding:5px 0; color:#03a9f3}
.links ul li a{ margin:0; padding:0; list-style:none;  color:#03a9f3}
.padd-left0{ padding:0}
.font-normal{ font-weight:normal}
.append-div{ display:none }
.close_append{ position:absolute; top: 10px; cursor:pointer}
#week-list, #daily-list, #month-list, #select-custem-list{ display:none}
.segmentnew{ height:auto}
/**********Special Rules in Carrier Profile****************/
.spcl_rules{padding: 15px 0 0 25px;}
#checboxlist ol li .checkbox-inline{ margin:-4px 5px 0 0}
#taskrow_id3 span{ border:1px solid #cf2a28; width:30px; height:30px; text-align:center; vertical-align:middle}
.age-input{width: 35px;text-align: center;}
.amount-input{width:60px;}
.update-time{ color:#898989; padding-left:5px}
.hidden_rule{  height: 0;overflow: hidden; margin-bottom: 0px !important;}
#checboxlist ol li { margin-bottom: 10px; padding-left: 60px;}
#checboxlist ol li ul li{margin: 0; padding: 0;}
.spcl_rules_header{font-weight: bold; margin-top: 15px; padding: 0;}
.rule_no{padding: 0; width: 80px;}
#edit_report{margin-right:25px;}
.edimanager .select2-search__field{width: auto !important;}
.segment_list ul.padd-left0 li label{display: inline;}