@charset "UTF-8";
#loadingmessage{
    position:fixed;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    /*background-color:#666;*/
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;
    z-index:9999;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

a:hover {
    text-decoration: none !important;
}

.portlet.light.bordered {
    /*overflow: hidden;*/
}

.page-header-fixed::-webkit-scrollbar {
    /*width: 0.5em !important;*/
}
.page-header-fixed ul.sub-menu::-webkit-scrollbar{width: 0.5em !important;background-color: #f49a31}
.page-header-fixed ul.sub-menu::-webkit-scrollbar-thumb{width: 0.5em !important;background-color: #0f87ac}

.page-header-fixed::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    width: 1px;
}

.page-header-fixed::-webkit-scrollbar-thumb {
    background-color: #2b3643 !important;
    outline: 1px solid #2b3643;
    width: 1px !important;
}

table.list_view {
    width: 100%;
}

thead {
    background: #e7ecf1;
}

table.list_view tr {
    border-bottom: 1px solid #e7ecf1;
}

table.list_view th, table.list_view td {
    padding: 20px;
    font-size: 16px;
    text-align: left;
}

.action_icons a.edit_link {
    border: 1px solid #319631;
    color: #319631;
    padding: 2px 15px;
    border-radius: 20px !important;
}

.action_icons a.edit_link:hover {
    color: white;
    background: #319631;
}

.action_icons a.view_link {
    border: 1px solid #337ab7;
    color: #337ab7;
    padding: 2px 15px;
    border-radius: 20px !important;
    margin-right: 10px;
}

.action_icons a.view_link:hover {
    color: white;
    background: #337ab7;
}

.action_icons i.fa {
    font-size: 18px;
    margin-right: 5px;
}

.action_icons a.delete_link {
    border: 1px solid #da6060;
    color: #da6060;
    padding: 2px 15px;
    border-radius: 20px !important;
    margin-left: 10px;
}

.action_icons a.delete_link:hover {
    color: white;
    background: #da6060;
}

.success_msg {
    color: green;
    background: #d0f5d0;
    padding: 10px 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.success_msg i.fa.fa-thumbs-up {
    margin-right: 10px;
    font-size: 18px;
}

.dashboard-stat.green2 {
    background-color: green;
}

.news {
    margin-bottom: 40px;
}

.news_list ul {
    list-style: none;
    padding-left: 0;
}

.news_list li {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #e7ecf1;
    overflow: hidden;
}

.news_list li a {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

.viewIco {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 20px !important;
}

.viewIco i.fa {
    font-size: 18px;
    margin-right: 5px;
}

.news_link {
    line-height: 30px;
}

.news_link i.fa {
    font-size: 16px;
    margin-right: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.news_title {
    width: 50%;
}

.chat_heading {
    background-color: #36c6d3;
    color: white;
    padding: 8px;
    font-weight: bold;
}

div#whoOwnedPopup {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 20%;
    left: 0;
    z-index: 999999;
}

.overlay1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: white;
    opacity: 0.7;
}

.whoOwnedPopup {
    background: white;
    overflow: hidden;
    width: 500px;
    margin: auto;
    border: 1px solid #a1a1a1;
    border-bottom: 0;
}

.tbheader {
    color: white;
    background: #484848;
    font-weight: bold;
}

.tbheader, .tbbody {
    width: 100%;
    overflow: hidden;
}

.tbheader .left, .tbbody .left {
    width: 50%;
    padding: 10px;
    border-bottom: 1px solid #a1a1a1;
}

.closePopup {
    position: absolute;
    margin-left: 476px;
    margin-top: -3px;
    font-size: 22px;
    color: white;
    cursor: pointer;
}

.allComments {
    width: 100%;
    height: 390px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.commentDiv {
    overflow: hidden;
    width: auto;
    max-width: 70%;
    min-width: 280px;
    padding: 10px;
    background: honeydew;
    margin-bottom: 15px;
    border-radius: 10px !important;
    box-shadow: 2px 2px 5px 0px #a1a1a1;
    margin-top: 2px;
    float: left;
}

.ownDiv {
    float: right;
    background: #c6e5ea;
}

.comment_message {
    width: 100%;
    float: left;
    padding-bottom: 6px;
    border-bottom: 1px solid #36c6d3;
    margin-bottom: 6px;
}

.comment_user {
    width: 50%;
    float: left;
    font-weight: bold;
    font-size: 13px;
}

.comment_date {
    text-align: right;
    width: 50%;
    float: left;
    font-weight: bold;
    font-size: 13px;
}

.commentDeleteIcon {
    float: right;
}

.commentDeleteIcon i.fa {
    font-size: 20px;
}

.error, .error_cls {
    color: red;
}

label {
    font-weight: 400;
    margin-right: 31px;
}

.portlet {
    margin-top: 60px;
}

.addLink a {
    border: 1px solid;
    padding: 10px;
    float: left;
    margin-bottom: 10px;
}

/*start on-off button*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: red;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 134px !important;
}

.slider.round:before {
    border-radius: 50%;
}

span.colorshow {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

/*end on-off button*/

.btn.btn-outline.green {
    margin-right: 10px;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin: 8px;
}

.portlet-body table thead tr th {
    text-align: center;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: -18px !important;
}

/*modified css*/
.page-sidebar-wrapper {
    position: fixed;
    top: 78px;
    z-index: 1000;
}

ul.page-sidebar-menu.page-header-fixed {
    padding-top: 20px;
    height: 636px;
    overflow-y: auto;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    width: 45px !important;
    overflow: initial !important;
    height: 100%;
}

@media (max-width: 991px) {
    .page-sidebar-wrapper {
        position: relative;
        top: 0px;
        z-index: 1000;
    }
}

/*author tapan*/
html {
    position: relative;
    min-height: 100%;
}
footer {
    position: absolute;
    bottom: -54%;
}

.rememberme {
    padding: 20px 0px;
    margin-left: 0px !important;
}

.login .copyright {
    text-align: center;
    margin: 15px auto 15px 0 !important;
}


.portlet-body .col-md-3 a img {
    width: 100% !important;
    height: 15vw !important;
    object-fit: cover !important;
}
.nav .open .dropdown-menu-default
{
    left: auto !important;
    right: 0 !important;
    background-color: #2b3643;
    border: 1px solid white;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close
{
    background-image: url(./../images/close.png) !important;
    padding: 14px;
    top: 12px;
}

.nav .open .dropdown-menu-default a
{
    color: white !important;
    font-weight: 900 !important;

}
.nav .open .dropdown-menu-default a:hover
{
    color: black !important;
    font-weight: 900 !important;

}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after
{
    border-bottom: 6px solid #2b3643 !important;
}
.close
{
    color: white !important;
    opacity: 1 !important;
}
table thead td
{
    width: auto !important;
}
table
{
    width: 100% !important;
}

.dataTables_scrollHeadInner
{
 width: 100% !important;
}

.section-tree .section
{
    width: 100% !important;
}
.yesnoBtn
{
    margin: 0 !important;
}
.logo img
{
 max-width: 100% !important;
}
.login .logo
{
    width: 27% !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination
{
    margin: 21px 0 !important;
}
.select2-container ,textarea
{
    width: 100% !important;
}
html {
    position: relative;
    min-height: 100%;
}
@media (max-width: 450px) {
    .modal-content
    {
        margin-top: 100px !important;
    }
    a.dt-button
    {
        width: 100% !important;
    }
    .btn
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .font-dark
    {
        /*display: -webkit-inline-box !important;*/
        width: 100% !important;
    }
    .page-title-question
    {
        margin: 74px 0px !important;
    }
    .login .content
    {
        width: 95% !important;
    }

}
@media (max-width: 768px) {
    .modal-dialog {
        top: 100px !important;
    }
    .modal-content
    {
        margin-top: 100px !important;
    }
    .commentDiv
    {
        min-width: 100% !important;
    }
    ._quote_price
    {
        height: 100% !important;
    }
    .page-logo img , .login img
    {
        max-width: 100% !important;
        height: auto !important;
    }
    .login .logo
    {
        width: 100% !important;
    }
    .login .content .forget-password{float: left !important;}

}
@media (max-width: 1500px) {
    ._price_list_ .col-md-3
    {
        width: 100% !important;
    }
}


/*change new*/

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a
{
    padding: 11px 15px;
}