/* Add here all your CSS customizations */

.selectwDropDown {
    -webkit-appearance: menulist;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
.termstext{
    color:#009892;
}

.fixed2 {
        position: absolute;
        width: 25%;
}
.scrollit {
        float: left;
        width: 71%
}
.tooltip-inner {
    white-space:pre;
    max-width:none;
}


.hdrcompname{
    margin-right:30px;
}

.ui-pnotify .notification-warning {
    background-color:red;
}

.widget-summary .summary .title .red{
color:white;
}

.widget-summary .summary .red{
  color: white;
background-color: red;
}

.widget-summary .summary .info .red {
  color: white;
background-color: red;
}

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

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

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-RMFAMONEYFONT:before {
	content: "\e60c";
}

.icon-RMFAMONEY .path1:before {
	content: "\e600";
	color: rgb(0, 0, 0);
}
.icon-RMFAMONEY .path2:before {
	content: "\e601";
	margin-left: -1.5em;
	color: rgba(0, 0, 0, 0.88);
}
.icon-RMFAMONEY .path3:before {
	content: "\e602";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY .path4:before {
	content: "\e603";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY .path5:before {
	content: "\e604";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY .path6:before {
	content: "\e605";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}

.icon-RMFAMONEY2 .path1:before {
	content: "\e606";
	color: rgb(0, 0, 0);
}
.icon-RMFAMONEY2 .path2:before {
	content: "\e607";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY2 .path3:before {
	content: "\e608";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY2 .path4:before {
	content: "\e609";
	margin-left: -1.5em;
	color: rgba(255, 255, 255, 0.88);
}
.icon-RMFAMONEY2 .path5:before {
	content: "\e60a";
	margin-left: -1.5em;
	color: rgb(0, 0, 0);
}
.icon-RMFAMONEY2 .path6:before {
	content: "\e60b";
	margin-left: -1.5em;
	color: rgb(0, 0, 0);
}

    .jumbotron p {

  font-size: 14px;

}
.panel-heading-help{
    padding:10px;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.tooltip.in {

}
.tooltip.top .tooltip-inner{
    background-color:black;
    /*filter:alpha(opacity=100);
    filter:inherit;
    opacity:0.5;*/
}
.tooltip.top .tooltip-arrow{
    border-top-color:black;
}

.userbox {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}
.btn{
border: none;
}



.panel-actions a.moreInfo {
color: #BBE5FF;
/*color:#0c3853 ;*/
}

ul.nav-main li a.darken {

    color: #005E5A;

}
.table {
 
    background-color: #f1f1f1;
}

/*.table-bordered {
    border: 1px solid #005E5A;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #005E5A;
}*/

button.DTTT_button, div.DTTT_button, a.DTTT_button {
    background-image:none;
    background-color:#009892 ;
    color:white;
    border-radius: 4px;
}

div.dataTables_filter label {
    float: left;
}

table.table thead .sorting {
       background-color:#009892 ;
    color:white;
}
table.table thead .sorting_asc {
       background-color:#009892 ;
    color:white;
}
table.table thead .sorting_desc {
      background-color:#009892 ;
    color:white;
}

.table > thead > tr > th {
    background-color:#009892 ;
    color:white;
}
.sposwitch{
    margin-right:15px;
    background-color: #151922 ;
}
.sposwitchtbl{
    background-color:#f1f1f1 ;
    table-layout: fixed;
}

/*dataTables_wrapper .dataTables_filter input {
    width: 200%;
}*/
body .btn-success {
    background-color: #00aca5;
    border-color: #00aca5;
}

body .btn-success:hover {
    background-color: #0e8b8b ;
    border-color: #0e8b8b;
}

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
    background-color: #009892 ;
}

ul.nav-main li .nav-children li a:focus {
    background: none repeat scroll 0% 0% #009892 ;
}

.logo-containerSP{
    float: left;
    margin-left: 130px;
    margin-top: 15px;
}
.slant{
    transform:rotate(-20deg);
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
background : none;
}
.bg-primary{
    background-color:#00cdc5;
}
.bg-secondary{
    background-color:#555;
}
.bg-quartenary{
    background-color:#0c3853;
}
.bg-success{
    background-color:#979797;
}
.sidebar-widget .widget-header h6
{
    color:#979797;
}

.sidebar-left .sidebar-header .sidebar-toggle{
    background-color: #00A19C !important ;
}
.sidebar-left {
background: #00A19C  ;
box-shadow: -5px 0 0 #00A19C  ;

background: #00A19C;
}
.page-header {
    background: #00A19C  ;
    border-left: 0px;
}
.header-right-menu{
    margin-top:20px;
}
.userbox .name{
    color: #bbe5ff;
}

.input-search {
    width: 250px;
    margin-left: 20px;
}

.panelprint{
    margin-top:60px;
}

.cardListSearch{

    /*position: relative;
    top: 20px;
    right: 500px;*/
    position:relative;
    float:right;
    top: -60px;
    right: 30px;
}

.panel {
    margin-bottom: 5px;
        /*margin-left: 60px;*/
}

.preloginpanel{
    margin-top:35px;
    margin-left:18px;
}
.panel-featured-left {
    border-left: 20px solid #2C40A1;
}

.page-header .breadcrumbs{
    padding-left:10px;
}

.content-area {
    max-width: 1240px;
    margin: 0px auto;
    padding: 0px 20px;
}
.footer-section, .footer-section a {
    color: #5F5F5F;
}

.footer-section {
    background: none repeat scroll 0% 0% #1B1B1B;
    font-size: 12px;
    clear: both;
    padding: 20px 0px;
}
.sitemap-section {
    background: none repeat scroll 0% 0% #007373;
    overflow: hidden;
    padding: 100px 0px;
}
.tnc-list {
    list-style: none outside none;
    padding-left: 0px;
}


.tnc-list li:first-child {
    padding: 0px;
    margin: 0px;
    border: 0px none;
}
.tnc-list li {
    padding-left: 10px;
    margin-left: 10px;
    display: inline-block;
    border-left: 1px solid #5F5F5F;
}
.root-title {
    color: #01CDC4;
    margin-bottom: 15px;
    display: block;
    text-transform: uppercase;
}
.sm-list, .sm-menu-list {
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}
.sm-menu-list a {
    color: #FFF;
}
.sm-list, .sm-menu-list {
    list-style: none outside none;
}
body {
	font-family: Verdana , Source Sans Pro;
    color:#00A19C ;
}
a {
 color: #009892; 
}

/*.logoutbutton{
    margin-left:110px;  
    
}*/
.moreInfo{
     color: #bbe5ff ; 
}
.header {
height:83px;
border-bottom:none;
border-top:none;
}
.header2{
    background-image: url('../../images/headerbg.gif');
}
html.fixed .page-header {
top:83px;
/*background: linear-gradient(to right, #00A19C, #009892)*/
background: #00A19C;
}

html.no-overflowscrolling .nano > .nano-content {
    bottom: 50px;
}
.body-sign .panel-sign {
    clear: both;
}
.highlight {
	background-color: #0088cc;
}
.sidebar-widget {
    margin: 0px 36px 0px 30px;
}
html.fixed.sidebar-left-collapsed .page-header {
left: 101px;
}
/*In Firefox there is issue with the scroll bar appearing so we used this to hide*/
html.no-overflowscrolling.custom-scroll .nano > .nano-content {
    /*cannot use overflow-y:hidden as it will prevent scrolling*/
    /*overflow-y: hidden;*/
}
.sidebar-widget .widget-content {
    padding-right: 15px;
}

.liquid-meter-wrapper .liquid-meter-selector {
padding-bottom:35px;
}

body .btn-success:hover {
	border-color: #0e8b8b !important;
	background-color: #0e8b8b;
}

body .btn-success:active,
body .btn-success:focus {
	border-color: #0e8b8b !important;
	background-color: #0e8b8b;
}

body .btn-success[disabled] {
	border-color: #0e8b8b !important;
	background-color: #0e8b8b;
}
body .btn-primary {
    background-color:#00aca5 ;
    border-color:#00aca5 ;
}
body .btn-default {
    background-color:#00aca5 ;
    border-color:#00aca5 ;
    color:white;
}
body .btn-default:hover {
    background-color:#0e8b8b ;
    border-color:#0e8b8b ;
    color:white;
}
body .btn-primary:hover {
    background-color:#0e8b8b ;
    border-color:#0e8b8b;
}

body .btn-primary:active,
body .btn-primary:focus {
	border-color: #0e8b8b !important;
	background-color: #0e8b8b;
}

body .btn-primary[disabled] {
	border-color: #0e8b8b !important;
	background-color: #0e8b8b;
}

.body-sign .panel-sign .panel-body {
    border-top-color:#2dcac4;
}
.body-sign .panel-sign .panel-title-sign .title {
background-color:#2dcac4 ;
}

select{
    border-radius:0;
}
.sidebar-left .sidebar-header {
/*The margin top will affect the position of collapse nav button*/
margin-top:90px;
position:relative;
right:0px;
}

.header .logo-container {
    /*background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);*/
    background:white;
    z-index:1004;
    border-bottom:none;

}

.header.logo img{
margin-left:130px;

}

   .header{
/*background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);*/
background:white;
}

@media only screen and (min-width:768px) and (max-width:991px){
   html.fixed .page-header {

    height: 70px;
}
   .userbox{
       margin-top:10px;
   }
  .page-header .breadcrumbs {
    display: none;
}
}


@media only screen and (max-width: 767px) {
    /* phones */

    .header{
background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);
z-index:1003;
}
    .userbox {
      margin-left: 100px;
        margin-top:10px;
    }
    .userbox:after {
        height:92px;
       background:none;
    }
    /*.page-header{
        margin:69px -15px 20px -15px;
    }*/
    .header .header-right {
  height:120px;
  /*background-image: linear-gradient(#0E8B8B 20%, #009D96 80%);*/
  background:#00A19C;
    }
    .header-right{
        position:fixed;
        z-index:1002;
 
    }
    .header .logo-container{
        height:63px;

    }
    .phoneclear{

height: 70px;
background-color: #eee;
position: fixed;
z-index: 1001;
width: 100%;
z-index: 1001;
top: 80px;
}
    .nav2{

float: right;
display:flex;
}
    .header-right-menu
    {

    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
    .header{
background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);
}
       html.sidebar-left-collapsed .sidebar-left {
    width: 101px;
}
       .header .logo-container{
               border-top: none;
       }

}

@media only screen and (min-width: 480px) {
     .header{
background:white;
}

}

@media only screen and (max-width: 479px) {
       .header{
background:white;
}

}



@media only screen and (max-width: 400px) {
      .header{
background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);
}

}

@media only screen and (max-width: 320px) {
      .header{
background-image: linear-gradient(#0e8b8b 20%, #009d96 80%);
}

}

@media only screen and (max-width:1042px)
{
    .userbox{
       
    }
    .menu{
        margin: -30px 83px 0px -120px;
    }
}

.notifications > li .notification-icon{
    border-radius :10%;
}

/* Need Help Customisation*/
.menu {
     margin-bottom:0px; font-size:13px; z-index:10; position:relative ;margin: 10px 8px 0px -26px;
}
.menu ul {width:100%; margin-bottom:10px;}
.menu ul.support {width:100%; margin-bottom: 10px; left: 0px; /*left:50px;*/ /*left: 510px;*/}
.menu ul li{ list-style:none; float:left;}
.menu ul li a{text-decoration:none; margin:0px 10px; display:block; line-height:21px; color:#7d7d7d;}
.menu ul li a:hover{color:#4d4d4d;}
.menu ul li a span{ line-height:21px;}

.navigation{ height:20px;}
.navigation ul {display:none; list-style:none; float:none; height:30px; z-index:10; position:absolute; left:40px ;padding:0;}
.navigation ul li {float:left; background:#555555; margin-top:8px; padding:6px 3px;}
.navigation ul li a {border:none; font-size:13px; color:#ffffff;}
.navigation ul li:hover, .nav_all ul li.active {background-color:none;}
.navigation ul li:hover a, .nav_all ul li.active a {color:#cccccc;}
.navigation ul li:first-child {-moz-border-radius:12px 0px 0px 12px; -webkit-border-radius:12px 0px 0px 12px; border-radius:12px 0px 0px 12px;}
.navigation ul li:last-child {-moz-border-radius:0px 12px 12px 0px; -webkit-border-radius:0px 12px 12px 0px; border-radius:0px 12px 12px 0px;}
.navigation ul li:first-child a:after {content: ''; position: absolute; left: 110px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #555555; margin-top:5px;}
.navigation ul.support li:first-child a:after {content: ''; position: absolute; left: 115px; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #555555; margin-top:5px;}
.navigation ul li.divider { font-size:15px; line-height:21px; font-family:"Times New Roman", Times, serif; color:#ffffff;}
.navigation ul li.support { margin-left:0px;}

body .btn-primary.disabled{
    background-color: #00aca5;
    border-color: #00aca5;
}
body .btn-success.disabled{
    background-color: #00aca5;
    border-color: #00aca5;
}
body .btn-default.disabled{
    background-color: #00aca5;
    border-color: #00aca5;
}