::-webkit-scrollbar {
    width: 8px
}

 ::-webkit-scrollbar-track {
    background: #888
}

 ::-webkit-scrollbar-thumb {
    background: #f1f1f1
}

.mainstock .dt-paging, .mainstock .dt-info
{
    display:none !important;
}

.cpagination 
{
    padding:15px;
    display:flex;
    justify-content:end;
}

.cpagination strong 
{
    background: #3870a2;
    padding: 5px 15px;
    color: #fff;
}

.cpagination a 
{
    background: #ddd;
    padding: 5px 15px;
    margin: 0 2px;
    color: #000;
}

.posearch 
{
    background:#f8f8f8;
    padding:10px;
    font-size:12px !important;
}

.posearch h4 
{
    font-size:15px;
}


.posearch label 
{
    font-size:12px;
}

.posearch button 
{
    font-size: 12px !important;
    text-transform: capitalize;
}

.poselect .chosen-single 
{
    border: none !important;
    background: #fff !important;
    box-shadow: none !important;
    font-size:12px !important;
}

.poselect .chosen-container .chosen-drop 
{
    border:none !important;
    font-size:12px !important;
}

.poinpt 
{
    border:none;
    font-size:12px;
}

.chosen-container-multi .chosen-choices
{

    height: 40px !important;
    line-height: 38px;
}

.chosen-container-multi .chosen-choices li.search-choice
{
    margin:9px 5px 3px 0 !important;
}

.cmpbox 
{
    background: #fff;
    box-shadow: 2px 3px 5px #ddd;
    padding: 15px 10px;
    border-right: 1px solid #ddd;
    margin: 0 0 20px 0;
}

.cmpbox img 
{
        height: 60px;
    display: block;
    margin: 0 auto;
}

.cmpbox p 
{
    margin: 10px 0 10px 0;
}


.cmpadd 
{
    font-size:12px;
}

.cmpbox a 
{
    color:#000;
}



.pocard td, .pocard th 
{
    font-size:12px;
}

.pocardtitle
{
    padding: 10px;
    width: 100%;
    text-align: center;
}

.po1 
{
    background: #0864a7;
}

.po1 a,.po2 a,.po3 a,.po4 a
{
    color:#fff !important;
}

.po2 
{
    background:#3fbed2;
}

.po3 
{
    background:#4dc77b;
}

.po4 
{
    background:#ff8a5b;
}


.pocard .card-body 
{
    padding:0 !important;
}




.potable1 .badge 
{
    font-size:100% !important;
}

.potable td, .potable th 
{
    font-size:11px !important;
}



.bg-success1 
{
	background:#5777db !important;
}

.bg-success2 
{
	background:#3dd1ef !important;
}

.bg-success3 
{
	background:#00a753 !important;
}

.bg-success1,.bg-success2,.bg-success3 
{
	min-height:193px;
}

.iconfont 
{
	font-size:30px;
}

.info-box
{
	min-height:110px;
}

.projectpobox 
{
	height:265px;
	overflow-y:hidden;
	margin:0 0 20px 0;
}

.projectpobox:hover {
  overflow-y: auto;
}

.info-box 
{
	border-radius:0 !important;
}

.info-box-text 
{
	font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.info-box-text1 
{
	font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.info-box-number 
{
	color: #fff;
    font-size: 22px;
}

.elevation-4 {
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08) !important;
}

.page-titles 
{
	background:#fff;
}

.page-titles .breadcrumb 
{
	margin: 0;
    border-radius: 0;
    background: none;
}

.sidemenu>ul>li>a i
{
	color:#99abb4 !important;
	font-size:15px !important;
}

.layout-fixed .main-sidebar 
{
	background:#fff;
}

.nav-sidebar .nav-item > .nav-link 
{
	border-bottom: 1px solid #eee;
}

.login-box, .register-box 
{
	width:400px;
}

.login-box .card-body
{
	padding:40px 20px;
}

.layout-navbar-fixed .wrapper .main-header
{
	background: #3870a2;
	box-shadow:none !important;
}

.brand-link 
{
	background:#fff !important;
}

.os-viewport
{
	top:75px !important;
}

[class*="sidebar-dark-"] .sidebar a 
{
	color: #607d8b !important;
}

.chosen-container-single .chosen-single div
{
        top: 7px  !important;
}

.chosen-container-single .chosen-single
{
    height:40px !important;
    line-height:38px !important;
}

.potable th 
{
    font-size:10px !important;
}

.blur 
{
	filter: blur(8px);
    -webkit-filter: blur(5px);
}

.modaldesign .modal-header
{
	background: #007bff;
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
}

.plabel 
{
	    width: 100%;
    background: #007bff;
    padding: 10px;
    color: #fff;
	text-align: center;
    border-right: 1px solid #ddd;
}

.modaldesign .modal-content 
{
	border-radius:0 !important;
}

.modaldesign .modal-body 
{
	background:#eee;
}

.form-control
{
	border-radius:0 !important;
}
	
.editformdesign 
{
	background: #fff;
    padding: 20px;
}	
	

.sidemenu li a 
{
	padding:10px 20px !important;
	    border-bottom: 1px solid #63686d;
}

.navhead 
{
	background:#eee;
}

.navhead  a
{
	color:#000 !important;
	font-weight: bold;
    padding: 8px 25px !important;

}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: smaller;
    font-style: italic;
}

.truncate-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.truncate-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.modal-dialog.large {
    width: 80% !important;
    max-width: unset;
}

.modal-dialog.mid-large {
    width: 50% !important;
    max-width: unset;
}

@media (max-width:900px) {
    .modal-dialog.large {
        width: 100% !important;
        max-width: unset;
    }
    .modal-dialog.mid-large {
        width: 100% !important;
        max-width: unset;
    }
    .modal-dialog {
        margin: unset !important;
    }
}

#viewer_modal .btn-close {
    position: absolute;
    z-index: 999999;
    /*right: -4.5em;*/
    background: unset;
    color: white;
    border: unset;
    font-size: 27px;
    top: 0;
}

#viewer_modal .modal-dialog {
    width: 80%;
    max-width: unset;
    height: calc(90%);
    max-height: unset;
}

#viewer_modal .modal-content {
    background: black;
    border: unset;
    height: calc(100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

#viewer_modal img,
#viewer_modal video {
    max-height: calc(100%);
    max-width: calc(100%);
}

table.dataTable th,
table.dataTable td {
    padding: 5px !important;
}

.card.d-flex {
    flex-direction: row !important;
}

.card.d-flex>img {
    width: 20% !important;
}

.card.d-flex>.card-body {
    width: 80% !important;
}

span.btn {
    cursor: unset;
}

span.btn:hover {
    background: inherit;
}

#tourCarousel {
    height: 50vh !important;
}

#tourCarousel img {
    object-fit: fill;
}

div.stars {
    width: auto;
    display: inline-block
}

.mt-200 {
    margin-top: 200px
}

input.star {
    display: none
}

label.star {
    float: right;
    /* padding: 10px; */
    font-size: 30px;
    color: #333333;
    transition: all .2s
}

input.star:checked~label.star:before {
    content: '\2605';
    color: #ffc800;
    transition: all .25s
}

input.star-5:checked~label.star:before {
    color: #ffc800;
    /* text-shadow: 0 0 20px #952 */
}

input.star-1:checked~label.star:before {
    color: #F62
}

label.star:hover {
    transform: rotate(-15deg) scale(1.3)
}

label.star:before {
    content: '\2605';
    font-family: FontAwesome
}


@media(max-width:767px)
{
    .sidebar-mini-md .content-wrapper,.sidebar-mini-md .main-header
    {
        margin-left: 0 !important;
    }
    .dt-container 
    {
        overflow-x:scroll !important;
    }
    .dtfh-floatingparent-head,.layout-navbar-fixed .wrapper .main-header 
    {
        position:static !important;
    }
    
    .pobtns 
    {
        display:flex;
    }
    
    .content-wrapper 
    {
        margin:0 !important;
    }
    
}