html,body
{
    margin: 0px;
}
body
{
    background:linear-gradient(120deg, rgb(253, 251, 251) 0%, rgb(235, 237, 238) 100%);
    background-attachment: fixed;
}
#main_page
{
    max-width: 1153px; 
    /* default value = 1153px */
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#online_applicant li {
    float: left;
    margin-right: 20px !important;
    display: block;
    height: 60px;
}

#online_applicant ul {
    display: inline-block;
}

.drops .my_com
{
    width: 89%;
}

#main_page > *
{
    clear: both;
}

header
{
    height: default;
    /* 76px*/
}

header > img
{
    float: left;
    border: none;
    max-width: 25%;
    max-height: 80px !important;
}
header > div
{
    float: right;
    /* background: url('../imgs/menu_bg.png'); */
    max-width: 937px;
    /* the default width is 937px */
    height: 66px;
    background-repeat: no-repeat;
    position: relative;
    /* background-color:#42699d; */
    border-radius: 10px;
    z-index: 1000;
}

#employee_search_bar li label
{
    color: #D3D3D3;
}

.page_content a
{
    color: white;
    font-weight: bolder;
}

article.page_content {
    padding: 10px 15px;
    margin-bottom: 22px;
    color: #D3D3D3;
}

.navbar-inner
{
    /* background: #42699d; */
    background-image: none ! important;
    min-height:40px;
    padding-right:20px;
    padding-left:20px;
    /* background-color:#42699d; */
    border-radius: 10px;
    /* box-shadow:0 1px 4px rgba(0,0,0,0.065); */
    overflow:visible;
    box-shadow: none;
    border: none;
}

.no-padding
{
    padding: 0px 0px !important;
    padding-right:0px !important;
    padding-left:0px !important;
}

header > div  ul
{
    list-style: none;
}

header > div > nav > ul
{
    margin-top: 20px;
}

header > div > nav > ul > li
{
    float: left;  
    margin-left:  34px;
}

header > div > nav > ul > li:first-child
{
    margin-left: 18px !important;
}
header > div > nav > ul > li a
{
    color: #201d1d;
    text-decoration: none;
    font-family: 'Times New Roman';
    font-size: 14pt;
}
header > div > nav > ul > li a:hover, header > div > nav > ul > li.active a
{
    color: #ffffff;
}

header > div  > ul
{
    float: left;
    clear: both;
    right: 10px;
    position: absolute;
}

header > div  > ul > li
{
    float: left;
}
header > div  > ul#social
{
    top: -13px;

}
header > div  > ul > li:last-child
{
    margin-left: 10px;
}

#splash
{
    margin-top: 25px;
    /* background: url("../images/splash_bg.png"); */
    padding: 5px;
    background-repeat: no-repeat;
    height: default;
    overflow: hidden;
}


#bottom
{
    margin-top: 25px;
    overflow: hidden;
}

#bottom > *
{
    text-align: justify;
    padding: 10px;
}
#bottom > #left
{
    max-width: 66%;
    float: left;
    margin-top: 20px;
}



#bottom > #right
{
    max-width: 30%;
    float: right;
    margin-top: 20px;
}

.navbar .nav>li>a {
    text-shadow: none;
    color: #ffffff;
}
footer
{
    background: #42699d;
    width: 100%;
    margin-top: 80px;
    height: 45px;
    padding-top: 28px;
    border-radius: 7px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    max-height: 430px;
    width: 100%;
}

footer *
{
    color: white;
}

footer > nav
{
    float: left;
}

footer > nav > ul
{
    list-style: none;
}
footer > nav > ul > li
{
    float: left;
    padding-right: 12px;
    padding-left: 12px;
    border-right: 2px solid white;
}
footer > nav > ul > li:last-child
{
    border: none;
}

footer > nav > ul > li >a
{
    color: #201d1d;
    text-decoration: none;
}
footer > nav > ul > li >a:hover,
footer > nav > ul > li.active >a
{
    color: white;
}

footer > div
{
    float: right;
    margin-right: 20px;
}

.carousel {
    border-radius: 10px 10px 10px 10px;
    height: 99.8% !important;
    line-height: 1;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

#user_login > input:not(.btn) {
    margin-bottom: 10px;
    margin-left: 7px;
    padding-left: 7px;
    width: 125px;
}
#user_login > input.btn
{
    float: right;
    margin-right: 10px;
}
ul.abd_form
{
    list-style: none;
    margin-left: 0px;

}

input.right
{
    float: right;
    margin-right: 22px;
    margin-top: 15px;
    border-radius: 8px;
}
.abd_form li h3
{
    color: #577BC4;
    font-size: 16px;
    margin-top: 0;
    text-decoration: underline;
}
.online_service h4{
    font-size: 15px;
    padding-left: 5px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

@media (max-width: 767.98px) {
    #main_page header
    {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #bottom > #left
    {
        max-width: 100%;
    }
    body 
    {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    #bottom > *
    {
        padding: 0px !important
    }
    #bottom > #right
    {
        max-width: 100%;
        width: 100%;
    }
    #logo {
        display: none;
    }
    #social {
        display: none;
    }
    #simg {
        display: none;
    }
}
@media (min-width: 768px) {
    #fmenu {
        display: none;
    }
    #bottom > #left
    {
        max-width: 64%;
    }
    
}

/* @media screen and (max-width: 900px) and (min-width: 600px) {
    #search_bar {
      max-height: 100%;
    }
  } */

  /* .page-header {
      max-height: 10px;
  } */
  @media only screen and (max-device-width : 978px) {

.navbar-inner {
    background: none;
    border: none;
    background-color: none;
   }

}