.clmain .r-top {
    width: 100vw;
}

.clmain .r-content {
    justify-content: center;
}

.clmain {
    background: #f5f5f5;
}

.clmain .r-top .r-form {
    margin: auto;
    /*padding-left: 15px;*/
}

.clmain .r-top .r-form .row:nth-child(2) {
    margin-bottom: 0px;
}

.clmain.clmain_list .r-topheader {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 100vw;
}

.clmain {
    max-width: 100vw !important;
    overflow-x: hidden;
}

.clmain.clmain_view [data-field="Picture"] {
    width: 100%;
    margin-left: 0px;
}

.clmain.clmain_view [data-field="Picture"]>span {
    display: inline-block;
    width: 100%;
    ;
}

.clmain.clmain_view [data-field="Picture"]>span>.r-images {
    width: 100%;
    display: inline-flex;
}

.clmain.clmain_view .r-topheader {
    background: white;
    -webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    width: 100%;
}

.clmain .r-topheader>.navbar {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.clmain .r-body {
    padding: 0px;
}

.clmain.clmain_list .r-top {
    padding-top: 52px;
    min-height: 150px;
    background-image: url(back.jpg);
    background-position: center;
    background-size: cover;
}

[data-itemid="logo"]>* {
    font-weight: bold;
}

[data-itemid="logo"] .fc {
    color: #2b4186;
}

[data-itemid="logo"] .sc {
    color: #f59542;
}

[data-itemid="logo"] .thc {
    color: #c54914;
}

.clmain .r-topheader>.navbar {
    margin: 0 auto;
}

.clmain [data-itemid="simple_search"] {
    margin-top: 30px;
}

[data-itemid="category_list"] {
    display: flex !important;
    gap: 3px;
}

[data-itemid="category_list"] .category_item {
    flex: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    background: rgba(30, 30, 30, 0.75);
    border: none !important;
    transition: .4s;
    cursor: pointer;
}

[data-itemid="category_list"] .category_item:hover {
    background: white;
}

[data-itemid="category_list"] .category_item .fa {
    margin-bottom: 10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: white;
}

[data-itemid="category_list"] .category_item a {
    color: white;
}

[data-itemid="category_list"] .category_item:hover a,
[data-itemid="category_list"] .category_item:hover .fa {
    color: black;
}

.clmain .panel.panel-default.bs-clickable {
    background: white !important;
    border: none !important;
    box-shadow: none;
}

.clmain .r-grid {
    min-width: auto !important;
    padding-right: 15px
}

.clmain .r-fluid[data-location="grid"] {
    width: auto !important;
}

.clmain .r-content {
    margin: auto;
    padding-top: 10px;
}

.clmain.clmain_list .r-content {
    background: #ededed;
}

.clmain.clmain_view .r-content {
    margin-top: 10px;
    background: white;
    min-height: calc(100vh - 52px);
}

.clmain.clmain_view .breadcrumb {
    background: white;
}

.clmain .r-topbar-page .r-body .r-content .r-left {
    padding: 0px 15px;
}

.clmain .r-topbar-page .r-body .r-content .r-left .filterPanelContainer .panel-heading {
    background: white;
    color: black;
}

.clmain:not(.LoggedIn) [data-itemid="menu"],
.clmain:not(.LoggedIn) [data-itemid="username_button"] {
    display: none !important;
}

@media print,
(min-width: 768px) and (min-width: 1200px) {
    .clmain .r-top .r-form,
    .clmain .r-topheader>.navbar,
    .clmain .r-content {
        width: 1130px;
    }
    /*.modal-dialog,
    .modal-content,
    .modal-body {
        width: 1130px !important;
    }*/
}

@media print,
(min-width: 768px) and (min-width: 1400px) {
    .clmain .r-top .r-form,
    .clmain .r-topheader>.navbar,
    .clmain .r-content {
        width: 1200px;
    }
    /*.modal-dialog,
    .modal-content,
    .modal-body {
        width: 1200px !important;
    }*/
}

@media print,
(min-width: 768px) and (min-width: 1800px) {
    .clmain .r-top .r-form,
    .clmain .r-topheader>.navbar,
    .clmain .r-content {
        width: 1300px;
    }
    /*.modal-dialog,
    .modal-content,
    .modal-body {
        width: 1300px !important;
    }*/
}


/*mobile*/

@media (max-width: 768px) {
    [data-itemid="category_list"] {
        flex-wrap: wrap;
        gap: 0px;
    }
    [data-itemid="category_list"] .category_item {
        flex: 49.5% 0 0;
        flex-direction: row;
        align-items: center;
    }
    [data-itemid="category_list"] .category_item:not(:nth-last-child(2)):not(:nth-last-child(1)) {
        margin-bottom: 3px;
    }
    [data-itemid="category_list"] .category_item:nth-child(even) {
        margin-left: auto;
    }
    [data-itemid="category_list"] .category_item .fa {
        margin-bottom: 0px;
        margin-left: 20px;
        ;
        margin-right: 10px;
        ;
    }
    .clmain .r-top .r-form .row {
        margin-bottom: 0px;
    }
    .clmain .r-grid {
        padding-left: 15px;
    }
    .clmain .r-grid-vertical>.r-record-body .panel-body {
        min-width: auto !important;
        padding-right: 15px;
        padding-left: 15px;
    }
    .clmain .r-record-body .panel-body table tbody {
        display: flex;
        flex-direction: column;
    }
    .clmain .r-record-body .panel-body table tbody tr:first-child {
        display: flex;
        flex-wrap: wrap;
    }
    .clmain .r-record-body .panel-body table tbody tr:first-child td {
        flex: 100% 0 0;
    }
    .clmain .r-record-body .panel-body table tbody tr:first-child td {
        text-align: center;
    }
    .clmain_list .r-topbar-page .r-body .r-content .r-data-block .r-grid .r-record-body .panel-body {
        padding: 10px 5px !important;
    }
    .clmain [data-itemid="simple_search"] {
        margin-top: 60px;
        margin-bottom: 0px;
    }
    .clmain .breadcrumb {
        width: 300px;
        overflow: hidden;
    }
    .clmain .r-horizontal-thumbs {
        flex-direction: column;
    }
    .clmain.clmain_view [data-field="Category"] {
        padding-right: 3px !important;
    }
    .clmain.clmain_view [data-field="Subcategory"] {
        padding-left: 3px !important;
    }
    .clmain.clmain_view .control-label[data-field="Posted"] {
        padding: 0px !important;
    }
    .clmain.clmain_view [data-itemid="custom_button1"] {
        margin-left: 15px;
    }
}


/*desctop*/

@media (min-width: 768px) {}

.r-record-body[icongrid] {
    margin-bottom: 5px;
    padding: 0px 5px;
}

.r-record-body[icongrid] .panel {
    margin-bottom: 0px;
}

.r-record-body[icongrid] .panel-heading {
    display: none;
}
[data-itemid="loginform_login"] a{
color: #555555 !important;
    font-weight: bold;
}


.modal-body::-webkit-scrollbar { width: 4px; height: 3px;}

.modal-body::-webkit-scrollbar-track-piece { background-color: #ffffff;}

.modal-body::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}

.clmain_list.LoggedIn .r-menu a{
    color: #555555 !important;
    font-weight: bold;
}
.clmain_list.LoggedIn .r-menu li.active a,
.clmain_list.LoggedIn .r-menu li a:hover,
.clmain_list.LoggedIn .r-menu li a:focus
{
	background:transparent;
	color: #2b4186;
}
[data-itemid="username_button"] .glyphicon-user,
[data-itemid="username_button"] .dropdown-toggle,
[data-itemid="username_button"] .caret  {
color: #555555 !important;
}
[data-itemid="username_button"] .caret{
 border-top-color: #555555 !important;
}