html,body {
    background:radial-gradient(#34495e,#2c3e50);
    background-color: #34495e;
    height: 100%;
}

/*-------------------------------------------
    - Btn
-------------------------------------------*/

.btn-success {
     background-color:#34495e;
     border-color:#2c3e50;
     color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
     background-color:#2c3e50 !important;
     border-color:#2c3e50 !important;
     color: #fff;
}


.btn-outline-success {
     border-color:#34495e;
     color: #f41e1e;
}

.btn-outline-success:hover {
     background-color:#34495e;
     border-color:#2c3e50;
     color: #fff;
}

.btn-xs, .btn-group-xs>.btn {
  min-width: 46px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
}

/*-----------------------------------
    Fonts
-----------------------------------*/

.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, .td-name, td, .form-control, label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto","Helvetica Neue","Open Sans",Arial,sans-serif;
}

a {
     text-decoration: none !important;
}

h1 {font-size:32px}
h2 {font-size:26px}
h3 {font-size:20px}
h4 {font-size:16px}
h5 {font-size:12px}
p {font-size:14px}
p small {font-size:12px}

/*-------------------------------------------------
    Table
-------------------------------------------------*/

.table thead th {
     border-width: 1px;
     border-color:#eee;
}

th {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

td {
     font-size: 14px;
     color:#666;
     padding-top:10px !important;
     padding-bottom:10px !important;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
     background-color: #ffffff;
     border:none;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
     background-color: #f9f9f9;
     border:none;
}

/*-------------------------------------------------
    Color
-------------------------------------------------*/

.fgRed,.fgRed a {color:#f41e1e}
.bgRed {background-color:#f41e1e !important}

.fgBlue,.fgBlue a {color:#34495e}
.bgBlue {background-color:#34495e !important}

.bgRedSmooth {
    background: url('/img/pcb.jpg');
    /*
     background: radial-gradient(ellipse at center, #ee2323 0%, #cd1e1e 100%);
     background-size: auto auto;
     background-size: 250% 250%;     
*/
}

.fgWhite,.fgWhite a {color:#fff !important}
.bgWhite {background-color:#fff !important}
.brWhite {border-color:#fff !important}


.fgWhite-e,.fgWhite-e a {color:#eee !important}
.bgWhite-e {background-color:#eee !important}

.fgWhite-d,.fgWhite-d a {color:#ddd !important}
.bgWhite-d {background-color:#ddd !important}

.fgWhite-c,.fgWhite-c a {color:#ccc !important}
.bgWhite-c {background-color:#ccc !important}

.fgWhite-b,.fgWhite-b a {color:#bbb !important}
.bgWhite-b {background-color:#bbb !important}

.fgWhite-a,.fgWhite-a a {color:#aaa !important}
.bgWhite-a {background-color:#aaa !important}

.fgGrey-9,.fgGrey-9 a {color:#999 !important}
.bgGrey-9 {background-color:#999 !important}

.fgGrey-8,.fgGrey-8 a {color:#888 !important}
.bgGrey-8 {background-color:#888 !important}

.fgGrey-7,.fgGrey-7 a {color:#777 !important}
.bgGrey-7 {background-color:#777 !important}

.fgGrey-6,.fgGrey-6 a {color:#666 !important}
.bgGrey-6 {background-color:#666 !important}

.fgGrey-5,.fgGrey-5 a {color:#555 !important}
.bgGrey-5 {background-color:#555 !important}

.fgGrey-4,.fgGrey-4 a {color:#444 !important}
.bgGrey-4 {background-color:#444 !important}

.fgGrey-3,.fgGrey-3 a {color:#333 !important}
.bgGrey-3 {background-color:#333 !important}

.fgGrey-2,.fgGrey-2 a {color:#222 !important}
.bgGrey-2 {background-color:#222 !important}

.fgGrey-1,.fgGrey-1 a {color:#111 !important}
.bgGrey-1 {background-color:#111 !important}

.fgBlack,.fgBlack a {color:#000000 !important}
.bgBlack {background-color:#000000 !important}

/*-------------------------------------------------
    Padding
-------------------------------------------------*/

.p0 {padding: 0};

.p5{padding:5px !important}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p150{padding:150px;}
.p200{padding:200px;}

.p0y{padding-top:0px; padding-bottom:0px;}
.p5y{padding-top:5px; padding-bottom:5px;}
.p10y{padding-top:10px !important; padding-bottom:10px !important;}
.p15y{padding-top:15px !important; padding-bottom:15px !important;}
.p20y{padding-top:20px; padding-bottom:20px;}
.p30y{padding-top:30px; padding-bottom:30px;}
.p40y{padding-top:40px; padding-bottom:40px;}
.p50y{padding-top:50px; padding-bottom:50px;}
.p60y{padding-top:60px; padding-bottom:60px;}
.p70y{padding-top:70px; padding-bottom:70px;}
.p80y{padding-top:80px; padding-bottom:80px;}
.p90y{padding-top:90px; padding-bottom:90px;}
.p100y{padding-top:100px; padding-bottom:100px;}
.p150y{padding-top:150px; padding-bottom:150px;}
.p200y{padding-top:200px; padding-bottom:200px;}
.p250y{padding-top:250px; padding-bottom:250px;}
.p300y{padding-top:300px; padding-bottom:300px;}

.p0t{padding-top:0px;} .p0b{padding-bottom:0px;}
.p5t{padding-top:5px;} .p5b{padding-bottom:5px;}
.p10t{padding-top:10px;} .p10b{padding-bottom:10px;}
.p15t{padding-top:15px;} .p15b{padding-bottom:15px;}
.p20t{padding-top:20px;} .p20b{padding-bottom:20px;}
.p30t{padding-top:30px;} .p30b{padding-bottom:30px;}
.p40t{padding-top:40px;} .p40b{padding-bottom:40px;}
.p50t{padding-top:50px;} .p50b{padding-bottom:50px;}
.p60t{padding-top:60px;} .p60b{padding-bottom:60px;}
.p70t{padding-top:70px;} .p70b{padding-bottom:70px;}
.p80t{padding-top:80px;} .p80b{padding-bottom:80px;}
.p90t{padding-top:90px;} .p90b{padding-bottom:90px;}
.p100t{padding-top:100px;} .p100b{padding-bottom:100px;}
.p150t{padding-top:150px;} .p150b{padding-bottom:150px;}
.p200t{padding-top:200px;} .p200b{padding-bottom:200px;}
.p250t{padding-top:250px;} .p250b{padding-bottom:250px;}
.p300t{padding-top:300px;} .p300b{padding-bottom:300px;}

.p0l{padding-left:0px;} .p0r{padding-right:0px;}
.p5l{padding-left:5px;} .p5r{padding-right:5px;}
.p10l{padding-left:10px;} .p10r{padding-right:10px;}
.p15l{padding-left:15px;} .p15r{padding-right:15px;}
.p20l{padding-left:20px;} .p20r{padding-right:20px;}
.p30l{padding-left:30px;} .p30r{padding-right:30px;}
.p40l{padding-left:40px;} .p40r{padding-right:40px;}
.p50l{padding-left:50px;} .p50r{padding-right:50px;}
.p60l{padding-left:60px;} .p60r{padding-right:60px;}
.p70l{padding-left:70px;} .p70r{padding-right:70px;}
.p80l{padding-left:80px;} .p80r{padding-right:80px;}
.p90l{padding-left:90px;} .p90r{padding-right:90px;}
.p100l{padding-left:100px;} .p100r{padding-right:100px;}
.p150l{padding-left:150px;} .p150r{padding-right:150px;}
.p200l{padding-left:200px;} .p200r{padding-right:200px;}
.p250l{padding-left:250px;} .p250r{padding-right:250px;}
.p300l{padding-left:300px;} .p300r{padding-right:300px;}

/*-----------------------------------
    Margin
-----------------------------------*/

.m0 {margin: 0};

.m5{margin:5px !important}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.m150{margin:150px;}
.m200{margin:200px;}

.m0y{margin-top:0px; margin-bottom:0px;}
.m5y{margin-top:5px; margin-bottom:5px;}
.m15y{margin-top:15px; margin-bottom:15px;}
.m10y{margin-top:10px; margin-bottom:10px;}
.m20y{margin-top:20px; margin-bottom:20px;}
.m30y{margin-top:30px; margin-bottom:30px;}
.m40y{margin-top:40px; margin-bottom:40px;}
.m50y{margin-top:50px; margin-bottom:50px;}
.m60y{margin-top:60px; margin-bottom:60px;}
.m70y{margin-top:70px; margin-bottom:70px;}
.m80y{margin-top:80px; margin-bottom:80px;}
.m90y{margin-top:90px; margin-bottom:90px;}
.m100y{margin-top:100px; margin-bottom:100px;}
.m150y{margin-top:150px; margin-bottom:150px;}
.m200y{margin-top:200px; margin-bottom:200px;}
.m250y{margin-top:250px; margin-bottom:250px;}
.m300y{margin-top:300px; margin-bottom:300px;}

.m0t{margin-top:0px;} .m0b{margin-bottom:0px;}
.m5t{margin-top:5px;} .m5b{margin-bottom:5px;}
.m10t{margin-top:10px;} .m10b{margin-bottom:10px;}
.m15t{margin-top:15px;} .m15b{margin-bottom:15px;}
.m20t{margin-top:20px;} .m20b{margin-bottom:20px;}
.m30t{margin-top:30px;} .m30b{margin-bottom:30px;}
.m40t{margin-top:40px;} .m40b{margin-bottom:40px;}
.m50t{margin-top:50px;} .m50b{margin-bottom:50px;}
.m60t{margin-top:60px;} .m60b{margin-bottom:60px;}
.m70t{margin-top:70px;} .m70b{margin-bottom:70px;}
.m80t{margin-top:80px;} .m80b{margin-bottom:80px;}
.m90t{margin-top:90px;} .m90b{margin-bottom:90px;}
.m100t{margin-top:100px;} .m100b{margin-bottom:100px;}
.m150t{margin-top:150px;} .m150b{margin-bottom:150px;}
.m200t{margin-top:200px;} .m200b{margin-bottom:200px;}
.m250t{margin-top:250px;} .m250b{margin-bottom:250px;}
.m300t{margin-top:300px;} .m300b{margin-bottom:300px;}

.m0l{margin-left:0px;} .m0r{margin-right:0px;}
.m5l{margin-left:5px;} .m5r{margin-right:5px;}
.m10l{margin-left:10px;} .m10r{margin-right:10px;}
.m15l{margin-left:15px;} .m15r{margin-right:15px;}
.m20l{margin-left:20px;} .m20r{margin-right:20px;}
.m30l{margin-left:30px;} .m30r{margin-right:30px;}
.m40l{margin-left:40px;} .m40r{margin-right:40px;}
.m50l{margin-left:50px;} .m50r{margin-right:50px;}
.m60l{margin-left:60px;} .m60r{margin-right:60px;}
.m70l{margin-left:70px;} .m70r{margin-right:70px;}
.m80l{margin-left:80px;} .m80r{margin-right:80px;}
.m90l{margin-left:90px;} .m90r{margin-right:90px;}
.m100l{margin-left:100px;} .m100r{margin-right:100px;}
.m150l{margin-left:150px;} .m150r{margin-right:150px;}
.m200l{margin-left:200px;} .m200r{margin-right:200px;}
.m250l{margin-left:250px;} .m250r{margin-right:250px;}
.m300l{margin-left:300px;} .m300r{margin-right:300px;}

/*-------------------------------------------------
    Fonts
-------------------------------------------------*/

.txtLeft {
    text-align: left !important;
}
.txtCenter {
    text-align: center !important;
}
.txtRight {
    text-align: right !important;
}
.txtUppercase {
     text-transform: uppercase !important;
}
.txtLowercase {
     text-transform: lowercase !important;
}
.txtWeight100 {
     font-weight:100 !important;
}
.txtWeight200 {
     font-weight:200 !important;
}
.txtWeight300 {
     font-weight:300 !important;
}
.txtWeight400 {
     font-weight:400 !important;
}
.txtWeight500 {
     font-weight:500 !important;
}
.txtWeight600 {
     font-weight:600 !important;
}
.txtWeight700 {
     font-weight:700 !important;  
}
.txtWeight800 {
     font-weight:800 !important;  
}
.txtSpacing1 {
     letter-spacing: 1px !important;
}
.txtSpacing2 {
     letter-spacing: 2px !important;
}
.txtSpacing3 {
     letter-spacing: 3px !important;
}
.txtSpacing4 {
     letter-spacing: 4px !important;
}
.txtSpacing5 {
     letter-spacing: 5px !important;
}

/*-------------------------------------------------
     Grid-border
-------------------------------------------------*/

#wrapper {
}
.grid-border { overflow: hidden; }
.grid-border [class^=col-]:before,
.grid-border [class^=col-]:after {
     content: '';
     position: absolute;
}

.grid-border [class^=col-]:before {
     height: 100%;
     top: 0;
     left: -1px;
     border-left: 1px solid rgba(0,0,0,0.05);
}

.grid-border [class^=col-]:after {
     width: 100%;
     height: 0;
     top: auto;
     left: 0;
     bottom: -1px;
     border-bottom: 1px solid rgba(0,0,0,0.05);
}


.dark .grid-border [class^=col-]:before,
.dark .grid-border [class^=col-]:after { border-color: rgba(255,255,255,0.05); }

.display-table {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
}




.ccr{

-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;    
}


.shadow {
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
     -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
     box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}




.widget-container {
    margin-bottom: 30px;
}
.boxed {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
}


.widget-trade .trade-rate, .widget-trade .trade-rate-change {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #b7dfc2;
    padding-left: 12px;
}










.panel {
    border: 0;
    margin-bottom: 24px;
}
.panel .panel-heading, .panel>:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-header {
    padding: 15px 15px 50px 15px;
    min-height: 125px;
    position: relative;
    overflow: hidden;
}
.panel .panel-footer, .panel>:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.widget-body {
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;    
    padding: 50px 15px 15px;
    position: relative;
}
.panel-body {
    padding: 25px 20px;
}
.pad-all {
    padding: 15px;
}
.widget-img {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    top: -40px;
}
.img-md {
    width: 64px;
    height: 64px;
}
.widget-bg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}
.img-border-light {
    box-shadow: 0 0 0 4px #fff;
}
.img-border {
    box-shadow: 0 0 0 4px rgba(0,0,0,0.1);
}
.text-muted, a.text-muted:hover, a.text-muted:focus, a.text-muted:focus {
    color: #606060;
}
.mar-btm {
    margin-bottom: 15px;
}
.pad-ver {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pad-btm {
    padding-bottom: 15px;
}
.pad-top {
    padding-top: 8px;
}
.small, small {
    font-size: 65%;
}
.text-lg {
    font-size: 75%;
}