body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 40px;
}

.full-width {
    width: 96vw;
}

.rslogo
{
    margin-bottom:-4px !important;
}

.navbar {
    background-color: #000 !important;
   
}
    .navbar a
    {
        color:white;
    }
        .navbar a:hover {
            color: #a8c706;
        }
    .nav > li > a:focus, .nav > li > a:hover {
        background-color: transparent !important;
    }
.navbar-toggle .icon-bar {
    background-color: #a8c706;
}
    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 1170px;
}
    textarea
    {
        min-height:400px;
    }
h1, h2, h3, h4, h5 {
    font-weight: 900;
    color: #010b86 !important;
}
h3 {
    color: #000 !important;
}
.jumbotron {
    background-color: gainsboro;
    margin-bottom: 22px;
    padding-top: 10px;
    padding-bottom: 12px;
}

#services, #projects, #contact_us, #reminder {
    display: none;
}

a {
    color: #010b86;
}

.project {
    margin-bottom: 20px;
    border: solid 1px white;
    border-radius: 8px;
}

    .project img {
        width: 100%;
        border: solid 4px #808080;
        border-top: solid 20px #808080;
        max-width: 220px;
    }

.proj:hover img {
    width: 100%;
}


.logo {
    max-height: 125px;
    margin: 0px 12px -1px 12px;

}
.jumbotron img{
    max-height:120px;
}

@media only screen and (max-width: 1215px) {
    .logo {
        max-height: 65px;
        margin: 0px 12px -1px 12px;
    }
}
.navbar-nav {
    margin-top:  10px;
    text-transform: capitalize;
}

footer {
    color: #808080;
}
footer a {
    color: #808080;
}
.footer .row{
}

        .footer a:hover {
            color: #0099e6;
        }

.navbar-inverse {
    background-image: linear-gradient(to bottom,#000 0,#000 100%);
}
    .navbar-inverse .navbar-nav > li > a {
        color: #0099e6;
    }
.datagrid td, th {
    padding: 20px;
}

.datagrid tr {
}

.homedatagrid td, th {
    padding: 8px;
}

.toprow
{
    border-bottom: solid 0px white !important;
}

.datagrid th, .homedatagrid th {
    background-color: gainsboro;
}

.datagrid, .homedatagrid {
    border: solid 1px silver;
}

.gridrow {
    border-top: solid 0px white !important;
    border-bottom: solid 1px silver;
    padding-bottom: 30px;
    padding-top: 12px;
}
.gridrow td{
    padding:20px;
}


.btn {
    box-shadow: 0px 4px 14px -7px #276873;
    background: linear-gradient(to bottom, #03679a 5%, #010b86 100%);
    color: #a8c706;
    background-color: #010b86;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 7px 32px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #3d768a;
    border-top: 0px;
}

    .btn:hover {
        background: linear-gradient(to bottom, #03679a 10%, #010b86 100%);
        background-color: #010b86;
        color: #fbb86e;
    }
    .btn:focus {
        position: relative;
        top: 1px;
        border: none;
        outline: none;
        color: #fbb86e;
    }
    .btn:active {
        position: relative;
        top: 1px;
        border: none;
    }

.btn-select {
    background: linear-gradient(to bottom, #03679a 10%, #010b86 100%);
    background-color: #0099e6;
    padding: 4px 12px;
    font-size: 1.2rem;
}
    .btn-select:active {
        position: relative;
        top: 1px;
    }
    .btn-select:hover {
        background-color: #fff;
        color: #a8c706;
    }
.btn-delete {
    background: linear-gradient(to bottom, #fc9300 5%, #c77400 100%);
    background-color: #fc9300;
    color: #fff;
    padding: 6px 12px;
}
    .btn-delete:hover {
        background: linear-gradient(to bottom, red 5%, #d30303 100%);
        background-color: #c77400;
        color: #fff;
    }
    .btn-delete:active {
        position: relative;
        top: 1px;
    }
.datagrid .btn {
    padding: 6px 12px;
}
.datagrid .dropdown-menu {
    background-color: #FFF;
    padding: 0px !important;
}
.datagrid .dropdown-menu a {
        display: block;
        color: black;
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 28px;
        padding-right: 28px;
    }
.datagrid .dropdown-menu a:hover {
            color:#0099e6;
        }
.datagrid .dropdown-menu .delete:hover {
        color: red;
    }
.remindermenu {
    left: 0 !important;
    width: 400px;
}
.dropdown-menu {
    padding: 20px;
    top: auto;
    left: auto;
    text-transform: none;
    background-color: #000;
    color: white;
    border-bottom: 8px solid #a8c706;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
        .dropdown-menu a {
            display: block;
        }

._Disabled
{
    color:red;
}
._sent{
    color:green;
    font-weight:bold;
}

.previewbox {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
    padding:40px;
}


.emailersys .jumbotron {
    margin-bottom: 22px;
    
    padding-bottom: 28px;
}

    .emailersys .jumbotron h1 {
        font-size: 43px;
    }

.isolated-component {
    all: revert;
}

.previewbox td{
    padding:20px;
}

.saved {
    border: solid 1px #0099e6;
    color: #0099e6;
    padding: 30px;
    margin: 20px;
    margin-bottom: 60px;
    font-weight: 700;
}

#loginform
{
    max-width:90%;
    margin:auto;
}
.privacy H4
{
    margin-top:30px;

}

ul.ui-autocomplete.ui-menu {
    width: 600px !important;
}

    /* 
    targets the first result's <a> element, 
    remove the a at the end to target the li itself 
*/
    ul.ui-autocomplete.ui-menu li:first-child a {
        color: blue;
    }

.ui-menu .ui-menu-item 
{
    margin-top:12px;
    margin-bottom:12px;
}

.imagebox img
{
    max-width:200px;
}
.viewsent {
    color: #000;
    background: linear-gradient(to bottom, #a8c706 5%, #218903 100%);
    background-color: yellowgreen;
}
    .viewsent:hover {
        background: linear-gradient(to bottom, #a8c706 5%, #218903 100%);
        background-color: yellowgreen;
    }
@media only screen and (max-width: 600px) {
    .jumbotron p
    {
        font-size:14px;
    }
    .emailersys .jumbotron h1 {
        font-size: 22px;
    }
    .emailersys  h3 {
        font-size: 19px;
    }

}

.homebox {
    padding: 0px;
    border: solid 1px #fff;
}



    .homeboxdiv {
        border-top: solid 8px black;
        margin: 20px;
    }


.costbox {
    padding: 0px;
    border: solid 1px #fff;
}
.costbox:hover
{
    border:solid 1px #808080;
}
    .costbox div {
        border-top: solid 8px black;
        margin: 20px;
    }

        .costbox div span {
            font-weight:bold;
        }

.costrow
{
    margin:auto;
    width:80%;
}

.costbox h3{
    text-transform:uppercase;
}
img {
    max-width: 100%;
}

@media (max-width: 1050px) {
    .logo{
        float:left;
    }
}

@media (max-width: 1050px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}


.input-icons i {
    position: absolute;
    margin: 10px;
}

.iconform, .hasDatepicker {
    text-indent: 16px;
}


.offsetboxes input{
    max-width:60%;
}

#demopage img {
    margin: auto;
    margin-top: 12px !important;
    width: 100%;
}

.casestudies p{
    margin-bottom:50px;
}

.helpform .row{
    margin-bottom:10px;
}

.helpicon {
    height: 20px;
    margin-top: -2px;
}
.restricted-width
{
    max-width:1440px !important;
    margin:auto;
}
.ui-grid-pager-row-count-picker select 
{
    height:auto !important;
}

.ui-grid {
    height: 600px;
}
.ui-grid-sm {
    height: 240px;
}
.ui-grid button{
    margin-left:4px;
}

.ui-dialog
{
    
}
.dialog-icon {
    float: left;
    margin-top: 2px;
    margin-right: 12px;
}

.pixelle-dialog {
    display: none;
}

.dir{
    font-weight:bold;
}

.mf {
    text-decoration: underline !important;
    color:crimson;
}