body {
    font-size: 13px;
}
.well-in{
    height: auto!important;
}
.main-header .top-nav .navbar-brand {
    padding: 7px 0px 7px 7px;
    margin-left: 5px;
}
fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #374767;
            box-shadow:  0px 0px 0px 0px #374767;
}
legend {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
    color: #374767;
}
.main-header .top-nav .navbar-brand>img {
    max-width: 120px;
}
@media (max-width: 768px){
    nav.navbar.bootsnav {
        min-height: 0px;
    }
    .navbar-top-links .dropdown-messages {
        margin-right: -92px;
    }
    .navbar-top-links .dropdown-messages::before {
        right: 106px;
    }
    .navbar-top-links {
        position: absolute;
        top: 0;
        display: block;
        right: 40px;
    }
}
@media (max-width: 992px){
    nav.navbar.top-nav .navbar-toggle {
        margin: 3px 0px 0px 5px;
        font-size: 23px;
        color: #558b2f;
    }
}
nav.navbar.top-nav .navbar-nav>li>a, .dropdown-menu>li>a {
    font-family: 'Alegreya Sans',sans-serif;
}
nav.navbar.top-nav .navbar-nav>li>a {
    font-weight: bold;
    font-size: 15px;
}
nav.navbar.bootsnav ul.nav>li>a, nav.navbar.bootsnav ul.nav>li>a>i, nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
    font-weight: bold !important;
}
ul.dropdown-menu>li>a>i {
    margin-right: 10px;
}
@media (min-width: 768px){
    nav.navbar.top-nav .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .container>.navbar-header {
        margin-right: 15px;
    }
}
nav.navbar.top-nav .navbar-nav>li>a:hover, nav.navbar.top-nav .navbar-nav>li.active>a {
    background-color: #e3ecf1;
}
.main-header .top-nav {
    background-color: #fff;
}
.navbar-top-links li a .dropdowm-icon {
    border: none;
    background-color: transparent;
    color:#374767;
}
.main-header .top-nav .nav>li>a>.label {
    top: 9px;
    right: 0px;
    height: 17px;
    width: 18px;
    font-size: 95%;
}
/* marquee news */
#marqueecontainer{
	position: relative;
	height: 300px; /*marquee height */
	overflow: hidden;
	padding: 2px 0;
	background:none !important;
}
#marqueecontainer ul.block-list li{
    border-radius:0 !important;
    background-color: transparent;
    border-bottom:#e9e9e9 solid thin;
    padding:7px 10px;
}
#marqueecontainer p {
    padding: 0 !important;
    margin: 0 !important;
}
	#marqueecontainer h1 {
    padding: 0 !important;
    margin: 5px 0 !important;
}
	#marqueecontainer h2 {
    padding: 0 !important;
    margin: 5px 0 !important;
}
	#marqueecontainer h3 {
    padding: 0 !important;
    margin: 5px 0 !important;
}
	#marqueecontainer * {
	background:none !important;
}
.carousel-inner>.item {
    max-height: 300px;
}
.strong{
    font-weight:bold !important;
}
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
#bottom_text {
    width: auto;
}
nav.navbar.bootsnav {
    border-top: 1px solid #e7ecf5;
}

.wrap-sticky nav.navbar.bootsnav {
    position: relative;
}

.wrap-sticky .main-header.sticked {
    position: fixed;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.side-right .wrap-sticky .main-header.sticked {
        position: absolute;
}
.statistic-box h3 {
    margin: 20px 0px 0px 0px;
    font-size: 22px;
}
.no-border{
    border: none !important;
}
.type-info{
    font-weight: bold;
}
.settingstitle{
    font-weight:bold;
    text-decoration:underline;
    margin-top: 50px;
    text-align:center;
}
nav.navbar li.dropdown ul.dropdown-menu>li.active a{
    color: #558B2F;
}
.modal-title {
    line-height: 1;
}
.type-info{
    line-height: 14px !important;
}
.small-info{
    font-size: 75%;
    font-weight: normal;
}
.alert.alert-danger a {
    color: #fff !important;
    text-decoration: underline !important;
}
.panel .panel-heading h4 {
    display: block;
    font-size: 16px;
}
@media screen and (max-width: 767px){
.table-responsive {
    border: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 1px;
}
}
@media screen and (max-width: 320px){
#boxcontent .col-xs-3{
 width: 100%;
}
}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
    font-size: 12px;
}
.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}
.b {
    font-weight: bold!important;
}
.alert.alert-danger a.runderline{
    text-decoration: none!important;
}
.mailbox .btn-default {
    color: #333;
    border-color: #ccc;
    background-color: #fff;
}
.select2-container--bootstrap {
    display: block;
    width: 100% !important;
}
/* .select2-container .select2-selection--single {
    background: #fff
        url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='rgba(39, 44, 51, 0.5)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
        no-repeat right 0.75rem center/8px 10px !important;
} */
.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 276px;
}
.mailbox-body .row {
    width: auto;
    display: block;
}
.mailbox-body .inbox-mail, .mailbox-body .inbox-nav {
    display: table;
}