@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap');
:root {
    --bs-primary: #ff6d69;
    --bs-secondary: #6c757d;
    --bs-light: #f8f9fa;
    --bs-dark: #444444;
    --bs-primary-rgb: 255, 109, 105;
    --bs-secondary-rgb: 139, 139, 139;
    --bs-third-rgb: 95, 151, 183;
    --bs-theme1-rgb: 255, 109, 105;
    --bs-light-rgb: 248, 249, 250;
    --bs-font-sans-serif: "Roboto";
	--bs-body-bg: #f6f6f6;
	--bs-leftsidenavig-bg: #f8f9fa;
	--bs-leftsidenavig-bghover: #e2e2e2;
	--bs-contentsection-bg: #ebebeb;
	--bs-heading-rgb: 75, 75, 75;
    --bs-textprimary: #ff6d69;
    --bs-tooltip-bg: #efefef;
    --bs-tooltip-text: #212223;
    --bs-numpointer-rgb: 243, 245, 246;
	--bs-tabfuction-bg: #e5e5e5;
	
    --bs-pack1: #d76765;
    --bs-pack2: #dfa26c;
    --bs-pack3: #9ea653;
    --bs-pack4: #83c1da;
    --bs-pack5: #014d67;
    --bs-pack6: #975964;
    --bs-prview: #212529;
}
.tooltip {
    --bs-tooltip-bg: #efefef;	
}

.tab-fuction a  {background-color: var(--bs-tabfuction-bg);color: var(--bs-secondary);}
.tab-fuction a:hover  {background-color: var(--bs-white) !important;color: var(--bs-secondary);}
.tab-fuction a.active {background-color: var(--bs-white) !important;color: rgba(var(--bs-white), var(--bs-text-opacity)) !important;}
.tab-fuction a p{color:#828282}
.tab-fuction a.active p{--bs-bg-opacity: 1;color: rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;}

.card-header{background-color: var(--bs-contentsection-bg);}
.main-func{background-color: var(--bs-white);}
.pagenation .list-group-item, .block-color{background-color: var(--bs-white);}
.shoppageproduct .list-group-item,.formpage .list-group-item,.advformpage .list-group-item, .block-color{background-color: var(--bs-white);}
.text-primary {
    color: rgba(var(--bs-heading-rgb), var(--bs-text-opacity)) !important;
}
.link-primary {
    color: rgba(var(--bs-theme1-rgb)) !important;
}
.link-primary:focus,
.link-primary:hover {color: var(--bs-dark) !important;
}
.text-theme1 {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-theme1-rgb), var(--bs-text-opacity)) !important;
}

.bg-third {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
    background-color: var(--bs-leftsidenavig-bg);
}
.btn-primary {
    color: #fff;
   --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    border-color:  rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.btn-primary:hover {
   --bs-bg-opacity: 0.9;
}
.btn-secondary {
    color: #fff;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    border-color:  rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.btn-secondary:hover {
    --bs-bg-opacity: 0.9;
}

.btn-third {
    color: #fff;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
    border-color:  rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
}
.btn-third:hover {
    --bs-bg-opacity: 0.9;
}
.form-check-input:checked {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
    border-color:  rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
}
a:hover {
    color: var(--bs-third-rgb);
}
a {
    color: var(--bs-third-rgb);
}
.btn-link {
    color: var(--bs-secondary);
}
.title-preview, .btn-link:hover {
    color: var(--bs-primary);
}
.btn-link.disabled,
.btn-link:disabled {
    color: rgba(var(--bs-primary), var(--bs-bg-opacity)) !important;
}

.text-link {
   border-bottom:1px solid var(--bs-primary);
}
.text-link:hover {
   border-bottom:1px solid transparent;;
}

.gray-light {
    color: var(--bs-gray-600);
}

.gray-dark {
    color: var(--bs-gray-dark);
}

input:checked + .slider {
    --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
}

input:focus + .slider {
  box-shadow: 0 0 1px  rgba(var(--bs-third-rgb), var(--bs-bg-opacity)) !important;
}

.form-field__control {background: #f0f0f0;box-shadow: 0px 2px 2px inset #eee;}

.navbar-dark .navbar-nav .nav-link {
    color: var(--bs-secondary);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color:   var(--bs-secondary);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color:  var(--bs-primary);
}
#mainNav .navbar-collapse .navbar-sidenav > .nav-item:hover { 
    background-color: var(--bs-leftsidenavig-bghover);}
	
.btn-light, .btn-light:hover {border:1px solid #afafaf;}

.form-control::-moz-placeholder,.form-control option {
    color: #adb5bd;
    opacity: 1;
}
.form-control::placeholder,.form-control option {
    color: #adb5bd;
    opacity: 1;
}

.tooltip-inner {
    color: var(--bs-tooltip-text);
	background-color: var(--bs-tooltip-bg)! important;
	}
.tooltip-inner h5{
	color: var(--bs-textprimary);
}
.aklogo img {height: 43px; padding: 8px 10px;}

.designpack1 h2 {
    color: var(--bs-pack1) !important;
}
.designpack1 button {
    background-color: var(--bs-pack1) !important; border:1px solid var(--bs-pack1) !important;
}
.designpack1 {
    border-top:5px solid var(--bs-pack1) !important;
}
.designpack2 h2 {
    color: var(--bs-pack2) !important;
}
.designpack2 button {
    background-color: var(--bs-pack2) !important; border:1px solid var(--bs-pack2) !important;
}
.designpack2 {
    border-top:5px solid var(--bs-pack2) !important;
}
.designpack3 h2 {
    color: var(--bs-pack3) !important;
}
.designpack3 button {
    background-color: var(--bs-pack3) !important; border:1px solid var(--bs-pack3) !important;
}
.designpack3 {
    border-top:5px solid var(--bs-pack3) !important;
}
.designpack4 h2 {
    color: var(--bs-pack4) !important;
}
.designpack4 button {
    background-color: var(--bs-pack4) !important; border:1px solid var(--bs-pack4) !important;
}
.designpack4 {
    border-top:5px solid var(--bs-pack4) !important;
}
.designpack5 h2 {
    color: var(--bs-pack5) !important;
}
.designpack5 button {
    background-color: var(--bs-pack5) !important; border:1px solid var(--bs-pack5) !important;
}
/*.dpstartside-panel > div{border-top:5px solid var(--bs-prview) !important; border-bottom:5px solid var(--bs-prview) !important;}*/
 .section-previtem{border-top:5px solid var(--bs-prview) !important;border-bottom:5px solid var(--bs-prview) !important;}
 .section-previtem:hover,.section-previtem.active{border-top:5px solid var(--bs-prview) !important;border-bottom:5px solid var(--bs-primary) !important;}
.designpack5 {
    border-top:5px solid var(--bs-pack5) !important;
}
.designpack6 h2 {
    color: var(--bs-pack6) !important;
}
.designpack6 button {
    background-color: var(--bs-pack6) !important; border:1px solid var(--bs-pack6) !important;
}
.designpack6 {
    border-top:5px solid var(--bs-pack6) !important;
}
.ui-dialog-titlebar .dpstartside-panel > div{border-top:0px solid var(--bs-prview) !important; border-bottom:0px solid var(--bs-prview) !important; color: var(--bs-white) !important;}

#tooltip, #tooltip2, #rgtooltip{    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important;
}
.il_leftpanel{background-color: var(--bs-gray-200);}
 .il_pg_sec li{border-bottom: 1px solid var(--bs-gray-200);}
 .il_pg_sec li:hover{background-color: var(--bs-gray-200);}
.il_pg_sec .standalone_pages{color:var(--bs-gray-500);}
.il_pg_content{background-color:var(--bs-gray-300);border-bottom: 1px solid var(--bs-gray-300);}
.il_pg_sec .standalone_pages, .il_pg_sec ul{background-color:var(--bs-white);}

.cmdropdown selected, .cmtab li.active,.revertbtn:hover, .cmTextBox selected, .addicon, .txtly-col.active, .innercmtab li.active,.frm_addfield,.pagenation .list-group-item a:nth-child(3) ul li:hover,.ak-tabnav li.active,.sitefunction li:hover{color: var(--bs-textprimary);}
.revertbtn:hover, .txtly-col.active, .selected-gallery li.active, .ph-gly-option ul li.active, .cmd-hr-sec.active,.cmmedia ul li.active, .sm_option ul li.active, .btn-option ul li.active, .ic-option.select,.add_item li input:focus, .add_item li .active,.add_item li.active, .field_type li select:focus, .field_type li input:focus, .field_label input:focus, .field_label textarea:focus, .field_placehold input:focus, .frm_submission.active,.tabWdimg.active {border: 1px solid var(--bs-textprimary);}
.cmcheckbox .checkmark:after {border-bottom: 2px solid var(--bs-textprimary); border-right: 2px solid var(--bs-textprimary);}

.addicon span,.frm_addfield span,.frm_checkbox input:checked ~ .checkmark,.tabWdimg.active::before,input:checked + .chgimg-slider,.ak-tabnav li.active::before{background-color: var(--bs-primary);}
.addicon span, .frm_addfield span,.tabWdimg.active::before,.ak-tabnav li {color:var(--bs-white);}

input:focus + .chgimg-slider {box-shadow: 0 0 1px  var(--bs-primary);}
.innercmtab li.active, .frm_tab li.active{border-bottom: 2px solid var(--bs-primary);}
.dataTables_paginate span a.paginate_button.current,.siteIndicator{background-color:var(--bs-textprimary)}


@media (min-width: 992px) {
	/*#mainNav .navbar-collapse .navbar-sidenav {margin-top: 70px;}
	body.fixed-nav {padding-top: 60px; }*/
	.content-wrapper {min-height: calc(100vh - 100px);}
	.fixed-nav .container.main-content{min-height: calc(100vh - 20vh);}
	.content-wrapper {min-height:900px; }
	.content-wrapper.quickstart {min-height: calc(99vh - 100px);}
}
@media (max-width: 992px) {
	.navbar-dark .navbar-toggler {position: absolute; right: 9px; top: -47px;}
}