body { font-family: "Open Sans";}
.active-project { margin-bottom: 10px; }
.active-project-title { padding-bottom: 5px; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }

/* Layout */
.header-content { background: #668caf; font-weight: 600; color: #FFF; padding: 8px; border-radius: 4px 4px 0px 0px;  padding-left: 10px; padding-right: 10px;}
.content-page { background: #FFF; padding: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border: 1px solid #668caf; border-radius: 0px 0px 4px 4px;}
.main { background: #FFF; }
.white-area-content { background: #FFFFFF; border-radius: 4px;}
.white-link { color: #FFFFFF; }
.white-link:hover { color: #DCE8E8; text-decoration: none;}

/* header */
.navbar-header2 {
    /*background: #273643; border-bottom: 1px solid #222324 !important;*/
    background: #fff;
    border: 3px solid #fff1f6 !important;
}
.navbar-header2 a { color: #000; }
.navbar-header2 a:hover { color: #000;}
.navbar-nav li:hover a { background: #2c6e98 !important;}
.navbar-brand { padding: 11px !important;}
.graph-height { height: 400px !important; }
.block-area { border: 1px solid #e8e8e8; padding: 10px; margin: 5px;}
#myChart { width: 98%;}
.doughnut-legend { list-style: none; }
.doughnut-legend li { float: left; margin: 10px; }
.home-label { border-bottom: 1px solid #f1f1f1; text-align: left; padding: 5px; color: #343a3d; margin: 0px; background: #f8f8f8; margin-bottom: 10px; border-radius: 4px; font-weight: 550; }
.small-text { font-size: 12px; }
.user_level_display { font-size: 12px; padding-top: 0px;}
.user_name_display { padding: 0px; margin: 0px; font-weight: 600; padding-bottom: 5px;}
.user_avatar { width: 45px; height: 45px;}

.table {}
.table-header { font-weight: 600; background: #f0f0f0; }


.doughnut-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.icon-nolink { color: #5e5e5e;}
.faded { opacity: .5;}

.dashboard-window { background: #62acec; width: 100%; padding: 20px; color: #FFF; border-radius: 4px;}
.dashboard-window a{color:#fff;}
.d-w-icon { width: 30%; float: left; margin-right: 5px;}
.d-w-text { width: 65%; float: left; font-size: 13px; }
.giant-white-icon { font-size: 48px; color: #FFF;}
.d-w-num { font-size: 38px; color: #FFF; vertical-align: top; line-height: 100%; }

.db-header { border-bottom: 1px solid #d3d3d3; margin-bottom: 10px; padding-bottom: 1px;}
.db-header-title { font-size: 18px; float: left;}
.page-header-title { font-size: 24px; float: left;}
.db-header-extra { float: right; padding: 5px;  }

.newnav .active a { background: #455d74 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.newnav li .active { background: #455d74 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.sidebar { background: #ea4532  !important; font-size: 13px; color: #FFFFFF;}
.newnav a { color: #FFFFFF !important; /*border-left: 4px solid #668caf;*/}
.plus-sidebar { float: right; color: #FFF; }
.newnav a:hover { background: #455d74 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.newnav a:focus { background: #455d74 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.navbar-indent {}
.bolded { font-weight: 600;}

/* Innner Sidebar Links */
.inner-sidebar-links { list-style: none;  margin: 0px; padding: 0px; }
.inner-sidebar-links a { display: block; background: #ea4532; font-size: 13px; padding: 7px; /*border-left: 4px solid #597998;*/}
.inner-sidebar-links li a span { padding-left: 20px; }
.inner-sidebar-links a:hover { background: #273643 !important; text-decoration: none;}
.inner-sidebar-links .active a { background: #273643 !important; text-decoration: none; border-left: none; }

/* Profile Area */
.profile-area { position: relative; width: 100%;}
.profile-main { border-top: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-radius: 0px 4px 4px 0px; min-height: 400px; margin-left: 250px; }

.profile-sidebar { position: absolute; top: 0px; left: 0px; width: 250px; background: #668caf; min-height: 400px; border-radius: 0px 0px 0px 4px;}
.profile-user { background: #273643; width: 250px; height: 150px; border-radius: 4px 0px 0px 0px; padding: 30px; color: #FFFFFF; }
.profile-info { padding: 10px;}
.profile-info-label { font-weight: 600; color: #E1E7F6; }
.profile-info-content { text-align: right; color: #FFFFFF; font-weight: 600;}
.profile-main-content { padding: 10px;}
.profile-info-p2 { padding: 10px; color: #FFFFFF;}
.table-profile { border-color: #000; width: 100%; }
.table-profile td{ padding: 8px;}
.table-profile tr { border-top: 1px solid #719CC4;}

a:focus{
outline: none;
border: 0px solid #ff00ff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
}
.bdrs{/*border: 1px solid #ccc;*/ background: #f2f2f2; margin:5px;}
#prodlistdata tr td, #cartprod tr td{padding:5px;}
.prodlist, .cartdata{
    min-height: 300px;
    display: block;
    /*overflow: auto;*/
    clear: both;
    margin: 0px 5px;
}
.catlist .bdrs, .clientsdt .bdrs{/*min-height: 620px;*/}
.catlist ul{padding-left: 0px;}
.error p{color:#ff0000;}
.reccls .glyphicon-save-file{font-size:30px; }
.catlist ul li{ list-style-type: none; padding: 7px;}
.srchfrom input,select{width:100% !important;}
.srchfrom input.datepicker{width:90% !important;}
.srchfrom .col-md-4{padding-right:0px !important;}
.srchfrom .col-md-4 .col-md-4,.srchfrom .col-md-8{padding-left: 0px !important;}
.top_logo{text-align: center;}
.vwphone{display: none;}
@media only screen and (max-device-width: 768px){.vwphone{display: block;} /*.phonevwtp{margin-top: 10%;}*/ .vwdesktop{display:none}}
#calllist tr td{padding:5px 0;}
.catgylist{
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
}
.abcatprods{
    /*max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;*/
}
.aptitle{
    background: #c00000;
    color:#fff;
}
.clientsdt{margin: 0px; padding: 0 0px;}
.clientsdt .bdrs{/*padding: 10px;*/}
tr.header td{background: #FFB6C1;}

.catlist ul li.graybg {
    background:#f2f2f2;
}
.catlist ul li.graybg {
    background:#fbe5d6;
}
#prodlistdata tr.lightbluebg{background: #FAEBD7;}
#prodlistdata tr.bluebg{background: #fbe5d6;}
#prodlistdata tr .product{color:#c00000;}
@media only screen and (max-device-width:1920px){
    .top_logo img{width: 70% !important;}
}
.photsvw div{margin-bottom: 10px;}
.select2-container, .srchfrom .col-md-2 .form-group{width:100% !important;}
.srchfrom .col-md-2{padding: 0 3px !important;}

.recslst li{
    list-style: none;
    /*width: 10%;*/
    padding-left: 10px;
    float: left;
}

@media only screen and (max-device-width:768px){
    .catgylist,.abcatprods{
        max-height: 100%;
    }
    .selprods{
            padding: 5px 0;
    }
    .selprods .bdrs{
        margin: 5px 0;
    }
    .recslst li{width: 50%}
}
.fc-day-grid-event>.fc-content{
    white-space: pre-wrap !important;
}
.recslst{
    margin: 0px;
    padding: 0px;
}

.viewlist{display: none;}
.clientdata #usrname{word-wrap: break-word;}

.frmme, .notme{
    width: 50%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    clear:both;
    margin-top: 15px;
}
.frmme{float: right;}
.notme{float: left;}
.viewmsg{max-height: 600px; height: 600px;}
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 34px;
}

.carousel-control.left span,
.carousel-control.right span {
    /*background-color: #000;*/
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    bottom:6%;
    /*left: 1.8%;
    right: auto;
    width: 96.66666666666666%;*/
    width: 100%;
    color: #fff;
    background: #2980b9;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
    padding: 5px;
    font-size: 25px;
}

.header-text h3 span {
	/*background-color: #000;
	padding: 15px;*/
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.clientdata .form-group.col-md-6{margin-bottom: 5px;}
.clientdata .form-group.col-md-6, .clientdata .form-group.col-md-6 label{padding:0;}
.prodlist tr.header td{    padding: 6px 5px;}
.srchdv{padding:2% 0;}
.toprmnd{float:left;}
/*.pkglists{
    max-height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 5px 11px;
    overflow-x: hidden;
}
.abclints{
    max-height: 300px;
    overflow: auto;
}
.abclints tr td, .abclintssel tr td{padding:5px;}*/
.prdlist{
    height: 300px;
    overflow: auto;
}
.pkglists{
    height: 300px;
    overflow: auto;
}
.sts{

}
.sts .green{
    background-color: green;
    width: 20px;
    display: block;
    height: 20px;
    float: left;
}

.sts .yellow{
    background-color: orange;
    width: 20px;
    display: block;
    height: 20px;
    float: left;
}
.sts .pink{
    background-color: pink;
    width: 20px;
    display: block;
    height: 20px;
    float: left;
}
.sts .red{
    background-color: red;
    width: 20px;
    display: block;
    height: 20px;
    float: left;
}
.carousel-indicators{display: none;}
.breadcrumb {
    padding: 0px 3px;
    margin-bottom: 10px;
    list-style: none;
    /* background-color: #f5f5f5; */
    border-radius: 4px;
}
.vidcntn {
    height: 150px;
    min-height: 150px;
}
#table_data_wrapper .dt-length{
    width: 20%;
}

div.dt-container .select2-container
{
    border: 0px !important;
}