@font-face {
    font-family: "PT Serif Caption";
    font-style: normal;
    font-weight: 400;
    src: local("Cambria"), local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v6/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff');
}

@font-face {
    font-family: "Open Sans Light";
    font-style: normal;
    font-weight: 300;
    src: local("Segoe UI Light"), local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Segoe UI"), local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: "Open Sans Bold";
    font-style: normal;
    font-weight: 700;
    src: local("Segoe UI Bold"), local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

html {
    font-family: 'Open Sans Light';
}

.ui.form {
    font-size: 12px;
}

/*-segments-*/
.ui.horizontal.segments {
    border: none;
    box-shadow: none;
}

.ui.attached.segment {
    border: none;
}

.ui.segment > .dividing.header {
    font-size: 1rem;
}

.ui.raised.segments > .segment:nth-child(odd) {
    background-color: #F6F6F6;
}

.ui.raised.segments > .ui.segment {
    padding: 0px;
}

.ui.raised.segments > .segment > .top.attached.menu {
    border-top: none;
	border-bottom: none;
}

.ui.raised.segments > .segment > .bottom.attached.menu {
    border-top: none;
}

.ui.raised.segments > .segment > .borderless.menu {
    background-color: transparent;
}

.ui.raised.segments > .segment:nth-child(2) {
    padding: 0px;
}

.ui.raised.segments > .segment > .statistic > div {
    color: green;
}

.ui.buttons > .dropdown.icon.button {
    background-color: rgba(0, 0, 0, 1);
}

label {
    font-size: 11px;
}

.selection.dropdown {
    font-size: 11px;
}

    .selection.dropdown > .menu > .item {
        font-size: 11px;
    }

.action.input > .button {
    font-size: 11px;
}

.ui.checkbox {
    font-size: 11px;
}

.ui.radio.checkbox {
    font-size: 11px;
}

#more-options-order-new > .text {
    margin-right: 5px;
}

#more-options-order-new > .menu > .item {
    font-size: 12px;
}

    #more-options-order-new > .menu > .item > .menu > .item {
        font-size: 12px;
    }

.action-label {
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
}

@media only screen and (device-width: 320px) {
    .action.input {
        width: 185px;
    }
}

/*-table-*/
table#tc-table > thead > tr {
    font-size: 12px;
}

table#tc-table > tbody > tr {
    font-size: 12px;
}

table#tc-table > thead > tr > th {
    background-color: rgba(122, 122, 120, 1);
    color: rgba(224, 224, 224, 1);
}

    table#tc-table > thead > tr > th:first-child {
        border-radius: 0px;
    }

    table#tc-table > thead > tr > th:last-child {
        border-radius: 0px;
    }

table#tc-table > tfoot > tr > td {
    border-top: 1px solid rgba(224, 224, 224, 1);
    background-color: rgba(227, 227, 227, 1);
}

    table#tc-table > tfoot > tr > td > .pagination.menu {
        font-size: 11px;
    }

    table#tc-table > tfoot > tr > td > .action.input {
        height: 31px;
    }

        table#tc-table > tfoot > tr > td > .action.input > .icon > .icon {
            margin-top: -0.20em;
        }

        table#tc-table > tfoot > tr > td > .action.input > .button {
            background-color: rgba(102, 102, 153, 1);
            color: rgba(255, 255, 255, 1);
        }

    table#tc-table > tfoot > tr > td > .compact.dropdown {
        font-size: 12px;
    }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui.table {
        border: none;
    }

    table, thead, tbody, tfoot, th, td, tr {
        display: block;
    }

        table#tc-table > tbody > tr:after {
            margin-bottom: 15px;
        }

        thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        table#tc-table > thead > tr > td {
            text-align: left;
        }

        table#tc-table > tbody > tr > td {
            text-align: right;
        }

    tr {
        border: 1px solid #ccc;
        box-shadow: none;
        margin-bottom: 15px;
    }

        tr:last-child {
            margin-bottom: 0px;
            border-bottom: none;
        }

    td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: 600;
            color: rgba(97,97,97,1);
        }

    table#tc-table > tfoot > tr > td:before {
        content: none;
    }

    table#tc-table > tfoot > tr > td > .button {
        display: none;
    }
}

/*-search box-*/
#search-system-box {
    height: 25px;
}

    #search-system-box > input {
        width: 200px;
    }

    #search-system-box > .icon > .icon {
        margin-top: -0.35em;
    }

    #search-system-box > .button {
        background-color: rgba(102, 102, 153, 1);
        color: rgba(255, 255, 255, 1);
        height: 25px;
    }

/*-steps-*/
#steps {
    border-bottom: 2px solid #cecece;
}

    #steps > .step > .content > .icon {
        font-size: 0.6em;
    }

    #steps > .step > .content > .title {
        font-size: 0.92em;
    }

    #steps > .step > .content > .description {
        font-size: 0.8em;
    }

    #steps > .step.active {
        background-color: rgba(81, 122, 227, 1);
    }

        #steps > .step.active::after {
            background-color: rgba(81, 122, 227, 1);
        }

        #steps > .step.active > .icon {
            color: rgba(254, 255, 146, 1);
        }

        #steps > .step.active > .content > .title {
            color: rgba(255, 255, 255, 1);
        }

        #steps > .step.active > .content > .description {
            color: rgba(255, 255, 255, 0.7);
        }

/*-top header-*/
#main-header {
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    background-color: rgba(86, 86, 120, 1);
    border-radius: 0px;
    z-index: 300;
}

#top-menu-dropdown {
    color: rgba(255, 255, 255, 1);
}

#header-sidebar-icon {
    color: rgba(255, 255, 255, 1);
    margin-top: 9.5px;
    cursor: pointer;
}

div#user-main-menu-bar {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    div#user-main-menu-bar img {
        width: 25px;
    }

/*-top header for login only-*/
#first-screen-header {
    margin-bottom: 0px;
    position: fixed;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    z-index: 300;
}

    #first-screen-header > .item > h1 {
        color: rgba(255, 255, 255, 1);
    }

@media (max-width: 768px) {
    #first-screen-header {
        margin-bottom: 0px;
        position: fixed;
        width: 100%;
        background-color: rgba(86, 86, 120, 1);
    }

        #first-screen-header > .item > h1 {
            color: rgba(255, 255, 255, 1);
            font-size: 19px;
        }
}

/*-secondary header-*/
#secondary-header {
    height: 25px;
    border-radius: 0px;
    font-size: 11px;
    padding-left: 52px;
    background-color: rgba(173, 173, 189, 1);
}

    #secondary-header > .item {
        color: rgba(255, 255, 255, 1);
    }

        #secondary-header > .item > .breadcrumb {
            font-size: 11px;
        }

            #secondary-header > .item > .breadcrumb > .section {
                color: rgba(239, 239, 239, 1);
            }

#secondary-header-placeholder {
    padding-top: 51px;
}

@media (max-width: 768px) {
    div#secondary-header {
        padding-left: 3px;
    }
}

/*-left icon menu-*/
#left-icon-menu-main {
    height: 100vh;
    position: fixed;
    top: 3.6em;
    overflow-y: auto;
    border-radius: 0px;
    background-color: rgba(137, 137, 160, 1);
}

    #left-icon-menu-main > .item {
        color: rgba(255, 255, 255, 1);
    }

@media (max-width: 768px) {
    #left-menu-bar {
        display: none;
    }
}

/*-left icon sub menu-*/
#left-menu-sub {
    background-image: url(../../Images/banner-sub-menu.png);
    background-repeat: no-repeat;
    background-position: 40% 90%;
    height: 100vh;
    position: fixed;
    top: 3.6em;
    overflow-y: auto;
    border-radius: 0px;
    background-color: rgba(49, 27, 146, 1);
    z-index: 101;
    left: 50px;
    width: 300px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
}

#left-menu-secondary-sub {
    height: 100vh;
    position: fixed;
    top: 3.6em;
    overflow-y: auto;
    border-radius: 0px;
    background-color: rgba(63,81,181,1);
    z-index: 100;
    left: 350px;
    width: 500px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
}

#left-menu-sub > .header {
    color: rgba(255, 255, 255, 1);
}

div#sub-menu-list {
    padding-right: 3rem;
}

    div#sub-menu-list > .item > .icon {
        color: rgba(255, 255, 255, 1);
        float: left;
    }

    div#sub-menu-list > .item > .content {
        color: rgba(255, 255, 255, 0.7);
    }

@media (max-width: 768px) {
    #left-menu-sub {
        display: none;
    }
}

/*-bottom stick menu-*/
#bottom-stick-menu {
    background-color: #616161;
    border-radius: 0px;
    bottom: 0px;
    position: fixed;
    margin-bottom: 0px;
    z-index: 1000;
    border: none;
}

    #bottom-stick-menu > .item {
        color: rgba(255, 255, 255, 1);
        border-right: 1px solid white;
        font-size: 1.5rem;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #bottom-stick-menu > .item:last-child {
            border-right: none;
        }

        #bottom-stick-menu > .item:first-child {
            background-color: rgba(97,97,97,1);
        }

        #bottom-stick-menu > .item:last-child {
            background-color: rgba(97,97,97,1);
        }

@media (min-width: 768px) {
    #bottom-stick-menu {
        display: none;
    }
}


/*-main container-*/
div#main-container {
    padding-bottom: 60px;
    padding-left: 67px;
    padding-top: 14px;
    padding-right: 5px;
}

div#dynamic-content {
    padding: 0px;
}

@media (max-width: 768px) {
    div#main-container {
        padding-left: 14px;
        padding-right: 10px;
    }
}

/*-footer-*/
#main-footer {
    /*background-color: rgba(137, 137, 160, 1);*/
    background-color: rgba(86, 86, 120, 1);
}

    #main-footer > .menu > .item > .header {
        font-size: 13px;
        color: rgba(255, 255, 255, 1);
        font-weight: 100;
    }

/*-feed-*/
#feed-right {
    font-size: 12px;
    border: 1px solid rgba(198, 204, 211, 1);
    padding: 1em;
    background-color: #E6EFFA;
    width: 97%;
    margin-top: 15px;
}

/*-login-*/
div#login-container {
    background-image: url('../../Images/login_bg.jpg');
    height: 100vh;
    /*width: 100%;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0px;
    padding-top: 50px;
    padding-left: 59%;
    padding-right: 1%;
}

div#login-inner-container {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
}

    div#login-inner-container > .segments {
        border: none;
    }

        div#login-inner-container > .segments > .segment {
            width: 50%;
        }

    div#login-inner-container #forgot-link {
        color: rgba(144, 202, 249, 1);
    }

div#login-inner-container-1 {
    width: 65%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
}

    div#login-inner-container-1 > .segments {
        border: none;
    }

        div#login-inner-container-1 > .segments > .segment {
            width: 50%;
        }

    div#login-inner-container-1 a {
        color: rgba(144, 202, 249, 1);
    }

div#left-login-container > .grid > .column > .ui.form {
    font-size: 1em;
}

    div#left-login-container > .grid > .column > .ui.form > h1 {
        color: rgba(255, 255, 255, 1);
    }

    div#left-login-container > .grid > .column > .ui.form > span {
        color: rgba(161, 208, 255, 1);
    }

    div#left-login-container > .grid > .column > .ui.form > .field > .field > label {
        font-size: 13px;
        color: rgba(255, 255, 255, 1);
    }

    div#left-login-container > .grid > .column > .ui.form > .field > .field > .input {
        font-size: 1em;
    }

        div#left-login-container > .grid > .column > .ui.form > .field > .field > .input > input {
            font-size: 1em;
        }

div#left-login-container > .ui.form > .field > .checkbox > label {
    color: rgba(255, 255, 255, 1);
}

.ui.vertical.divider {
    color: rgba(255, 255, 255, 1);
}

    .ui.vertical.divider:before, .ui.vertical.divider:after {
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }

@media (max-width: 768px) {
    div#login-container {
        height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    div#login-inner-container {
        width: 100%;
        height: 100%;
        padding-top: 90px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    div#login-inner-container {
        /*height: 100vh;*/
    }
}


/*----- Register -----*/

div#register-container {
    background-image: url('../../Images/login_bg.jpg');
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0px;
    padding-left: 59%;
    padding-right: 1%;
}

div#register-inner-container {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background-color: rgba(0, 0, 0, 0.2);
}

    div#register-inner-container > .segments > .segment {
        width: 50%;
    }



div#register-form > .ui.form > h1 {
    color: rgba(255, 255, 255, 1);
}

div#register-form > .ui.form > .fields > .field > label {
    color: rgba(255, 255, 255, 1);
    font-size: 11px;
}

div#register-form > .ui.form > .fields > .field > input {
    font-size: 11px;
}

div#register-form > .ui.form > .fields > .field > .selection.dropdown {
    font-size: 11px;
}

    div#register-form > .ui.form > .fields > .field > .selection.dropdown > .menu > .item {
        font-size: 11px;
    }

@media (max-width: 768px) {
    div#register-container {
        height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    div#register-inner-container {
        width: 100%;
        height: 100%;
        padding-top: 90px;
    }
}

/*-reset password-*/
div#reset-inner-container {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background-color: rgba(0, 0, 0, 0.2);
}

    div#reset-inner-container > .segments > .segment {
        width: 50%;
    }

div#reset-password-form > .ui.form {
    font-size: 1em;
}

    div#reset-password-form > .ui.form > h1 {
        color: rgba(255, 255, 255, 1);
    }

    div#reset-password-form > .ui.form > span {
        color: rgba(199, 227, 255, 1);
    }

div#reset-container {
    background-image: url('../../Images/login_bg.jpg');
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0px;
    padding-left: 59%;
    padding-right: 1%;
}

div#reset-password-form > .form > .input {
    font-size: 1em;
}

    div#reset-password-form > .form > .input > input {
        font-size: 1em;
    }

@media (max-width: 768px) {
    div#reset-container {
        height: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    div#reset-inner-container {
        width: 100%;
        height: 100vh;
        padding-top: 90px;
    }
}

/*-profile-*/
#profile-top-info {
    background-image: url('../../Images/profile_bg.jpg');
    background-size: cover;
    background-position-y: 50%;
    background-position: 50%;
    height: 150px;
    margin-left: -1.6px;
}

#profile-top-placeholder {
    background-color: transparent;
    margin-top: 0px;
}

    #profile-top-placeholder > .segment {
        background-color: transparent;
    }

        #profile-top-placeholder > .segment > .items {
            padding-left: 3%;
            padding-top: 9px;
        }

            #profile-top-placeholder > .segment > .items > .item > div > img {
                top: 47px;
                z-index: 100;
            }

            #profile-top-placeholder > .segment > .items > .item > .content {
                text-align: center;
                padding-right: 9%;
                padding-top: 1%;
            }

                #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
                    color: rgba(255, 255, 255, 1);
                }

                #profile-top-placeholder > .segment > .items > .item > .content > .meta > span {
                    color: rgba(255, 255, 255, 1);
                }

                #profile-top-placeholder > .segment > .items > .item > .content > .extra {
                    color: rgba(255, 255, 255, 1);
                }

#profile-middle-info {
    padding: 0px;
    margin: 0px;
}

#profile-middle-placeholder {
    padding: 0px;
    margin: 0px;
    padding-left: 5%;
}

    #profile-middle-placeholder > .segment {
        padding-top: 0px;
        padding-bottom: 0px;
        border: none;
    }

        #profile-middle-placeholder > .segment > .segments > .segment {
            margin: 0px;
            padding: 0px;
        }

#profile-middle-divider {
    margin: 0px;
}

#profile-bottom-info > .form > .menu {
    margin-left: 17.5%;
    margin-right: 12.3%;
}

#profile-bottom-info > .form > h2 {
    padding-left: 17.5%;
}

#profile-bottom-info > .form > .segments > .segment {
    padding-right: 12.3%;
    padding-left: 17.5%;
}

/*-----Mobile versions-----*/
@media only screen and (min-device-width: 320px) and (min-device-height: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #profile-top-placeholder > .segment > .items > .item > div > img {
        top: 50px;
        left: 28%;
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .meta > span {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .extra {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: 70px;
    }

    #profile-middle-placeholder {
        padding-left: 0px;
        margin-top: 200px;
    }

        #profile-middle-placeholder > .segment {
            /*border-top: 1px solid rgba(216, 223, 230, 1);*/
            border-bottom: 1px solid rgba(216, 223, 230, 1);
        }

    #profile-bottom-info > .form > .menu {
        margin-left: 0;
        margin-right: 0;
    }

    #profile-bottom-info > .form > h2 {
        padding-left: 5%;
    }

    #profile-bottom-info > .form > .segments > .segment {
        padding-right: 5%;
        padding-left: 5%;
    }

    #search-system-box {
        display: none;
    }
}

@media only screen and (device-width: 768px) {
    div#login-inner-container {
        height: 100vh;
        padding-top: 250px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    div#reset-inner-container {
        height: 100vh;
        padding-top: 250px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    div#register-inner-container {
        height: 100vh;
        padding-top: 250px;
        background-color: rgba(0, 0, 0, 0.4);
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: 8px;
    }

        #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
            color: rgba(255, 255, 255, 1);
        }

        #profile-top-placeholder > .segment > .items > .item > .content > .meta > span {
            color: rgba(255, 255, 255, 1);
        }

        #profile-top-placeholder > .segment > .items > .item > .content > .extra {
            color: rgba(255, 255, 255, 1);
        }
}

@media only screen and (min-device-width: 320px) and (min-device-height: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #profile-top-placeholder > .segment > .items > .item > div > img {
        top: 50px;
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
        color: rgba(255, 255, 255, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: -145px;
    }

    #profile-middle-placeholder {
        padding-left: 0px;
        margin-top: 100px;
    }

        #profile-middle-placeholder > .segment {
            border-bottom: 1px solid rgba(216, 223, 230, 1);
        }

    #profile-bottom-info > .form > .menu {
        margin-left: 0;
        margin-right: 0;
    }

    #profile-bottom-info > .form > h2 {
        padding-left: 5%;
    }

    #profile-bottom-info > .form > .segments > .segment {
        padding-right: 5%;
        padding-left: 5%;
    }

    #search-system-box {
        display: none;
    }
}

@media only screen and (device-width: 320px) {
    #profile-top-placeholder > .segment > .items > .item > div > img {
        top: 50px;
        left: 25%;
    }

    #profile-middle-placeholder {
        padding-right: 20px;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #profile-top-placeholder > .segment > .items > .item > div > img {
        top: 50px;
        left: 28%;
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .meta > span {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .extra {
        color: rgba(0, 0, 0, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: 70px;
    }

    #profile-middle-placeholder {
        padding-left: 0px;
        margin-top: 200px;
    }

        #profile-middle-placeholder > .segment {
            /*border-top: 1px solid rgba(216, 223, 230, 1);*/
            border-bottom: 1px solid rgba(216, 223, 230, 1);
        }

    #profile-bottom-info > .form > .menu {
        margin-left: 0;
        margin-right: 0;
    }

    #profile-bottom-info > .form > h2 {
        padding-left: 5%;
    }

    #profile-bottom-info > .form > .segments > .segment {
        padding-right: 5%;
        padding-left: 5%;
    }

    #search-system-box {
        display: none;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #profile-top-placeholder > .segment > .items > .item > div > img {
        top: 50px;
    }

    #profile-top-placeholder > .segment > .items > .item > .content > .header > h1 {
        color: rgba(255, 255, 255, 1);
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: -145px;
    }

    #profile-middle-placeholder {
        padding-left: 0px;
        margin-top: 100px;
    }

        #profile-middle-placeholder > .segment {
            border-bottom: 1px solid rgba(216, 223, 230, 1);
        }

    #profile-bottom-info > .form > .menu {
        margin-left: 34px;
        margin-right: 34px;
    }

    #profile-bottom-info > .form > h2 {
        padding-left: 5%;
    }

    #profile-bottom-info > .form > .segments > .segment {
        padding-right: 5%;
        padding-left: 5%;
    }

    #search-system-box {
        display: none;
    }
}

@media only screen and (device-width: 1024px) {
    div#login-container {
        padding-left: 30%;
    }

    div#reset-container {
        padding-left: 30%;
    }

    div#register-container {
        padding-left: 30%;
    }

    #profile-top-placeholder > .segment > .items > .item > .content {
        padding-right: 0%;
        margin-top: 8px;
    }
}

/*-dashboard-*/
div#main-container-dashboard {
    padding-bottom: 60px;
    padding-left: 69px;
    padding-right: 12px;
    padding-top: 12px;
}

div#dynamic-content > .horizontal.segments > .segment {
    border: none;
}

div#dynamic-content > .horizontal.segments {
    margin-top: 0px;
}

div#dynamic-content > .raised.segments {
    margin-top: 10px;
    margin-left: 13px;
    margin-right: 14px;
    margin-bottom: 25px;
    border-radius: 0px;
}

/*div#notifications {
    border-radius: 0px;
}

    div#notifications > .ui.segment {
        padding: 0px;
    }

    div#notifications > .segment > .top.attached.menu {
        border-top: none;
        border-bottom: none;
    }

    div#notifications > .segment > .borderless.menu {
        background-color: transparent;
    }

    div#notifications > .segment:nth-child(2) {
        padding: 0px;
    }

    div#notifications > .segment:first-child {
        background-color: rgb(238, 238, 238);
    }

    div#notifications > .segment > .statistic > div {
        color: green;
    }*/

/*div#order_action_rates1 > .ui.segment {
    padding: 0px;
}

div#order_action_rates1 > .segment > .top.attached.menu {
    border-top: none;
    border-bottom: none;
}

div#order_action_rates1 > .segment > .borderless.menu {
    background-color: transparent;
}

div#order_action_rates1 > .segment:nth-child(2) {
    padding: 0px;
}

div#order_action_rates1 > .segment:first-child {
    background-color: rgba(238, 238, 238, 1);
}

div#order_action_rates1 > .segment > .statistic > div {
    color: green;
}

div#orders_place > .ui.segment:nth-child(1) {
    background-color: rgba(238, 238, 238, 1);
}*/

/*div#database_growth {
    margin-top: 20px;
}

    div#database_growth > .segment:nth-child(1) {
        background-color: rgba(238, 238, 238, 1);
    }

    div#database_growth > .ui.segment > .horizontal.segments > .segment {
        padding: 0px;
    }

        div#database_growth > .ui.segment > .horizontal.segments > .segment > .horizontal.segments {
            margin: 0px;
        }*/

@media (max-width: 768px) {
    div#main-container-dashboard {
        padding-bottom: 60px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 12px;
    }

    div#dashboard-order {
        display: none;
    }

    div#dashboard-db-growth {
        display: none;
    }
}

/*-transportation order-*/
#pickup-location-order-new-new {
    z-index: 1000;
    width: 100%;
}

    #pickup-location-order-new-new > .segments > .segment {
        width: 50%;
    }

        #pickup-location-order-new-new > .segments > .segment > img {
            width: 100%;
        }

    #pickup-location-order-new-new > h3 {
        background-color: rgba(184, 184, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

#pickup-location-order-new-existing {
    width: 100%;
    z-index: 1000;
}

    #pickup-location-order-new-existing > .segments > .segment {
        width: 50%;
    }

        #pickup-location-order-new-existing > .segments > .segment > img {
            width: 100%;
        }

    #pickup-location-order-new-existing > h3 {
        background-color: rgba(184, 184, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

    #pickup-location-order-new-existing > .segments {
        width: 100%;
        margin: 0px;
    }

    #pickup-location-order-new-existing > .ui.form {
        width: 100%;
    }

/*-home-*/
div#home > .field {
    margin-top: 0px;
    margin-bottom: 0px;
}

    div#home > .field > .field {
        margin-top: 0px;
        margin-bottom: 0px;
    }

div#home > .fields > .field {
    margin-top: 0px;
    margin-bottom: 0px;
}

div#home > .field > .field > .segment {
    border: none;
    box-shadow: none;
}

div#home > .field > .field > .segment {
    border: none;
    box-shadow: none;
    /*margin-right: 9px;*/
}

div#home > .field > .field > .segment {
    border: none;
    box-shadow: none;
    /*margin-right: 9px;*/
    margin-left: 0px;
    padding-left: 3px;
}

div#home > .fields > .field > .segment {
    border: none;
    box-shadow: none;
    /*margin-right: 9px;*/
    margin-left: 2px;
    /*margin-right: 2px;*/
    padding-left: 3px;
    /*padding-right: 3px;*/
}

/*div#home > .fields > .field:last-child > .segment {
    padding-right: 1em;
    margin-right: 9px;
}*/

div#home > .field > .field > .segment > .segments {
    height: auto;
}

div#home > .fields > .field > .segment > .segments {
    height: auto;
}

/*div#home-notification > .field {
    padding-right: 40px;
}*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    div#home > .field > .field > .segment {
        border: none;
        box-shadow: none;
        margin-right: 2px;
        padding-right: 3px;
    }

    div#home > .fields > .field > .segment {
        margin-right: 2px;
        padding-right: 3px;
    }

    div#home > .fields > .field:last-child > .segment {
        padding-right: 3px;
        margin-right: 2px;
    }

    div#home > .field > .field > .segment > .segments {
        height: auto;
    }

    div#home-notification > .field {
        padding-right: 0px;
    }
}