.grid.faultGrid .ui-grid-cell-contents.img_comment_width{
    white-space: normal;
}
.grid.faultGrid .ui-grid-cell {
    height: 65px !important;
}
.ui-grid-cell .ui-grid-cell-contents .comment__scetion{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ui-grid-cell .ui-grid-cell-contents .comment__IMGS{
    width: 30px;
    margin-right: 6px;
}
.ui-grid-cell .ui-grid-cell-contents .comment__IMGS img{
    height: 24px;
    width: 24px;
    max-width: 40px;
}
.ui-grid-cell .ui-grid-cell-contents .comment__TEXTBOX{
    display: inline-flex;
    align-items: center;
    text-align: left;
    position: relative;
    top: -2px;
    width: 84%;
}
} 
.ui-grid-cell .ui-grid-cell-contents .comment__IMGS a {
    display: block;
}

.grid.faultGrid .risk_level_grid{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.grid.faultGrid .risk_level_grid .low{
    color: green;
}
.grid.faultGrid .risk_level_grid .high{
    color: #ef6362;
}
.grid.faultGrid .risk_level_grid .medium{
    color: #d86e17;
}


.fault_centerbox{
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%;
    flex-wrap: wrap;
}
.fault_Column_grid{
    display: block;
}
.fault_Color_red{
    color: #ef6362;
    width: 100%;
    text-align: left;
}
.fault_Color_green{
    color: green;
    width: 100%;
    text-align: left;
}
.fault_textDate {
    font-size: 11px;
    font-weight: 600;
    font-family: arial, sans-serif;
    width: 100%;
    color: #414141;
}
.ui-grid-cell-contents .fault_centerbox i {
    padding: 0;
}


.UI_Grid_vehicle{}

.wehicle_onRoad_row{}
.Vehicle_DataContainer{
    width: 85%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;

}
.Vehicle__Column_top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.Vehicle__Column_bottom{
    width: 100%;
}

.status_icon{
    width: 30px;
}
.status_icon a{
    display: block;
    text-align: left;
}
.status_icon a img{
    padding: 0;
    width: 25px;
}

.vehicle_onRoad_row{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.status__color{
    width: 85px;
    margin-right: 8px;
}
.status__color.color_green p{
    margin: 0 0 2px 0;
    padding: 0;
    line-height: normal;
    font-size: 14px;
    color: green;
}
.status_onRoad_from{
    width: 62%;
}
.status_onRoad_from p.statusFrom_sec{
    margin: 0 0 2px 0;
    padding: 0;
    line-height: normal;
    font-size: 11px;
    font-family: arial, sans-serif;
    font-weight: 600;
}
.status_onRoad_from p.statusTill_sec{
    margin: 0 0 2px 0;
    padding: 0;
    line-height: normal;
    font-size: 11px;
    font-family: arial, sans-serif;
    font-weight: 600;
}

.vehicle_offRoad_row{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.status__color.color_red p{
    margin: 0 0 2px 0;
    padding: 0;
    line-height: normal;
    font-size: 14px;
    color: #ef6362;
}


.sub-header.new-sub-content {
    padding-top: 16px;
    padding-bottom: 16px;
}



/*--------------------------- Popup START ----------------------*/
md-dialog.dialog_wrapper{
    width: 47%;
}
.onOFF_Container{
    padding: 10px 10px 0px 10px;
}
.onOFF__row{
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}
.onOFF__grid_left{
    display: flex;
    align-items: center;
    width: 60%;
    margin-right: 5px;
    padding: 0;
    flex-wrap: wrap;
}
.onOFF__row_first{
    margin-right: 2px;
    width: 44px;
}
.onOFF__row_first span{
    font-size: 12px;
    color: #ef6362;
    letter-spacing: 0.2px;
    font-family: arial, sans-serif;
    font-weight: 600;
}

.onOFF__row_second{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-right: 0;
    width: 88%;
    flex-wrap: wrap;
}
.onOFF__row_second span.sub__row_one{
    font-size: 15px;
    letter-spacing: 0.2px;
    color: #33225a;
    font-weight: 600;
    font-family: arial, sans-serif;
}

.onOFF__row_second span.sub__row_tow {
    font-size: 13px;
    color: #dd9a24;
    letter-spacing: 0.2px;
    font-weight: 600;
    font-family: arial, sans-serif;
    margin-left: 10px;
}

.onOFF__grid_right {
    width: 38%;
}
.onOFF__row_third{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: wrap;
}
.onOFF__row_third span.sub__rowFirst{
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #33225a;
    text-transform: uppercase;
    font-weight: 600;
    font-family: arial, sans-serif;
    text-align: right;
    display: block;
    margin-right: 10px;
}

.onOFF__row_third span.sub__rowSecond{
    font-size: 12px;
    letter-spacing: 0.4px;
    text-align: right;
    display: block;
    font-family: arial, sans-serif;
    font-weight: 600;
    border-radius: 50px;
    padding: 2px 10px;
}
.onOFF__row_third span.sub__rowSecond.onOFF__green{
    color: green;
    background: #daffda;
}
.onOFF__row_third span.sub__rowSecond.onOFF__red{
    color: #ef6362;
    background: #ffe2e2;
}




.section__row{
    margin-bottom: 8px;
}
.section__row.row_first{
    margin-bottom: 30px;
}


.section__row.row_second{}
.onOFF__rowMin{
    display: flex;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}
.onOFF__rowMinFirst{
    margin-right: 10px;
    width: 17%;
}
.onOFF__rowMinFirst.__large_width{
    width: 18.5%;
}
.onOFF__rowMinFirst span{
    font-size: 18px;
    color: #33225a;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    font-weight: 600;
}
.onOFF__rowMinSecond{
    margin-right: 10px;
    width: 18%;
}
.onOFF__rowMinSecond.__large_widthContainer{

}

.onOFF__rowMinThird span {
    font-size: 14px;
    color: #dd9a24;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
}
.onOFF__rowMinThird.__large_widthCheck{}
.onOFF__rowMinThird.__large_widthCheck md-checkbox{
    margin-bottom: 0;
}
.onOFF__rowMinThird.__large_widthCheck span {
    font-size: 15px;
    color: #33225a;
    font-weight: 500;
}
.onOFF__rowMinSecond span{
    font-size: 15px;
    letter-spacing: 0.8px;
    font-weight: 600;
    font-family: arial, sans-serif;
    text-transform: uppercase;
}
.onOFF__rowMinSecond span.green_text{
    color: green;
}
.onOFF__rowMinSecond span.red_text{
    color: #ef6362;
}
.onOFF__rowMinThird {
    width: 50%;
}
.onOFF__rowMinThird span{
    font-size: 14px;
    color: #dd9a24;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
}

.onOFF__rowMinThird span.dateText_color{
    color: #6041a7;
}


.row_third{}
.contanet__row{
    display: flex;
    align-items: flex-start;
    padding: 0;
    flex-wrap: wrap;
}
.row__grid_left{
    margin-right: 10px;
    width: 17%;
}
.grid_left__FW{
    margin-right: 10px;
    width: 18.5%;
}
.text__row_first{}
.text__row_first span {
    font-size: 18px;
    color: #33225a;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    font-weight: 600;
    line-height: 18px;
}
.text__row_first span.__small_text {
    font-size: 14px;
    letter-spacing: 0.1px;
}
.row__grid_right{
    width: 75%;
}
.grid_right__FW{
    width: 75%;
}
.textarea_row_second{}
.textarea_row_second textarea{
    width: 100%;
    height: 100%;
    min-height: 80px;
    padding: 8px;
    border-radius: 4px;
    color: #33225a;
    letter-spacing: 0.5px;
    line-height: 20px;
}
.grid_right__FW .textarea_row_second textarea{
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 8px;
    border-radius: 4px;
    color: #33225a;
    letter-spacing: 0.5px;
    line-height: 20px;
}

md-dialog .dialog_onRoad_content {
    padding: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.dialog_onRoad_content img{
    max-width: 260px;
}

.onRoad_upload__download {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.upload__download_INNER{
    max-width: 440px;
    margin: auto;
    width: 75%;
}
.blanckSpace{
    width: 18.5%;
}
.upload_download_text{}
.sub_text{
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sub_text img{
    width: 40px;
    margin-right: 15px;
}
.sub_text p{
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    color: #33225a;
}
.sub_demo{
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #787878;
    display: block;
}
.brack_line_OR{
    margin: 6px 6px 5px 6px;
    font-size: 17px;
    font-weight: 600;
    font-family: arial,sans-serif;
    color: #7c7c7c;
}
.download_input{
    position: relative;
    overflow: hidden;
    display: inline-flex;
    cursor: pointer;
    margin-bottom: 15px;
}
.download_input input{}
.download_input input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.browse-files-text{
    /*color: #33225a;
    font-size: 20px;
    letter-spacing: 0.5px;*/
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.5px;
    background: #33225a;
    padding: 6px 15px;
    border-radius: 32px;
    cursor: pointer !important;
}
#drop-zone {
    border: 2px dashed #ccc;
    padding: 14px 10px 8px 10px;
    text-align: center;
    border-radius: 8px;
}
#drop-zone.drag-over {
    border-color: #4CAF50;
}
#preview {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
#preview img {
    max-width: 100%;
    max-height: 100%;
}




md-dialog-actions.dialog_footer_container {
    padding-bottom: 20px;
    padding-right: 12px;
    margin-top: 20px;
}

.dialog_footer_container{}
.dialog_footer_inner{}


.md-dialog-container .footer_dialog_btnCancel button.md-button {
    background: #dadadaee;
    color: #262626;
    text-transform: none;
    font-weight: 500;
    font-family: arial, sans-serif;
    min-height: 30px;
    min-width: 75px;
    line-height: 30px;
    letter-spacing: 0.5px;
    transition: all 0.6s;
}
.md-dialog-container .footer_dialog_btnCancel button.md-button:hover {
    background: #767676ee;
    color: #fbfbfb;
}
.md-dialog-container .footer_dialog_btnCancel button.md-button:active {
    background: #dadadaee !important;
    color: #262626;
}
.md-dialog-container .footer_dialog_btnCancel button.md-button:focus {
    background: #dadadaee !important;
    color: #262626;
}

.md-dialog-container .footer_dialog_btnSubmit button.md-button {
    background: #1a8f1a;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    font-family: arial, sans-serif;
    min-height: 30px;
    min-width: 75px;
    line-height: 30px;
    letter-spacing: 0.5px;
    transition: all 0.6s;
}
.md-dialog-container .footer_dialog_btnSubmit button.md-button:hover {
    background: #daffda;
    color: #262626;
}
.md-dialog-container .footer_dialog_btnSubmit button.md-button:active {
    background: #1a8f1a !important;
    color: #262626;
}
.md-dialog-container .footer_dialog_btnSubmit button.md-button:focus {
    background: #1a8f1a;
    color: #fff;
}


 
.md-dialog-container .footer_dialog_btnOK button.md-button {
    background: #1a8f1a;
    color: #fff;
    text-transform: none;
    font-weight: 500;
    font-family: arial, sans-serif;
    min-height: 30px;
    min-width: 46px;
    line-height: 30px;
    transition: all 0.6s;
}
.md-dialog-container .footer_dialog_btnOK button.md-button:hover {
    background: #daffda;
    color: #262626;
}
.md-dialog-container .footer_dialog_btnOK button.md-button:active {
    background: #1a8f1a !important;
    color: #262626;
}
.md-dialog-container .footer_dialog_btnOK button.md-button:focus {
    background: #1a8f1a;
    color: #fff;
}


/*third popup*/
md-dialog.dialog_wrapper_THIRD{
    width: 47%;
}
.wrap__row{
    margin-bottom: 8px;
}
.wrap__row.wrap_first{
    margin-bottom: 15px;
}

.SEC__row {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.SEC__row span.subFirst {
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #33225a;
    text-transform: uppercase;
    font-weight: 600;
    font-family: arial, sans-serif;
    display: block;
    margin-right: 5px;
}
.SEC__row span.subSecond {
    font-size: 15px;
    letter-spacing: 0.4px;
    text-align: right;
    display: block;
    font-family: arial, sans-serif;
    font-weight: 500;
    border-radius: 50px;
    padding: 2px 10px;
}
.SEC__row span.subThird_img{}
.SEC__row span.subThird_img img{
    width: 26px;
    margin: 0 8px;
}
.SEC__row span.subSecond.subSon__green {
    color: green;
    background: #daffda;
}
.SEC__row span.subSecond.subSon__red{
    color: #ef6362;
    background: #ffe2e2;
}

.onOFF__GridRows_right {
    width: 38%;
}
.sec__row_third{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: wrap;
}
span.GRIDrowFirst{
    font-size: 14px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: arial, sans-serif;
    text-align: right;
    display: block;
    margin-right: 10px;
}

span.GRIDrowSecond{
    font-size: 11px;
    letter-spacing: 0.3px;
    text-align: right;
    display: block;
    font-family: arial, sans-serif;
    font-weight: 500;
    border-radius: 50px;
    padding: 2px 8px;
}
span.GRIDrowSecond.GRIDrow__green{
    color: green;
    background: #daffda;
}
span.GRIDrowFirst.GRIDrow__red{
    color: #ef6362;
}
span.GRIDrowFirst.GRIDrow__green{
    color: green;
}

.wrap__row {
    margin-bottom: 8px;
}
.wrap__contanet {
    display: flex;
    align-items: flex-start;
    padding: 0;
    flex-wrap: wrap;
}
.wrap__grid_left {
    width: 100%;
}
.wrapRow___first span {
    font-size: 14px;
    color: #33225a;
    letter-spacing: 0.3px;
    font-family: arial, sans-serif;
    font-weight: 600;
    line-height: 18px;
}
.wrap__grid_right {
    width: 95%;
}
.wrapRow___second textarea{
    width: 100%;
    height: 100%;
    min-height: 50px;
    padding: 8px;
    border-radius: 4px;
    color: #33225a;
    letter-spacing: 0.5px;
    line-height: 20px;
}
.Third_widthCheck{
    margin: 15px 0;
}
.Third_widthCheck span {
    font-size: 16px;
    color: #33225a;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    position: relative;
    top: -1px;
    text-transform: uppercase;
}
.Third_widthCheck md-checkbox{
    margin-bottom: 0;
}
.Third_widthCheck md-checkbox img{
    margin-right: 3px;
    width: 26px;
}
.Third_widthCheck md-checkbox span.road_color_red{
    color: #ef6362;
}
.Third_widthCheck md-checkbox span.road_color_green{
    color: green;
}


.wrap__row{
    margin-bottom: 8px;
}
.wrap__row.end_tabel{
    margin-bottom: 28px;
    margin-top: 22px;
}
.end_tabel__row{
    width: 100%;
}
.tabel__rowHeading{
    width: 100%;
    margin-bottom: 4px;
}
.tabel__rowHeading span{
    font-size: 14px;
    color: #33225a;
    letter-spacing: 0.5px;
    font-family: arial, sans-serif;
    font-weight: 600;
}
table.table_cont_wrapper{
    border-collapse: collapse;
    width: 100%;
}
table.table_cont_wrapper tr{


}
table.table_cont_wrapper tr td{
    color: #333;
    font-size: 12px;
    background: #ecffec;
    font-weight: 600;
    font-family: arial, sans-serif;
}
table.table_cont_wrapper tr td.table_span_color{
    color: #896fc2;
    font-weight: 600;
    font-family: arial, sans-serif;
}


.wrap__row.date_box{
    margin-bottom: 28px;
    margin-top: 28px;
    width: 100%;
}

.inner_date_wrapper{
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}
.inner_date_left{
    width: 30%;
    margin-right: 20px;
}
.inner_date_right{
    width: 30%;
}
.inner_date_left, .inner_date_right{
    display: flex;
    flex-wrap: wrap;
}
.inner_date_left label, .inner_date_right label{
    font-size: 13px;
    font-weight: 600;
    font-family: arial, sans-serif;
    letter-spacing: 0.5px;
    color: #33225a !important;
    width: 100%;
    margin-bottom: 3px;
}

.inner_date_left input, .inner_date_right input{
    font-size: 13px;
    font-family: arial, sans-serif;
    letter-spacing: 0.5px;
    color: #303030;
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #8a8a8a;
    outline: none;
}



.upload_show_img {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.upload_show_INNER{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.upload_show_blanckSpace{
    width: 18.5%;
}
.loop_showIMG{
    margin: 5px;
    padding: 2px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loop_showIMG img{
    width: 150px;
    height: 100px;
    border-radius: 5px;
    border: 3px solid #6666662e;
}
.closePrevioueImage.loop_showIMG i{
   background-color: #0A5DBC;
   color: #fff;
   padding:2px;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 9;
   cursor: pointer;
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
.onOFF__GridRows_right {
    width: 26%;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1365px) {
.onOFF__GridRows_right {
    width: 38%;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.onOFF__GridRows_right {
    width: 26%;
}
}
/*third popup END*/



@media only screen and (min-width: 1200px) and (max-width: 1279px) {
md-dialog.dialog_wrapper{
    width: 58%;
}
.onOFF__row_five {
    width: 30%;
}
.onOFF__row_first {
    margin-right: 2px;
}
.onOFF__row_second {
    width: 88%;
    margin-right: 0;
}
.onOFF__grid_left {
    width: 60%;
}
.onOFF__grid_right {
    width: 38%;
}
.onOFF__rowMinFirst {
    width: 18%;
}
.onOFF__rowMinFirst.__large_width{
    width: 18.5%;
}
.row__grid_left {
    width: 18%;
}
.grid_left__FW{
    width: 18.5%;
}
.onOFF__rowMinThird {
    width: 48%;
}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
md-dialog.dialog_wrapper{
    width: 54%;
}
.onOFF__row_second {
    width: 72%;
    margin-right: 0;
}
.onOFF__grid_left {
    width: 70%;
}
.onOFF__grid_right {
    width: 26%;
}
.onOFF__rowMinFirst {
    width: 18%;
}
.onOFF__rowMinFirst.__large_width{
    width: 18.5%;
}
.row__grid_left {
    width: 18%;
}
.grid_left__FW{
    width: 18.5%;
}
.onOFF__rowMinThird {
    width: 48%;
}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
md-dialog.dialog_wrapper{
    width: 50%;
}
.onOFF__rowMinFirst {
    width: 17%;
}
.onOFF__rowMinFirst.__large_width{
    width: 18.5%;
}
.row__grid_left {
    width: 17%;
}
.grid_left__FW{
    width: 18.5%;
}
.onOFF__grid_left {
    width: 68%;
}
.onOFF__grid_right {
    width: 38%;
}
.onOFF__rowMinThird {
    width: 45%;
}
}

@media only screen and (min-width: 678px) and (max-width: 992px) {
md-dialog.dialog_wrapper {
    width: 90%;
    max-width: 95%;
}
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
md-dialog.dialog_wrapper {
    width: 80%;
}
}

/*--------------------------- Popup END ----------------------*/



/*---------------------Custom Loader -------------------------*/
.custom-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(51 34 90 / 84%);
    padding: 40px;
    border: 1px solid rgb(51 34 90 / 46%);
    border-radius: 5px;
    width: 30%;
    text-align: center;
    z-index: 9;
}
.custom-loader p{
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.9px;
}
/*---------------------- END -------------------------*/




/*15-FEB-2024 Fault page popup Start*/
.dropdown_Mr_right{
    display: flex;
    justify-content: right;
    padding-right: 15px;
}
.sub-header .dropdown_Mr_right button{}
.footer_button_cnt{}
.footer_buttonInner{}
.footer_buttonInner button{
    background-color: #33225a !important;
    float: left;
    box-shadow: none;
    border: 1px solid #33225a !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 8px 0px 8px 10px;
    line-height: normal;
    min-height: auto;
    font-size: 12px;
    height: auto;
    outline: none;
    vertical-align: middle;
    transition: all 0.5s;
    letter-spacing: 0.8px;
    min-width: auto;
}
.footer_buttonInner button i{
    color: #fff !important;
    font-size: 12px;
    margin-right: 2px;
}
.footer_buttonInner button i.xl_size{
    color: #fff !important;
    font-size: 14px;
    margin-right: 3px;
}
.footer_buttonInner button:hover, .footer_buttonInner button:focus {
    background-color: #ef6362 !important;
    border: 1px #ef6362 solid !important;
}


.row_add_min{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.padding_bgEND{
    padding: 4px 8px !important;
}
.row_input{
    width: 65%;
}
.row_input input{
    border: 1px solid #333;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    padding: 7px 6px;
    outline: none;
    width: 90%;
}
.row_input input:focus{
    border: 1px solid #333;
}
.row_input input:required:invalid, .row_input input:focus:invalid {
    border: 2px solid #ef6362;
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
.row_input input:required:valid {
    background-position: right top;
    background-repeat: no-repeat;
}
.row_input_button{
    width: 34%;
}
.row_input_button button{
    background-color: #33225a !important;
    float: left;
    box-shadow: none;
    border: 1px solid #33225a !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 6px 10px;
    margin: 8px 0px 8px 10px;
    line-height: normal;
    min-height: auto;
    font-size: 12px;
    height: auto;
    outline: none;
    vertical-align: middle;
    transition: all 0.5s;
    letter-spacing: 0.8px;
    min-width: auto;
}
.row_input_button button i{
    color: #fff !important;
    font-size: 14px;
    margin-right: 0;
}
.row_input_button button:hover, .row_input_button button:focus {
    background-color: #ef6362 !important;
    border: 1px #ef6362 solid !important;
}


/*  Fault popup page Design */
.padding_faultEnd{
    padding: 4px 8px !important;
}
.row_fault_min{
    margin-bottom: 20px;
}
.row_fault_input{
    width: 100%;
}
.row_fault_input md-input-container {
    width: 100%;
    margin: 10px 0 16px 0;
}
.row_fault_input md-input-container .md-input{
    width: 99%;
    border: 1px solid #333;
    border-radius: 3px;
    line-height: normal;
}
.row_fault_input md-input-container textarea.md-input {
    height: 70px !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px;
    width: 96%;
}
.row_fault_input md-input-container md-select{
    width: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    line-height: normal;
}
.row_fault_input select .md-select-value {
    border-bottom-color: transparent;
    padding: 2px 5px;
    border-bottom-width: 0;
}
.row_fault_input md-input-container.md-input-focused .md-input, 
.row_fault_input md-input-container.md-input-resized .md-input, 
.row_fault_input md-input-container .md-input.ng-invalid.ng-dirty{
    border-width: 1px;
}
.row_fault_input md-input-container md-select.md-default-theme .md-select-value, 
.row_fault_input md-input-container md-select .md-select-value {
    border-bottom-color: transparent;
    border-bottom-width: 0;
}
.row_fault_input md-input-container md-select:not([disabled]):focus .md-select-value{
    border: 1px solid #2196f3;
}
.row_fault_input md-input-container .md-select-value>span:not(.md-select-icon) {
    padding-left: 5px;
}
.row_fault_input md-input-container .md-placeholder, 
.row_fault_input md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 8px;
}
.row_fault_input input:focus{
    border: 1px solid #333;
}
.faultFooter_button{
    width: 100%;
    text-align: center;
}
.faultFooter_button button{
    background-color: #33225a !important;
    float: left;
    box-shadow: none;
    border: 1px solid #33225a !important;
    color: #fff !important;
    border-radius: 3px;
    padding: 6px 10px;
    margin: 8px 0px 8px 10px;
    line-height: normal;
    min-height: auto;
    font-size: 12px;
    height: auto;
    outline: none;
    vertical-align: middle;
    transition: all 0.5s;
    letter-spacing: 0.8px;
    min-width: auto;
}
.faultFooter_button button:hover, .faultFooter_button button:focus {
    background-color: #ef6362 !important;
    border: 1px #ef6362 solid !important;
}

.row_fault_file{
    padding: 3px 5px 10px 5px;
}
.row_fault_file input[type="file"] {
    background: #fff;
    border: none;
    border-radius: 0;
}

.row_fault_file input[type="file"]::file-selector-button {
  border: none;
  padding: 7px 16px;
  border-radius: 4px;
  background-color: #33225a;
  color: #fff;
  letter-spacing: 1px;
}
.row_fault_file label {
    margin-bottom: 3px;
    width: 100%;
    display: flex;
    font-size: 16px;
    letter-spacing: 0.8px;
}

/*15-FEB-2024 Fault page popup END*/
.sub-header .dropdown-mr-3 .md-button.md-primary.md-raised  {
    margin: 8px 0px 7px 10px;
}

.sub-header h3.h_text {
    padding: 8px 15px;
    font-size: 18px;
    margin: 0 20px 0px 3px;
}