.lside { }
.cate { background: #f6a027; color: #fff; margin: 0; text-align: center; line-height: 2em; margin-bottom: 5px; }
.cate-name { background: #404040; color: #fff; margin: 0; line-height: 2em; margin-bottom: 40px; padding-left: 15px; }
.lside { margin-top: 40px; }
.rside { margin-top: 40px; }
.lside ul { margin: 0; padding: 0; list-style: none; }
.nav2 { background: #f8f8f8; margin-bottom: 25px; }
.nav2>li>a { position: relative; display: block; padding: 7px 15px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #333; background-color: #ccc; font-weight: bold; }
.nav-stacked>li, .nav-stacked>li+li { margin-top: 0; border-bottom: 1px solid #ccc; margin-left: 0; list-style: none; }
.nav-stacked>li:last-child { border-bottom: none; }
.gallery-style { position: relative; margin-bottom: 20px; }
.gallery-text { text-align: center; position: absolute; z-index: 2; left: 25px; bottom: 10px; background: #72c02c; width: 32px; height: 32px; line-height: 32px; color: #fff; border-radius: 50% 50%; font-size: 17px; }
.thumbnail { display:block; padding:5px; margin-bottom:10px !important; line-height:1.42857143; background-color:#fff; border:1px solid #ddd;border-radius:0px !important;}
.thumbnail>img, .thumbnail a>img { margin-right:auto; margin-left:auto }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { }
.thumbnail .caption { padding:9px; color:#333 }
.hdrset { background: #fff; padding: 12px 0 0; }
.nombr{background:#f19109;font-size:50px !important;width:64px;height:64px;line-height:64px!important;display:inline-block;color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

.mt-0{margin-bottom:0;}
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mb-0{margin-bottom:0;}
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.mxl10{ margin-left:10px;}
.mxl15{ margin-left:15px;}
.mxl20{ margin-left:20px;}
.mxr10{ margin-right:10px;}
.mxr15{ margin-right:15px;}
.mxr20{ margin-right:20px;}
.pxl10{ padding-left:10px;}
.pxl15{ padding-left:15px;}
.pxl20{ padding-left:20px;}
.pxr10{ padding-right:10px;}
.pxr15{ padding-right:15px;}
.pxr20{ padding-right:20px;}
.npl{padding-left:0;}
.npr{padding-right:0;}
.bdrtopp{border-top:1px solid #ddd;}
.pageheader { padding: 15px;background: #f7f7f7; position: relative; }
.pageheader h2 { font-size: 28px; color: #1D2939; letter-spacing: -0.5px; margin: 0; }
.pageheader .breadcrumb-wrapper { position: absolute; top: 23px; right: 25px; }
.contentpanel { padding: 20px 0; }
.ctb { margin-top: 20px; background: #e4e7ea;padding:20px; }
.widget-photoday .photo-details { padding: 15px; }
.widget-photoday .photo-title { color: #333; font-size: 16px; margin: 0; font-weight:bold; line-height: normal; }
.tset { color: #777; font-size: 13px; margin: 8px 0 0; }
/***** MAIN PANEL *****/
/**********************/

.mainpanel { margin-left: 200px; background: #e4e7ea; min-height: 1000px; }
.pageheader h2 { font-size: 28px; color: #1D2939; letter-spacing: -0.5px; margin: 0; }
.pageheader .glyphicon, .pageheader .fa { font-size: 24px; margin-right: 5px; padding: 6px 7px; border: 2px solid #1D2939; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.pageheader .fa.fa-pencil { padding: 6px 9px; }
.pageheader .fa.fa-hand-o-up { padding: 6px 9px 6px 7px; }
.pageheader .fa-file-o { padding: 6px 10px; }
.pageheader .fa-user { padding: 6px 10px; }
.pageheader .fa-file-text { padding: 6px 10px;}
.pageheader .fa-map-marker { padding: 6px 12px; }
.pageheader .fa-dollar { padding: 6px 12px; }
.pageheader .fa-clock-o { padding: 6px 8px; }
.pageheader h2 span { font-size: 13px; text-transform: none; color: #999; font-style: italic; vertical-align: middle; letter-spacing: 0; }
.pageheader h2 span::before { content: '/'; margin: 0 10px 0 5px; color: #ccc; }
.pageheader .breadcrumb-wrapper { position: absolute; top:18px; right: 20px; }
.pageheader .breadcrumb-wrapper .label { color: #999; text-transform: uppercase; font-size: 11px; font-weight: normal; display: inline-block; }
.pageheader .breadcrumb { background: none; display: inline-block; padding: 0; }
.pageheader .breadcrumb li { font-size: 12px; }
.pageheader .breadcrumb li.active { color: #333; }

.contentpanel::after { clear: both; display: block; content: ''; }
form .form-group:last-child { margin-bottom: 0; }
.row-pad-5 { margin-left: -5px; margin-right: -5px; }
.row-pad-5 [class*="col-lg"], .row-pad-5 [class*="col-md"], .row-pad-5 [class*="col-sm"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.subtitle { font-size: 13px; text-transform: uppercase; color: #333; margin-bottom: 15px; margin-top: 0; }
p { margin-bottom: 10px; }
/***** DASHBOARD *****/
/*********************/

.panel-stat { background: none; }
.panel-stat .panel-heading { padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.panel-stat .stat { color: #fff; max-width: 250px; }
.panel-stat .stat img { text-align: center; }
.panel-stat i { font-size: 30px; border: 1px solid #fff; padding: 15px; border-radius: 50px; opacity: 0.5; }
.panel-stat .stat-label { text-transform: uppercase; font-size: 11px; opacity: 0.75; display: block; line-height: normal; margin-bottom: 2px; }
.panel-stat h1 { margin: 0; line-height: 36px; font-family: 'Helvetica Neue', sans-serif; font-size: 38px; }
.panel-stat h4 { margin: 0; font-family: 'Helvetica Neue', sans-serif; }
.sublabel { display: block; font-size: 12px; margin-bottom: 2px; }
.dashboard-datatable .dataTables_filter { float: left; }
/***** FORM STYLES *****/
/***********************/


.ckbox, .rdio { position: relative; }
.ckbox input[type="checkbox"], .rdio input[type="radio"] { opacity: 0; }
.ckbox label, .rdio label { padding-left: 10px; cursor: pointer; margin-bottom: 7px !important; }
.ckbox label:before { width: 18px; height: 18px; position: absolute; top: 1px; left: 0; content: ''; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #bbb; background: #fff; }
.ckbox input[type="checkbox"]:disabled + label { color: #999; }
.ckbox input[type="checkbox"]:disabled + label:before { background-color: #eee; }
.ckbox input[type="checkbox"]:checked + label::after { font-family: 'FontAwesome'; content: "\F00C"; position: absolute; top: 3px; left: 3.5px; display: inline-block; font-size: 11px; width: 16px; height: 16px; color: #fff; }
.ckbox-default input[type="checkbox"]:checked + label:before { border-color: #999; }
.ckbox-default input[type="checkbox"]:checked + label::after { color: #333; }
.ckbox-primary input[type="checkbox"]:checked + label:before { border-color: #357EBD; background-color: #428BCA; }
.ckbox-warning input[type="checkbox"]:checked + label:before { border-color: #EEA236; background-color: #F0AD4E; }
.ckbox-success input[type="checkbox"]:checked + label:before { border-color: #78ba15; background-color: #78ba15; }
.ckbox-danger input[type="checkbox"]:checked + label:before { border-color: #D43F3A; background-color: #D9534F; }
.rdio label:before { width: 18px; height: 18px; position: absolute; top: 1px; left: 0; content: ''; display: inline-block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: 1px solid #bbb; background: #fff; }
.rdio input[type="radio"]:disabled + label { color: #999; }
.rdio input[type="radio"]:disabled + label:before { background-color: #eee; }
.rdio input[type="radio"]:checked + label::after { content: ''; position: absolute; top: 5px; left: 4px; display: inline-block; font-size: 11px; width: 10px; height: 10px; background-color: #444; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.rdio-default input[type="radio"]:checked + label:before { border-color: #999; }
.rdio-primary input[type="radio"]:checked + label:before { border-color: #428BCA; }
.rdio-primary input[type="radio"]:checked + label::after { background-color: #428BCA; }
.rdio-warning input[type="radio"]:checked + label:before { border-color: #F0AD4E; }
.rdio-warning input[type="radio"]:checked + label::after { background-color: #F0AD4E; }
.rdio-success input[type="radio"]:checked + label:before { border-color: #78ba15; }
.rdio-success input[type="radio"]:checked + label::after { background-color: #78ba15; }
.rdio-danger input[type="radio"]:checked + label:before { border-color: #D9534F; }
.rdio-danger input[type="radio"]:checked + label::after { background-color: #D9534F; }
pre { font-size: 12px; color: #C7254E; border: 1px solid #ddd; padding: 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; }
label.error { color: #B94A48; margin-top: 2px; }
.asterisk { color: #D9534F; }
div.error { margin-bottom: 20px; display: none; position: relative; }
div.error label.error { display: block; padding-left: 25px; position: relative; }
div.error label.error:before { font-family: 'Glyphicons Halflings'; content: '\e101'; position: absolute; top: -2px; left: 0; font-size: 16px; color: #D9534F; display: inline-block; }
/***** FORM WIZARD STYLES *****/
/**************************/


.basic-wizard .nav li a { background: #e4e7ea; border-bottom: 1px solid #ccc; color: #4A535E; border-right: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; opacity: 0.75; }
.basic-wizard .nav li:last-child a { border-right: 0; }
.basic-wizard .nav li a:hover { background-color: #f7f7f7; opacity: 1; }
.basic-wizard .nav li.active a, .basic-wizard .nav li.active a:focus, .basic-wizard .nav li.active a:active { background: #fcfcfc; border-bottom-color: #fcfcfc; color: #333; opacity: 1; }
.basic-wizard ul li a span { font-family: 'LatoBold', sans-serif; }
.basic-wizard .pager { margin: 0; border-top: 1px solid #ddd; background: #f7f7f7; padding: 10px; }
.basic-wizard .pager li a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-color: #357EBD; background-color: #428BCA; color: #fff; }
.basic-wizard .pager li a:hover { background-color: #3276B1; border-color: #285E8E; }
.basic-wizard .pager li.disabled a { background: #eee; color: #999; border-color: #ccc; }
.basic-wizard .progress { height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.basic-wizard .nav-disabled-click li a:hover, .basic-wizard .nav-disabled-click li a:active, .basic-wizard .nav-disabled-click li a:focus { background-color: #E4E7EA; opacity: 0.75; color: #4A535E; cursor: default; }
.basic-wizard .nav-disabled-click li.active a:hover, .basic-wizard .nav-disabled-click li.active a:active, .basic-wizard .nav-disabled-click li.active a:focus { background: #fcfcfc; color: #333; opacity: 1; }
.basic-wizard .tab-content { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
}
.tab-pane::after { clear: both; display: block; content: ''; }
/***** UI ELEMENTS *****/
/***********************/

.btn-demo::after { clear: both; display: block; content: ''; }
.btn-demo .btn { float: left; margin: 0 10px 10px 0; }
.fonticon-list { list-style: none; margin: 20px 0; padding: 0; }
.fontawesome-list { list-style: none; padding: 0; }
.fonticon-list li, .fontawesome-list li { display: block; margin-bottom: 5px; }
.fonticon-list li span, .fontawesome-list li span { color: #333; vertical-align: middle; margin-right: 8px; min-width: 20px; }
.tooltip-example .btn, .popover-example .btn { margin: 0 5px 5px 0; }
.tooltipflot { background-color: rgba(0,0,0,0.75); font-size: 11px; color: #fff; padding: 3px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.jqstooltip { min-height: 25px; border: 0; min-width: 30px; height: auto !important; width: auto !important; }
.tinystat { display: inline-block; }
.tinystat .chart, .tinystat .datainfo { display: inline-block; vertical-align: middle; }
.tinystat .chart { margin-right: 5px; }
.tinystat .text-muted { text-transform: uppercase; font-size: 10px; }
.tinystat h4 { margin: 0; color: #333; font-family: 'LatoBold'; line-height: normal; font-size: 16px; }
.widget-quick-status-post .nav-tabs > li > a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.widget-quick-status-post .panel-body { padding: 0; }
.widget-messaging .panel-btns .panel-edit { padding: 15px 17px; opacity: 0.5; font-size: 24px; margin-top: -18px; margin-right: -20px; position: relative; }
.widget-messaging .panel-btns .panel-edit:hover { opacity: 1; }
.widget-messaging .panel-body { padding: 0; }
.widget-messaging ul { list-style: none; padding: 0; margin: 0; }
.widget-messaging ul li { padding: 15px; border-top: 1px solid #eee; background-color: #fff; }
.widget-messaging ul li:hover { background-color: #fcfcfc; }
.widget-messaging ul li:first-child { border-top: 0; }
.widget-messaging .sender { font-size: 13px; color: #333; margin: 0; font-family: 'LatoBold'; line-height: normal; }
.widget-messaging ul li small { line-height: normal; }
.widget-today .panel-heading, .widget-time .panel-heading { height: 115px; }
.widget-today .glyphicon, .widget-today .fa { font-size: 72px; color: #fff; opacity: 1; }
.widget-time .glyphicon, .widget-time .fa { font-size: 60px; color: #fff; opacity: 1; }
.widget-today .today, .widget-time .today { line-height: normal; margin: 0; color: #333; font-family: 'LatoBold'; font-size: 20px; }
.widget-photoday .panel-body { padding: 0; }
.widget-photoday .photoday img { width: 100%; display: block; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.widget-photoday .photo-details { padding: 15px; }
.widget-photoday .photo-title { color: #333; font-size: 15px; margin: 0;line-height: normal; }
.widget-photoday .photo-details small { display: block; }
.widget-photoday .photo-meta { list-style: none; padding: 0; margin: 0; border-top: 1px solid #e3e3e3; background-color: #f7f7f7; }
.widget-photoday .photo-meta li { display: table-cell; width: 1%; text-align: center; border-left: 1px solid #e3e3e3; }
.widget-photoday .photo-meta li:first-child { border-left: 0; }
.widget-photoday .photo-meta li a, .widget-photoday .photo-meta li span { padding: 15px 10px; display: block; color: #999; font-size: 12px; }
.widget-photoday .photo-meta li a:hover { color: #666; text-decoration: none; }
.widget-bloglist .media { border-bottom: 1px solid #eee; }
.widget-weather { overflow: hidden; }
.widget-weather .panel-body { padding: 0; background-color: #1D2939; }
.widget-weather .row { margin: 0; }
.widget-weather .temp, .widget-weather .weather { padding: 0; }
.widget-weather .temp { background-color: #78ba15; color: #fff; padding: 10px 0; }
.widget-weather .temp h1 { font-size: 60px; font-family: 'LatoLight'; }
.widget-weather .temp h1 span { width: 20px; height: 20px; display: inline-block; margin-left: -10px; }
.widget-weather .temp h5 { text-transform: uppercase; }
.widget-weather .weather-icon { color: #666; font-size: 60px; background-color: #fff; display: block; padding: 20px 0; }
.widget-weather .weather > div { width: 50%; text-align: center; color: #fff; font-size: 14px; padding-top: 10px; }
.widget-profile .panel-heading { position: relative; }
.widget-profile .cover { position: absolute; top: 0; left: 0; height: 105px; overflow: hidden; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.widget-profile .cover img { width: 100%; display: block; }
.widget-profile .panel-body { position: relative; padding: 0; }
.widget-profile-img { position: relative; margin-top: 30px; margin-left: 15px; }
.widget-profile-title { background: #428BCA; margin-top: -55px; padding: 15px 0 15px 120px; color: #fff; }
.widget-profile-title h4 { font-size: 18px; margin: 0; line-height: normal; }
.widget-profile-title small { line-height: normal; }
.widget-profile blockquote { font-size: 18px; border-left: 0; margin: 0; color: #555; padding: 15px; }
.widget-profile-title .fa { margin-right: 7px; }
.widget-profile .row { margin: 0; }
.widget-profile .row > div { padding: 0; }
.widget-profile .row > div > span { display: block; border-right: 1px solid rgba(255,255,255,0.15); font-size: 14px; padding: 15px 10px; text-transform: uppercase; background: #1D2939; color: #fff; }
.widget-profile .row > div:first-child span { -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; }
.widget-profile .row > div:last-child span { border-right: 0; -moz-border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; }
/***** EMAIL *****/
/*****************/

.btn-compose-email { padding: 10px 0; margin-bottom: 20px; }
.nav-email > li > a > .badge { margin-top: 2px; }
.nav-email > li > a { color: #444; }
.nav-email > li > a > i { width: 16px; text-align: center; margin-right: 10px; }
.nav-email > li > a:hover { background-color: #d8dcdf; }
.table-email { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eee; margin: 0; background-color: #f7f7f7; }
.table-email tr.unread td { background-color: #fff; }
.table-email tbody > tr > td { vertical-align: middle; }
.table-email tr:hover { background-color: #eee; cursor: pointer; }
.table-email tr.selected td { background-color: #eee; }
.table-email .ckbox { width: 18px; height: 19px; }
.table-email .ckbox input[type="checkbox"]:checked + label:after { top: 2px; }
.table-email .star { color: #ccc; }
.table-email .star-checked { color: #F0AD4E; }
.table-email td:first-child { width: 30px; }
.table-email td:nth-child(2) { width: 30px; }
.table-email .media { margin: 0; padding: 0; }
.table-email .media-object { width: 35px; }
.table-email .media h4 { margin: 0; font-size: 14px; line-height: normal; font-family: 'LatoBold', sans-serif; }
.table-email .media-meta { font-size: 11px; color: #999; }
.table-email .email-summary { margin: 2px 0 0 0; }
.table-email .email-summary strong { color: #333; }
.read-panel { margin-top: 10px; border-top: 1px solid #eee; padding-top: 20px; }
.read-panel .media-object { width: 35px; }
.read-panel .media h4 { margin: 2px 0 0 0; font-size: 14px; line-height: normal; }
.read-panel .media-meta { font-size: 12px; }
.email-subject { color: #333; }
/***** TABLES *****/
/******************/

.dataTables_length .chosen-container { min-width: 75px; }
.dataTables_length .chosen-container-single .chosen-single { padding-right: 0; }
.table-action { text-align: center; }
.table-action-hide a { opacity: 0; }
.table-action a, .table-action-hide a { display: inline-block; margin-right: 5px; color: #666; }
.table-action a:hover, .table-action-hide a:hover { color: #333; }
.table-action a:last-child, .table-action-hide a:last-child { margin-right: 0; }
/***** PAGES *****/
/*****************/

.external-event { background: #428BCA; margin-bottom: 5px; padding: 6px 10px; color: #fff; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* mediamanager */
.fm {background: #f7f7f7;}
.fll{float:left;}
.flr{float:right;}
.filemanager-options { list-style: none; margin: 0; padding: 0;}
.filemanager-options li { display: inline-block; padding: 12px 15px; border-right: 1px solid #eee; font-size: 12px; color: #666; }
.filemanager-options li:last-child {border:none;}
.filemanager-options li a { color: #666; }
.filemanager-options li a.disabled { opacity: 0.5; cursor: default; }
.filemanager-options li a.disabled:hover { text-decoration: none; }
.filemanager-options li i { font-size: 14px; margin-right: 5px; color: #444; }
.filemanager-options .ckbox label { margin: 0 !important; }
.filemanager-options .filter-type { float: right; border-right: 0; border-left: 1px solid #eee; }
.filemanager-options .filter-type a { display: inline-block; margin-right: 10px; }
.filemanager-options .filter-type a:last-child { margin-right: 0; }
.filemanager-options .filter-type a:first-child { margin-left: 10px; }
.filemanager-options .filter-type a.active { text-decoration: underline; color: #2A6496; }
.filemanager .thmb { margin-bottom: 20px; position: relative; }
.filemanager .thmb.checked { border-color: #ccc; }
.filemanager .thmb::after { clear: both; display: block; content: ''; }
.filemanager .ckbox { position: absolute; top: 15px; left: 15px; display: none; }
.filemanager .fm-group { position: absolute; top: 15px; right: 15px; display: none; }
.filemanager .fm-toggle { padding: 1px 4px; line-height: normal; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.filemanager .fm-menu { min-width: 120px; }
.filemanager .fm-menu a { font-size: 12px; color: #333; }
.filemanager .fm-menu i { margin-right: 7px; color: #999; width: 16px; font-size: 13px; }
.filemanager .thmb-prev { background: #eee; overflow: hidden; }
.filemanager .thmb-prev a { display: block; }
.filemanager .fm-title { margin-bottom:8px; font-size: 15px; }
.filemanager .ocount{position:absolute;bottom:2px;left:10px;background:#ec971f;color:#fff;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;font-size:14px;}
.filemanager .ocount a{color:#fff;}
.filemanager .thmbaction{background:#eee;padding:0 5px;}
.filemanager .thmbaction a{display:inline-block;margin:5px;}
.fm-sidebar { padding-left: 10px; }
.fm-sidebar .subtitle a { color: #999; font-size: 11px; }
.fm-sidebar .subtitle a:hover { text-decoration: none; color: #333; }
.folder-list { list-style: none; padding: 0; margin: 0; }
.folder-list li { display: block; border-bottom: 1px solid #ddd; }
.folder-list li a { display: block; padding: 5px 0; color: #666; }
.folder-list li a:hover { color: #333; text-decoration: none; }
.folder-list li i { margin-right: 10px; width: 16px; }
.fm-sidebar .tag-list { list-style: none; padding: 0; margin: 0; }
.fm-sidebar .tag-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
.fm-sidebar .tag-list li a { display: block; padding: 2px 7px; font-size: 11px; background: #fcfcfc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; }
.fm-sidebar .tag-list li a:hover { color: #fff; text-decoration: none; background: #428BCA; }
/* profile */
.profile-name { margin: 0; margin-bottom: 10px; color: #333; }
.profile-location, .profile-position { font-size: 13px; margin-bottom: 3px; }
.profile-location .fa, .profile-position .fa { width: 16px; margin-right: 8px; text-align: center; }
.profile-header { margin-bottom: 30px; }
.profile-header .btn .fa { margin-right: 7px; }
.profile-social-list { list-style: none; margin: 0; padding: 0; }
.profile-social-list li { border-bottom: 1px solid #ddd; padding: 5px 0; }
.profile-social-list li:first-child { padding-top: 0; }
.profile-social-list li .fa { margin-right: 10px; width: 16px; }
.activity-list { padding: 20px 10px; }
.activity-list .act-media { border-bottom: 1px solid #eee; }
.activity-list .act-thumb { width: 28px; vertical-align: middle; }
.activity-list .act-media-body { line-height: 16px; }
.activity-list .media-body p { line-height: 21px; font-size: 13px; }
.activity-list .media-title { font-family: 'LatoBold'; font-size: 15px; margin-bottom: 0; }
.activity-list .blog-media { padding-bottom: 0; }
.activity-list .blog-media .media-object { width: 120px; margin-right: 10px; margin-top: 5px; }
.activity-list .blog-media .media-title { margin: 0; }
.activity-list .img-single img { width: 50%; }
.uploadphoto-list { list-style: none; padding: 0; margin: 0; margin-top: 20px; }
.uploadphoto-list li { width: 20%; float: left; }
.uploadphoto-list li a { display: block; margin-right: 5px; }
.follower-list { padding: 10px; }
.follower-list .media { border-bottom: 1px solid #eee; }
.follower-list .btn .fa { margin-right: 5px; }
.follower-list .media-object { margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.follower-name { color: #333; margin: 0; font-size: 18px; margin-bottom: 5px; }
.events { padding: 10px; }
.events .subtitle { margin-bottom: 20px; }
.events .media-object { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.events-list { list-style: none; margin: 0; padding: 0; }
.events-list .event-body { font-size: 13px; }
.event-body small { display: block; }
.event-body small .fa { margin-right: 5px; width: 14px; text-align: center; }
.event-body p { margin-top: 10px; }
.event-title { margin: 0; margin-bottom: 5px; font-size: 16px; font-family: 'LatoBold'; line-height: normal; }
/* bloglist */
.blog-item { background: #fcfcfc; margin-bottom: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); position: relative; }
.blog-img img { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.blog-details { padding: 15px; }
.blog-title { font-family: 'LatoBold'; margin: 0; font-weight: normal; }
.blog-title a { color: #333; }
.blog-meta { list-style: none; padding: 0; margin: 0; margin-top: 10px; }
.blog-meta::after { clear: both; display: block; content: ''; }
.blog-meta li { float: left; padding: 0 5px; border-right: 1px solid #ddd; line-height: normal; font-size: 11px; margin-bottom: 5px; }
.blog-meta li:first-child { padding-left: 0; }
.blog-meta li:last-child { padding-right: 0; border-right: 0; }
.blog-summary { font-size: 13px; }
.blog-summary p { margin: 10px 0; }
.blog-summary .btn { margin-top: 10px; }
.blog-quote .quote { margin: 0; font-size: 18px; line-height: 24px; }
.blog-quote .quote a { padding: 15px; background: #1d2939; color: #dadfe6; display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; }
.blog-quote .quote a:hover { text-decoration: none; background: #2c394c; }
.blog-quote .quote-author { display: block; font-family: 'LatoRegular'; opacity: 0.5; }
.blog-quote .blog-meta { margin-top: 3px; }
.blog-video { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; height: 0; padding-top: 30px; padding-bottom: 56.25%; position: relative; }
.blog-video iframe { position: absolute; width: 100%; height: 100%; border: 0; top: 0; left: 0; }
.blog-quote .quote-primary a { background-color: #428BCA; }
.blog-quote .quote-primary a:hover { background-color: #357EBD; }
.blog-quote .quote-success a { background-color: #78ba15; color: #fff; }
.blog-quote .quote-success a:hover { background-color: #17A08C; }
.blog-quote .quote-danger a { background-color: #D9534F; color: #fff; }
.blog-quote .quote-danger a:hover { background-color: #D43F3A; }
/* blog single */
.panel-blog .blog-img img { width: 100%; }
.blogsingle-title { font-family: 'LatoRegular'; color: #333; margin: 0; }
.blog-content { max-width: 975px; }
.authorpanel { margin: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; }
.authorpanel::after { clear: both; display: block; content: ''; }
.authorpanel .media { padding: 0; }
.authorpanel .media-object { margin-right: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.authorpanel p { margin-bottom: 0; font-size: 13px; }
.blog-sidebar { font-size: 13px; padding-left: 5px; margin-top: 5px; }
.sidebar-list { list-style: none; padding: 0; margin: 0; }
.sidebar-list li { display: block; border-bottom: 1px solid #ddd; }
.sidebar-list li a { padding: 7px 0; display: block; }
.sidebar-list li i { display: inline-block; margin-right: 5px; }
/* comment list */
.comment-list .media { border-bottom: 1px solid #ddd; }
.comment-list .media-object { width: 60px; margin-right: 10px; }
.comment-list h4 { margin: 0; color: #333; font-size: 16px; }
.comment-list .media-body { font-size: 13px; position: relative; }
.comment-list .reply { padding: 3px 8px; line-height: normal; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.comment-list .media-body p:last-child { margin-bottom: 0; }
.comment-list .media-body .media:last-child { padding-bottom: 0; border-bottom: 0; }
/* people directory */
.letter-list { list-style: none; padding: 0; margin: 0; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); }
.letter-list li { border-left: 1px solid #eee; display: table-cell; width: 1%; }
.letter-list li:first-child { border-left: 0; }
.letter-list li a { display: block; padding: 8px 0; text-align: center; text-transform: uppercase; background: #f7f7f7; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.letter-list li:first-child a { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.letter-list li:last-child a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.letter-list li a:hover { color: #fff; background: #428BCA; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.people-item { background: #fcfcfc; padding: 20px; font-size: 13px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); margin-bottom: 20px; }
.people-item .media { padding: 0; }
.people-item .media-object { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 10px; width: 110px; height: 110px; }
.people-item .fa { margin-right: 5px; }
.person-name { margin: 0 0 5px 0; color: #428BCA; }
.people-item .social-list { margin-top: 10px; margin-bottom: 0; list-style: none; padding: 0; }
.people-item .social-list::after { clear: both; display: block; content: ''; }
.people-item .social-list li { float: left; margin-right: 5px; margin-bottom: 5px; }
.people-item .social-list li a { font-size: 16px; border: 1px solid #ddd; padding: 3px 5px; width: 30px; display: block; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #666; }
.people-item .social-list li a:hover { background-color: #eee; color: #333; }
.people-item .social-list li a .fa { margin-right: 0; }
.notfoundpanel { text-align: center; margin-top: 10%; width: 600px; margin: 10% auto 0 auto; }
.notfoundpanel h1 { font-size: 130px; font-family: 'LatoBold', sans-serif; color: #333; margin: 0; line-height: 130px; }
.notfoundpanel h3 { color: #333; margin: 0; }
.notfound h4 { font-size: 14px; }
.notfoundpanel form { width: 350px; margin: 20px auto 0 auto; }
.notfoundpanel .form-control { width: 250px; float: left; }
/* search results */
.nav-sr li { border-bottom: 1px solid #ddd; }
.nav-sr li a { padding: 5px 0; color: #555; }
.nav-sr li a:hover { background: none; color: #333; }
.nav-sr li a i { margin-right: 5px; }
.results-list .media { border-bottom: 1px solid #eee; }
.results-list .media-object { width: 125px; margin-right: 10px; }
.results-list .filename { margin: 0; font-size: 16px; }
.results-list .media-body { line-height: 18px; }
/* invoice */
.table-invoice { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eee; margin-top: 20px; }
.table-invoice thead > tr > th { background: none; }
.table-invoice thead > tr > th:last-child, .table-invoice thead > tr > th:nth-child(3), .table-invoice thead > tr > th:nth-child(2) { text-align: right; }
.table-invoice tbody > tr > td:last-child, .table-invoice tbody > tr > td:nth-child(3), .table-invoice tbody > tr > td:nth-child(2) { width: 15%; text-align: right; }
.table-total { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; float: right; }
.table-total > tbody > tr > td { border: 0; }
.table-total > tbody > tr > td:last-child { border-bottom: 1px solid #ddd; width: 15%; text-align: right; }
.table-total > tbody > tr > td:first-child { text-align: right; color: #333; }
/* timeline */

.timeline-post .panel-body { padding: 0; }
.timeline-post .form-control { border: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; resize: vertical; }
.timeline-post .form-control:focus { -moz-box-shdow: none; -webkit-box-shadow: none; box-shadow: none; }
.timeline-post .panel-footer { padding: 10px; background: #f7f7f7; }
.timeline-btns { padding: 5px; }
.timeline-btns a { display: inline-block; font-size: 14px; width: 20px; height: 20px; color: #ccc; text-align: center; margin-right: 5px; }
.timeline-btns a:hover { color: #666; }
.panel-timeline .panel-heading { padding: 10px 10px 6px 10px; border-bottom: 0; }
.panel-timeline .panel-body { padding: 0 10px; }
.panel-timeline .panel-heading .media { margin: 0; padding: 0; }
.panel-timeline .panel-heading .media-object, .panel-timeline .panel-footer .media-object { width: 32px; border-radius: 1px; }
.panel-timeline .panel-body .media { margin-top: 10px; padding-bottom: 10px; }
.panel-timeline .panel-body .media-object { width: 150px; }
.panel-timeline .panel-body h4 { font-size: 16px; margin-bottom: 5px; font-family: 'LatoBold', sans-serif; }
.panel-timeline h4 { margin: 0; font-size: 13px; line-height: normal; }
.panel-timeline .panel-footer { padding: 10px; }
.panel-timeline .panel-footer .form-control { padding: 8px 10px; border-radius: 0; }
.timeline-btns { padding: 10px; }
.timeline-btns:after { clear: both; display: block; content: ''; }
.timeline-video { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow: hidden; height: 0; padding-top: 30px; padding-bottom: 56.25%; position: relative; }
.timeline-video iframe { position: absolute; width: 100%; height: 100%; border: 0; top: 0; left: 0; }
/* locked screen */

.lockedpanel { width: 250px; margin: 10% auto 0 auto; text-align: center; }
.lockedpanel .loginuser { text-align: center; }
.lockedpanel .loginuser img { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background: rgba(255,255,255,0.4); padding: 5px; }
.lockedpanel .locked { font-size: 42px; margin-bottom: 20px; }
.lockedpanel .logged { margin-top: 20px; }
.lockedpanel .logged h4 { margin: 0; font-size: 21px; color: #333; }
.lockedpanel form { margin-top: 20px; }
.lockedpanel form .btn { display: block; margin-top: 10px; }
/* sign in */

.signinpanel { width: 780px; margin: 10% auto 0 auto; }
.signinpanel .logopanel { float: none; width: auto; padding: 0; background: none; }
.signinpanel .signin-info ul { list-style: none; padding: 0; margin: 20px 0; }
.signinpanel .signin-info a { color: #333; }
.signinpanel .form-control { display: block; margin-top: 15px; }
.signinpanel .uname { background: #fff url(../images/user.html) no-repeat 95% center; }
.signinpanel .pword { background: #fff url(../images/locked.html) no-repeat 95% center; }
.signinpanel .btn { margin-top: 15px; }
.signinpanel form { background: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px; }
.signinpanel form a { color: #666; }
/* sign up */

.signuppanel { margin: 10% auto 0 auto; width: 780px; }
.signuppanel .row { margin-left: -5px; margin-right: -5px; }
.signuppanel .logopanel { float: none; width: auto; padding: 0; background: none; }
.signuppanel .col-sm-6, .signuppanel .col-sm-5, .signuppanel .col-sm-3, .signuppanel .col-sm-4 { padding-left: 5px; padding-right: 5px; }
.signuppanel .signup-info { padding-right: 20px; }
.signuppanel form { background: #fff; border: 1px solid #ccc; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px; }
.feat-list { margin-top: 20px; }
.feat-list .fa { font-size: 20px; border: 2px solid #636e7b; padding: 4px 5px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; float: left; }
.feat-list h4 { margin-left: 45px; padding-top: 3px; }
.feat-list p { margin-left: 45px; }
.signup-footer { border-top: 1px solid #ddd; margin-top: 30px; padding-top: 10px; font-size: 12px; }
/***** LEFT PANEL COLLAPSE *****/
/*******************************/


.leftpanel-collapsed .logopanel { display: none; }
.leftpanel-collapsed .headerbar { margin-left: -50px; }
.leftpanel-collapsed .leftpanel { width: 51px; top: 51px; }
.leftpanel-collapsed .leftpanelinner { padding: 0; }
.leftpanel-collapsed .leftpanelinner .sidebartitle { display: none; }
.leftpanel-collapsed .nav-bracket { margin: 5px; }
.leftpanel-collapsed .nav-bracket li a { text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 10px; position: relative; }
.leftpanel-collapsed .nav-bracket > li.nav-parent > a { background-image: none; }
.leftpanel-collapsed .nav-bracket li a span { position: absolute; background: #fff; padding: 10px 10px 10px 5px; left: 40px; top: 0; min-width: 179px; text-align: left; z-index: 100; display: none; -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03); -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03); box-shadow: 0 3px 0 rgba(12,12,12,0.03); -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.leftpanel-collapsed .nav-bracket li.active a span { -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; }
.leftpanel-collapsed .nav-bracket ul { display: none; }
.leftpanel-collapsed .nav-bracket > li.nav-hover > a { background: #fff; color: #1d2939; }
.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a { background: #78ba15; color: #fff; }
.leftpanel-collapsed .nav-bracket li.nav-hover a span { display: block; }
.leftpanel-collapsed .nav-bracket li.nav-hover.active a span { background: #78ba15; color: #fff; }
.leftpanel-collapsed .nav-bracket li.nav-hover ul { display: block; position: absolute; top: 41px; left: 47px; margin: 0; min-width: 172px; background: #1d2939; z-index: 100; -moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0 0 2px 0; border-radius: 0 0 2px 0; }
.leftpanel-collapsed .nav-bracket ul a { text-align: left; padding: 6px 10px; padding-left: 0; }
.leftpanel-collapsed .nav-bracket ul a:hover { background: none; }
.leftpanel-collapsed .nav-bracket li a i { margin-right: 0; }
.leftpanel-collapsed .mainpanel { margin-left: 52px; }
.leftpanel-collapsed .infosummary { display: none; }
.leftpanel-collapsed .sticky-leftpanel { overflow-y: visible; }
/***** RIGHT PANEL STYLES *****/
/**************************/

.chat-view { margin-right: 240px; }
.rightpanel { width: 240px; height: 100%; position: fixed; overflow-y: auto; overflow-x: hidden; top: 0; right: -240px; display: none; }
.chat-view .rightpanel { display: block; right: 0; }
.chat-relative-view { right: 240px; }
.chat-relative-view .rightpanel { display: block; right: 0; }
.rightpanel, .rightpanel label { color: #999; }
.rightpanel .nav-tabs { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #131d29; position: fixed; width: 240px; }
.rightpanel .nav-tabs > li { display: table-cell; width: 1%; }
.rightpanel .nav-tabs > li > a { padding: 15px 20px 16px 20px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: rgba(255,255,255,0.5); }
.rightpanel .nav-tabs > .active > a, .rightpanel .nav-tabs > .active > a:hover, .rightpanel .nav-tabs > .active > a:focus { background: #1D2939; color: #fff; }
.rightpanel .tab-content { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 45px; }
.chatuserlist { list-style: none; padding: 0; border-bottom: 1px dotted rgba(255,255,255,0.05); }
.chatuserlist li { border-top: 1px dotted rgba(255,255,255,0.05); }
.chatuserlist .media-thumb { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: 2px solid #999; padding: 3px; display: block; }
.chatuserlist .media { margin: 10px 0; padding: 0; }
.chatuserlist .online .media-thumb { border-color: #78ba15; }
.chatuserlist .media-object { width: 30px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.chatuserlist .media-body { line-height: normal; padding-top: 7px; }
.chatuserlist .media-body small { color: #666; display: block; }
.chatuserlist .media-body strong { color: #bbb; font-size: 13px; margin-bottom: 4px; display: block; }
.chatuserlist .badge { margin-top: 5px; }
.rightpanel .pane-settings { font-size: 13px; }
/***** ADDITIONAL STYLES *****/
/*****************************/


/* DROPDOWN */

.dropdown-menu-head { background: #fff }
.dropdown-menu-head .title { background: #1d2939; color: #94989d; padding: 15px; text-transform: uppercase; font-size: 11px; margin: 0; }
/* ICON */

.tp-icon { padding: 10px 20px; line-height: 20px; border-color: #ddd; position: relative; }
.tp-icon .badge { position: absolute; font-size: 10px; font-weight: normal; right: 4px; top: 10px; line-height: 13px; background-color: #D9534F; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 2px 5px; }
/* CHOSEN OVERRIDE */

.chosen-container-single .chosen-single div { width: 30px; border-left: 1px solid #ccc; background: #e4e7ea; }
.chosen-container-single .chosen-single div b { background: url(../images/dropdown-arrow.html) no-repeat 8px 15px; }
.chosen-container-active.chosen-with-drop .chosen-single div { width: 30px; border-left: 0; background: #fff; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: 8px -33px; }
/* TIME PICKER */

.bootstrap-timepicker-widget.dropdown-menu { width: 230px; }
/* COLOR PICKER */

.colorpicker-input { width: 200px; float: left; }
.colorselector { margin-top: 4px; }
/* STICKY HEADER */

.stickyheader .logopanel { position: fixed; top: 0; left: 0; width: 200px; z-index: 100; }
.stickyheader .leftpanel { top: 50px; }
.stickyheader .headerbar { position: fixed; top: 0; left: 200px; width: 100%; z-index: 100; box-shadow: 0 1px rgba(0,0,0,0.05); }
.stickyheader .mainpanel { padding-top: 50px; }
.stickyheader .header-right { margin-right: 240px; }
.stickyheader.leftpanel-collapsed .headerbar { left: 51px; }
.stickyheader.leftpanel-collapsed .header-right { margin-right: 0; }
.stickyheader.chat-view .headerbar { right: 240px; width: auto; }
/* CUSTOM STYLES */

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.nomargin { margin: 0; }
.border-right-0 { border-right: 0; }
.border-left-0 { border-left: 0; }
.nopadding { padding: 0; }
.padding-top-0 { padding-top: 0; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.serif { font-family: 'Georgia, serif'; }
.italic { font-style: italic; }
.dark { color: #333; }
.width100p { width: 100%; }
.width20 { width: 20px; }
.width30 { width: 30px; }


/***** MEDIA QUERIES *****/
/*************************/


@media screen and (max-width: 1024px) {
/* body { position: relative; } */
.leftpanel { display: none; }
.mainpanel { margin-left: 0; width: 100%; }
.leftpanel-collapsed .leftpanel { display: none; }
.leftpanel-collapsed .mainpanel { margin-left: 0; }
.leftpanel-collapsed .headerbar { margin-left: 0; }
.leftpanel-show section { overflow-x: hidden; }
.leftpanel-show .leftpanel { display: block; }
.leftpanel-show .mainpanel { margin-left: 240px; }
.stickyheader .headerbar { left: 0; }
.stickyheader.leftpanel-show .headerbar { left: 240px; }
.stickyheader.chat-relative-view .headerbar { right: 240px; left: auto; }
.stickyheader .header-right { margin-right: 0; }
.btn-demo { margin-bottom: 20px; }
.leftpanelinner { padding: 5px 10px; }
.leftpanelinner .searchform input { background: #131b26; border: 0; }
}
 @media screen and (max-width: 767px) {
.searchform { position: relative; }
.headermenu li:nth-child(4) { display: none; }
.leftpanel .searchform,  .leftpanel .userlogged { display: block; }
.breadcrumb-wrapper { display: none; }
.headermenu .dropdown-menu:after { display: none; }
.rightpanel .nav-tabs.nav-justified > li > a,  .rightpanel .nav-justified > li > a { margin-bottom: 0; }
.panel-email .col-sm-3 { display: none; }
}
 @media screen and (max-width: 640px) {
.notfoundpanel { width: auto; padding: 0 20px; }
.notfoundpanel h1 { font-size: 72px; line-height: 72px; }
.notfoundpanel h3 { font-size: 14px; line-height: normal; }
.notfound h4 { font-size: 12px; line-height: 18px; }
.notfoundpanel form { width: auto; }
.notfoundpanel .form-control { float: none; width: 100%; }
.notfoundpanel .btn { margin-top: 10px; width: 100%; }
.signinpanel,  .signuppanel { margin: 0 auto; width: 480px; padding: 20px; }
.signinpanel form { margin-top: 20px; }
.signup-footer { margin-bottom: 10px; }
.signuppanel .form-control { margin-bottom: 10px; }
.signup-footer .pull-left,  .signup-footer .pull-right { float: none !important; text-align: center; }
.widget-quick-status-post .nav-tabs.nav-justified > li { display: table-cell; width: 1%; margin-bottom: -5px; }
.widget-quick-status-post .nav-tabs.nav-justified > li a { margin: 0; }
.nav-tabs.nav-justified.nav-profile > li { float: none; margin-bottom: 0; display: table-cell; width: 1%; }
.nav-tabs.nav-justified.nav-profile > li a { margin: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.dataTables_info { float: none !important; text-align: center; margin-bottom: 10px; }
.dataTables_paginate { margin-bottom: 10px; text-align: center !important; float: none !important; }
.paginate_disabled_previous,  .paginate_enabled_previous,  .paginate_disabled_next,  .paginate_enabled_next { float: none !important; }
.dataTables_filter,  .dataTables_length { float: none !important; padding: 10px 0 0 10px; margin: auto !important; display: inline-block; }
.table.dataTable th,  .table.dataTable td { font-size: 13px; min-width: 150px; }
.paging_full_numbers { min-width: 500px; margin: 0 0 10px 10px; }
.paging_full_numbers:after { clear: both; display: block; content: ''; }
}
 @media screen and (max-width: 480px) {
.signinpanel,  .signuppanel { width: 360px; }
.panel-email .pull-right { float: none !important; }
.pageheader h2 { font-size: 18px; }
.pageheader .glyphicon,  .pageheader .fa { font-size: 18px; }
.pageheader h2 span { font-size: 11px; }
.fc-header td { display: block !important; text-align: center; width: 100%; border: 1px solid #eee; padding: 10px !important; margin-top: -1px; }
.fc-button { padding: 2px 5px !important; margin: 0 !important; }
.fc-header-title h2 { margin: 0 !important; }
.filemanager-options li { padding: 5px 7px; }
.filemanager-options .filter-type { display: block; float: none; border-top: 1px solid #eee; }
.comment-list .media-object { width: 30px; padding: 2px; }
.comment-list .media > .pull-left { margin: 0; }
.comment-list h4 { font-size: 13px; }
.comment-list .reply { font-size: 10px; padding: 2px 5px; }
.comment-list .media-body { font-size: 12px; line-height: 18px; }
.blog-content form { margin-bottom: 20px; }
.letter-list { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.letter-list::after { clear: both; display: block; content: ''; }
.letter-list li { float: left; width: auto; display: inline-block; }
.letter-list li a { display: block; padding: 2px 5px; }
.btn-invoice:before { display: block; content: ''; clear: both; }
.btn-invoice .btn { display: block; width: 100%; margin-top: 10px; }
.nav-tabs.nav-justified.nav-profile > li a { font-size: 13px; padding: 14px 10px; }
#bloglist > div { padding: 0; margin: 0; float: none; width: auto; }
}
 @media screen and (max-width: 360px) {
.blog-title { font-size: 14px; line-height: 18px; }
.blog-summary { font-size: 12px; line-height: 18px; }
.blog-summary .btn { padding: 2px 5px; display: block; width: 100%; }
.headermenu li:first-child .dropdown-menu { margin-right: -130px; }
.headermenu li:nth-child(2) .dropdown-menu { margin-right: -85px; }
.headermenu li:nth-child(3) .dropdown-menu { margin-right: -37px; }
.nav-tabs.nav-justified.nav-profile > li { float: none; display: block; width: auto; }
.blog-media .media-body { overflow: visible; }
.follower-list .btn { display: block; margin: 0 0 5px 0; width: 100%; }
.filemanager-options li { display: block; border-top: 1px solid #eee; }
.filemanager-options li:first-child { border-top: 0; }
.authorpanel .media-object { width: 80px; margin-right: 10px; }
.people-item .media-object { width: 80px !important; height: 80px !important; }
.pagination { margin-bottom: 20px; }
}
 @media screen and (max-width: 320px) {
.signinpanel,  .signuppanel { width: 310px; }
}
.open>.dropdown-menu { display: block; }

/*ai page */

 .header-section {
      background: linear-gradient(135deg, #3b85c3, #5899d1);
      color: #fff;
      padding: 60px 30px;
    }

    .header-left h1 {
      font-weight: 600;
      margin-bottom: 15px;
	  font-size:44px;	  
  text-shadow: 0 1px 1px rgba(0,0,0,0.8);
    }
	 .header-left p {    
      margin-bottom: 25px;
	  font-size:20px;
	  color:#fff;
    }
	.header-left p span{font-weight:600;}

.header-left {
      padding-right: 60px; /* more gap between left and right */
    }

    .header-right {
      padding-left: 60px;
    }
    .upload-btn {
      background: #f6a027;
      color: #fff;
      border: none;
      padding: 14px;
      width: 100%;
      border-radius: 25px;
      font-weight: 600;
	  border: 3px solid #fff;  
      font-size: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transition: all 0.3s ease;
    }

    .upload-btn:hover {
      background: #f6a027;
    }

    .upload-subtext {
      font-size: 14px;     
      margin-top: 10px;
	  color:#fff;
    }
	
	.tick-container {
   display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  }

  .tick-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
  }

  .tick-item svg {
    width: 18px;
    height: 18px;
    fill: #f6a027;
    vertical-align: middle;
  }
:root{
    --deck:#0f1a2a; --panel:#fff; --text:#0b1324;
    --accent:#2b57d9;
  }
  *{box-sizing:border-box}
 

  /*page1*/
  
  :root{
    --panel-bg:#ffffff;
    --brand:#0d6efd;
    --accent:#f6a027;
    --muted:#6c757d;
    --soft:#edf1f8;
    --ring: rgba(13,110,253,.28);
  }
  *{box-sizing:border-box}

  /* Header Shell */
  .header-section{
    background: linear-gradient(135deg, #3b85c3, #5899d1);
    padding: 36px 0 60px;
  }
  .white-bg{
    background: var(--panel-bg);
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(0,0,0,.08);
    overflow: hidden;
  }

  /* Top product tabs */
  .hero-tabs{
    border-bottom: 1px solid #e9eef7;
    padding: 10px 16px 0;
  }
  .hero-tabs .hnav-link{
    font-weight: 600;
    color:#0b1324;
    border-radius: 10px 10px 0 0;
  }
  .hero-tabs .hnav-link.active{
    background:#eef5ff;
    color:#0b1324;
  }

  /* Left column title */
  .hpanel-title{font-weight:700; font-size:1.05rem}

  /* Left inner tabs */
  .hleft-tabs .hnav-link{
    background:#f4f6fb;
    color:#0b1324;
    margin-right:8px;
    border-radius:10px;
    padding:.5rem .9rem;
  }
  .hleft-tabs .hnav-link.active{
    background:#0d6efd;
    color:#fff;
  }
  .htab-pane{animation:fadein .2s ease}
  @keyframes fadein{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

  /* Blocks */
  .dbox{
    background:var(--soft);
    border:1px solid #0060df;
    border-radius:10px;
    padding:16px;
  }
  .icon-circle{
    width:34px;height:34px;border-radius:50%;
    background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;
  }
  .form-check-input{width:1.25em;height:1.25em}

  /* Upload area */
  .upload-area{
    border:2px dashed #cfd6e6;
    border-radius:12px; height:260px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    cursor:pointer;background:#f8f9fb; transition:.25s;
  }
  .upload-area:hover{border-color:#0d6efd; background:#eef5ff}
  .thumbnail-row img{width:100%; border-radius:8px; border:1px solid #dee2e6; cursor:pointer;}
  .thumbnail-row img:hover,
  .thumbnail-row img:focus{
    box-shadow: inset 0 0 0 3px #0d6efd, 0 6px 14px var(--ring);
    border-color:#0d6efd; outline:none;
  }

  /* Link like sketch */
  .link-inspiration{
    font-weight:700; font-size:.95rem; color:#27b55b; cursor:pointer;
    display:inline-block; margin:.2rem 0 1rem; text-decoration:none;
  }
  .link-inspiration:hover{text-decoration:underline}

  /* Inspiration preview card */
  .insp-preview{
    border:1px solid #e3e6ef; border-radius:10px; overflow:hidden; background:#fff;
  }
  .insp-preview img{display:block; width:100%; height:auto}
  .insp-preview .cap{padding:.5rem .75rem; font-size:.9rem; color:#333}

  /* Process button */
  .btn-process:disabled{opacity:.6; cursor:not-allowed}

  /* Check list under container */
  .tick-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
  .tick-item{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}
  .tick-item svg{width:18px;height:18px;fill:var(--accent)}

  /* Responsive refinements */
  @media (max-width: 991.98px){
    .hleft-tabs{margin-bottom:10px}
  }
  
  

  /* Real select */
  select{
    appearance:none;
    width:150px; max-width:38vw;
    padding:8px 36px 8px 12px;
    border:1px solid #e1e5ef; border-radius:10px;
    background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23627385" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>') no-repeat right 10px center / 18px 18px;
    font:inherit;
    transition: background-color .35s ease, transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s ease;
  }

  /* 🔔 Change animation (applied on value change) */
  .select-wrap.changed{
    background:rgba(240,244,255,.95);
    box-shadow:0 10px 26px rgba(43,87,217,.22);
    transform:translateY(-2px);
  }
  select.pop{
    background-color:#eef2ff;
    box-shadow:0 0 0 6px rgba(43,87,217,.08);
    transform:scale(1.03);
  }

  /* Tiny helper */
  .note{
    margin:10px 2px 0; font-size:.9rem; color:#576175;
  }

	
	 .furniture-item {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
    }
    .icon-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #007bff;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      font-weight: bold;
      cursor: pointer;
    }
	.dbox{background:#edf1f8;padding:20px;border-radius:10px;border:1px solid #0060df;}
    .upload-area {
      border: 2px dashed #ccc;
      border-radius: 10px;
      height: 220px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      cursor: pointer;
      background-color: #f8f9fa;
      transition: 0.3s;
    }
    .upload-area:hover {
      border-color: #007bff;
      background: #eaf3ff;
    }
    .thumbnail-row img {
      width: 100%;
      border-radius: 8px;
      border: 1px solid #ddd;
    }
    .thumbnail-col {
      padding: 5px;
    }
    .form-icon {
      width: 20px;
      height: 20px;
      margin-right: 5px;
    }
    .btn-process:disabled {
      opacity: 0.6;
      cursor: not-allowed;
    }

    @media (max-width: 768px) {
      .header-left, .header-right {
        text-align: center;
      }
    
      
	 .header-right{ padding-left: 0px;}
    }


.section-steps{padding:30px 0;}
  .howcard{
    background:#f4f4f4;                /* light blue like screenshot */
    border:0;
    border-radius:18px;
    padding:24px;    
    box-shadow:0 6px 18px rgba(2,6,23,.06);
    position:relative;
  }
  .howcard h3{margin-top:0;font-weight:600;font-size:2rem;}
  .howcard p{color:#323a49;margin-bottom:18px;font-size:15px;}
  /* step badge */
  .howstep-badge{
    position:absolute; right:22px; top:18px;
    background:#50cd89; color:#fff;
    border-radius:50%; width:38px; height:38px; line-height:38px;
    text-align:center; font-weight:700;
  }
  /* image */
  .howthumb{
   
  }
  .howthumb img{width:100%;height:auto;display:block;border-radius:16px;}
  /* center overlay for the middle card */
  .howoverlay-chip{
    position:absolute; left:50%; top:50%;
    transform:translate(-50%,-50%);
    background:rgba(30,35,45,.9);
    color:#fff; padding:10px 18px; border-radius:14px;
    font-weight:600; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,.2);
  }
  /* right-card bottom banner */
  .howbottom-banner{
    position:absolute; left:20px; right:20px; bottom:-10px;
    background:#b6f2b7; color:#0c3b16;
    border-radius:999px; padding:10px 14px; font-weight:600;
    box-shadow:0 6px 16px rgba(0,0,0,.08);
  }
  /* spacing between columns on small screens */
  @media (max-width: 767px){
    .col-sm-4 + .col-sm-4{margin-top:20px;}
  }
  
  .ps-wrap{
      background:#0f1a2e;
      color:#e9eef7;
      border-radius:28px;
      padding:34px 22px;
      margin:28px 0;
      box-shadow:0 10px 30px rgba(1,7,22,.22);
    }
    @media (min-width:768px){ .ps-wrap{ padding:54px 42px; } }

    .eyebrow{
      display:inline-block; background:#c9ffd1; color:#0a1a12;
      font-weight:700; padding:8px 12px; border-radius:10px;
      font-size:13px; margin-bottom:16px;
    }

    .ps-title{
      font-weight:800; line-height:1.05; margin:6px 0 14px; letter-spacing:.2px;
      font-size:28px;
    }
    .ps-title .heavy{ display:block; color:#009ef7;}
    @media (min-width:992px){
      .ps-title{ font-size:44px;line-height:1.2; }
      .ps-title .heavy{ color:#009ef7; }
    }

    .ps-sub{
      color:#c8d3eb; font-size:16px; margin-bottom:26px;
    }

    /* CTA */
    .ps-cta{
      background:#009ef7; border:0; color:#fff;
      font-weight:700; padding:14px 22px; border-radius:14px;
      display:inline-block;
    }
    .ps-cta:hover{ color:#fff; background:#2459c3; text-decoration:none; }
    .ps-cta .arrow{ font-weight:800; margin-left:6px; }
    .ps-cta-outline{
      border:2px solid #009ef7; color:#009ef7;
      font-weight:700; padding:14px 22px; border-radius:14px;
      display:block;
    }
    .ps-cta-outline:hover{ color:#fff; background:#009ef7; text-decoration:none; }
    .ps-cta-outline .arrow{ font-weight:800; margin-left:6px; }

    /* Feature cards */
    .features .col-sm-6{ margin-bottom:18px; }
    .ps-card{
      background:#17223b;
      border-radius:18px; padding:20px;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .ps-icon-badge{
      display:inline-flex; align-items:center; justify-content:center;
      width:36px; height:36px; border-radius:10px;
      background:rgba(145,255,143,.12); color:#91ff8f; font-size:18px;
      margin-bottom:10px;
    }
    .ps-card h4{
      color:#f2f6ff; font-weight:700; margin:6px 0 6px; font-size:20px;
    }
    .ps-card p{
      color:#c7d2eb; margin:0; line-height:1.6;
    }
    .ps-card p .bold{ font-weight:700; color:#fff; }

    /* Bulleted blurb under title (optional helper style) */
    .mini-bullets{ list-style:none; padding:0; margin:0 0 22px; }
    .mini-bullets li{
      margin:8px 0; color:#c7d2eb; font-size:15px;
    }
	/* === Section === */
.compare-section {
  background:#ffffff;
  padding:50px 20px; 
  text-align:center;
}
.compare-header {
  font-weight:800;
  font-size:36px;
  margin-bottom:45px;
  color:#0f172a;
}

/* === Table === */
.compare-table {
  width:100%;
  max-width:1000px;
  margin:0 auto 20px;
  border-collapse:separate;
  border-spacing:0 12px;
  font-size:18px;
}
.compare-row {
  background:#f9fbff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(15,23,42,.05);
}
.compare-row td {
  padding:16px 18px;
  vertical-align:middle;
}
.compare-label {
  text-align:left;
  font-weight:700;
  color:#333;
  width:30%;
  font-size:22px;
  background:#fcf5ea;
  border-right:1px solid #e3e9f3;
}
.compare-ai, .compare-bespoke {
  width:35%;
  text-align:center;
  font-weight:600;
  color:#4b5563;
}
.compare-ai {
  background:#ebf2ff;
  border-left:3px solid #2d6be7;
}
.compare-bespoke {
  background:#f3edff;
  border-left:3px solid #8c61ff;
}

/* === Header cells for product names === */
.compare-head {
  background:none;
  color:#111827;
  font-size:20px;
  font-weight:700;
  border:none;
  padding-bottom:15px;
}
.compare-head .badge {
  display:inline-block;
  padding:6px 12px;
  border-radius:12px;
  font-size:14px;
  margin-top:8px;
  color:#fff;
}
.badge-ai { background:#2d6be7; }
.badge-bespoke { background:#8c61ff; }

/* === Tagline === */
.compare-tagline {
  font-size:17px;
  color:#4b5563;
  font-weight:400;
}
.compare-tagline span {
  color:#111827;
  font-weight:700;
}

.cta-section {
      background:#0f1a2e;
      color:#e9eef7;
      border-radius:28px;
      padding:60px 25px;
      margin:40px 0;
      text-align:center;
      box-shadow:0 10px 30px rgba(1,7,22,.22);
    }
    .cta-header {
      font-weight:800;
      font-size:34px;
      margin-bottom:14px;
    }
    .cta-sub {
      color:#c8d3eb;
      font-size:16px;
      margin-bottom:26px;
    }
    .cta-list {
      list-style:none;
      padding:0;
      margin:0 0 36px;
      font-size:15.5px;
      color:#c7d2eb;
    }
    .cta-list li {
      margin:10px 0;
    }
    /* Buttons */
    .btn-pad {
      border-radius:14px;
      padding:14px 26px;
      font-weight:700;
      font-size:15px;
      margin:6px 10px;
      transition:all .25s ease;
    }
    .btn-ai {
      background:#2d6be7;
      border:none;
      color:#fff;
    }
    .btn-ai:hover { background:#2459c3; color:#fff; }
    .btn-bespoke {
      background:transparent;
      border:2px solid #2d6be7;
      color:#2d6be7;
    }
    .btn-bespoke:hover {
      background:#2d6be7;
      color:#fff;
    }
	.amazeservices ul li {
    display: flex;
    align-items: center; /* Vertically centers icon and text */
    gap: 8px; /* Space between icon and text */
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
  }

  .amazeservices ul li svg {
    flex-shrink: 0; /* Prevent icon from shrinking */
    width: 20px;
    height: 20px;
  }
  /* Section */
    .stage-section {
      padding:70px 20px;
      text-align:center;
    }
    .stage-header {
      font-weight:800;
      font-size:38px;
      color:#0f172a;
      margin-bottom:10px;
    }
    .stage-sub {
      font-size:17px;
      color:#4b5563;
      margin-bottom:40px;
    }

    /* Two Blocks */
    .stage-block {
      border-radius:20px;
      padding:40px 20px;
      text-align:center;
  
        }
    .stage-block:hover {
           box-shadow:0 6px 16px rgba(0,0,0,0.08);
    }

    /* Block Variants */
    .stage-block-ai {
      background:#eef4ff;
         }
    .stage-block-bespoke {
      background:#f7f2ff;
          }

    /* Titles and text */
    .stage-block-title {
      font-size:24px;
      font-weight:700;
      color:#0f172a;
      margin:0 0 10px;
    }
    .stage-block-desc {
      font-size:16px;
      color:#374151;
      margin-bottom:25px;
    }

    /* Buttons */
    .stage-btn-stage {
      display:inline-block;
      padding:12px 26px;
      font-weight:700;
      border-radius:10px;
      text-decoration:none;
      transition:all .25s ease;
    }
    .stage-btn-ai {
      background:#2d6be7;
      color:#fff;
    }
    .stage-btn-ai:hover {
      background:#2459c3;
      color:#fff;
    }
    .stage-btn-bespoke {
      background:#8c61ff;
      color:#fff;
    }
    .stage-btn-bespoke:hover {
      background:#7648e8;
      color:#fff;
    }

    /* Responsive Spacing */
    @media (max-width:767px){
      .stage-block { margin-bottom:25px; }
    }
:root {
      --bg: #f7f9fc;
      --card-bg: #ffffff;
      --primary: #1f7fff;
      --primary-soft: rgba(31, 127, 255, 0.12);
      --text-main: #0f172a;
      --text-muted: #6b7280;
      --accent: #374151;
      --border-soft: #e5e7eb;
      --radius-lg: 16px;
      --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.12);
      --transition-fast: 200ms ease;
      --transition-med: 300ms ease;
	  --panel-bg:#ffffff;
    --brand:#0d6efd;
    --accent:#f6a027;
    --muted:#6c757d;
    --soft:#edf1f8;
    --ring: rgba(13,110,253,.28);
    }


    .feature-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .feature-item {
      border-radius: var(--radius-lg);
      border: 1px solid transparent;
      background: transparent;
      padding: 14px 16px;
      text-align: left;
      cursor: pointer;
      transition: background var(--transition-fast),
        border-color var(--transition-fast),
        box-shadow var(--transition-fast),
        transform var(--transition-fast);
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .feature-item-title {
      font-size: 20px;
      font-weight: 600;
    }

    .feature-item-subtitle {
      font-size: 16px;
      color: var(--text-muted);
    }

    .feature-item:hover {
      background: #f3f4ff;
      border-color: #d1ddff;
      transform: translateY(-1px);
    }

    .feature-item.active {
      background: var(--primary-soft);
      border-color: var(--primary);
      box-shadow: 0 10px 20px rgba(31, 127, 255, 0.3);
    }

    .feature-item.active .feature-item-title {
      color: var(--primary);
    }

    /* Right side: phone mock */

  

    .phone-screen img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }


    /* Dots behind phone */

    .dots-bg {
      position: absolute;
      width: 160px;
      height: 160px;
      border-radius: 999px;
      border: 1px dashed #3b82f680;
      right: -20px;
      top: 10px;
      pointer-events: none;
    }

    .dots-bg::before {
      content: "";
      position: absolute;
      inset: 18px;
      border-radius: inherit;
      border: 1px dashed #3b82f640;
    }

    .blue-circle {
      position: absolute;
      width: 170px;
      height: 170px;
      border-radius: 999px;
      background: rgba(37, 99, 235, 0.15);
      bottom: -30px;
      right: 10px;
      z-index: -1;
    }

    /* Fade animation for slide changes */

    .phone-screen {
      width: 100%;
      height: 100%;
      opacity: 0;
      transform: translateY(6px);
      transition: opacity var(--transition-med), transform var(--transition-med);
    }

    .phone-screen.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Responsive */


    @media (max-width: 600px) {
      /* body {
        padding: 16px;
      }
 */
   

      .feature-item {
        padding: 12px 12px;
      }

      .feature-item-title {
        font-size: 16px;
      }

    }

  /* Header Shell */
  .header-section{
    background: linear-gradient(135deg, #3b85c3, #5899d1);
    padding: 36px 0 60px;
  }
  .white-bg{
    background: var(--panel-bg);
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(0,0,0,.08);
    overflow: hidden;
  }

  /* Top product tabs */
  .hero-tabs{
    border-bottom: 1px solid #e9eef7;
    padding: 10px 16px 0;
  }
  .hero-tabs .nav-link{
    font-weight: 600;
    color:#0b1324;
    border-radius: 10px 10px 0 0;
  }
  .hero-tabs .nav-link.active{
    background:#eef5ff;
    color:#0b1324;
  }

  /* Left column title */
  .panel-title{font-weight:700; font-size:1.05rem}

  /* Left inner tabs */
  .left-tabs .nav-link{
    background:#f4f6fb;
    color:#0b1324;
    margin-right:8px;
    border-radius:10px;
    padding:.5rem .9rem;
  }
  .left-tabs .nav-link.active{
    background:#0d6efd;
    color:#fff;
  }
  .tab-pane{animation:fadein .2s ease}
  @keyframes fadein{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}

  /* Blocks */
  .dbox{
    background:var(--soft);
    border:1px solid #0060df;
    border-radius:10px;
    padding:16px;
  }
  .icon-circle{
    width:34px;height:34px;border-radius:50%;
    background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;
  }
  .form-check-input{width:1.25em;height:1.25em}

  /* Upload area */
  .upload-area{
    border:2px dashed #cfd6e6;
    border-radius:12px; height:260px;
    display:flex;align-items:center;justify-content:center;text-align:center;
    cursor:pointer;background:#f8f9fb; transition:.25s;
  }
  .upload-area:hover{border-color:#0d6efd; background:#eef5ff}
  .thumbnail-row img{width:100%; border-radius:8px; border:1px solid #dee2e6; cursor:pointer;}
  .thumbnail-row img:hover,
  .thumbnail-row img:focus{
    box-shadow: inset 0 0 0 3px #0d6efd, 0 6px 14px var(--ring);
    border-color:#0d6efd; outline:none;
  }

  /* Link like sketch */
  .link-inspiration{
    font-weight:700; font-size:.95rem; color:#27b55b; cursor:pointer;
    display:inline-block; margin:.2rem 0 1rem; text-decoration:none;
  }
  .link-inspiration:hover{text-decoration:underline}

  /* Inspiration preview card */
  .insp-preview{
    border:1px solid #e3e6ef; border-radius:10px; overflow:hidden; background:#fff;
  }
  .insp-preview img{display:block; width:100%; height:auto}
  .insp-preview .cap{padding:.5rem .75rem; font-size:.9rem; color:#333}

  /* Process button */
  .btn-process:disabled{opacity:.6; cursor:not-allowed}

  /* Check list under container */
  .tick-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
  .tick-item{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}
  .tick-item svg{width:18px;height:18px;fill:var(--accent)}

  /* Responsive refinements */
  @media (max-width: 991.98px){
    .left-tabs{margin-bottom:10px}
  }
/*arrow block css starts*/
.stats-section {
            padding: 40px 0 0;
        }

        .stats-item {
            padding: 0 30px 20px;
            margin-bottom: 30px;
            display: flex;
            flex-direction: column;            
			border-left:1px solid #ddd;
        }
		

        /* Make all blocks equal height on desktop */
        @media (min-width: 768px) {
            .stats-equal .col-sm-4 {
                display: flex;
            }
        }

        /* vertical divider on desktop */
        @media (min-width: 768px) {
            .stats-item {
                border-right: 1px solid #e5e7eb;
            }
            .stats-item:last-child {
                border-right: none;
            }
        }

        .stat-header {
            margin-bottom: 15px;
        }

        .stat-title {
            font-weight: 600;
            font-size: 15px;
            margin: 0;
            display: inline-block;
        }

        .stat-icon {
            display: inline-flex;
            margin-left: 8px;
            width: 22px;
            height: 22px;
            border-radius: 6px;
            background: #c7f9a8;
            justify-content: center;
            align-items: center;
        }

        /* thinner arrow line icon */
        .stat-icon svg {
            width: 12px;
            height: 12px;
            stroke: #111;      /* line color */
            stroke-width: 2;   /* thin line */
            fill: none;        /* outline only */
        }

        .stat-text {
            font-size: 15px;
            line-height: 1.6;
            margin-top: auto; /* pushes content so equal height works smoothly */
        }

        .stat-text b {
            font-weight: 700;
        }