@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800');

body{
    font-family: 'Nunito Sans', sans-serif; 
    font-weight: 400;
    background-color: #234d6d;
    background-image: url(../img/new-bg.jpg);
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    font-size : 14px;
}

.green-bg{
    /*    background-color: #234d6d;
        background-image: url(../img/new-bg.jpg);
        background-size: 100% 100%;
        background-attachment: fixed;
        background-position: center;*/
}

.login-box{
    padding: 4em;
    width : 500px !important;
    margin-left : -250px !important;
    height : auto !important;
    background-color: rgba(0,0,0,.2);
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    border-radius: 2px;


}

.text-white{color:white;}

.navbar-static-top{background:transparent;background-color: rgba(0,0,0,.3);}

.breadcrumb{color:white;background: transparent;}

.footer{background:transparent;border:0;text-align:center;}

.gray-bg{
    background-color: #234d6d;
    background-image: url(../img/new-bg.jpg);
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
}

.top-navigation .navbar-brand{background-color: rgba(0,0,0,.5);}

.top-navigation .nav > li > a{color:white !important;font-weight: 400;}

.top-navigation .nav > li a:hover, 
.top-navigation .nav > li a:focus, 
.nav .open > a, .nav .open > a:hover, 
.nav .open > a:focus{
    background-color: rgba(255,255,255,.06);
    color:inherit;
}

.dropdown-menu{font-size:inherit;min-width:250px;}

.dropdown-menu li{border-bottom:1px solid whitesmoke;}

.my-content{
    color : white;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.2);
    border-radius: 2px;
    padding: 2.2rem;
    margin-bottom: 2.3rem;
}

.my-content-search{
    color : white;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    background-color: rgba(0,0,0,.2);
    border-radius: 2px;
    padding: 2.2rem;
    padding-bottom : 1rem;
    margin-bottom: 2.3rem;
}

.table tbody tr td, .table thead tr th{padding : 12px 8px;}

.table thead tr th{font-weight: 800 !important;}

.form-control{background-color: rgba(255,255,255,.2);border:0;color:white;}

.form-control option, .form-control optgroup{color:black;}

.btn-link:hover{color:orange;}

.mylink, .mylink:hover{color:orange;text-decoration: underline;}

.input-group-addon{color:black;}

.mynotes{padding-bottom:10px;}

#page-wrapper{min-height:700px;}

.checkbox-custom{padding-left:30px;}

.my-content table thead tr th{ text-align: left !important;}    

.my-content table thead tr th a{ color: white;}

.summary{text-align: end;}

.pagination > .disabled > span {background-color: transparent; color:white;}

.pagination > .active > a, .pagination > .active > a:hover { color:black }

.pagination > li > a, .pagination > li > span { background-color: transparent; }