/**
 *
 * Apply Here your Custom CSS
 *
*/
form{display: inline !important;}

/*-------------------- margin padding css --------------------*/
.p-0{padding: 0;}

/*--------------------end margin padding css --------------------*/



/*-------------------- status lable css --------------------*/

.status
{
    color: #ffffff;
    font-size: 12px;
    padding: 12px;
    background: #00a651;
    text-align: center;
}

.statusG
{
    padding: 3px 17px;
    text-align: center;
    background-color: #00A651;
    color: #ffffff;
}

.statusR
{
    padding: 3px 17px;
    text-align: center;
    background-color: #cc2424;
    color: #ffffff;
}

.statusS
{
    padding: 3px 17px;
    text-align: center;
    background-color: #21a9e1;
    color: #ffffff;
}

.statusUR
{
    padding: 3px 17px;
    text-align: center;
    background-color: #fe4995;
    color: #ffffff;
}

/*-------------------- end status lable css --------------------*/


/*------------------------- button css ---------------------------*/

/*Bug id 5 Maulesh 11102022*/
.btn-primary {
    /*background-color: #fe5596;*/
    background-color: #0062cc;
}

    .btn-primary:hover {
        background-color: #0062cc;
    }

.btnclass
{
    /*width: auto;*/
    width: 100%;
    padding: 10px;
    font-size: 14px;
    background: #fe5596;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    outline: none;
}
/*.btnclass:hover{background: #fe5596;}*/
.btnclass:focus{background: #0062cc;}
.msg .nat-err-msg{float: left;}
.page_title{font-size: 13px;color: #00a651;}
.text_feild_height{height: 42px;}

.btnnew
{
    padding: 7px;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.datatable-css .ui-jqgrid tr.jqgrow td
{
    padding: 8px 10px;
    text-align: center;
}
.btndelete
{
    background-color: #ee4749;
    color: #fff !important;
}
.btnpdf
{
    background-color: #21a9e1;
    color: #fff !important;
}
.btnedit
{
    background-color: #00a651;
    color: #fff !important;
}
.btninfo
{
    background-color: #21a9e1;
    color: #fff !important;
}

/*----------------JqGrid--------------------*/

.datatable{width: 100% !important;}
.ui-jqgrid .ui-jqgrid-htable th div{ padding: 0 !important;}
.datatable-css .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column{padding: 8px;}
.ui-jqgrid tr.footrow-ltr td{border: 1px solid #000000;}
.datatable-css .ui-th-column
{
    background: #f5f5f6 !important;
    color: #a6a7aa !important;
    font-weight: bold !important;
}
.datatable-css .ui-jqgrid .ui-pg-input, .datatable-css .ui-pg-selbox
{
    color: #949494;
    outline: 0;
    height: 20px;
}
.datatable-css .ui-state-default, .ui-widget-content .ui-state-default
{
    background: #f5f5f6 !important;
    color: #000 !important;
    font-weight: bold !important;
}
.datatable-css .ui-pg-table tr{border: none !important;}
.datatable-css .table-striped, .ui-widget-content{outline:0;}
.datatable-css .ui-jqgrid-sdiv{width: 100% !important;}
.datatable-css .ui-jqgrid .ui-jqgrid-hbox{padding-right: 0 !important;}
.datatable-css .ui-jqgrid-ftable{height: 25px;width: 100% !important;}
.ui-jqgrid tr.footrow-ltr td{text-align: center !important;}
.ui-widget{font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{background: none;}
.datatable-css .ui-widget-content
{
    color: #000 !important;
    cursor: pointer;
}
.datatable-css .ui-jqgrid tr.jqgrow td{padding: 8px 10px;}
.datatable-css .ui-jqgrid .ui-jqgrid-pager{height: 42px !important;}
.datatable-css .ui-jqgrid .ui-pg-table td{padding: 5px;}
#no-record
{
    text-align: center;
    padding: 20px;
    font-size: 14px;
    border: 1px solid #f2f2f2;
}
.datatable-css .ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-htable, .ui-jqgrid-bdiv, .ui-jqgrid-btable{width: 100% !important;}
.datatable-css .ui-pg-input
{
    padding: 0 10px 0px 10px;
    text-align: center;
}
#pagingGrid{width: 100% !important;}
.ui-state-hover{background: none !important;}


/*----------------------- end jqgrid ----------------------------*/


#remove
{
    display: block;
    color: #000000;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    position: fixed;
}

#e_remove
{
    display: block;
    color: #000000;
    text-align: right;
    cursor: pointer;
    font-size: 14px;
    position: fixed;
}
.selected{color: #e8c8c8 !important;}
.datepicker.datepicker-dropdown{z-index: 111111 !important;}
applyBtn{display: none;}
cancelBtn{display: none;}
@media (max-width: 767px)
{
    .sidebar-collapse{display: none !important;}
}

/*--------------------------------------loader--------------------------------------------*/

#preloader
{
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

#preloaderforD
{
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

#preloaderforO
{
    position: fixed;
    z-index: 999;
    overflow: visible;
    display: none;
}

.loader1
{
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    border: 4px solid #21a9e1;
    top: 50%;
    animation: loader 2s infinite ease;
    left: 50%;
}
.loader-inner1
{
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #21a9e1;
    animation: loader-inner 2s infinite ease-in;
}
@keyframes loader
{
    0%
    {
        transform: rotate(0deg);
    }

    25%
    {
        transform: rotate(180deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    75%
    {
        transform: rotate(360deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}
@keyframes loader-inner
{
    0%
    {
        height: 0%;
    }

    25%
    {
        height: 0%;
    }

    50%
    {
        height: 100%;
    }

    75%
    {
        height: 100%;
    }

    100%
    {
        height: 0%;
    }
}

/*--------------------------------------end loader--------------------------------------------*/


/*--------------------------select2 css---------------------------*/

.form-control.select2-container.select2-dropdown-open{border-color: #000 !important;}
.select2-container .select2-choice{border: none !important;}
.select2-drop{z-index: 111111 !important;}
.select2-drop-mask{z-index: 11111 !important;}
.page-body .select2-drop{background-color: #f9f9f9 !important;}
.page-body .select2-drop .select2-search input{background: #ffffff !important;}
.select2-results .select2-result-selectable:hover{background: #ffffff !important;}
.select2-results li:first-child{font-weight: bold;}
.select2focus{border-color: #8bc34a !important;}
/*--------------------------end select2 css---------------------------*/

.form-control:focus{border-color: #8bc34a !important;}

/*------------------ media query -----------*/

@media only screen and (max-width: 767px)
{
    /*.header-logo{ width: 32px;}*/     /*Maulesh 11102022 set Logo input Responsive Ui*/
    .page-container .main-content{padding-top: 0px;}
    footer.main
    {
        bottom: 0px;
        position: fixed;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 767px)
{
    .sidebar-menu
    {
        height: 100vh;
    }
    .col-sm-4
    {
        width: 33.33333333%;
    }
    .col-sm-2
    {
        width: 16.66666667%;

    }
    .table_res .col-sm-4
    {
        height: 75px;
    }
    .col-sm-6
    {
        width: 50%;
    }
    .col-sm-12
    {
        width: 100%;
    }
    .new-bg-title
    {
        width: 150px !important;
    }
}
/*------------------ media query -----------*/

.thumbnail
{
    margin-bottom: 0px !important;
    background: none;
    border: 0px;
}
.form-control{border-radius: 0px !important;}
.subgrid-data .ui-jqgrid tr.ui-row-ltr td{border-right-width: 0 !important;}
.Sbox
{
    width: 100%;
    border: 1px solid #bdb8b8;
    height: 30px !important;
    outline: 0;
}
.page-container .main-content{padding: 20px 20px 0px 20px;}
.page-container .sidebar-menu #main-menu li a{color:#ffffff;}
.page-container .sidebar-menu{background: #21a9e1;}
/*.page-container .sidebar-menu .logo-env > div > a{color: #2460d6!important;}*/    /*Bug id 5 Maulesh 11102022*/
.page-container .sidebar-menu .logo-env > div > a{color: #ffffff!important;}
/*.page-container .sidebar-menu .logo-env > div > a{color: #21a9e1!important;}*/
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a{border: 1px solid #21a9e1;}
.page-container .sidebar-menu #main-menu li{border-bottom: 1px solid rgba(106, 107, 107, 0.42);}
.page-container .sidebar-menu #main-menu li ul > li > a{ background-color: #21a9e1;}
.page-container .sidebar-menu #main-menu li ul > li > a:hover{background-color: rgb(44, 140, 182);}
.logo-env
{
    background : #ffffff;
    border-right: 1px solid #f5f5f5;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a:hover
{
    background : #21a9e1;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse
{
    background : #21a9e1;
}
.page-container.sidebar-collapsed .sidebar-menu #main-menu > li > ul li
{
        border-bottom: 1px solid rgba(106, 107, 107, 0.42);
}
.wrap
{
white-space: normal !important;
height: auto;
vertical-align: text-top;
padding-top: 2px;
}