/* Header Css Start
------------------------------------------------------------------>*/

body[data-topbar=dark] #page-topbar{background-color:#313162;border-color:#313162;-webkit-box-shadow:0 .2rem .5rem rgb(18 38 63 / 30%);box-shadow:0 .2rem .5rem rgb(18 38 63 / 30%)}
body[data-topbar=dark] .navbar-brand-box{background-color:#151540;border-color:#4a4a87}
.navbar-brand-box{padding:0 .7rem}
.navbar-brand-box .logo-lg img{border-radius:5px;border-left:5px solid #fff;width:144px;padding:5px 8px;background:#fff;border-right:5px solid #fff}
.navbar-brand-box .logo-sm img{border-radius:5px;padding:4px 6px;background:#fff}

/* Header Css End
------------------------------------------------------------------>*/


.for_custom_add_width .select2-container {
    width: 100% !important;
}



/* Dashboard Home Css Start
------------------------------------------------------------------>*/

.bg-soft-success{background-color:rgb(160 133 255 / 25%)!important;color:#47387a!important;padding:.5em .4em .25em}
.bg-soft-danger{padding:.5em .4em .25em}

/* Dashboard Home Css End
------------------------------------------------------------------>*/



/* Show Hide Css Start
------------------------------------------------------------------>*/

.pass-eye .toggle-eyepass{position:absolute;right:12px;top:0;display:flex;justify-content:center;background:none;border:0;height:100%;padding-top:9px}
.pass-eye .toggle-eyepass .fa-eye:before{content:"\f06e"}
.pass-eye .toggle-eyepass .fa-eye-slash:before{content:"\f070"}
.toggle-eyepass i{color:#67679f;font-size:19px}

/* Show Hide Css End
------------------------------------------------------------------>*/

.vendor_show_hide_password label.error {color:#ec3838;}


/* Update information detail message Css End
------------------------------------------------------------------>*/
.update_information_highlight{align-items:center;margin-right:auto;margin-left:16px;transition-duration:.3s;background:#ffffff;border-radius:5px}
.update_information_highlight .blink_text{animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
   
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.update_information_highlight .blink_text:hover{animation-name:inherit}
.update_information_highlight .blink_text .anchor_design{color:#232351;transition-duration:.3s;font-size:15px;font-weight:400;padding:9px 15px;display:flex;align-items:center;border-radius:4px}
.update_information_highlight .anchor_design:hover{background:#232351;color:#ffffff;box-shadow:0 0 5px 0 #151537 inset;text-shadow:0 6px 4px #131337}
.update_information_highlight .anchor_design i{margin-right:4px;color:#ec3838}
.update_information_highlight .anchor_design:hover i{color:#ffffff}


/* Update information detail message Css End
------------------------------------------------------------------>*/






/* Product List Css Start
------------------------------------------------------------------>*/

.product_list_page img { width:60px }

/* Product List Css End
------------------------------------------------------------------>*/



/* Profile Page Css Start
------------------------------------------------------------------>*/

.out_profile_design{padding:24px 28px}
.out_profile_design .profile-user{padding:0;border-radius:8px;border:5px solid #fff;background-image:none}
.out_profile_design .profile-user img{border-radius:8px}
.out_profile_design .profile-user:after{display:none}
.out_profile_design .profile-content{display:flex;align-items:center;background:#ffffff;border-radius:8px;padding:6px 9px}
.out_profile_design .avatar-xxl{height:6.5rem;width:6.5rem}
.out_profile_design .message_box{margin-left:auto}
.btn_danger_color .fa-edit{margin-left:4px;font-size:12px}
.btn_danger_color{background:#ec3838;color:#fff}
.btn_danger_color:hover{background:#4a4a87;color:#fff}
.btn_danger_color a{color:#fff}
.btn_danger_color a:hover{color:#fff}
.heading_color_theme{font-size:17px;margin-top:0;color:#313162;font-weight:500}
.profile_lang .text-muted{padding-right:1rem;font-size:15px}
.profile_personal_info .col-sm-4 h5{display:flex;justify-content:space-between;font-weight:500;font-size:15px;color:#313162}
.profile_skills a{background-color:#e0e5f5;border-color:#e0e5f5;color:#0B2A97}
.profile_skills a:hover{background-color:#313162;border-color:#313162;color:#fff}

/* Profile Page Css End
------------------------------------------------------------------>*/




/* Multiple Tags Input Css Start
------------------------------------------------------------------>*/

.language_design_input .bootstrap-tagsinput{width:100%;padding:.5rem .75rem .46rem .4rem;border:1px solid #ccc;border-radius:4px}
.language_design_input .tag span{margin-left:5px;border-radius:6px;border-left:1px solid #a4b3e5}
.language_design_input .tag [data-role="remove"]:after{content:"x";color:#6b7dbd;cursor:pointer;padding:0 4px;font-weight:600}
.language_design_input .tag [data-role="remove"]:hover:after{color:#071854}
.language_design_input input{border:none;box-shadow:none;outline:none;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}
.language_design_input .label-info{background-color:#e0e5f5;display:inline;padding:4px 4px 5px 8px;font-size:14px;font-weight:400;line-height:1;color:#304389;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}

/* Multiple Tags Input Css End
------------------------------------------------------------------>*/




/* Tab Filter Css Start
------------------------------------------------------------------>*/
.out_designlist_order{margin-top:2em}
.some_box_out{width:100%}
.some_box_out .fade:not(.show) {opacity: 1;}
.some_box_out .small-box p{font-size:13px}
.some_box_out .dimand_dispaly{min-width:17%}
.some_box_out .select-cate{display:flex;align-items:flex-end;margin-top:.8em;margin-bottom:1em}
.some_box_out .select-cate label{color:#000000}
.out_designlist_order .nav-tabs{border-bottom:1px solid #ddd;background:#dde1e6;padding:20px 9px 18px 9px;margin-bottom:7px;border-radius:7px}
.out_designlist_order .nav>li {margin-right:12px; display:inline-flex;}
.out_designlist_order .nav>li>a {padding:17px 30px 15px;border-radius:7px;border:none!important;font-size:15px;margin-right:12px;background:#fff;color:#6d6d6d;font-weight: normal;transition-duration:.3s}
.out_designlist_order li.active a{color:#ffffff!important;background:#075fac!important;text-shadow:-3px 3px 5px #003665;transition-duration:.3s}
.out_designlist_order .dark_ul_design {padding: 0;}
.out_designlist_order .dark_ul_design li {margin:12px;}
.out_designlist_order .dark_ul_design li a{margin:0;}
.out_designlist_order .nav>li>a:hover{color:#ffffff!important;background:#075fac!important;text-shadow:-3px 3px 5px #003665;transition-duration:.3s}
.out_designlist_order .nav>li>a i{font-size:15px;margin-right:2px}

.list_order_design_dashboard .nav-tabs {padding:9px;}
.list_order_design_dashboard{margin-bottom:2em}
.list_order_design_dashboard ul{padding:0;margin:0}
.list_order_design_dashboard ul li{margin:0;display:block;font-size:14px;border-radius:5px;color:#858585;width:100%;background:#fff;padding:18px 19px;border-bottom:1px solid #e0e0e3;transition-duration:.3s;border-right:5px solid #aaa}
.list_order_design_dashboard ul li:nth-child(1){border-right-color:#b1d4ea}
.list_order_design_dashboard ul li:nth-child(2){border-right-color:#3498db}
.list_order_design_dashboard ul li:nth-child(3){border-right-color:#dbe1e3}
.list_order_design_dashboard ul li:nth-child(4){border-right-color:#ecf0f1}
.list_order_design_dashboard ul li:nth-child(5){border-right-color:#e74c3c}
.list_order_design_dashboard ul li:nth-child(6){border-right-color:#9c5d90}
.list_order_design_dashboard ul li:nth-child(7){border-right-color:#dbe1e3}
.list_order_design_dashboard ul li:hover{box-shadow:inset 0 -1px 0 0 #dfdfdf,inset 120em 0 0 rgb(156 93 144 / 10%);border-right:5px solid #9c5d90!important;padding-left:1.5em;color:#9c5d90;border-bottom-color:#ffffff}
.list_order_design_dashboard ul li span{margin:0 12px 6px 0;font-size:16px;color:#313162;background:#ffffff;padding:6px 7px;width:fit-content;transition-duration:.3s;border-radius:4px;font-weight:600;box-shadow:-3px -3px 15px -1px #dfe0e0}
.list_order_design_dashboard ul li:hover span{color:#9c5d90!important}
.bg-warning,.bg-warning>a{color:#ffffff!important}
.bg-warning,.bg-navy>a{color:#ffffff!important}
.back_gray_product{border-bottom:1px solid #ddd;background:#dde1e6;padding:10px 9px;margin-bottom:7px;border-radius:7px}

.full_forced_accord{padding-left:0!important}
.full_forced_accord .all_link_button{padding:5px 12px;border-radius:5px;background:#323232;border-color:#323232;margin-top:4px}
.full_forced_accord .accordion{position:relative;margin:0;width:100%}
.full_forced_accord table{border-radius:6px}
.full_forced_accord table th{color:#000}
.full_forced_accord table td{color:#777}
.full_forced_accord [id*="open-accordion"],[id*="close-accordion"]{background:#f8f8f8;border-bottom:1px solid #ccc;line-height:inherit;height:auto;display:block;margin:0 auto;position:relative;width:100%;border-radius:6px;padding:10px 19px!important;transition-duration:.3s;margin-bottom:1px;color:#494949}
.full_forced_accord [id*="open-accordion"]:hover,[id*="close-accordion"]:hover{background:#ececec!important;color:#000000!important;text-decoration:none}
.full_forced_accord [id*="close-accordion"]{display:none}
.full_forced_accord{color:#fff;font-size:16px;font-weight:normal;padding-left:2%;text-decoration:none;text-shadow:none}
.span_time_box_round{margin:0 7px 6px 0;font-size:14px;color:#313162;background:#ffffff;padding:5px 6px;width:fit-content;transition-duration:.3s;border-radius:4px;font-weight:600;box-shadow:-3px -3px 15px -1px #00000029}
.full_forced_accord [id*="open-accordion"]:after,[id*="close-accordion"]:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(141 141 141 / 60%);position:absolute;right:12px;top:19px;z-index:999;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.full_forced_accord .target-fix{display:block;top:0;left:0;position:fixed}
.full_forced_accord .accordion-content{background:#fff;height:0;margin:-1px auto 0;padding:0 1.4%;position:relative;overflow:hidden;width:100%;transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;color:#646464;border-radius:6px}
.full_forced_accord .accordion span:target ~ .accordion-content{display:block;height:auto;padding-bottom:25px;padding-top:10px}
.full_forced_accord .accordion span:target ~ [id*="close-accordion"]{display:block}
.full_forced_accord .accordion span:target ~ [id*="close-accordion"]:hover{background:#20204d!important;color:#ffffff!important}
.full_forced_accord .accordion span:target ~ [id*="open-accordion"]{display:none}
.full_forced_accord .accordion span:target ~ [id*="close-accordion"]:after{border-top:6px solid #fff;transform:rotate(0deg);-webkit-transform:rotate(0deg);right:12px}
.full_forced_accord .accordion span:target ~ [id*="close-accordion"]{background:#313162;color:#ffffff}

/* Tab Filter Css End
------------------------------------------------------------------>*/


/* Registration Progressbar Start
-------------------------------------------------------------------*/
.progress_max{height:5px;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;margin-bottom:15px}
.list_unstyledss {padding:0;}
.list_unstyledss li{padding:4px 4px 4px 11px;list-style: none;background-image:linear-gradient(90deg,#efeeee 2%,#ffffff 100%);margin-bottom:5px;border-radius:26px;font-weight:600;color:#3e3f58;text-shadow:0 2px 3px #fff}
.control-label{text-align:left!important;padding-bottom:7px}
.form-horizontal{padding:25px 20px;border:1px solid #eee;border-radius:5px}
select.form-control:focus{border-color:#e9ab66;box-shadow:none}
.block-help{font-weight:300}
.terms{text-decoration:underline}
.modal{text-align:center;padding:0!important}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.divider{position:absolute;height:2px;border:1px solid #eee;width:100%;top:10px;z-index:-5}
.ex-account{position:relative}
.ex-account p{background-color:rgba(255,255,255,0.41)}
select:hover{color:#444645;background:#ddd}
.fa-file-text{color:#4e4e7e}
.password_strength_bar{display:flex;align-items:center;justify-content:space-between; margin-top:9px;}
.password_strength_bar #result{margin:0;height:auto;width:auto;border:none}
.password_strength_bar .text-danger{color:#ec3838!important;display:inline-block!important;background-color:#ffffff;padding:1px 9px;margin:5px 0!important;border-radius:4px!important;font-size:13px;font-weight:500;box-shadow:1px 2px 6px 0 #d0d0d0c9!important}

.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

/* Registration Progressbar End
-------------------------------------------------------------------*/



/* Add Product Start
-------------------------------------------------------------------*/

.design_add_product_basic .form-group {margin-bottom:20px;}
.design_add_product_basic .select2-selection--multiple {min-height:36px !important;}

.design_add_product_basic .btn {
    background-color: #313162;
    border-color: #313162;
}

.design_add_product_basic .btn:hover {
    background-color: #ec3838;
    border-color: #ec3838;
}

/* Add Product End
-------------------------------------------------------------------*/



/* Left Menu Sidebar Start
-------------------------------------------------------------------*/


.simplebar-offset .mm-active .active {
    color: #ec3838 !important;
}
.simplebar-offset .mm-active>a {
    color: #2c2c7a!important;
}
.simplebar-offset .mm-active>a svg {
    color: #313162!important;
}
.simplebar-offset #sidebar-menu ul li a:hover {
    color: #ec3838;
}
.simplebar-offset #sidebar-menu ul li a:hover i {
    color: #ec3838 !important;
}

.simplebar-offset #sidebar-menu ul li a:hover svg {
    color: #ec3838 !important;
}
.simplebar-offset .mm-active .active svg {
    color: #ec3838 !important;
}

#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #ec3838;
}


/* Left Menu Sidebar End
-------------------------------------------------------------------*/



.download_invoice_button {color:#323163;}


.sho_forget{color:#323163;border:1px solid #c9c8dd;display:block;margin-top:8px;padding:8px 9px;text-align:center;border-radius:5px;transition-duration:.3s; margin-bottom:10px;}
.sho_forget:hover{color:#ec3838;border-color:#ec3838}

.btn_sign_upp {
    background: #323163;
    border-color: #323163;
}

.btn_sign_upp:hover {
    background: #ea3939;
    border-color: #ea3939;
}



.design_for_errors label.error {
    background: #fff;
    top: 66px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 4px 10px;
    height: auto;
    opacity: 1 !important;
    color: #ec3838;
    box-shadow: 1px 3px 39px 0px #c5c5cfc7;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    z-index: 9;
    min-width: auto;
    -webkit-transform: scale(0.99) translateY(-0.5rem) translateX(0.15rem) !important;
    transform: scale(0.99) translateY(-0.5rem) translateX(0.15rem) !important;
}

.design_for_errors .form-control.error {margin-bottom:50px;}

.auth-full-page-content #loginForm .text-danger {
    background: #fff;
    padding: 4px 10px;
    color: #ec3838 !important;
    box-shadow: 1px 3px 39px 0px #c5c5cfc7;
    border-radius: 3px;
    font-weight: 500;
    font-size: 13px;
    display: block;
}




@media only screen and (max-width:1870px) {
.some_box_out .dimand_dispaly{min-width:17%}
}
@media only screen and (max-width:1750px) {
.some_box_out .dimand_dispaly{min-width:16%}
}
@media only screen and (max-width:1600px) {
.some_box_out .dimand_dispaly{min-width:15%}
}
@media only screen and (max-width:1450px) {
.some_box_out .dimand_dispaly{min-width:14%}
}
@media only screen and (max-width:1370px) {
.some_box_out .dimand_dispaly{min-width:13%}
}
@media only screen and (max-width:1300px) {
.some_box_out .dimand_dispaly{min-width:12%}
}
@media only screen and (max-width:1250px) {
.some_box_out .dimand_dispaly{min-width:11%}
}
    

@media only screen and (max-width:980px) {

.update_information_highlight .blink_text .anchor_design {
    font-size: 13px;
    font-weight: 500;
    padding:6px 8px;
    align-items: flex-start;
    line-height: 17px;
}

body:not([data-sidebar-size=sm]) #vertical-menu-btn {margin-right:0px;}


.update_information_highlight { margin-left:5px;}


.some_box_out .select-cate{flex-wrap:wrap;max-width:100%}
.some_box_out .dimand_dispaly .form-control{margin-bottom:10px}
.out_designlist_order .nav-tabs>li {width:48%; margin:4px;}
.list_order_design_dashboard ul li{width:100%!important}
.out_designlist_order .nav>li>a {margin: 1px;
    padding: 10px 10px 10px 13px;
    border-radius: 5px;
    width: 100%;}
.out_designlist_order .dark_ul_design {
        padding: 4px;
        justify-content: center;
}
.some_box_out .dimand_dispaly{min-width:100%}

.out_profile_design .message_box .d-flex{justify-content:flex-start!important;margin-top:9px}
.out_profile_design .profile-content{padding:0 8px 12px 13px}
.out_profile_design{padding:15px 2px}
.profile_skills{margin-bottom:0!important}
.profile_lang{margin-bottom:2rem!important}


}



@media only screen and (max-width:768px) {

.auth-bg .bg-overlay {background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,rgb(50 49 99)),to(#323163));}
.auth-bg {background-image:none;}

}


@media only screen and (max-width:500px) {
  
.some_box_out .text-truncate {white-space:inherit;}

.some_box_out .text-nowrap {
    white-space:inherit !important;
}

.out_designlist_order .nav-tabs>li {
    width: 46%;
}

.out_designlist_order .nav>li>a {
    margin: 1px;
    padding: 10px 5px 10px 8px;
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
}

}

@media only screen and (max-width:425px) {

.navbar-header {padding:0;}

.update_information_highlight .blink_text .anchor_design {
    font-size: 12px;
    font-weight: 600;
    padding:4px 6px;
}

.update_information_highlight .blink_text .anchor_design i{display: none;}

}



@media only screen and (max-width:330px) {



}