/*  Date Picker */


.e-date-wrapper,
.e-datepicker,
.e-date-wrapper .form-control.input-xs.e-control.e-datepicker.e-lib.e-input.e-keyboard {

    border: 0px !important;
}

/* Drop down  */

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
    border-color: #CBDAEA !important;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {

    height: 36px;
}


.e-input-group .e-input-group-icon:last-child,
.e-input-group.e-bigger .e-input-group-icon:last-child,
.e-input-group .e-input-group-icon.e-bigger:last-child,
.e-bigger .e-input-group .e-input-group-icon:last-child,
.e-input-group.e-small .e-input-group-icon:last-child,
.e-input-group.e-small.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-small .e-input-group-icon.e-bigger:last-child,
.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child,
.e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
.e-bigger .e-input-group.e-small .e-input-group-icon:last-child {
    background-color: transparent;
    border-radius: 50%;
    padding: 5px;
    margin: 0;
}



.e-input-group:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-input-group.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-float-input:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover,
.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-input-in-wrap:hover {
    /* border-color: #CBDAEA  !important; */
    box-shadow: rgb(169 188 234 / 33%) 1px 4px 7px 0px;
    background-color: #F8F9FD;
}


.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: "\e969";
    font-family: "e-icons";
    font-size: 9px;
}


/* Action buttons */

.primary_btn,
.primary_btn:hover {
    height: 40px;
    justify-content: center !important;
    border-radius: 6px;
    border: 0px;
    background-color: #802081 !important;
    color: #ffffff;
    width: auto;
    min-width: 100px;
    display: inline-block;
    text-align: center;
    line-height: 3;
    padding: 0px 15px !important;
}

.secondary_btn {
    height: 36px;
    border-radius: 6px;
    border: 0px;
    background-color: #FFA800;
    color: #ffffff;
    width: auto;
    min-width: 100px;
    display: inline-block;
    text-align: center;

    line-height: 3;
    padding: 0 15px;
}


.secondary_btn:hover {
    background-color: #F0A106;
    color: white;
}

.flat_btn {
    height: 36px;
    border-radius: 6px;
    border: 0px;
    background-color: #ffffff;
    color: #0A5B99;
    width: auto;
    min-width: 100px;
    display: inline-block;
    text-align: center;

    line-height: 3;
    padding: 0 15px;
    border: 1px solid #CBDAEA;
}


.flat_btn:hover {
    background-color: #F8F9FD;
    color: #0A5B99;
}




/*  Grid  */


.grid_editable {
    background-color: white;
    border: 1px solid #CBDAEA;
    border-radius: 6px;

}


#divCanvas .grid_editable .table-widget .table-widget-content table {

    padding: 0;
}

#divCanvas .grid_editable .table-widget .table-widget-content table thead {
    background-color: #F5F5F7;
    height: 40px;
    border-top: 1px solid #CBDAEA;

}

#divCanvas .grid_editable .panel-heading {
    border-bottom: 1px solid #CBDAEA;

}

#divCanvas .grid_editable .table-widget .table-widget-content table thead th {
    font-weight: 600;
    font-size: 13px;


}

#divCanvas .grid_editable .table-widget .table-widget-content table tfoot {
    background-color: #F5F5F7;

}




#divCanvas .grid_editable .BgGrid .table-widget .table-widget-content table tbody tr td {

    border: 1px solid #CBDAEA;
}


#divCanvas .table-widget .table-widget-content table thead tr th:first-child {
    border-left: 0px;
}

.BgGrid .heading-elements>ul>li {
    background: rgb(255 255 255);
    border-radius: 8px;
    box-shadow: none;
}

.grid_editable .heading-elements>ul>li:hover {
    background: none !important;
}


#divCanvas .grid_editable .table-widget .table-widget-content table tbody tr td {
    border-left: 1px solid #CBDAEA !important;
}


#divCanvas .grid_editable .table-widget .table-widget-content table tbody tr td {
    border: 0;
    border-bottom: 1px solid #CBDAEA !important;
    padding: 0;
    height: 0;
    border-left: 1px solid #CBDAEA !important;
}

#divCanvas .grid_editable .table-widget .table-widget-content table tbody tr:last-child td {

    border-bottom: 0px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td:first-child {
    border-left: 0px !important;

}

#divCanvas .table-widget .table-widget-content table tbody tr:last-child td {
    border-bottom: 0px;

}



.grid_editable .CustomUploadReport .input-group-xs>.form-control,
.CustomUploadReport .input-group-xs>.input-group-addon,
.CustomUploadReport .input-group-xs>.input-group-btn>.btn {
    height: 36px !important;
    padding: 10px 10px;
}


.grid_editable .CustomUploadReport a {
    padding: 10px;
    background-color: transparent;
    border: 0px;
}

.search_part {
    border-top: 1px solid #CBDAEA;
    border-bottom: 1px solid #CBDAEA;
}


.form-group select.form-control,
.form-group .btn-group button {
    border: 1px solid #CBDAEA;
    height: 36px !important;
    border-radius: 5px !important;
    color: #6a727d !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background-image: url(../images/DesignStudio/SelectArrow.png) !important;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    appearance: none;
    background-color: #fff;
    padding: 4px 12px;
    margin: 0 !important;
    box-shadow: none !important;
}

.multiselect-container>li>a {
    padding: 0 15px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: white !important;
    text-decoration: none;
    outline: 0;
    background-color: #71c1ff7d;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 36px !important;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 6px;
}



#divCanvas .grid_editable .table-widget .table-widget-content table tbody tr td.dataTables_empty {

    background-image: url(../images/ip_images/no-data.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    background-size: 75px;
    padding-top: 120px;
    font-size: 13px;
    background-color: rgb(245 245 247 / 61%);
    border-top: 1px solid #CBDAEA;
    font-weight: 600;

}

#divCanvas .grid_editable .table-widget .table-widget-content table tbody tr td {
    padding: 6px;
    min-width: 100px;
}


#divCanvas .grid_editable .heading-elements ul li a[title="Add"] i {

    display: none;
}

#divCanvas .grid_editable .heading-elements ul li a[title="Add"] {
    background-image: url(../images/ip_images/add_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto !important;

}

#divCanvas .grid_editable .heading-elements ul li:last-child {
    display: none !important;

}

#divCanvas .grid_editable .heading-elements>ul>li>a {
    width: 32px;

}


#divCanvas .grid_editable .form-group input.form-control,
#divCanvas .grid_editable .form-group textarea.form-control {
    border: 0;
    border-radius: 0;

}

#divCanvas .grid_editable .CustomUploadReport .input-group {
    border: 0;
    border-radius: 0;

}



/* Readonly grid */

.ip_grid {
    background-color: white;
    border: 1px solid #CBDAEA;
    border-radius: 6px;
}


#divCanvas .ip_grid .table-widget .table-widget-content table {
    padding: 0;
}

#divCanvas .ip_grid .table-widget .table-widget-content table thead {
    background-color: #F5F5F7;
    height: 40px;
    border-top: 1px solid #CBDAEA;
}

#divCanvas .ip_grid .panel-heading {
    border-bottom: 1px solid #CBDAEA;
}

#divCanvas .ip_grid .table-widget .table-widget-content table thead th {
    font-weight: 600;
    font-size: 13px;
}

#divCanvas .ip_grid .table-widget .table-widget-content table tfoot {
    background-color: #F5F5F7;
}




#divCanvas .ip_grid .BgGrid .table-widget .table-widget-content table tbody tr td {
    border: 1px solid #CBDAEA;
}


#divCanvas .table-widget .table-widget-content table thead tr th:first-child {
    border-left: 0px;
}

.BgGrid .heading-elements>ul>li {
    background: rgb(255 255 255);
    border-radius: 8px;
    box-shadow: none;
}

.ip_grid .heading-elements>ul>li:hover {
    background: none !important;
}


#divCanvas .ip_grid .table-widget .table-widget-content table tbody tr td {
    border-left: 1px solid #CBDAEA !important;
}


#divCanvas .ip_grid .table-widget .table-widget-content table tbody tr td {
    border: 0;
    border-bottom: 1px solid #CBDAEA !important;
    padding: 0;
    height: 0;
    border-left: 1px solid #CBDAEA !important;
}

#divCanvas .ip_grid .table-widget .table-widget-content table tbody tr:last-child td {
    border-bottom: 0px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td:first-child {
    border-left: 0px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr:last-child td {
    border-bottom: 0px;
}



.ip_grid .CustomUploadReport .input-group-xs>.form-control,
.CustomUploadReport .input-group-xs>.input-group-addon,
.CustomUploadReport .input-group-xs>.input-group-btn>.btn {
    height: 36px !important;
    padding: 10px 10px;
}


.ip_grid .CustomUploadReport a {
    padding: 10px;
    background-color: transparent;
    border: 0px;
}

.search_part {
    border-top: 1px solid #CBDAEA;
    border-bottom: 1px solid #CBDAEA;
}


.form-group select.form-control,
.form-group .btn-group button {
    border: 1px solid #CBDAEA;
    height: 36px !important;
    border-radius: 5px !important;
    color: #6a727d !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background-image: url(../images/DesignStudio/SelectArrow.png) !important;
    background-repeat: no-repeat;
    background-position: 97% 50%;
    appearance: none;
    background-color: #fff;
    padding: 4px 12px;
    margin: 0 !important;
    box-shadow: none !important;
}

.multiselect-container>li>a {
    padding: 0 15px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: white !important;
    text-decoration: none;
    outline: 0;
    background-color: #71c1ff7d;
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 36px !important;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 6px;
}



#divCanvas .ip_grid .table-widget .table-widget-content table tbody tr td.dataTables_empty {
    background-image: url(../images/ip_images/no-data.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    background-size: 75px;
    padding-top: 120px;
    font-size: 13px;
    background-color: rgb(245 245 247 / 61%);
    border-top: 1px solid #CBDAEA;
    font-weight: 600;
}


#divCanvas .ip_grid .heading-elements ul li a[title="Add"] i {
    display: none;
}

#divCanvas .ip_grid .heading-elements ul li a[title="Add"] {
    background-image: url(../images/ip_images/add_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto !important;
}

#divCanvas .ip_grid .heading-elements ul li:last-child {
    display: none !important;
}

#divCanvas .ip_grid .heading-elements>ul>li>a {
    width: 32px;
}


#divCanvas .ip_grid .form-group input.form-control,
#divCanvas .ip_grid .form-group textarea.form-control {
    border: 0;
    border-radius: 0;
}

#divCanvas .ip_grid .CustomUploadReport .input-group {
    border: 0;
    border-radius: 0;
}



#divCanvas .ip_gridtable.dataTable tbody tr.selected {

    background-color: #c4cbd9 !important;
}

#divCanvas .ip_grid.dataTable tbody tr.selected {

    background-color: #c4cbd9 !important;
}



#divCanvas .ip_grid .table-widget .table-widget-content table tbody tr td .controls {

    margin: 0 10px;
}


.ip_grid .panel-title {

    font-size: 16px;
    font-weight: 600;
}



/* app_grid */


#divCanvas .app_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) {

    min-width: 130px;
    text-align: center;
    background-color: #fdd97f1a !important;
    text-align: right;
}

#divCanvas .app_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) .form-group span {



    text-align: right;
    display: block;

}

#divCanvas .app_grid .table-widget .table-widget-content table tbody tr td:nth-child(6) {

    min-width: 130px;
    text-align: center;
    background-color: #7ffdfa1a !important;
    text-align: right;
}



#divCanvas .po_apr_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) {

    min-width: 130px;
    text-align: center;
    background-color: #fdd97f1a !important;
    text-align: right;
}

#divCanvas .po_apr_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span {



    text-align: right;
    display: block;

}

#divCanvas .po_apr_grid .table-widget .table-widget-content table tbody tr td:nth-child(6) {

    min-width: 130px;
    text-align: center;
    background-color: #7ffdfa1a !important;
    text-align: right;
}

#divCanvas .po_apr_grid .table-widget .table-widget-content table tbody tr td:nth-child(6) button {
    background-image: url(../images/project-icons/view_btn.svg);
    background-repeat: no-repeat;
    font-size: 0;
    background-position: center;
    width: 100%;
    color: transparent;
    display: block !important;
}


#divCanvas .po_amend_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) {

    min-width: 130px;
    text-align: center;
    background-color: #fdd97f1a !important;
    text-align: right;
}

#divCanvas .po_amend_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span {



    text-align: right;
    display: block;

}



#divCanvas .po_rej_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) {

    min-width: 130px;
    text-align: center;
    background-color: #fdd97f1a !important;
    text-align: right;
}

#divCanvas .po_rej_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) .form-group span {



    text-align: right;
    display: block;

}


#divCanvas .po_cancel_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) {

    min-width: 130px;
    text-align: center;
    background-color: #fdd97f1a !important;
    text-align: right;
}

#divCanvas .po_cancel_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) .form-group span {



    text-align: right;
    display: block;

}



/* UI Elements */


.panel {
    box-shadow: none;
    background-color: white;
    border-radius: 6px;
}


/* Page styles */

.row_main_bg {}


.row_main_bg::before {
    content: '';
    position: absolute;
    height: 400px;
    width: 100%;
    left: 0;
    top: 0;
    background-image: url(../images/ip_images/page_top_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    border-top: 1px solid #CBDAEA;
}


.panel_main_container {
    margin-bottom: 20px;
}


@media only screen and (min-width: 1920px) {
    .panel_main_container {
        /* margin-left:75px; */
        /* margin-right:75px; */
    }
}

.page_head h1 {
    font-size: 22px;
    font-weight: 600 !important;
    margin-left: -10px !important;
    color: #354B56 !important;
}


.add_btn {
    height: 36px;
    min-width: 85px;
    background-color: #1CC747;
    display: inline-block;
    padding: 8px 20px;
    background-image: url(../images/ip_images/add_icon_w.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    border: 0;
    width: auto;
}



.add_btn1 {
    height: 36px;
    min-width: 130px !important;
    background-color: #1CC747;
    display: inline-block;
    padding: 8px 20px;
    background-image: url(../images/ip_images/add_icon_w.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    border: 0;
}


.add_btn:hover {

    background-color: #07AD31;
    color: white;

}

.filter_btn_grp {
    display: flex;
    justify-content: flex-end;
}


.filter_btn_grp .col-lg-4 {

    width: auto;
    padding: 0;
}

.search_btn {
    background-image: url(../images/ip_images/search_icon.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 33px;
    background-position: center;
    display: inline-block;
    font-size: 0;

    position: absolute;
    left: -41px;
    top: -3px;
    border-radius: 0 6px 6px 0;

    background-color: #f5f5f5;
}

.search_btn:hover {

    background-color: #bdbdbd4a;
}

.filter_btn_grp .form-control {
    width: 350px;

}

.page_heading_elements {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.page_heading_elements .col-lg-3 {
    /* padding:0px; */
    width: auto;
}



.tenant_master_grid {}

.tenant_master_grid .panel-heading,
.tenant_master_grid .datatable-footer,
.tenant_master_grid .RepeatAnimatioin {

    display: none !important;
}


.panel_grey {
    background-color: #F7F7F7;
    border-radius: 6px;
    margin-bottom: 15px;
}

.panel_grey:hover {

    background-color: #bdbdbd3d;
}

.branding_image_part {
    width: 100px;
}

.branding_image_part .col-lg-12 {

    padding: 0px;
}

.branding_image {}


.branding_image_part .InlineSingle,
.branding_image_part .MainFrameDoc {}

.branding_image_part .InlineSingle:hover {

    background-color: transparent !important;
}

.branding_image_part .HoverBtnDoc {

    display: none;
}

.branding_image_part .MainFrameDoc {
    background-image: none !important;
    border: 1px solid #dddddd;
    background-color: white;
    padding: 5px;
    height: 92px !IMPORTANT;
}

.branding_image_part .MainFrameDoc img {
    max-height: 80px !important;
    width: 100% !IMPORTANT;
    border-radius: 6px;
}



.ip_containter_01 .col-lg-4 {
    width: auto;

}

.ip_containter_01.col-lg-10 {

    width: calc(100% - 100px);
    padding: 0px;
}

.ip_link_lbl {
    color: #2965FF;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed;
    border-radius: 0 !important;
}

.ip_status {
    border-radius: 6px !important;

    padding: 5px;
    padding-left: 28px;
    padding-right: 15px;
    background-image: url(../images/ip_images/status_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    border-left: 2px solid #5E3B8A;
    border-right: 2px solid #5E3B8A;
    font-size: 13px;
    font-weight: 600;
}

.ip_branches {
    color: #46587E;
    font-weight: bold;

}

.ip_branches::before {

    content: 'Branches - ';

}


.ip_type {
    color: #46587E;
    font-weight: bold;
}


.ip_from {
    background-image: url(../images/ip_images/clock_icon.svg);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 12px !important;
    font-weight: bold;
    color: #07AD31;
}

.ip_to {
    background-image: url(../images/ip_images/clock_icon.svg);
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 12px !important;
    font-weight: bold;
    color: #E55656;
}

.ip_description {

    background-image: url(../images/ip_images/description_icon.svg);
    background-repeat: no-repeat;
    padding-left: 60px;
    font-size: 13px !important;
    display: inline-block;
    min-height: 50px;


}

.action_part {
    display: flex;
    justify-content: flex-end;
}

.act_delete_btn {
    background-color: #F7E9E9;
    background-image: url(../images/ip_images/delete_icon.svg);
    background-repeat: no-repeat;
    height: 35px;
    width: 42px;
    display: inline-block;
    background-position: center;
    font-size: 0px;
    border-radius: 6px;
}


.act_edit_btn {
    background-color: #CAE4FF;
    background-image: url(../images/ip_images/edit_icon.svg);
    background-repeat: no-repeat;
    height: 35px;
    width: 42px;
    display: inline-block;
    background-position: center;
    font-size: 0px;
    border-radius: 6px;
}

.back_btn {
    height: 36px;
    min-width: 85px;
    background-color: #fff;
    display: inline-block;
    padding: 8px 20px;
    background-image: url(../images/ip_images/back_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right;
    color: #0A5B99;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    border: 1px solid #CBDAEA;
}

.form-group label {
    color: #111;
    font-weight: 600;
}

/* TAB */


.ip_common_tab {}

.ip_common_tab .nav-tabs.nav-tabs-highlight {
    border-bottom: 0;
    padding: 0 10px;
}

.ip_common_tab .nav-tabs.nav-tabs-highlight>li.active>a {
    background-color: #4AA3FE;

    border-radius: 100px;
    border: 1px solid #4AA3FE;
    padding: 10px 30px;
    color: white;
    font-weight: 600;
}

.ip_common_tab .nav-tabs.nav-tabs-highlight>li.active>a:hover {
    background-color: #4AA3FE;
    border: 1px solid #4AA3FE;
}

.ip_common_tab .nav-tabs.nav-tabs-highlight>li>a {
    background-color: #F8F9FD;

    border-radius: 100px;
    border: 1px solid #CBDAEA;
    padding: 10px 30px;
    color: #000000;
    font-weight: 600;
    margin-right: 15px;
}


.ip_common_tab .nav-tabs.nav-tabs-highlight>li>a:hover {

    background-color: white;
}

.cus_popup {}


.branding_image_part {
    width: 100px;
}

.branding_image_part .col-lg-12 {

    padding: 0px;
}

.branding_image {}


.branding_image_part1 .InlineSingle,
.branding_image_part1 .MainFrameDoc {

    border: 1px solid #CBDAEA;
}

.branding_image_part1 .InlineSingle:hover {

    background-color: transparent !important;
}

.branding_image_part1 .text-danger {

    display: none;
}

.branding_image_part1 {

    margin-top: 30px;
}

.branding_image_part1 .MainFrameDoc {
    border: 1px solid #dddddd;
    background-color: #e7effc;
    padding: 5px;
    height: 200px !IMPORTANT;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.branding_image_part1 .MainFrameDoc img {
    max-height: 200px !important;
    width: 100% !IMPORTANT;
    border-radius: 6px;
    object-fit: inherit;
}

.top_row .col-lg-12 {
    padding: 5px;
    padding-right: 5px;
}

.top_row .col-lg-9,
.top_row .col-lg-3 {
    padding: 0;

}

.branding_image_part1 .InlineSingle:hover .HoverBtnDoc {
    top: 0;
    border-radius: 6px;

}


.brdr_top {
    border-top: 1px solid #cfdfef;


}

.user_div {
    background-image: url(../images/ip_images/user_icon_circle.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    width: 100%;
    background-position: top center;

}

.user_div::before {
    content: '';
    position: absolute;
    height: 119px;
    width: 2px;
    left: 50%;
    top: 40px;
    border-left: 2px dashed #CBDAEA;
}

.address_div {
    background-image: url(../images/ip_images/address_icon_circle.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 67px;
    width: 100%;
    background-position: center 17px;
}


.address_div::before {
    content: '';
    position: absolute;
    height: 291px;
    width: 2px;
    left: 50%;
    top: 62px;
    border-left: 2px dashed #CBDAEA;
}

.contact_div {
    background-image: url(../images/ip_images/contact_icon_circle.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 62px;
    width: 100%;
    background-position: center 17px;
}

.RepeaterNodata {}




.pt-20 {
    padding-top: 20px;
}


/*branch_detail_grid */

.branch_detail_grid .panel-heading,
.branch_detail_grid .datatable-footer {
    display: none !important;
}


.RepeaterNodata {

    background-image: url(../images/ip_images/no-data.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    background-size: 75px;
    padding-top: 150px;
    font-size: 13px;
    color: orange;

    font-weight: 600;

}

.pop_content .col-lg-3 {
    width: 25% !important;
}



.modal-body .content {

    overflow: auto !important;
}

.modal-backdrop.in {
    opacity: 0.7;
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, .87) !important;

}

.RepeatAnimatioin {
    display: none;
}


.col3_wa .col-lg-3 {
    width: auto;
    margin-right: 10px;
}

.location_icon {
    background-image: url(../images/ip_images/location_icon_circle.svg);
    background-repeat: no-repeat;
    padding-left: 60px;
    font-size: 13px !important;
    display: inline-block;
    min-height: 50px;
}

.licence_grid {}

#divCanvas .licence_grid .table-widget .table-widget-content table tbody tr td:first-child {
    background-image: url(../images/ip_images/license_icon.svg);
    background-repeat: no-repeat;
    padding-left: 50px;
    background-position: 10px 12px
}

#divCanvas .licence_grid .table-widget .table-widget-content table tbody tr:hover {
    background-color: #f5f5f5;

}

#divCanvas .licence_grid .table-widget .table-widget-content table tbody tr.even {

    background-color: #cbdaea12;
}

#divCanvas .licence_grid .table-widget .table-widget-content table tbody tr td {
    border-bottom: 0px;

}


#divCanvas .licence_grid .table-widget .table-widget-content table {
    padding: 0
}

#divCanvas .licence_grid .table-widget .table-widget-content table thead tr th {

    background-color: #0378d51a !important;
    font-size: 13px;
    font-weight: 600;
    height: 45px;
    border-top: 1px solid #CBDAEA;
}



#divCanvas .licence_grid .table-widget .table-widget-content table tbody tr td:last-child {
    background-color: #fff1cb40;

}

#divCanvas .licence_grid .panel-heading {

    display: none !important;
}

.validity_history_grid {}


.validity_history_grid .panel-heading,
.validity_history_grid .datatable-footer,
.validity_history_grid .search_part {
    display: none !important;
}


.panel h4,
.panel h5 {

    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}



/* vendor_details */

#divCanvas .panel {
    box-shadow: none !important;
    background: white;
    border-radius: 6px !important;
    border: 1px solid #d4d9e8 !important;
}

#divCanvas .tenant_master_grid .panel-heading,
.tenant_master_grid .datatable-footer,
.tenant_master_grid .RepeatAnimatioin {

    display: none !important;
}


#divCanvas .panel_grey {
    background-color: #F7F7F7 !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
}

#divCanvas .panel_grey:hover {
    background-color: #bdbdbd3d !important;
}

#dvMainContent.content {
    padding: 20px !important;
}

.branding_image_part {
    width: 100px;
}

#divCanvas .branding_image_part .col-lg-12 {
    padding: 0px;
}


#divCanvas .branding_image_part .InlineSingle:hover {
    background-color: transparent !important;
}

#divCanvas .branding_image_part .HoverBtnDoc {
    display: none;
}

#divCanvas .branding_image_part .MainFrameDoc {
    background-image: none !important;
    border: 1px solid #dddddd !important;
    background-color: white;
    padding: 5px;
    height: 92px !IMPORTANT;
}

#divCanvas .branding_image_part .MainFrameDoc img {
    max-height: 80px !important;
    width: 100% !IMPORTANT;
    border-radius: 6px;
}

.ip_link_lbl {
    color: #2965FF !important;
    font-weight: bold !important;
    font-size: 16px !important;
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed;
    border-radius: 0 !important;
}

.col-inner1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: unset;
}

.col-inner1 .form-group label {
    font-size: 13px !important;
}

.col-inner1>div:nth-child(2) span {
    color: #F66E0B !important;
}

.scnd-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 30px;
}

.scnd-col .jnt-vtre>div:nth-child(1) span:last-child {
    border-radius: 6px !important;
    padding: 5px;
    padding-left: 28px;
    padding-right: 15px;
    background-image: url(../images/AU_ICons/new_smile.png);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    border-left: 2px solid #5E3B8A;
    border-right: 2px solid #5E3B8A;
    font-size: 13px;
    font-weight: 600;
}

#divCanvas .scnd-col .jnt-vtre,
#divCanvas .scnd-col .email-website {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: space-between;
}

#divCanvas .scnd-col .jnt-vtre .Email {
    background-image: url(../images/AU_ICons/new_mail.png);
    background-size: 16px;
    background-position: 0px center;
    padding-left: 25px !important;
    background-repeat: no-repeat;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.scnd-col .email-website>div:nth-child(1) span:last-child {
    color: #000000b5 !important;
}

#divCanvas .email-website .Website {
    background-image: url(../images/AU_ICons/new_website.png);
    background-size: 16px;
    background-position: 0px center;
    padding-left: 25px !important;
    background-repeat: no-repeat;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.flexiing,
.flexxng {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.cont1-inner-col1 {
    border-right: 1px solid #00000025;
    padding-right: 20px;
}

.add_btn {
    background-size: unset;
    height: 36px;
    min-width: 85px;
    background-color: #1CC747;
    display: inline-block;
    padding: 8px 20px;
    background-image: url(../images/ip_images/add_icon_w.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right;
    color: white;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    border: 0;
    width: auto;
}


.action_part,
.action_part a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}


#divCanvas .act_edit_btn {
    padding-top: 6px;
    background-color: #CAE4FF;
    background-image: url(../images/ip_images/edit_icon.svg);
    background-repeat: no-repeat;
    height: 35px;
    width: 70px;
    display: inline-block !important;
    background-position: 10px 8px;
    font-size: 14px;
    border-radius: 6px;
    color: #0A5B99 !important;
    padding-left: 32px;
}

.act_edit_btn:hover {
    background-color: #b1d8ffde !important;
}

.act_delete_btn {
    background-color: #ffffff;
    background-image: url(../images/ip_images/delete_icon.svg);
    background-repeat: no-repeat;
    height: 35px;
    width: 42px;
    display: inline-block;
    background-position: center;
    font-size: 0px;
    border-radius: 6px;
}

.act_delete_btn:hover {
    background-color: #F7E9E9 !important;
    ;
}

/* vendor_details */






/* vendor creation */

.red-bg {
    background-color: #E5565606;
    border: 1px solid white;
    height: 161px;
    border-radius: 5px;
    padding: 10px !important;
}

.red-bg>div:nth-child(1) {
    margin-right: 15px !important;
}

.ip_common_tab .nav-tabs.nav-tabs-highlight {
    border-bottom: 0;
    padding: 0 0px !important;
}

#divCanvas .ip_common_tab .nav-tabs.nav-tabs-highlight>li.active>a {
    font-size: 14px !important;
    background-color: #802081 !important;
    border-radius: 100px !important;
    border: 1px solid #802081;
    padding: 10px 30px;
    color: #ffffff !important;
    border-bottom: unset;
}

#divCanvas .ip_common_tab .nav-tabs.nav-tabs-highlight>li.active>a:hover {
    background-color: #802081 !important;
    border: 1px solid #802081;

}

#divCanvas .ip_common_tab .nav-tabs.nav-tabs-highlight>li>a {
    background-color: rgb(128 32 129 / 5%);
    border-radius: 100px;
    border: 0px solid #CBDAEA;
    padding: 10px 30px;
    color: #000000 !important;
    font-weight: 600;
    margin-right: 15px;
    box-shadow: none !important;
    border-bottom: 0px !important;
    transition: 0.5s;
}


#divCanvas .ip_common_tab .nav-tabs.nav-tabs-highlight>li>a:hover {

    background-color: white !important;
    border-top: 0px !important;
}

/* #divCanvas .ip_common_tab .nav-tabs.nav-tabs-highlight>li.active>a:hover {
    background-color: #F2E9E8 !important;
} */


.ip_common_tab .nav-tabs.nav-tabs-highlight {
    background: white !important;
    padding: 10px !important;
    border-radius: 100px;
}

.back_btn,
.back_btn:hover {
    min-width: 85px;
    background-color: #fff;
    display: inline-block !important;
    padding: 6px 20px !important;
    background-image: url(../images/ip_images/back_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right !important;
    color: #0A5B99 !important;
    border-radius: 6px !important;
    font-size: 14px;
    font-weight: 600 !important;
    transition: .35s;
    border: 1px solid #CBDAEA !important;
}

.brdr_top {
    border-top: 1px solid #DDD2CA;
}

.cmpy-nme,
.cmpy-nme .col-lg-12 {
    padding: 0px !important;
}

.panel_main_container .branding_image_part1 label {
    display: none !important;
}

.branding_image_part1 {
    margin-top: 20px;
}

.address_div {
    background-image: url(../images/ip_images/address_icon_circle.svg);
    background-repeat: no-repeat;
    height: 80px;
    width: 100%;
    background-position: center 37px;
}


.address_div::before {
    content: '';
    position: absolute;
    height: 291px;
    width: 2px;
    left: 50%;
    top: 75px;
    border-left: 2px dashed #CBDAEA;
}


.legal_div {
    background-image: url(../images/ip_images/div_4.png);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 87px;
    width: 100%;
    background-position: center 39px;
}


.legal_div::before {
    content: '';
    position: absolute;
    height: 131px;
    width: 2px;
    left: 50%;
    top: 80px;
    border-left: 2px dashed #CBDAEA;
}

.category_div {
    background-image: url(../images/ip_images/div_5.png);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 84px;
    width: 100%;
    background-position: center 40px;
}


.category_div::before {
    content: '';
    position: absolute;
    height: 214px;
    width: 2px;
    left: 50%;
    top: 79px;
    border-left: 2px dashed #CBDAEA;
}

.declaration_div {
    background-image: url(../images/ip_images/div_3.png);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 83px;
    width: 100%;
    background-position: center 38px;
}

.user_div::before {
    content: '';
    position: absolute;
    height: 136px;
    width: 2px;
    left: 50%;
    top: 38px;
    border-left: 2px dashed #CBDAEA;
}


#divCanvas .row .form-group .radio-inline {
    padding-top: 4px !important;
}


#divCanvas .vca_img-pan .e-multiselect {
    padding-left: unset !important;
}

#divCanvas .vca_img-pan .radio-inline {
    margin-left: unset !important;
}

#divCanvas .vca_img-pan .e-multi-select-wrapper .e-searcher input {
    height: 36px !important;
}

#divCanvas .mandatory_new:after {
    content: '*';
    position: absolute;
    color: red;
    font-size: 22px !important;
    padding-left: 4px;
}

#divCanvas .vca_img-pan .h4,
#divCanvas .vca_img-pan .h4 h6,
.no-mano-margin.h4rgin {
    color: #000 !important;
    margin: 10px 0px !important;
    font-weight: 600 !important;
    font-size: 18px;
}

/* vendor creation */


/* Purchase Module */
.panel_box {

    width: 80%;
    margin: auto;
}


@media only screen and (max-width: 1400px) {
    .panel_box {
        width: 95%;

    }
}



.app_grid {}


.po_details .col-lg-2,
.po_details .col-lg-4 {
    width: auto;
}


.po_no {
    background-image: url(../images/project-icons/cart_icon.svg);
    background-repeat: no-repeat;
    padding-left: 60px;
}

.po_intender {

    background-image: url(../images/project-icons/user_icon.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 10px;
}

.po_date {
    background-image: url(../images/project-icons/calendar.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: 10px;
}



.add_item {
    background-image: url(../images/project-icons/add_icon.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    background-position: left;
    display: inline-block;
    padding: 0px;
    border: 0px !important;
    padding: 5px 30px;
    min-height: 38px !important;


    align-items: center;
    justify-content: center !important;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;

    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 6px !important;
    color: #895552 !important;
    padding: 5px 20px 5px 40px;
    background-color: #F5EDED;
    background-position: 10px;

}



.add_item:hover {

    background-color: #e6d9d8;
    color: #895552 !important;
}




.light_button {


    display: inline-block;
    padding: 0px;
    border: 0px !important;
    padding: 5px 30px;
    min-height: 38px !important;


    align-items: center;
    justify-content: center !important;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;

    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 6px !important;
    color: #895552 !important;
    padding: 5px 20px 5px 20px;
    background-color: #F5EDED;
    background-position: 10px;

}

.light_button:hover {


    background-color: #e6d9d8;
    color: #895552 !important;
}




.white_button {


    display: inline-block;
    padding: 0px;
    border: 0px !important;
    padding: 5px 30px;
    min-height: 38px !important;


    align-items: center;
    justify-content: center !important;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;

    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 6px !important;
    color: #895552 !important;
    padding: 5px 20px 5px 20px;
    background-color: #ffffff;
    background-position: 10px;

}

.white_button:hover {


    background-color: #e6d9d8;
    color: #895552 !important;
}

.footer_bg {

    background-color: #FAF6F6;
}


.gre-panel .panel-body {

    padding: 20px 0
}

.gre-panel .panel-body .bdr-btm .form-group {
    display: inline;
    margin-bottom: 0px;
}




.curve_bg_panel {
    background-image: url(../images/project-icons/line_bg.png) !important;
    background-size: 100%;
    background-position: center;
    border: 0 !important;
    border-radius: 6px;
    background-color: white;
}

.curve_bg_panel h6 {
    color: #9C1116;
    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.raisedfor {
    background-image: url(../images/project-icons/purchase_icon.svg);
    padding-left: 55px;
    background-repeat: no-repeat;
    margin-bottom: 10px;


}

.raisedfor.col-lg-12,
.deptname.col-lg-12,
.purchasetype.col-lg-12 {

    margin-left: 10px;
}

.purchasetype {
    background-image: url(../images/project-icons/purchasetype.svg);
    padding-left: 55px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

.deptname {

    background-image: url(../images/project-icons/purchase_icon.svg);
    padding-left: 55px;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}

.deptname.col-lg-12 {

    margin-left: 10px;
}

.guideline_panel {
    background: linear-gradient(90deg, rgba(100, 60, 241, 0.12086841572566531) 0%, rgba(102, 102, 102, 0.08165272945115543) 100%);
    border-radius: 6px
}

.guideline_panel .panel-body {
    padding: 10px;

}

.guideline_panel span {
    color: black;
    line-height: 1.2em !important;
}


.guideline {
    background-image: url(../images/project-icons/guideline.svg);
    background-size: 50px;
    background-repeat: no-repeat;
    min-height: 60px !important;
    min-width: 60px !important;
    margin-right: 15px !important;
    background-position: left;
    padding: 0px 0px 0px 60px !important;
}

.whtie_panel {}

.white_panel {
    background-position: center;
    border: 0 !important;
    border-radius: 6px;
    background-color: white;
}

.white_panel h6 {
    color: #9C1116;
    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}



.white_panel_flat {
    background-position: center;
    border: 0 !important;
    border-radius: 6px;
    background-color: white;
    margin-bottom: 20px;
}

.white_panel_flat h6 {
    color: #9C1116;
    font-size: 16px;
    font-weight: 600 !important;

}

.white_panel_flat .grid_editable {
    border-radius: 0px !important;
    border-right: 0;
    border-left: 0 !important;
}

.white_panel_flat .grid_editable table tbody tr td:first-child {

    border-left: 0px !important;
}

.card_panel .col-lg-2 {
    width: 20%;
}



.card_01 .panel-body,
.card_02 .panel-body,
.card_03 .panel-body,
.card_04 .panel-body,
.card_05 .panel-body,
.card_06 .panel-body,
.card_07 .panel-body {
    padding: 20px;

}

.card_01 {

    border: 0px !important;
    background-color: #F3CBCC !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_01.png) !important;
    background-size: 100%;
    background-position: center;



}

.card_02 {

    border: 0px !important;
    background-color: #FAE6C5 !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_03.png) !important;
    background-size: 100%;
    background-position: center;

}

.card_03 {

    border: 0px !important;
    background-color: #F7D1EE !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_02.png) !important;
    background-size: 100%;
    background-position: center;

}

.card_04 {

    border: 0px !important;
    background-color: #D1C1EE !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_01.png) !important;
    background-size: 100%;
    background-position: center;
}

.card_05 {

    border: 0px !important;
    background-color: #CEE9C1 !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_02.png) !important;
    background-size: 100%;
    background-position: center;
}

.card_06 {

    border: 0px !important;
    background-color: #b1dadb !important;
    border-radius: 6px;
    margin-bottom: 20px;

}

.card_07 {

    border: 0px !important;
    background-color: #ceccd9 !important;
    border-radius: 6px;
    margin-bottom: 20px;

}

.card_08 {
    border: 0px !important;
    background-color: #F2F2F2 !important;
    border-radius: 6px;
    background-image: url(../images/project-icons/curve_bg_02.png) !important;
    background-size: 100%;
    background-position: center;
    padding: 5px 20px;
}

.card_09 {

    border: 0px !important;
    background-color: #CEE9C1 !important;
    border-radius: 6px;

    background-image: url(../images/project-icons/curve_bg_02.png) !important;
    background-size: 100%;
    background-position: center;
    padding: 5px 20px;
}

.card_08 span,
.card_09 span {

    font-size: 20px !important;
}

.body_bg3 {
    background-color: #F7F8F4;
}

.page_heading-elements {
    display: flex;
    justify-content: flex-end;
}

.bl-box {
    border: 1px solid #b97e7a;
    padding: 3px 10px;
    color: #99635f;
    background-color: #f8eded;
    border-radius: 5px;
    /* margin: 10px; */
    font-size: 13px !important;
    font-weight: 600 !important;
}

.item_details_footer {
    display: flex;
    justify-content: flex-end;
}

.item_details_footer .col-lg-4 {

    width: auto;
}


.indent_details .col-lg-3 {
    width: auto;
}

.doc_grid {}

.additional_settings .col-lg-2 {

    width: 12.5%;
}


.card_10 {
    border: 0px !important;
    background-color: #F8F6F6 !important;
    border-radius: 6px;
    margin-bottom: 20px;
    background-image: url(../images/project-icons/curve_bg_02.png) !important;
    background-size: 100%;
    background-position: center;
    /* padding: 0; */
}

.card_10 .panel-body {
    padding: 4px;
    min-height: 55px;

}

.card_10 .panel-body label {

    font-size: 13px !important;
}


.template_name {
    border-radius: 6px;
    background-color: #f3f3f3;
    padding: 10px;
    padding-left: 50px;
    background-image: url(../images/project-icons/template_icon.svg) !important;
    background-size: 35px;
    background-position: 10px;
    background-repeat: no-repeat;
    margin: 10px;
}



.chk_box_div {
    padding: 20px !important;
}


.pl-25 {
    padding-left: 25px;
}




.panel_orange_01 {
    border-radius: 6px;
    border: 0;
    padding: 20px;
    background-color: #EFEAE5;
    margin-bottom: 20px;
}

.doc_attachment {}


.page_heading_elements {
    display: flex;
}

.btn_back {
    height: 36px;
    min-width: 85px;
    background-color: #fff;
    display: inline-block;
    padding: 8px 20px;
    background-image: url(../images/ip_images/back_icon.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    height: 35px;
    text-align: right;
    color: #0A5B99;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: .35s;
    border: 1px solid #CBDAEA;
}

.btn_back:hover {
    background-color: #3a383821;
    color: #0A5B99;
    transition: .35s;
}


.white_panel h5 {

    color: #802081 !important;
    font-weight: 600 !important;
    font-size: 14px;
}

.left_menu_grid table thead {

    display: none;
}


#divCanvas .left_menu_grid table {

    border-collapse: separate;

}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr td {

    border: 0px;
}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr {
    background-color: #f5f5f5;
    margin-bottom: 10px !important;
    display: flex;
    border-radius: 10px;
    justify-content: space-between;
    cursor: pointer;
}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr td:nth-child(2) span:nth-child(2) {

    color: #802081;
    font-weight: 600;

}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr:hover {
    background-color: #dfe0df;
}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr td span {
    line-height: 1.5;

}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr td {
    height: auto;
    border: 0px;
    display: flex;
    align-items: center;
}

#divCanvas .left_menu_grid .table-widget .table-widget-content table tbody tr td:first-child {
    background-image: url(../images/project-icons/idcard.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    padding-left: 30px;
    background-size: 15px;

}




.v_pending_grid {}

.grey_flat_panel {
    background-color: #F9F9F9;
    border-radius: 6px;
    margin-bottom: 10px;
    border: 1px solid #dddddd5c;
}

.grey_flat_panel:hover {
    background-color: #F0F1F6;

}

.grey_flat_panel:hover .id_card_icon {

    background-color: white;
}

.id_card_icon {
    background-image: url(../images/project-icons/idcard.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    background-color: #F3EEEE;
    background-position: center;
    background-size: 20px;
    margin: 10px;
}

.r_footer_btns {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.view_details_btn {
    background-image: url(../images/project-icons/view_pop.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 15px;
    padding-left: 25px;
    border-radius: 3px;
    background-color: white;
    padding: 5px 9px 5px 32px;
    border: 1px solid #CBDAEA;
}

.view_details_btn:hover {
    background-color: #3a383821;
    color: #0A5B99 !important;
    transition: .35s;
}

.user_icon {}

.date_icon {
    color: #7C7C7D !important;
    background-image: url(../images/project-icons/calendar.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px !important;
    font-size: 13px !important;

}

.date_icon span {
    font-size: 12.5px !important;
    color: #7C7C7D !important;
    font-weight: 500;
}

.history_btn {
    background-image: url(../images/project-icons/history.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 15px;
    padding-left: 25px;
    border-radius: 3px;
    background-color: white;
    padding: 5px 9px 5px 32px;
    border: 1px solid #CBDAEA;
}

.comments_btn {
    background-image: url(../images/project-icons/comments.svg);
    background-repeat: no-repeat;
    background-position: 10px 7px;
    background-size: 15px;
    padding-left: 25px;
    border-radius: 3px;
    background-color: white;
    padding: 5px 9px 5px 32px;
    border: 1px solid #CBDAEA;

}


.comments_btn:hover {
    background-color: #3a383821;
    color: #0A5B99 !important;
    transition: .35s;
}


.history_btn:hover {
    background-color: #3a383821;
    color: #0A5B99 !important;
    transition: .35s;
}

.content_column {}

.vc_name {
    font-size: 15px !important;
    text-align: left;
    font-weight: 600 !important;
    color: #802081 !important;
}

.repeater_grid {
    display: flex;

}

.repeater_grid .col-lg-2 {

    width: auto;
    padding: 0;
}

.repeater_grid .col-lg-10 {
    width: 100%;
}

.initiated_by {

    color: #7C7C7D !important;
    background-image: url(../images/project-icons/user_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px !important;

}

.forwardto {
    color: #7C7C7D !important;
    background-image: url(../images/project-icons/forward.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 12px;
    padding-left: 20px !important;

}

.content_column {

    display: flex;
    gap: 10px;

}

.vc_status {
    padding: 5px 10px 5px 10px;
    background-color: #464a99;
    text-align: center;

    width: auto;
    color: white !important;

}