.text-center.temp-box.selected {
border: 2px solid #99bcda;
background: #fff;
-webkit-box-shadow: 2px 2px 21px 6px rgba(202, 81, 81, 0.17);
-moz-box-shadow: -1px -2px 15px -1px rgba(0,0,0,0.67);
box-shadow: 2px 2px 6px 0px rgba(202, 81, 81, 0.17);
background: #99bcda57;
}
.temp-box {
border: 1px solid #e5e5e5;
margin-left: 15px;
min-width: 235px;
}
label.select-block {
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.template-checkbox.pos {
position: relative;
bottom: 92px;
right: 10px;
}
.template-checkbox.pos {
display: none;
}
.template-name {
margin: 20px 0px 30px 0;
}
.detail-dwnload h4 {
text-align: center;
margin-top: 12px;
font-size: 0.875rem;
}
.layout-btn-temp a {
border: 1px solid #e5e5e5;
color:#f30000;
font-weight: 700;
padding: 8px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 10px;
font-size: 0.875rem;
}
.temp-box .ui-btn, label.ui-btn {
border: none;
}
.sidebar-myaccount .nav-item {
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
position: static;
cursor: pointer;
}
li.nav-item > a {
font-size: 0.875rem;    
width: 100%;
font-weight: 600;
padding-left: 25px;
}
.dashboard-sidebar .db-img {
height: 20px;
width: 20px;
display: inline-block;
}
.db-template-guide {
background: url('../images/template-guide.png') no-repeat;
vertical-align: middle;
}
.db-postcards {
background: url('../images/postcard.png') no-repeat;
vertical-align: middle;
}
.db-flyers {
background: url('../images/flyers.png') no-repeat;
vertical-align: middle;
}
.db-brochures {
background: url('../images/brochures.png') no-repeat;
vertical-align: middle;
}
.db-notecards {
background: url('../images/notecards.png') no-repeat;
vertical-align: middle;
}

.db-letters {
background: url('../images/letters.png') no-repeat;
vertical-align: middle;
}
.db-secure {
background: url('../images/secure-mailer.png') no-repeat;
vertical-align: middle;
}
.db-booklets {
background: url('../images/booklets.png') no-repeat;
vertical-align: middle;
}
.db-reply {
background: url('../images/reply-mail.png') no-repeat;
vertical-align: middle;
}
.db-certified {
background: url('../images/certified-mail.png') no-repeat;
vertical-align: middle;
}
.db-priority {
background: url('../images/priority-mail.png') no-repeat;
vertical-align: middle;
}
.db-priority.mail.express {
background: url('../images/priority-mail-express.png') no-repeat;
vertical-align: middle;
}
.layout-template-middle h1 {
font-size: 20px;
margin: 60px 0px 0 30px;
}
.layout-template-middle h4 {
color: #232323;
font-size: 1.0625rem;
font-weight: 600;
margin-bottom: 10px !important;
margin-top: 0px !important;
}
.temp-box .ui-btn.ui-radio-off:after {
display: none;
}
.layout-template-middle h5 {
font-size: 0.875rem;
font-weight: 500;
color: #929292;
padding-top: 15px;
text-align: center;
}
.format-template p {
font-weight: 600;
font-size: 1rem;
color:#232323cc;
}
@media (min-width:375px) and (max-width:667px) {
.temp-box {
margin-left: 50px;
min-width: 235px;
margin-bottom: 20px;
}
}

@media (min-width:768px) and (max-width:991px) {
.temp-box {
margin-left: 15px;
}
}

.main-layout-template .c2m-common-two-sided-header {
padding-bottom: 0px;
}
.layout-template-lhs {
-webkit-box-shadow: 6px 5px 3px -3px rgba(0,0,0,0.15);
-moz-box-shadow: 6px 5px 3px -3px rgba(0,0,0,0.15);
box-shadow: 6px 5px 3px -3px rgba(0,0,0,0.15);
margin-top: -10px;
}
.layout-template-lhs ul li a {
color: #0a2e52;
font-size: 0.875rem;
line-height: 25px;
padding: 10px;
}
.layout-template-middle h3{
font-size: 1.5rem;
color:#232323;
}
.layout-template-middle p {
color: #929292;
font-size: 0.9375rem;
line-height: 24px;
}
.layout-template-lhs span.redDot::after {
left: 10px;
}
.main-layout-template .c2m-common-two-sided-header {
border-bottom: 1px solid #e5e5e5 !important;
margin: 0px !important;
}
.layout-template-lhs span.head-img {
margin: 0px 7px 0 -4px;
position: relative;
top: 20px;
}
.layout-template-lhs p.head-title {
margin:-4px 0 15px 25px;
}
.layout-template-middle {
margin-top: -8px;
}
.sidebar-myaccount.sticky-top.dashboard-sidebar {
border-top: 1px solid #e5e5e5;
}











/* Tree Structure CSS */

#tree-menu h3.ui-collapsible-heading {
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
position: static;
cursor: pointer;
}
#tree-menu a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-b {
color: #0a2e52;
font-size: 0.875rem;
line-height: 0px !important;
padding: 0px !important;
background: none;
border: none;
text-shadow: none;
}
#tree-menu a.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
background: none !important;
border: none !important;
text-shadow: none !important;
color: #000 !important;
text-align: left;
}

.sidebar-myaccount.sticky-top.dashboard-sidebar li a {
padding: 0px;
}
.secondinnercontents .db-img {
margin: -35px 0 0 10px;
display: inline-block;
}

.db-postcards {
/*background: url(https://i.ibb.co/4d7y4Q3/postcard.png) no-repeat;*/
background: url(../images/postcard.png) no-repeat;
vertical-align: middle;
width: 18px;
height: 18px;
display: block;
}
.db-rack {
background: url(../images/rackcards.png) no-repeat;
vertical-align: middle;
}
span.db-img.db-download.template.guide {
background: url(../images/template-guide.png) no-repeat;
vertical-align: middle;
}
span.db-img.db-mailing.list.template {
background: url(../images/template-guide.png) no-repeat;
vertical-align: middle;
}span.db-img.db-download.template.guide {
background: url(../images/template-guide.png) no-repeat;
vertical-align: middle;
}

.db-img {	
margin-right: 10px;
height: 20px;
width: 20px;
display: inline-block;
}
.ui-btn-icon-left:after {
display:none !important;
}

.layout-template-lhs ul.nav.flex-column {
margin: 0px;
padding-left: 0px;
}
.sidebar-myaccount .ui-first-child.ui-last-child {
display: inline-block;
vertical-align: middle;
padding: 8px 15px;
position: static;
cursor: pointer;
}
.sidebar-myaccount li a {
padding: 0px;
}
.sidebar-myaccount .ui-btn-inner {
width: 260px;
border: 0;
font-size: 0.875rem;
font-weight: 500 !important;
color: #929292;
text-indent: 30px;
}
.sidebar-myaccount span.ui-btn-inner.ui-collapsible-heading-collapsed {
border: 0;
font-size: 0.875rem;
font-weight: 500 !important;
color: #929292;
}
.sidebar-myaccount a.ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-left.ui-btn-c {
border: none !important;
font-size: 0.875rem;
font-weight: 500 !important;
color: #929292;
background: none;
}
.secondinnercontents a.ui-collapsible-heading-toggle.ui-btn.ui-icon-minus.ui-btn-icon-left.ui-btn-b {
background: none !important;
color:#929292 !important;
text-shadow: none;
border:none !important;
margin-left: 20px !important;
margin-bottom: 0px !important;
box-shadow: none !important;
}
.secondinnercontents a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-b.ui-icon-plus {
background: none !important;
color:#929292 !important;
text-shadow: none;
border:none !important;
margin-left: 20px !important;
margin-bottom: 0px !important;
box-shadow: none !important;
}
/*
.main-layout-template .content-secondary {
width: 22% !important;
}
.type-interior .content-primary {
width: 67%;
}*/
.secondinnercontents span.ui-btn-inner.ui-collapsible-heading-collapsed {
padding: 0.82px 11px 0.7px 40px !important;
font-weight: 500;
}
a.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
background: none !important;
color:#929292 !important;
text-shadow: none;
border:none !important;
margin-left: 20px !important;
margin-bottom: 0px !important;
text-align: left !important;
margin-left: 20px !important;
border: 0;
font-size: 0.875rem;
font-weight: 500 !important;
color: #929292;
}
.secondinnercontents .ui-btn-icon-right:after {
display: none;
}
.secondinnercontents a.ui-collapsible-heading-toggle.ui-btn.ui-btn-icon-left.ui-btn-b.ui-icon-minus:active {
border: none !important;
box-shadow: none !important;
outline: 0 !important;
}
.sidebar-myaccount .ui-btn-icon-right:after {
display: none;
}
.sidebar-myaccount .ui-first-child.ui-last-child {
padding: 0px;
}
.sidebar-myaccount a.ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-left.ui-btn-c {
padding-left:18px;
}
.sidebar-myaccount .content-secondary .ui-listview {
border-radius: 0px !important;
box-shadow: none !important;
}
.content-secondary .ui-listview {
margin: 0 0 0 -35px;
}
.secondinnercontents a.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
text-indent: 60px;
}
a.ui-collapsible-heading-toggle.ui-btn.ui-icon-plus.ui-btn-icon-left.ui-btn-c {
padding: 0px 2px 15px 0px;
margin: 0 0 0 28px;
}
span#categoryName {
text-transform: capitalize;
font-size: 20px;
padding-bottom: 6px;
display: block;
}
.ui-link {
text-decoration: none;
}
.secondinnercontents .ui-shadow {
box-shadow: none;
}
.secondinnercontents .ui-corner-all {
border-radius: 0;
}
.secondinnercontents ul#testttt {
border: none !important;
outline: 0;
}
.secondinnercontents .ui-listview > li .ui-btn:visited, .ui-listview > li .ui-btn:focus {
box-shadow: none;
background: #e5e5e5 !important;
}
#tree-menu .head-img {
vertical-align: middle;
width: 100%;
height: 20px;
display: block;
}
span.head-title-text {
text-indent: 28px;
display: block;
font-size: 16px;
font-weight: 600;
}
.main-layout-template .content-primary {
width: 70% !important;
margin-right: 45px !important;
padding-right: 0px !important;
margin-top: 50px !important;
}
div#download_format {
text-align: center;
}
#download_format .images-format {
display: inline-block;
}
.content-primary h4 {
margin-top: 20px;
font-size: 20px;
}
li.activeClass:before {
    z-index: 2;
    background-color: #f30000;
    content: "";
    border-bottom: 5px solid #f30000 !important;
    height: 10px;
    width: 4px;
    display: block;
    float: left;
    margin: 14px 0 -40px 85px;
}
 .secondinnercontents li.ui-first-child.ui-last-child.activeClass {
    background: #e5e5e5;
}
/* Start 13 april */
@media (max-width:375px) {
.content-secondary {
    height: 100%;
    overflow: scroll;
    max-height: 515px;
}
.content-primary {
    position: absolute;
    top: 100%;
    left: 10%;
}
#template-option-container .temp-box {
     margin-left:12px;    
}
.secondinnercontents .ui-collapsible-content.ui-body-inherit {
    border: none;
}
#download_format img {
    margin: 10px 5px 0px 15px;
}
}
@media (min-width:376px) and (max-width:667px)  {
.content-primary {
    position: absolute;
    left: 30%;
}
#template-option-container .temp-box {
     margin-left:40px;    
}
.content-secondary {
    position: absolute;
    width: 30% !important;
    height: 100%;
    overflow: scroll;
}
.secondinnercontents .ui-collapsible-content.ui-body-inherit {
    border: none;
}
}
@media (min-width:768px) and (max-width:991px) {
.main-layout-template .content-secondary {
    height: 100%;
    overflow: scroll;
    max-height: 650px;
}
.main-layout-template .content-primary {
    position: absolute;
    left: 35%;
}
}
/* End 13 april*/
.layout-template-middle img:first-child {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}