f*{
    font-family: 'Roboto' sans-serif !important;
}

/* Own Fonts */

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

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-ellipsis:before {
    content: "\e602";
}


/* General Styles */

ion-side-menu-content ion-content,
.historique-modal,
.benef-modal,
.mad-modal,
.write-msg-modal,
.read-msg-modal,
.detail-virement-modal
{
    background-color: #e9e9e9;
    background-image: url(../img/coverin.png);
    background-repeat: no-repeat;
    background-size: cover;
}

ion-header-bar {
    background-color: #F7F7F7;
}

ion-header-bar i.icon.ion-navicon {
    position: relative;
    left: 6px;
}

ion-header-bar img.loxia-logo {
    width: 36px;
    height: 75%;
    display: block;
    position: relative;
    top: 0px;
    left: -20px;
}

ion-header-bar .cmds {
    width: 100%;
    text-align: right;
}

i.icon.icon-ellipsis:before {
    font-size: 22px !important;
}

.scroll-content-false {
    z-index: 0;
}

.item,
.tab-item,
.item h1, 
.item h2, 
.item h3, 
.item h4, 
.item h5, 
.item h6, 
.item p, 
.item span,
.item div, 
.item-content, 
.item-content h1, 
.item-content h2, 
.item-content h3, 
.item-content h4, 
.item-content h5, 
.item-content h6, 
.item-content p {
	white-space: normal;
/*	height: auto;*/
}

/* Login page styles */

#index {
    background-image: url("../img/cover.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#login-page img.loxia-logo {
    display: block;
    margin: auto;
}

#login-page {
    margin-top: 25%;
}

#login-page .list-inset {
    background-color: transparent;
}

#login-page label.item.item-input {
    background-color:  rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 1px 0.00px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    border: none;
}

#login-page a.button {
    border: none;
}

/* Dashboard page styles */

#dash {
	background-image: url("../img/coverin.png");
    background-repeat: no-repeat;
    background-size: cover;
/*     position: absolute; */
/*     bottom: 0; */
/*     left: 0; */
/*     right: 0; */
}

#dash .row {
    padding: 0;
    margin: 0;
}

/* #dash .row:last-child { */
/*     border-top: 1px solid #ddd; */
/* } */

#dash .col {
    text-align: center;
    padding: 1%;
    margin: 5%;
/*     background-image: linear-gradient(to left, #74992d , #355202); */
/*     border: 1px solid #ddd; */
/*     border-radius: 15px; */
/*     box-shadow: 0px 0px 30px 0px #0c0c0b; */
}

#dash .col > i{
    background-image: linear-gradient(to left, #796005 , #857332 );
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px #0c0c0b;
}

/* #dash .row .col:first-child { */
   
/*     background-color: #d0112b; */
/* } */

#dash i.icon {
    display: block;
/*     margin-bottom: 20px; */
}

#dash i.icon:before {
    font-size: 80px;
}

#dash a {
    text-decoration: none;
    font-size: 14px;
    color: #7b630b;
/*     text-shadow: -1px 1px 13px #000; */
}

.cptslide{
	margin: 0% 6% 0% 0%;
	text-align: center;
}

/* Intro page */

.slider {
    height: 100%;
/*     background-image: url("../img/cover.png"); */
    background-size: cover;
    background-repeat: no-repeat;
}
.slider-slide {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    /* padding-top: 80px; */
    color: #ffffff;
    text-align: center;

    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

.slider-pager-page i.icon.ion-record {
    color: #000000;
}

.slider-pager-page.active i.icon.ion-record {
    color: #74992d;
}

/* Navigation Menu */

ul.main-navigation-menu > li > ul.sub-menu, .navigation-small ul.main-navigation-menu > li > ul.sub-menu {
    /*background-color: #F6F6F6 !important;*/
    color: #494949;
}
ul.main-navigation-menu > li a {
    border-bottom: none;
    border-top-color: #C8C7CC;
    color: #ffffff;
}
ul.main-navigation-menu > li a > i {
    /*color: #E5E5E5;*/
    color: #ffffff;
    font-weight: normal;
}
ul.main-navigation-menu > li.active > a
{
    /*background: #731d80 !important;*/
    border-top: none !important;
    color: #f4cc19;
    font-size: 18px;
    font-weight: 500;
}
ul.main-navigation-menu > li.active > a .selected:before {
    color: #731d80 !important;
}
ul.main-navigation-menu > li.active > a i {
    color: #f4cc19;
}
ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a {
    color: #f4cc19;
}
ul.main-navigation-menu > li > a:hover i, ul.main-navigation-menu > li:hover > a i {
    color: #f4cc19;
}
/*ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a {*/
    /*color: #d0112b;*/
/*}*/
/*ul.main-navigation-menu > li.open > a i, ul.main-navigation-menu > li > a:hover i, ul.main-navigation-menu > li:hover > a i {*/
    /*color: #d0112b;*/
/*}*/
ul.main-navigation-menu li > ul.sub-menu > li.open > a, ul.main-navigation-menu li > ul.sub-menu > li.active > a, ul.main-navigation-menu li > ul.sub-menu > li > a:hover {
    color: #FFF168 !important;
    /*background: #D9D9D9 !important;*/
}


ul.main-navigation-menu li > ul.sub-menu > li.active > a {
	
}

.main-navigation {
    padding: 0;
    max-height: none !important;
    z-index: 1000;
}
ul.main-navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: Roboto;
}
.sidebar-fixed .wrap-menu {
    overflow: hidden;
    position: fixed;
    width: 225px;
    height: 300px;
}
ul.main-navigation-menu > li {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
}
ul.main-navigation-menu > li > a {
    border: 0 none;
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 15px 15px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid rgba(56, 56, 56, 0.66);
    border-top: 1px solid #525151;
    color: #ffffff;
}
ul.main-navigation-menu li  a .badge {
    float: right;
    margin-right: 13px;
    margin-top: 1px;
}
ul.main-navigation-menu > li:last-child > a, ul.main-navigation-menu > li.last > a {
    border-bottom-color: transparent !important;
}
ul.main-navigation-menu > li > a i {
    font-size: 26px;
    margin-right: 15px;
    text-shadow: none;
    display: inline-block;
}

ul.main-navigation-menu > li > a:hover i {
    color: #f4cc19;
}

ul.main-navigation-menu li a .ion-ios-arrow-right {
    float: right;
    margin-right: 6px;
}
ul.main-navigation-menu li > a > .ion-ios-arrow-right:before {
    content: "\f3d3";
}
ul.main-navigation-menu li.open > a > .ion-ios-arrow-right:before {
    content: "\f3d0";
}
ul.main-navigation-menu > li > a:hover .ion-ios-arrow-right, ul.main-navigation-menu > li.open > a .ion-ios-arrow-right {
    opacity: 1;
}
/* 2nd level sub menu */
ul.main-navigation-menu li > ul.sub-menu {
    clear: both;
    list-style: none;
/*     margin: 8px 0; */
    display: none;
    padding: 0;
}
ul.main-navigation-menu li > ul.sub-menu > li {
    background: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px !important;
    padding: 8px;
}
ul.main-navigation-menu li > ul.sub-menu > li > a {
    background: none;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 40px !important;
    padding-right: 0;
    padding-top: 5px;
    text-decoration: none;
}
ul.main-navigation-menu > li > ul.sub-menu li > a .ion-ios-arrow-right {
    margin-right: 22px;
}
/* 3rd level sub menu */
ul.main-navigation-menu > li > ul.sub-menu li > ul.sub-menu {
    margin: 0;
}
ul.main-navigation-menu li.active > ul.sub-menu {
    display: block;
    padding: 0;
}
ul.main-navigation-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 60px !important;
}
ul.main-navigation-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 80px !important;
}
/*navigation toggler*/
.navigation-toggler {
    cursor: pointer;
    height: 30px;
    margin-left: 175px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.menu, .sub-menu > li {
    background-image: linear-gradient(to top, #172400, #172400) !important;
}

.menu-content {
    box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2) !important;
    border-left: none !important;
}

/* Virement Tabs */

.virement-tabs,
.opposition-tabs 
{
/*    position: relative;*/
}

.virement-tabs .tab-item:hover, 
.opposition-tabs .tab-item:hover
{
    text-decoration: none;
}

.tabs-top > .tabs, .tabs.tabs-top {
/*    top: 0px;*/
}

/*Rows*/

.row {
    margin: auto;
}

/*OMB Icons*/

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

[data-icon]:before {
  font-family: "omb" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="omb-"]:before,
[class*=" omb-"]:before {
  font-family: "omb" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.omb-arrow-right:before {
  content: "\e000";
}
.omb-comptes:before {
  content: "\e001";
}
.omb-plus:before {
  content: "\e002";
}
.omb-calendar:before {
  content: "\e003";
}
.omb-comptes-histo:before {
  content: "\e004";
}
.omb-ellipsis:before {
  content: "\e005";
}
.omb-close:before {
  content: "\e006";
}
.omb-benef:before {
  content: "\e007";
}
.omb-virement:before {
  content: "\e008";
}
.omb-mad:before {
  content: "\e009";
}
.omb-attachment:before {
  content: "\e00a";
}



.num-compte {
    background-color: #61511d;
    color: #fff;
    font-size: 76%;
    font-weight: 100;
    margin-left: 5px;
    padding: 1px 4px;
    letter-spacing: .8px;
    border-radius: 6px;
}

.solde-compte.positive,
.mt-operation.positive
{
    color: #000 !important;
}

.solde-compte.negative,
.mt-operation.negative
{
    color: #dc2f2f !important;
}

.mt-operation {
    margin: auto; 
    padding: 0; 5px; 
    text-align: right;
}

.compte-item,
.type-compte-item,
.type-carte-item,
.type-chequier-item,
.benef-item,
.virement-item,
.mad-item,
.msg-item
{
    border: 1px solid #ddd;
    margin: -1px;
    padding: 5px 0;
    font-size: 100%;
}

.compte-item .row,
.virement-item .row,
.benef-item .row,
.mad-item .row,
.msg-item .row
{
	display: flex;
	align-items: center;
}

.compte-item .col-75,
.benef-item .col-75,
.virement-item .col-75,
.mad-item .col-75
{
	padding-left: 15px;
}

.operation-item {
    font-size: 100%;
    padding: 10px 0;
}

.operation-item .date-operation {
    padding: 0; 
    margin-right: 8px;
    text-align: center;
}

.operation-item .nom-operation p {
    overflow: visible;
}

.item-submit {
	padding: 0 15px;
}

.tag {
    background-color: #568602; 
    color: #fff; 
    font-size: 75%;
    font-weight: 100;
    margin-left: 5px;
    padding: 1px 4px;
    letter-spacing: .5px;
    border-radius: 6px;
}

.historique-modal ion-content,
.benef-modal ion-content,
.detail-virement-modal ion-content
{
	position:absolute; 
	top:0%; 
	left:0px; 
	right:0px;
}

.historique-modal .histo-compte-icon,
.benef-modal .benef-icon,
.mad-modal .mad-icon,
.write-msg-modal .write-msg-icon,
.read-msg-modal .read-msg-icon,
.detail-virement-modal .detail-virement-icon
{
	text-align:center; 
	margin-top:20%;
}

.benef-modal .benef-icon,
.mad-modal .mad-icon
{
	margin-bottom: 50px;
}

.historique-modal .histo-compte-icon i{
	font-size:1200%;
}

.write-msg-modal .write-msg-icon i,
.read-msg-modal .read-msg-icon i
{
	font-size:1000%;
}

.benef-modal .benef-icon i,
.mad-modal .mad-icon i
{
	font-size: 800%;
}

.historique-modal .list,
.benef-modal .list ,
.mad-modal .list,
.write-msg-modal .list,
.read-msg-modal .list,
.detail-virement-modal .list
{
	background-color: transparent;
}

.historique-modal .list label.item,
.benef-modal .list label.item,
.mad-modal .list label.item,
.write-msg-modal .list label.item,
.read-msg-modal .list label.item,
.detail-virement-modal .list .item
{	
	background-color:transparent;
	border:0;
	border-bottom: 1px solid #ccc;
	padding-left:0;
	padding-right:0;
}

.detail-virement-modal .list .item {
	border:none;
	padding: 7px 0;
}
.read-msg-modal .list label.item input[disabled],
.read-msg-modal .list label.item textarea[disabled]
{
	background-color: transparent;
}

.read-msg-modal .list label.item-txt-msg {
	border: none;
}

.write-msg-modal .list label textarea,
.read-msg-modal .list label textarea
{
	background-color: transparent;
	min-height: 100px;
}

.historique-modal .list label select {
	background-color: transparent;
}


/* Virement, Opposition and Message Style */

.virement-tabs,
.opposition-tabs,
.msg-tabs
{
	box-shadow: none !important;
	background-image: linear-gradient(to left, #826d27 , #3c3212) !important;
    background-size: auto;
    top: 10% !important;
    position: relative !important;
}

.virement-tabs .tab-item.active,
.opposition-tabs .tab-item.active,
.msg-tabs .tab-item.active
{
    border: none !important;
	background-color: #af9e62 !important;
}

.virement-tabs .tab-item.active .virement-compte-selected,
.virement-tabs .tab-item.active .virement-benef-selected,
.opposition-tabs .tab-item.active .opposition-cheque-selected,
.opposition-tabs .tab-item.active .opposition-carte-selected,
.msg-tabs .tab-item.active .msg-received-selected,
.msg-tabs .tab-item.active .msg-sent-selected
{
	position: absolute;
	bottom: 0px;
	top: 60%;
	font-family: 'Ionicons' !important;
	font-size: 200%;
}

.virement-tabs .tab-item.active .virement-compte-selected,
.opposition-tabs .tab-item.active .opposition-cheque-selected,
.msg-tabs .tab-item.active .msg-received-selected
{
	left: 22%;
}

.virement-tabs .tab-item.active .virement-benef-selected,
.opposition-tabs .tab-item.active .opposition-carte-selected,
.msg-tabs .tab-item.active .msg-sent-selected
{
	right: 22%;
}

.virement-tabs .tab-item.active .virement-compte-selected:before,
.virement-tabs .tab-item.active .virement-benef-selected:before,
.opposition-tabs .tab-item.active .opposition-cheque-selected:before,
.opposition-tabs .tab-item.active .opposition-carte-selected:before,
.msg-tabs .tab-item.active .msg-received-selected:before,
.msg-tabs .tab-item.active .msg-sent-selected:before
{
	content: "\f104";
}

.virement-compte-content .list,
.opposition-cheque-content .list,
.opposition-carte-content .list,
.demande-cheque-content .list,
.demande-carte-content .list,
.demande-releve-content .list
{
	background: none;
}

.virement-compte-content .list .item,
.opposition-cheque-content .list .item,
.opposition-carte-content .list .item,
.demande-releve-content .list .item-input
{
	margin-bottom: 1.2%;
    border: none;
}

.virement-compte-recap {
/*	margin-bottom: 4000px !important;*/
}

.virement-compte-recap .card {
	margin-bottom: 50px !important;
}

.virement-compte-recap .item-divider {
	background-color: #a0ce94 ;
	color: #333;
	font-weight: 100;
	text-transform: uppercase;
}

.virement-compte-recap .solde-before.positive,
.virement-compte-recap .solde-after.positive,
.virement-item .mt-virement.positive
{
	color: #34cd1f;
}

.virement-compte-recap .solde-before.negative,
.virement-compte-recap .solde-after.negative,
.virement-item .mt-virement.negative
{
	color: #dc2f2f;
}



.benef-item .swift, 
.benef-item .rib,
.benef-item .iban,
.benef-item .num-compte,
.mad-item .num-piece
{
    color: #fff; 
    font-size: 75%;
    font-weight: 100;
    margin-left: 0px;
	padding: 1px 4px;
    letter-spacing: .5px;
    border-radius: 6px;
}

.benef-item .swift {
	background-color: #731d80;	
}

.benef-item .rib {
	background-color: #dc2f2f;
}

.benef-item .iban {
	background-color: #5e5e5e;
}

.benef-item .benef-bank,
.mad-item .mad-motif
{
	font-size: 75%;
	color: #919191;
}

.mad-item .num-piece {
	background-color: #731d80;	
}


.virement-item .mt-virement {
	font-size: 125%;
	font-weight: lighter;
}

.virement-item .date-virement {
	font-size: 75%;
	padding-left: 10px;
	color: #919191;
}

.virement-item.positive {
	border-left: 5px solid #34cd1f;
	color: inherit;
}

.virement-item.negative {
	border-left: 5px solid #dc2f2f;
	color: inherit;
}


/*Beneficiaires*/

.benef-item.actif-benef,
.mad-item.actif-mad
{
	border-left: 5px solid #34cd1f
}

.benef-item.inactif-benef,
.mad-item.inactif-mad 
{
	border-left: 5px solid #dc2f2f
}

/*Messages*/

.msg-item.read {
	border-left: 5px solid #aaa;
}

.msg-item .label-success {
	font-weight: 100;
}

.msg-item.unread {
	border-left: 5px solid #34cd1f;
}

.msg-item.unread * {
	font-weight: bold;
}

.msg-item i.has-attachment:before {
	font-family: "omb" !important;
	content: "\e00a";
}
/* Detail Virement */

.detail-virement-modal .nom-compte {
	font-size: 90%;
}
.detail-virement-modal .mt-virement {
	font-size: 111%;
}
.detail-virement-modal .num-compte {
	margin-left: 0;
}