body{
        background-color: aliceblue !important;
}
.navbar-default{
        border-style: none;
}
.notification-container
{
        padding: 10px;
}

#content > .container {

        background-color: white;
        border-radius: 5px;
        padding: 20px;
}

#content > .container-fluid {

        background-color: white;

}

ul.notification-dropdown-menu
{
        width:450px;
}

div.modal-header.panel-heading h4
{
        color: white;
}

.admin-search-form
{
        position: fixed;
}

ul.nav.nav-pills.nav-stacked li a {

        color: #0056A4;

}

#collapse3 > .panel-body {
        overflow-x: scroll;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 85px; /* height of link element */
    right: 40px; /* padding from the left side of the window */
}

#top-link-block {

        z-index:9999;

}

@font-face {
    font-family: myFirstFont;
    src: url(../fonts/dinproregular.eot) format('embedded-opentype');
        src: url(../fonts/dinproregular.ttf);
}


#net_print,
#subscriptions,
#on_street,
#export,
#actively_buyed,
#quantity,
#total_sold,
#free_claimed,
#free_promotion,
#total_distributed,
#remainder{

        /*overflow-x: scroll;
    max-width: 5000px;*/

}

.fixedHeader-floating {
      overflow: scroll !important;
}

p.list-group-item {

        cursor:pointer;

}

.large-table {

        width:2500px;

}

.height250 {

        height:250px;

}

.scroll-x {

        overflow-x: scroll;

}

ul {

        list-style-type: none;

}

.vertical-center {

        vertical-align:middle;

}

.circulation_box {

        min-height: 300px;
        max-height: 300px;
        overflow-y:scroll;

}

.backtotop {

        position: fixed;
        right:30px;
        bottom:30px;
        z-index:9999;

}

.quote {

        max-height:111px;
        overflow:hidden;

}

.block {

    padding: 10px 25px 10px 25px;
    margin-bottom: 22px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}


.block-footer {

        /*bottom:0;
        position:absolute;*/

}

@media only screen and (min-width: 768px) {

        .menu-block
        {
                opacity:0.7;
                border-radius:15px;
                /*background: palegoldenrod;*/
                border: 1px solid #d3e0e9;
                background-color: #ffffff;
                transition: all 0.5s ease;
                margin-bottom: 5px;
                cursor:pointer;

        }

        .menu-block>.panel-body {

                height:345px;

        }

        .small-menu-block
        {
                opacity:0.7;
                border-radius:15px;
                /*background: palegoldenrod;*/
                border: 1px solid #d3e0e9;
                background-color: #ffffff;
                transition: all 0.5s ease;
                margin-bottom: 20px;
                height: 150px;

        }

}

@media only screen and (max-width: 768px) {

        .menu-block
        {
                opacity:0.7;
                border-radius:15px;
                /*background: palegoldenrod;*/
                border: 1px solid #d3e0e9;
                background-color: #ffffff;
                transition: all 0.5s ease;
                margin-bottom: 20px;
                cursor:pointer;

        }

        .small-menu-block
        {
                opacity:0.7;
                border-radius:15px;
                /*background: palegoldenrod;*/
                border: 1px solid #d3e0e9;
                background-color: #ffffff;
                transition: all 0.5s ease;
                margin-bottom: 20px;
        }

}


.small-menu-block:hover,
.menu-block:hover
{
        opacity:1;
                box-shadow:
                1px 1px #59ACF7,
                2px 2px #59ACF7,
                3px 3px #59ACF7,
                4px 4px #59ACF7,
                5px 5px #59ACF7;
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
}

.dataTables_wrapper  {

        padding:10px;

}

#app-layout {
        /*padding-top:70px;*/
        /*font-family: 'Open Sans Condensed', sans-serif;*/
        font-family: myFirstFont;
        /*font-family: 'Oswald', sans-serif;*/
        background-color:#f5f8fa;
}

#admin-layout
{
        padding-top:70px;
}

.green {

        color: #276922;

}

.red {
        color:red;
}

.gray {

    color: #4c5155;

}

.orange {

        color: #c77d00;

}

.blue {

        color: #003768;

}

.light-blue {
        color:#003768;
}

textarea {
    resize: none;
}

.text-middle {
    vertical-align:middle;
}

/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
        color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
        color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
        color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #003768;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}

.modal-header-primary .close{
        color: white;
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
if it's not present, don't show loader */
/*.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(../img/loader.gif) center no-repeat ;
} */

.main-logo {
        padding: 25px 0px 25px 0;
        max-height:135px;
        /*max-width:365px;*/
}

/* navbar */
.navbar-admin {
    /*background-color: #F8F8F8;*/
    background-color: black;
    border-color: #E7E7E7;
}
/* title */
.navbar-admin .navbar-brand {
    color: #fff;
}
.navbar-admin .navbar-brand:hover,
.navbar-admin .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-admin .navbar-nav > li > a {
    color: #fff;
}
.navbar-admin .navbar-nav > li > a:hover,
.navbar-admin .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-admin .navbar-nav > .active > a,
.navbar-admin .navbar-nav > .active > a:hover,
.navbar-admin .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
.navbar-admin .navbar-nav > .open > a,
.navbar-admin .navbar-nav > .open > a:hover,
.navbar-admin .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-admin .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}

.facebook-color {
        color: #3b5998;
}

.white-color {
        color: white;
}

.navbar-color {
        color: #2c3e50;
}

.grow {
        transition: all .2s ease-in-out;
}

.grow:hover {
        transform: scale(1.1);
}
/* footer */
.row1{
        padding:0px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:1%;
}
.row1 img{
        margin-left:0px;
}
@media only screen and (min-width: 1200px) {
  #wide.container {
        width:auto;
        max-width: 1800px;
  }
  #wide td{min-width: 50px;}
  #wide th.sorting{text-align:right;}
  .text-center{text-align: center !important;}
}