/**
 * Author: Somesh B 
 * Version: v1
 * Created: 09/20/2023
 * Description: Created to maintain common css code.
 */

/* COMMON CSS FOR THEME - START */

/* Dashboard start */
.page-title-box {
    padding-bottom: 10px;
}
.page-content {
    /*padding: calc(60px + 24px) calc(24px / 2) 60px calc(24px / 2);*/
    padding: calc(90px + 24px) calc(24px / 2) 40px calc(24px / 2);
}

.megamenu-list li {
    padding: 2px 0;
}

.dropdown-megamenu[style] {
    padding: 10px;
}

.dropdown-megamenu ul {
    margin-bottom: 0rem;
}

#sidebar-menu ul li a {
    padding: 0.3rem 1.0rem;
}

#sidebar-menu ul li ul.sub-menu li a {
    padding: 0.3rem 1.0rem 0.3rem 1.0rem !important;
}

#sidebar-menu ul li a:hover {
    background: #00000036; /*#eff2f7;*/
}

/*#sidebar-menu ul .mm-active > a {*/
    /*background: #00000036;*/
    /*background: #0000006e;
}*/

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a,
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {
    width: 230px;
    background: #323849;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
    color: #d7e4ec;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    width: calc(230px + 70px);
}

#sidebar-menu ul li a img {
    width: 30px;
    height: 30px;
}

#sidebar-menu ul li ul.sub-menu {
    background: #323849;
}

.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {
    padding: 0.4rem 20px;
    min-height: 30px;
}

.card {
    margin-bottom: 10px;
}

.card-body {
    padding: 0.5rem 0.5rem;
}

.nav-com-details {
    z-index: 1002;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.nav-com-details-card-body {
    padding: 0.48rem 0.5rem;
}

#preloader {
    z-index: 99999;
}

.form-controls, .form-selects {
    /*border: 1px solid #b5b5b5;*/
    border: 1pt solid #dfaf39 !important;
    border-radius: 2px;
    padding: 0px 10px;
    font-weight: 400;
    line-height: 1.5;
    color: #505d69;
    background-color: #fff;
    background-clip: padding-box;
}

/* CODE UPDATED BY: SOMESH; DATE: 12-20-2023; SUB: CHANGED INPUT BOX SIZES (XS,SM,LG,XL) - Start */
.input-xs-sp {
    height: 20px;
    font-size: 10pt;
    padding: 0px 10px;
}
.input-sm-sp {
    height: 24px;
    font-size: 10pt;
    padding: 0px 10px;
}
.input-md-sp {
    height: 30px;
    font-size: 10pt;
    padding: 0px 10px;
}
.input-lg-sp {
    height: 34px;
    font-size: 11pt;
    padding: 0px 10px;
}
.input-xl-sp {
    height: 40px;
    font-size: 12pt;
    padding: 0px 10px;
}

.btn-xs {
    padding: .1rem .25rem;
    font-size: 8pt;
    border-radius: .2rem;
}
/* End */

.w-100-sp {
    width: 100px;
}
.w-150-sp {
    width: 150px;
}
.w-200-sp {
    width: 200px;
}
.w-250-sp {
    width: 250px;
}
.w-300-sp {
    width: 300px;
}
.w-350-sp {
    width: 350px;
}
.w-400-sp {
    width: 400px;
}
.w-450-sp {
    width: 450px;
}
.w-500-sp {
    width: 500px;
}
.w-550-sp {
    width: 550px;
}
.w-600-sp {
    width: 600px;
}
.w-650-sp {
    width: 650px;
}
.w-700-sp {
    width: 700px;
}
.w-750-sp {
    width: 750px;
}
.w-800-sp {
    width: 800px;
}
.w-850-sp {
    width: 850px;
}
.w-900-sp {
    width: 900px;
}
.w-950-sp {
    width: 950px;
}
.w-1000-sp {
    width: 1000px;
}

/* min-vw-100 - class already present bootstrap.css */
.min-vw-150 {
    min-width: 150vw !important;
}

.min-vw-200 {
    min-width: 200vw !important;
}

.min-vw-300 {
    min-width: 300vw !important;
}

.min-vw-400 {
    min-width: 400vw !important;
}

.min-vw-500 {
    min-width: 400vw !important;
}

/* mb-90-sp - to set margin botton to 90px */
.mb-90-sp {
    margin-bottom: 90px !important;
}
.mb-180-sp {
    margin-bottom: 180px !important;
}

.control-sm-sp {
    height: 20px;
    padding: 0px 8px;
    text-align: left;
}

.badge {
    border-radius: 0.1rem;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.sp-company-header {
    margin-top: 2px;
    margin-bottom: 2px;
}

.sp-company-details .badge {
    font-weight:600;
    background: #74943d;
    color: white;
	font-size: 13px;
    margin-bottom: 5px;
}

.proxy-links a {
    cursor: pointer;
}

.hyplink-xs-sp {
    color: #5BA601;
    text-decoration: none;
    cursor: pointer;
    font-size: 11px;
}
.hyplink-sm-sp {
    color: #5BA601;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}
.hyplink-md-sp {
    color: #5BA601;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}
.hyplink-lg-sp {
    color: #5BA601;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
}
.hyplink-xl-sp {
    color: #5BA601;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
}

/* added by: amol date:10-20-2023; sub: header height increased - start */
.navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 100px !important;
    padding: 0 calc(24px / 2) 0 0;
}

.vertical-menu {
    width: 240px;
    z-index: 1001;
    background: #fff;
    bottom: 0;
    margin-top: 0px;
    position: fixed;
    top: 100px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    -webkit-box-shadow: 1px 0 20px rgba(0,0,0,.05);
    box-shadow: 1px 0 20px rgba(0,0,0,.05);
}

.navbar-brand-box {
    padding: 0 1.5rem;
    text-align: center;
    width: 240px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 8px !important;
}

#vertical-menu-btn {
    height: 100px;
}

/*.sp-company-details .badge {
    font-weight: 600;
    padding: 7px 10px !important;
    margin: 5px 5px 5px 5px !important;
}*/

.noti-icon {
    height: 100px;
}

#page-header-user-dropdown {
    height: 100px;
}

/* by amol - end */
/* Dashboard end */
/* Tabs - start */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: rgb(111, 208, 136);
}
/* Tabs - end */

/* JQWidgeds start */
#jqxTabs ul li:first-child {
    margin-left: 30px;
}


/* JQWidgeds end */

/* added by: dattatray deshmukh; date: 10-17-2023 - start */
.AddRow {
    text-align: right;
}

.gapcontrole {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

	@media all and (max-width: 850px)
	{
	.sp-company-details .badge 
	{
    font-weight: 600;
    background: #74943d;
    color: white;
    font-size: 11px;
    margin-bottom: 2px;
	}
	}
/* added by: dattatray deshmukh; date: 10-17-2023 - end */

/*.jqx-combobox-arrow-normal {*/
    /*width: 28px !important;*/
    /*left: 121px;
}*/

label {
    font-weight: 500;
}


/* jqx custom css - start */
.jqx-combobox-textarea {
    width: calc(100% - 40px);
    z-index: 50;
    position: absolute;
    overflow: auto;
    resize: none;
}
/* jqx custom css - end */
    /* COMMON CSS FOR THEME - END */