#login .page-content{
    padding:0 !important;
}

.side-menu-list li.submenu > a > span {
    display: block;
    padding: 11px 10px 11px 46px;
    position: relative;
    transition: all .2s ease-in-out;
    cursor: pointer;
    border-left: solid 4px transparent;
}

.side-menu-list li.submenu a {
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

.side-menu-list > li.separator{
    background: #378eab;
}

.side-menu-list > li.separator > a.separator:hover{
    background: #0091cc;
}

.side-menu-list > li.separator > a.separator{
    color: #fff;
    padding-left: 15px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #333;
}

[class*=" glyphicon"]::before {
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: inherit;
    top: -.15em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    vertical-align: middle;
    line-height:1.25;
}

.dropdown-menu a{border-bottom:none !important;}
.dropdown-menu.icon-box a:hover{
    opacity:75%;
}
.dropdown-menu.icon-box a{
    font-size: 18px !important;
    display: inline !important;
    float: left;
}

.dropdown-menu.color-box a{
    font-size: 18px !important;
    display: inline !important;
    float: left;
    border:1px solid #ededed;
}

.dropdown-menu.icon-box li.icon-set{
max-height:320px;
overflow-y:scroll;
}

.form-group.row .form-control-label{
    line-height: 48px;
}
.bootstrap-table .fixed-table-toolbar .bootstrap-table-header h2{
    font-size: 1.5rem;
    line-height: 0.5;
}

.bootstrap-table .fixed-table-toolbar .bootstrap-table-header .subtitle{
    font-size: 0.8rem;
    color: #ce6628;
}

#bar-title{
    box-sizing: border-box;
    margin-top: -24px;
    padding: 15px 48px 15px 48px;
    background: url(../images/triple-arrow.svg) right center no-repeat;
    background-size: 48px auto;
}

#bar-title h2.title{
    margin-bottom: 0;
    font-size: 1.6rem;
    color: #378eab;
    font-weight: bold;
}

#bar-title .subtitle{
    font-size: .8rem;
    color: #ce6628;
    font-weight: 700;
}

textarea#action-editor{
    background: #000;
    color: #ff0 !important;
    font-family: monospace,serif;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #999;
}

.source-editing .CodeMirror{
    height: 640px !important;
}

.note-btn-group .btn.btn-default{
    background: #378eab;
    border: 1px solid #378eab;
}


/* ecurrency trade */
ul[class$="-list"] li span[class*="ecurrency-"]{
/*  width: 8%;   */
}

ul[class$="-list"] li span.ecurrency-trade{
/*  width: 4%;  */
}

ul[class$="-list"] li span.ecurrency-paccount{

}

ul[class$="-list"] li span.ecurrency-amount,ul[class$="-list"] li span.ecurrency-rate,ul[class$="-list"] li span.ecurrency-cash{
   text-align: right;
}

ul[class$="-list"] li span.ecurrency-type a{
    display: block;
    height: 32px;
    padding: 0;
    width: 64px;
}

ul[class$="-list"] li span.ecurrency-type a.skrill{
    background: transparent url("../images/icons/skrill.svg") no-repeat scroll left center / auto 48px;
}
ul[class$="-list"] li span.ecurrency-type a.paypal{
    background: transparent url("../images/icons/paypal.svg") no-repeat scroll left center / auto 48px;
}
ul[class$="-list"] li span.ecurrency-type a.neteller{
    background: transparent url("../images/icons/neteller.gif") no-repeat scroll left center / 64px auto;
}
ul[class$="-list"] li span.ecurrency-type a.payza{
    background: transparent url("../images/icons/payza.png") no-repeat scroll left center / auto 31px;
}
ul[class$="-list"] li span.ecurrency-type a.payoneer{
    background: transparent url("../images/icons/payoneer.png") no-repeat scroll left center / auto 30px;
}
ul[class$="-list"] li span.ecurrency-type a.webmoney{
    background: transparent url("../images/icons/webmoney.svg") no-repeat scroll left center / auto 48px;
}
ul[class$="-list"] li span.ecurrency-type a.perfectmoney{
    background: #fff url("../images/icons/perfectmoney.png") no-repeat scroll left center / auto 22px;
    border: 1px solid #378eab;
    border-radius: 2px;
    width: 48px;
}

ul[class$="-list"] li span.ecurrency-payment.bkash{
    background: transparent url("../images/icons/bkash.png") no-repeat scroll center center;
    color: transparent;
    height: 28px;
}

ul[class$="-list"] li span.ecurrency-payment.dbblmobile{
    background: transparent url("../images/icons/dbbl-mobile.png") no-repeat scroll center center;
    box-sizing: border-box;
    color: transparent;
    height: 28px;
}
ul[class$="-list"] li span.ecurrency-payment.cash{
    background: transparent url("../images/icons/hand-cash.png") no-repeat scroll center center;
    box-sizing: border-box;
    color: transparent;
    height: 28px;
}
ul[class$="-list"] li span.ecurrency-payment.othermethod{
    background: transparent url("../images/icons/other-payment.png") no-repeat scroll center center;
    box-sizing: border-box;
    color: transparent;
    height: 28px;
}
ul[class$="-list"] li span.ecurrency-payment.bankdeposit{
    background: transparent url("../images/icons/bank-transfer.png") no-repeat scroll center center;
    box-sizing: border-box;
    color: transparent;
    height: 28px;
}

ul[class$="-list"] li a.edit{
    background: transparent url("../images/icons/edit.svg") no-repeat scroll left center;
    display: inline-block;
    height: 30px;
    position: absolute;
    width: 24px;
    right:-32px;
    transition:right .5s;
}

ul.transaction-list li, ul.reserve-list li {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #e1e1e1;
    list-style: none outside none;
    overflow: hidden;
    margin-bottom: 2px;
    position: relative;
    padding: 5px 10px;
}

.box-typical-padding > .row{
    margin-left: 0;
    margin-right:0;
}

ul[class$="-list"] li:hover a.edit{
    right:5px;
}

ul.reserve-list li span:first-child{
   margin-left: 0;
}

ul.reserve-list li{
  cursor:pointer;
}

ul.reserve-list li span:last-child{
   float:right;
   margin-right: 0;
}
ul.reserve-list li:not(.head) span:last-child{
line-height: 32px;
}

ul[class$="-list"] li.fraud{
    background: rgba(255, 0, 0, 0.3) none repeat scroll 0 0;
    border-color: rgba(255, 0, 0, 1);
}

div.fixed-footer{
        animation-name: flapon;
        animation-duration: 1500ms;
        animation-iteration-count: 1;
        animation-play-state: running;
        animation-delay: 500ms;
        transition: bottom 1s;
        position: fixed;
        animation-timing-function: ease-in;
        animation-direction: normal;
        animation-fill-mode: forwards;
}

div.table-summary{
        background: #378eab none repeat scroll 0 0;
        color: #ffffff;
        padding: 10px;
        display:table;
        width: 100%;
}

ul#notes{
        background: #378eab none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        font-weight: lighter;
        list-style: outside none none;
        margin-left: 0;
        padding: 15px;
}

ul#notes li{
        background: rgba(0, 0, 0, 0) url("../images/icons/note.svg") no-repeat scroll 0 0;
        display: none;
        line-height: 24px;
        padding-left: 30px;
}

.ecurrency{
    font-size:0.8rem;
}

.ecurrency ul[class$="-list"] li.head {

        background: none repeat scroll 0 0 #378eab;
        border: medium none;
        color: white;
        text-shadow: 1px 1px 1px #333;
        font-size:1rem;
}

.ecurrency ul[class$="-list"] li {
        background: none repeat scroll 0 0 #EEEEEE;
        border: 1px solid #e1e1e1;
        list-style: none outside none;
        overflow: hidden;
        margin-bottom: 4px;
        position: relative;
        padding: 4px 10px;

}

.ecurrency ul.transaction-list li{
       margin-right:0; 
}

ul#notes li i{
    color: #ecc44b;
}

@keyframes flapon{
    from{
        bottom: -100px;
    }

    to{
        bottom: 0;
    }

}