*{
    margin: 0;
    padding: 0;
    font-family: Arial;
   }
   :root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40; 
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  }
  
   html, body, h1, h2, h3, h5, h6{margin: 0px;padding: 0px;box-sizing: border-box; color: #000; }
   a, a:hover, a:focus{color: #000;text-decoration: none;}
   ul, li{margin:0px;list-style: none;padding: 0px;}
   select, select:hover,select:focus{color: #000;max-width:150px;}
  .siteMaster_lFranchise {max-width:150px !important;}
   
   sup{color: #ff0019;}
   .border-class-bottom{border-bottom: 1px solid #b32522;}
   .bgimg{
    width: 100%;
    height: 100vh;
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: linear-gradient(to bottom, #FFFFFF, #e1e1e1);
    overflow:auto;
   }
   
   /** Login Page Css **/
   .centerdiv{
    width: 380px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: red;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #E8E8E8, #fff);
    background: -moz-linear-gradient(top, #E8E8E8, #fff);
    background: linear-gradient(to bottom, #E8E8E8, #fff);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    text-align: center;
    border: 5px;
   }

   .login-logo{padding: 0.7rem;}
   .login-header h2{margin: 5px 0px 0px 0px; font-size: 2rem;}
   .login-header h4{ margin: -5px 0px 10px 0px;font-size: 1.3rem;}
   .centerdiv .input-group-text{background-color: #892824;color: #ffffff;}
   
   .form-section{padding: 0.6rem;}
   #password-field-sec {position: relative;}
   #password-field-sec .toggle-password{
       position: absolute;
       right: 5px;
       top: 10px;
       z-index: 9;
       color: #892824;
    }
   .inputbox{
    width: calc(100% - 40px);
    height: 30px;
    display: block;
    margin: auto;
    padding: 0 10px;
    box-sizing: border-box;
   }

   ::placeholder{
    letter-spacing: 2px;
    color: black;
   }

   .login-btn{
    width: calc(100% - 100px);
    display: block;
    margin: auto;
    color: #fff!important;   
    text-transform: uppercase;
    padding: 5px 15px;
    font-size: 12px;
    background-image: linear-gradient( #b5b5b5 10%, #8d8d8d 60%);
    border-radius: 3px;
    border: 2px solid #afafaf;
   }
.forget-password p{margin: 0px;}
.straight-line{
    border: 1px solid #cb1e21;
    width: 50%;
    text-align: center;
    margin: 0 auto;}
   /* main page css */
   .logo-section figure{margin: 5px 0px 0px 0px;}
   .login-btn:hover, :focus, :visited{color:#fff;}
   .header-contact{text-align: right;margin-bottom: 5px;}
   .header-contact p{ margin: 0;}
   .FORGOT-SECTION{
    width: calc(100% - 40px);
    line-height: 30px;
    display: block;
    margin: auto;
    color: white;
    background-color: dodgerblue;
    text-transform: uppercase;
    font-size: 0.8em;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;

   }

   /* header section css */
   header{
       border: 1px solid #eee;
       border-radius: 0px 0px 5px 5px;
       padding: 0.6rem;
       background-color: #fff;
       border-top: 0px;
       box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
       background-color:#fff;
    }

    ul li{display: inline;}
    .nav-log-details{text-align: right;}
    .nav-log-details li i{color: #892824;}
    .select-company{text-align: right;padding: 5px 0px;}
    .nav-custom{background-color: #8d8d8d; border-radius: 3px;padding: 0;}
    /*.nav-custom .navbar-nav .nav-link{color:#fff;font-size: 16px;padding: 0.7rem 2rem;}*/
    /*.nav-custom .navbar-nav .nav-link{color:#fff;font-size: 16px;padding: 1rem 1rem;}*/
    /* vk 22-12-24*/
    /*.nav-custom .navbar-nav .nav-link{color:#fff;font-size: 16px;padding: 1rem 0.5rem;} */
    .nav-custom .navbar-nav .nav-link{color:#fff;font-size: 14px;padding: 1rem 0.5rem;}
    .nav-custom .navbar-nav .nav-link:hover{background-color: #892824;border-radius: 5px;}
    .nav-custom .navbar-nav .nav-link.active{background-color:#892824; border-radius: 5px;}
    .dsply-hd-lg{display: none;}
    /* Main Section csss */
    #main{
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
        background-color: #000;
        padding: 0.2rem;border-radius: 5px 5px 5px 5px;

    }
    .table-section{
        background-color: #f9f9f9;
        padding: 5px;
        margin: 0px 0px 10px 0px;
        box-shadow: 0px 1px 3px 0px #c7c7c7;
        min-height: 300px;
        border-radius: 5px;
        
    }
.top-heading label{
    background-color: #892824;
    padding: 5px 30px 5px 5px;
    font-size: 16px;
    /* background-image:linear-gradient( #787878 10%, #000000 40%); */
    border-radius: 3px;
    color: #fff;float: left;margin-bottom: 10px;
}
.top-heading label a{color: #fff;font-size: 12px;text-decoration: underline;}
.table-custom{margin: 5px 0px;}
.table-custom thead tr th{
    padding: 5px;
    background-image: linear-gradient( #a5a5a5 10%, #a5a5a5 40%);
    color: #fff;
    border: 1px solid #5a5959;
    font-weight: 400;
    font-size: 14px;
}
.table-custom tbody tr td{
    padding: 5px;
    background-color: #e3e3e3;
    color: #535353;
    border: 1px solid #a0a0a0;
    font-size: 12px;
}
.table-custom tbody tr td a{color: #000;text-decoration: underline;}
.page-count{font-size: 14px;}

/* paginaation */
.pagination-custom{float: right;}
.pagination-custom ul li a{padding: 2px 5px;font-size: 14px;}
.pagination-custom ul li a:hover{background-color:#b32522 ;color:#fff;}
/* footer css */
footer{
    background-color:#f9f9f9;
    padding: 10px 5px;
    box-shadow: 0px 1px 3px 0px #c7c7c7;
    border-radius: 5px;
}
footer p{
    margin: 0px 0px;
    text-align: center;
}



/* system screen css */
.system-tab{
    background-color: #eee;
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: linear-gradient(to bottom, #FFFFFF, #e1e1e1);
    margin-bottom: 10px;
    float:left;
    width:100%;
}
.system-tab-left{
    width:15%;
    min-width: 175px;
    border-top: 1px solid #b32522;
    background-color: #fff;
    float:left;
}
.system-tab-left h3{
    font-size: 16px;
    padding: 5px;
    background-color: #892824;
    color: #fff ;
}
.system-tab-left h3 a i{color: #fff;float: right;}

.system-tab-left .nav-link{
    padding: 5px;
    border: 1px solid #bfbfbf;
    font-size: 12px;
    border-right: 0;
    border-left: 0;
}
.system-tab-left .nav-link.active{background-image:linear-gradient( #b32522 2%, #b32522 40%)}
.system-tab-left .nav-link:hover{background-color: #b32522;color:#fff}
.system-tab-right{
    min-width: 175px;
    width: 84%;
    
    background-color: #fff;
    overflow-x: hidden;
    float:left;
    min-height:450px;
}
/* common button class */
.button-list{width: auto;float: left;}
.btn-cm-cls{
    
    padding: 5px 15px;
    font-size: 12px;
    background-image: linear-gradient( #b5b5b5 10%, #8d8d8d 60%);
    border-radius: 3px;
    color: #fff;
    float: left;
    margin: 0px 10px 10px 0px;
    border:2px solid #afafaf;
}
.btn-cm-cls:hover{box-shadow: 0px 0px 2px 1px #ccc;}
.system-btn{    background-color: #909090;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border: 1px solid #5a5959;
    border-bottom: 0;
    border-radius: 5px 5px 0px 0px;}
.system-btn .btn-cm-cls{border: 0;background-color:transparent;background-image: none;font-size: 16px;margin: 0px 10px;padding:2px 5px;}
.system-btn .btn-cm-cls:hover{box-shadow: none;}
/* modal css */

.tab-header-section{
    margin: 0px 0px 5px 0px;
    padding: 5px;
    background: #FFFFFF;
    background: -webkit-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: -moz-linear-gradient(top, #FFFFFF, #E8E8E8);
    background: linear-gradient(to bottom, #FFFFFF, #e1e1e1);
}

.table-tab-header tr td{font-size: 12px;}
.table-tab-header tr td input{max-width: 160px; margin: 0px 5px;vertical-align: middle;}
/**finr till here**/


/*****************************/
.mdl-content{border: 2px solid #b32522;}
.mdl-header{background-color: #892824;padding:2px 5px;}
.mdl-header h5{font-size:14px;color: #fff;}
.mdl-header button{opacity: 1;}
.nav-tabs-custom{border-bottom:0px ;}
.modal-custom-tab{padding:5px;}
.tab-content-custom{
    border: 1px solid #892824;
    border-radius: 0px 0px 5px 5px;
    padding: 0px 5px;
   
 }
  .tab-content>.active   
 {
  /* max-height: 800px;*/
  max-height: 90%;
    overflow: auto;
    overflow-x: hidden;
   }
   
   /***********************************/

.nav-tabs-custom .nav-link{
    background-color: #892824;
    color: #fff;
    font-size: 12px;
    padding: 5px 2.4px;
    margin: 0px 1.5px 0px 0px;
}
.nav-tabs-custom .nav-link.active{
    color:#892824;
    background:#fff !important;
    border-color:#892824;
    border-bottom-color: rgb(137, 40, 36);
    border-bottom: 0;
}

.table-custom-call{margin: 10px 0px;}
.table-custom-call tr td sup{color: #892824;}
.table-custom-call .btn-cm-cls{float: none;}
.table-custom-call tr td{
    padding: 4px 1px;    /*chnaging this changes ui initial 2px 0px*/
    background: none;
    border: 0;
    font-size: 12px;
    vertical-align: middle;
}
.footer-mdl{padding: 0px;border-top: none;}

 /* For Work order */
  .call-tkr-tble #txt_Customer_Zip {min-width: 101.5%;}
  
 /* For Ticket */
   #addupdate_Ticket { border: 2px solid #892824; border-radius: 5px !important; margin: 1%; margin-top:0px}
   .add-Ticket-table tr td {padding-bottom: 2% }
   .add-Ticket-table tr td:nth-child(odd) {width:20% !important}
   .add-Ticket-table select{min-width: 100% } 
   .add-Ticket-table tr td input[type="text"]{min-width: 100%  } 
   .add-Ticket-table tr td input[type="date"]{min-width: 100% } 
   .add-Ticket-table tr td input[type="checkbox"]{margin-right:1.5% } 
   .add-Ticket-Service-table tr td:nth-child(odd) {width:10% !important}
   .add-Ticket-Service-table textarea{min-width: 100% } 
   .add-Ticket-Service-table {margin-top:-0.5% !important}
   #addupdate_Ticket .System_Maintenance_bottom_save_cancel {margin-right:1%}

 /* For Event */
    .create-event-tble tr td {padding-bottom:2% }
    .create-event-table #ddlWOType {padding-top: .6%; padding-bottom: .6%;}
    .create-event-table #ddlFranchise {padding-top: .6%; padding-bottom: .6%;}
    .create-event-tble tr td:nth-child(odd) {min-width: 115px; word-break: break-word;}
    .create-event-table tr td input, .create-event-table tr td select {width: 98%;  max-width:100% }
    .create-event-table tr td:nth-child(odd) {width:24% !important}
    .create-event-table2 tr td:nth-child(odd) {width:30% !important; min-width: 0%;}
    .create-event-table2 tr td input {width: 100%; max-width:100%; min-width:100%}
    .create-event-table2 #txtWOStartTime{width: 100%; min-width: 0px;}
    .create-event-table2 #txtWOCompleteTime{width: 100%; min-width: 0px;}
    .create-event-table2 #txtCallTakerPhoneExtension{width: 100%; min-width: 0px;}
    .create-event-table4 tr td:nth-child(odd) {width:11.5% !important}
    .create-event-table4 tr td textarea {width: 100%; max-width:100%; height: 260px; max-height: 335px }
    .create-event-table4 {margin-top:-10px }
    .dupEvent-time-table tr td {padding: 0px 2px 0px 2px; }
    .dupEvent-time-table tr td input {margin: 0px 3px 0px 0px; width: 90%; max-width: 100%;}
    .Event-time-table #btnSaveWD { padding-top : 2px; padding-bottom:2px }
    .dupEvent-time-table #btnSaveED { padding-top : 2px; padding-bottom:2px }
    .tab-heading-event-model {background-image: linear-gradient( #a5a5a5 10%, #a5a5a5 40%);color: #fff;font-size: 14px;padding: 5px 7px 5px 7px; margin:10px 0px 3px 0px;}
    .tab-heading-event-model a{display: block;color:#fff}
    
    /* All Maintenance Tab for border */
    .System_Maintenance_Add { margin-left: 1% !important; border: 2px solid #892824; border-radius: 5px !important; margin: 1px; height:65vh }
    
    /* Franchise */
     #addupdate_franchise { margin-left: 1% !important; border: 2px solid #892824; border-radius: 5px !important; margin: 1px;}
     #ddlFranchise option{width:150px;}
     #franchisetxtNoOfDaysToKeepAlertHistory{width:40% !important}
    .table-franchise-custom{margin: 10px 0px;}
    .table-franchise-custom tr td sup{color: #892824;}
    .table-franchise-custom .btn-cm-cls{float: none;}
    .table-franchise-custom tr td{padding: 4px 1px; background: none; border: 0; font-size: 12px; vertical-align: middle; }
    .add-franchise-table tr td:nth-child(odd) {width:25% !important}
    .add-franchise-table tr input {width: 100% }
    .add-franchise-tablesecond tr td:nth-child(odd) {width:36% !important}
    .add-franchise-tableThird tr td:nth-child(odd) {width:15% !important}
    .add-franchise-table #txt_Customer_Phone{min-width: 185px}

    /* user */
    #addupdate_user {height:auto; min-height:auto; overflow:auto}
   .user-name a:hover, :focus, :visited{color:#000;}
   .user-name a i{color: #cb1e21;}
   .user-name .dropdown-menu{transform: translate(-10px, 16px)!important;}
   .user-details-section .dropdown-toggle::after{display: none;}
   .add-user-table tr td:nth-child(odd) {width:30% !important}
   .add-user-table .btn-group > .multiselect {border: none;}
   .add-user-table select{min-width: 250px;} /*initial 150px*/
   .add-user-table select:hover,select:focus{color: #000;max-width:250px;}
   .add-user-table tr td:nth-child(odd) #cpMainContent_txtPhone {margin-right:130px !important}
   
    /* Role */
    #addupdate_role {height:auto; min-height: auto; overflow: auto;}
   .add-role-table tr td:nth-child(odd) {width:40% !important}
    
    /* TicketType */
    #addupdate_TicketTypes {}
    .Maintenance_TicketTypes_button { margin-bottom:30% }
    .add-TicketTypes-table tr td:nth-child(odd) {width:10% !important}
    .add-TicketTypes-table select{min-width: 150px;}
    .add-TicketTypes-table textarea{width: 100%; height:225px; max-height: 440px }
    
     /* Priority */
     #addupdate_priority {}
     .Maintenance_priority_button { margin-bottom:30% }
    .add-Priority-table tr td:nth-child(odd) {width:10% !important}
    .add-Priority-table select{min-width: 150px;}
    .add-Priority-table textarea{width: 100%; height:225px; max-height: 440px }

      /* Hoarding */
      #addupdate_Hoarding {}
      .Maintenance_HoarderTypes_button {margin-bottom:30% }
     .add-Hoarding-table tr td:nth-child(odd) {width:7% !important }
     .add-Hoarding-table textarea {width: 100%; height:150px; max-height: 380px }
     .add_ho_visibility {padding-left: 5%;}
     .addrmhoardingseconddiv {margin-top: -15px}
     .addrmhoarding tr td:nth-child(odd) {width:17.8% !important; min-width: 62px; }
     .addrmhoarding select{min-width: 100% !important; }
     .addrmhoarding tr td input[type="checkbox"]{margin-left: 25% !important; }

     /* PaymentTerm */
      #addupdate_PaymentTerm {}
      .Maintenance_PaymentTerm_button{margin-bottom:30%}
     .add-PaymentTerm-table tr td:nth-child(odd) {width:11% !important}
     /*.add-PaymentTerm-table select{min-width: 100% !important; max-width:inherit !important}*/    /*commented by Akanksha*/
     .add-PaymentTerm-table textarea{width: 100%; height:180px; max-height: 400px }
     .addrmPaymentTerm select{min-width: 100% !important; max-width :100% }
     .PaymentTermtable1 .aspNetDisabled {margin-right: 5px}
     
      /* RoomType */
       #addupdate_RoomType {}
       .Maintenance_RoomType_button{margin-top:4%}
      .add-room-table tr td:nth-child(odd) {width:10% !important}
      .add-room-table tr td input[type="text"]{min-width: 100% !important; max-width:inherit !important}
      .add-room-table tr td select{min-width: 100% !important; max-width:inherit !important}
           
       /* Service Provided Biohazard */
       #addupdate_Service_Biohazard {min-height:auto; overflow: auto; height:auto}
       .add-Service_Biohazard-table tr td:nth-child(odd) {width:18% !important; min-width: 100px;}
       .Service_Biohazard_Description_table {margin-top:-10px}
       #addupdate_Service_Biohazard .Service_Biohazard2 tr td:nth-child(odd) {width:18% !important; padding: 1rem 0rem;}      
       .add-Service_Biohazard-table tr td input{max-width :100% }
       .add-Service_Biohazard-table tr td select{max-width :93% }
       .add-Service_Biohazard-table tr td textarea{min-width: 100% ; max-width :100%; height:200px}
       .Service_Biohazard_Description_table tr td:nth-child(odd) {width:9% !important; min-width: 100px;} 
       .Maintenance_Service_Biohazard_button {margin-bottom:28%}
       
      /* Estimate Lingo or Special Wording */
       #addupdate_EstimateLingo {min-height:auto; overflow: auto; height:auto}
       #addupdate_EstimateLingo .aspNetDisabled {margin:0px !important}
       #addupdate_EstimateLingo .EstimateLingo2 tr td:nth-child(odd) {padding: 1rem 0rem;}   
      .add-EstimateLingo-table tr td:nth-child(odd) {width:20% !important;}
      .add-EstimateLingo-table tr td input{max-width :100% }
      .add-EstimateLingo-table select{max-width :100% !important} /*initial 150px*/
      .add-EstimateLingo-table tr td textarea{min-width: 100% !important; max-width :100%;}
      .add-EstimateLingo-table select:hover,select:focus{color: #000;max-width:100%;}
      .EstimateLingo_Description_table {margin-top:-10px} 
      .EstimateLingo_Description_table tr td:nth-child(odd) {width:9.73% !important;} 
      .Maintenance_EstimateLingo_button {margin-bottom:28%}
               
      /*Supplies & Equipment*/
      #addupdate_ServiceDetails {min-height:auto; overflow: auto;}
      .add-ServiceDetails-table tr td:nth-child(odd) {width:20% !important}
      .add-ServiceDetails-table select {min-width: 100%;}
      
         /* Categories */
       #addupdate_Categories {}
      .Maintenance_Categories_button{margin-top:4%}
      .add-Categories-table tr td:nth-child(odd) {width:10% !important}
      .add-Categories-table tr td input[type="text"]{min-width: 100% !important; max-width:inherit !important}
      .add-Categories-table tr td select{min-width: 100% !important; max-width:inherit !important}
      
       /* Tax Details */
       #addupdate_TaxDetails {}
       .Maintenance_TaxDetails_button{margin-bottom:30%}
      .add-TaxDetails-table tr td:nth-child(odd) {width:20% !important}
      .add-TaxDetails-table select {min-width: 100%;}
      
       /* Credit Card */
       #addupdate_CreditCard {}
      .Maintenance_CreditCard_button{margin-bottom:35%}
      .add-CreditCard-table tr td:nth-child(odd) {width:20% !important}
      .add-CreditCard-table select {min-width: 100%;}
      .add-CreditCard-table1 tr td:nth-child(odd) {width:31% !important}
      .add-CreditCard-table1 select {min-width: 100%;}
    
       /* WordingsRating */
       #addupdate_WordingsRating {height:auto}
       .Maintenance_Rating_button{margin-bottom:20%}
       .add-WordingsRating-table tr td:nth-child(odd) {width:16% !important}
       .add-WordingsRating-table textarea{width: 100%; }
       .addrow_WordingsRating {margin-top: -25px;}
       .addrmWordingsRatingtab select{min-width: 100% !important; max-width :100% }
       .addrmWordingsRatingtab .aspNetDisabled{ padding-right: 0px}
       .WordingsRatingtable1 {width: 22%}
       
         /* Hotel Name */
       #addupdate_HotelName {}
       .Maintenance_HotelName_button{margin-bottom:30%}
       .add-HotelName-table tr td:nth-child(odd) {width:13% !important}
       .add-HotelName-table select{min-width: 100% !important; max-width :100% }
       
   
/*****************************************8/

/* Work Order */
.date-time-table tr td input{width: 43%;margin: 0px 5px 0px 0px;display:inline-block;}
.date-time-table tr td:nth-child(1){min-width: 115px;}
.date-time-table tr td input[type="checkbox"]{width: auto;vertical-align: middle;position: relative;bottom: -2px;}
.workday-time-table tr td input[type="button"]{width: 50% !important;}
.workday-time-table tr td input{width: 100% ;margin: 0px 3px 0px 0px;}
.workday-time-table tr td select{width: 120px;margin: 0px 3px 0px 0px;padding: 2px 0px;}
.workday-time-table .btn-cm-cls{padding: 0px 15px;margin: 0px 10px 0px 0px;}
.select-date-btn select{float:right;font-size: 14px;padding: 5px 0px;}
.dupworkday-time-table tr td input{width: 190px;margin: 0px 3px 0px 0px;}
.dupworkday-time-table tr td select{width: 190px;margin: 0px 3px 0px 0px;padding: 2px 0px;}
.dupworkday-time-table .btn-cm-cls{padding: 0px 15px;margin: 0px 10px 0px 0px; width:80%}

.btn-wrkorder{
    border: 0px;
    width: 100%;
    padding: 5px 0px;
    background-color: #4f8f00;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
 }
.arrive-job-btn{background-color: #e41700;}
.table-wrk-ordr{width: 100%;}
.table-wrk-ordr tr td {width: 25%; padding: 4px 4px 0px 0px;}
/*.table-wrk-ordr tr td:nth-child(4){padding: 4px 0px 0px 0px;} */
.table-wrk-ordr tr td input{width: 100%;}
.table-wrk-ordr tr td input[type='checkbox']{width:auto;margin: 0px 2px 0px 0px;vertical-align: middle;position: relative;bottom: 1px;}
.table-wrk-ordr tr td input[type='radio']{width:auto;margin: 0px 2px 0px 0px;vertical-align: middle;position: relative;bottom: 1px;}
.table-wrk-ordr tr td textarea{width: 100%;}
.tab-heading-wrk-ord {background-image: linear-gradient( #a5a5a5 10%, #a5a5a5 40%);color: #fff;font-size: 14px;padding: 5px;margin:5px 0px 0px 0px;}
.tab-heading-wrk-ord a{display: block;color:#fff}
/* Photos */
.photos-tabs-main{padding: 5px 0px;}
.photos-tabs-main select, table tr td, input{font-size: 12px;}
.photos-tabs-main table tr td select, input[type='checkbox']{width:auto!important;margin: 0px 2px 0px 0px;vertical-align: middle;position: relative;bottom: 1px;}
.photos-tabs-main select{padding: 2px 0px;}
.photos-table-footer{float:right;}
.photos-table-footer tr td{padding:0px 5px ;}
.photos-table-footer tr td input{vertical-align: middle;margin: 0px 5px 0px 0px;}
/* payment */
.payment-table tr td input{width: 100%;}
.payment-table tr td input[type='radio']{width:auto;margin: 0px 2px 0px 15px;vertical-align: middle;position: relative;bottom: 1px;}
/* Scheduling */
.table-schedule {float: right;}
/*.table-schedule tbody tr td{padding:0px 5px;}*/
.table-schedule tbody tr td{padding:0px 2px;}
.table-schedule tbody tr td select{padding: 2px 0px;}
.table-schedule tbody tr td input{padding: 2px 0px;}
.table-schedule tbody tr td .btn-cm-cls{padding: 1px 5px;margin: 0px 0px;}

/* Reports */
.reports-table tr td {padding: 2px 5px;}
.reports-table tr td select{    width: 265px;max-width: initial;}
.reports-table tr td:nth-child(1){min-width: 70px;}
.reports-table tr td input{width: 120px;}
/* css added */
#form1{overflow:hidden;}
input::-ms-reveal, input::-ms-clear {display: none;}


.d-md-none{display:none}
    
#myTabAtt .nav-link{color: #ffffff;background-color: #bf3731;border-color: #dee2e6 #dee2e6 #fff;}
#myTabAtt .nav-item.show .nav-link, #myTabAtt .nav-link.active{color: #ffffff;background-color: #892824!important;border-color: #dee2e6 #dee2e6 #fff; }
#myTabContentAtt > .tab-content>.active{border: 1px solid #892824;padding: 2px;margin-top: -1px;}
#contactAtt .date-time-table {margin-top:10px;}
.attachment-table{margin-top:10px;}
/*.attachment-table input{max-width:80px;}*/
.call-tkr-tble tr td input, .call-tkr-tble tr td select{width:215px;max-width: inherit;}

/*.system-table-cust tr td{width:25%}*/ /*system tab*/
.system-table-cust tr td input{width:100%;margin-top:2px;}
.system-table-cust tr td select{max-width:inherit;width:100%;margin-top:2px;}

/*akanksha 30/1/2021*/
.autodivwidth
{
    width:auto;    
}

.grdhead
        {
            font-size: 12px;
            padding: 5px;
            background-image: linear-gradient( #a5a5a5 10%, #a5a5a5 40%);
            color: #fff;
            border: 1px solid #5a5959;
            border-bottom-color: rgb(90, 89, 89);
            border-bottom-color: rgb(90, 89, 89);
            font-weight: 400;
            text-align: inherit;
            }
.grdhead a
            {
                color: #fff;
text-decoration: none;
                }
                
.grdscroll{overflow:auto;}

.multiselect::after{content:none;}

/* For multiselect /2021 */

     
        span.multiselect-native-select select
        {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            height: 1px !important;
            margin: -1px -1px -1px -3px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            left: 50%;
            top: 30px;
        }
       
        .btn-group, .btn-group-vertical
        {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        
        .btn-group > .multiselect {
            border: #B8B8B9 1px solid;
        }
        .btn-group > .multiselect
        {
            background-color: #ffffff;
            width: 100%;
            text-align: left;
            padding: 0;
            border-radius: 0;
            height: 25px;
            position: relative;
            margin: 0px 0px 0px 0px;
            font-size: 13px;
        }
        .btn-group > .multiselect > .caret
        {
            float: right;
            position: absolute;
            top: 7px;
            right: 0px;
            margin: 0px 5px;
        }
        .caret
        {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-top: 4px solid\9;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }
       
        .multiselect-container
        {
            position: absolute;
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .dropdown-menu
        {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
        }
        
        .open > .dropdown-menu
        {
            display: block !important;
        }
        .multiselect-container
        {
            width: 100%;
            float: left;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px;
            max-width: 100%;
        }
        .multiselect-container li a
        {
            padding: 6px 5px !important;
            text-transform: uppercase;
            text-decoration: none;
            color: #000; /*font-weight: bold;*/
            font-size: 11px;
           
        }
        
       .multiselect-container li {display:block !Important;}
       /*.multiselect-container{    height: 150px;overflow: auto;}*/
       
       /*RajanChauhan 01-02-24*/
       .multiselect-container{    height: 150px; white-space:nowrap;overflow: auto;}  
       
       .wocalendar{min-width:108px;}
       
       #cpMainContent_leftmenu
        {
            width: 15%;
            min-width: 175px;
            height: 450px;
            float:left;
        }
/* forms */
.custTableGV tr td:nth-child(1){width:20%;}
 .custTableGV tr td:nth-child(2){width:40%;}
 .custTableGV tr td:nth-child(3){width:40%;}  
 
 /* #cpMainContent_UpdatePanelgvTickets{overflow:auto;height:371px;} */
 #cpMainContent_UpdatePanelgvTickets{overflow:auto;height:auto;}
 
.grdscroll .table-custom{margin:0px 0px!important;}

/** Css added fix table td with **/
.chktableCust tbody tr th{padding:5px;}
.chktableCust tbody tr th:nth-child(1){width:45px;text-align:center;}
.chktableCust tbody tr td:nth-child(1){width:45px;text-align:center;}

.System_Maintenance_bottom_save_cancel{float:right !important}
/* Tab view and mobile viewcss */


    .St_Maintenance_System_RightPanal {
        height: 620px !important;
    }
    .tab-content .St_Maintenance_System_Right {
       height: 700px !important;
       background-color: #f9f9f9;
    }
    .St_Maintenance_table_section {
        height: auto !important; 
        min-height: 690px;
      }
    .St_Maintenance_System_Left {
       height: 700px !important;
    }
    .St_Maintenance_System_Right
    {
        height: 700px !important; 
        background-color: #f9f9f9;
     }

@media only screen and (min-width:320px) and (max-width: 767px)
{
    .siteMaster_lFranchise { max-width: 125px !important;}
     #cpMainContent_leftmenu{width:100%!important;height: auto!important;}
     #cpMainContent_UpdatePanelgvTickets{overflow: auto;}
     .system-tab-right{width: 100%;}
     .table-section{overflow: auto;}  
     
    .St_Maintenance_System_Left{width:100%!important;height: auto!important;}
    .St_Maintenance_System_RightPanal{overflow: auto;}
    .St_Maintenance_System_Right{width: 100%;}
    .St_Maintenance_table_section{overflow: auto;}
    
     #main{background-color: #fff;}
    figure img{width: 100%;}
    .table-custom thead tr th{font-size: 12px;}
    .system-tab-left{width: 100%;height: auto;}
    .table-schedule tbody tr td{display: inline-block;}
    .nav-log-details li a{font-size: 12px;}
    .header-contact p{font-size: 12px;}
    .dsply-hd-sm{display: none;}
    .nav-log-details ul.dropdown-menu{left: -100px!important; top: 5px!important;}
    .collapse-sm{display: none;}
        
    .logo-section figure{margin: 5px 0px 15px 0px;}
    .dsply-hd-lg{display: block;}
    .navbar-toggler{padding: 0;}
    .navbar-toggler i{font-size: 28px;color: #892824;}
    .nav-custom{background-color: transparent;}
    .nav-log-details li i{font-size: 20px;}
    .mobile-view-menu{background-color: #b92a2a;}
    .padding-remove{padding: 0;}
    .nav-tabs-custom .nav-link{margin: 0px 1.7px 2px 0px;}
    .centerdiv{width: 97% !Important; height:100% !Important;}
    .d-md-none{display:contents;}
    .table-schedule{    margin: 0px 0px 10px 0px;}
    .table-schedule tbody tr td .btn-cm-cls{margin: 5px 0px;}
    .reports-table tr td input{width: 118px;}
    .table-tab-header tr td input{    margin: 3px 5px;}
    .photos-tabs-main select{margin: 5px 0px;}
    .custAddtable tr td{width:50%;margin-bottom:5px;}
     .custAddtable tr td input{float:right}
    .custAddtable tr td:last-child{width:100%;}
    .registr_sec label{font-size:12px;}  
    .registr_sec .form-control { padding: 0px 2px; height: 24px;} 
    .grdhead{white-space:nowrap;}    
    /* akanksha 30/1/2021 */
    .ddlMasterSite { padding-top:25px; }    
    #txtSearchby{max-width:100px;}
   .ProgressPanel{    top: 25% !important;    left: 45% !important;} 
   .show{display:block;}
    .tab-content>.active {max-height: 400px;}      
           
   /* For Event */
    .iframeSrc_Event {max-height: 580px !important; }
    .create-event-table #ddlWOType {padding-top: .6%; padding-bottom: .6%;}
    .create-event-table #ddlFranchise {padding-top: .6%; padding-bottom: .6%;}
    .create-event-table tr td input, .create-event-table tr td select{width: 95%;  max-width:100% }
    .create-event-table tr td:nth-child(odd)  {width:31% !important; min-width: 10%;}
    .create-event-table2 tr td:nth-child(odd) {width:31% !important; min-width: 10%;}
    .create-event-table2 tr td input {width: 100%; max-width:95%; min-width: 95%;}
    .create-event-table2 {margin-top:-10px }
    .create-event-table2 #txtWOStartTime{width: 80%; min-width: 90%;}
    .create-event-table2 #txtWOCompleteTime{width: 80%; min-width: 90%;}
    .create-event-table2 #txtCallTakerPhoneExtension{width: 80%; min-width: 90%;}    
    .create-event-table4 tr td:nth-child(odd) {width:31% !important; min-width: 10%;}
    .create-event-table4 tr td textarea {width: 95% !important; max-width:100%; height:100px}
    .create-event-table4 {margin-top:-10px }
    .Event-time-table tr td input { width: 95%;  }
    .dupEvent-time-table tr td input { width: 90%; }
    .dupEvent-time-table .multiselect-selected-text { padding-right: 35px }
    
     /* For Ticket */
    .iframeSrc_Ticket {max-height: 580px !important; }
    #addupdate_Ticket {margin: 0%; margin-top:0px}
   .add-Ticket-table tr td:nth-child(odd) {width:31% !important}
   .add-Ticket-table select{min-width: 100% } 
   .add-Ticket-table tr td input[type="checkbox"]{margin-right:3% } 
   .add-Ticket-table tr td input[type="text"]{min-width: 100% } 
   .add-Ticket-table tr td input[type="date"]{min-width: 100% }
   .add-Ticket-Service-table tr td:nth-child(odd) {width:31% !important}
   .add-Ticket-Service-table textarea{min-width: 100% } 

    /*For Franchise */ 
    #ddlFranchise{max-width:125px;}
    .add-franchise-table #txt_Customer_Phone{min-width:120px}
    .add-franchise-table #btnImport{padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px;}
     .add-franchise-table #btnSaveAssociatedZip{padding: 5px 0px 5px 0px; margin: 0px 0px 10px 0px;}
    
    /*For user */ 
    #addupdate_user{margin-left: 0%; height:auto}
    .user-details-section {min-width: 65px;}
    .user-details-section .nav-log-details li{float: left;margin: 0px 5px 0px 0px;}
    .add-user-table select{min-width: 150px;} 
    .add-user-table2 {margin-top: -5%;}
    .add-user-table select:hover,select:focus{color: #000;max-width:150px;}
    .add-user-table tr td:nth-child(odd) #cpMainContent_txtPhone {margin-right:90px !important}
    
    /* Role */
    /*.add-role-table select{min-width: 150px; max-width:inherit} */
    #addupdate_role{margin-left: 0%; height:auto}
    .add-role-table select{min-width:190px !important; max-width:inherit !important}
    
     /*For TicketType */ 
    #addupdate_TicketTypes{margin-left: 0%; height: auto;}
     .Maintenance_TicketTypes_button { margin-bottom:0% }
    .add-TicketTypes-table tr td:nth-child(odd) {width:22% !important}
    .add-TicketTypes-table select{min-width: 100px;}
    
      /*For Priority */ 
     #addupdate_priority{margin-left: 0%; height: auto;}
     .Maintenance_priority_button { margin-bottom:0% }
    .add-Priority-table tr td:nth-child(odd) {width:22% !important}
    .add-Priority-table select{min-width: 100px;}
    
    /* Hoarding */
      #addupdate_Hoarding{margin-left: 0%; height:auto} 
      .Maintenance_HoarderTypes_button{margin-bottom:0%; }
     .add_ho_visibility {padding-left: 0%;}
     .add-Hoarding-table tr td:nth-child(odd) {width:20% !important; min-width:60px}
     .add-Hoarding-table tr td:nth-child(even) {padding-left: 0px !important;}
     .addrmhoarding tr td:nth-child(odd) {width:21% !important; min-width:60px}
     .addrmhoarding tr td input[type="checkbox"]{margin-left: 0% !important; }
     
     /* PaymentTerm */
       #addupdate_PaymentTerm {margin-left: 0%; height:auto}
       .Maintenance_PaymentTerm_button{margin-bottom:0%}
      /*.add-PaymentTerm-table tr td:nth-child(odd) {padding-left: 0px !important; width:27% !important}
      .add-PaymentTerm-table select{min-width: 275% !important; max-width:inherit !important}
      .addrmPaymentTerm tr td:nth-child(odd) {padding-left: 0px !important; width:29% !important}
      .addrmPaymentTerm select {min-width: 100% !important; width: 112% !important;}
      .addrmPaymentallfrandis {margin-top: -18px;}
      .add-PaymentTerm-table textarea {height: 150px; }
      .PaymentTermtable1 .addrmPaymentTerm {margin: 10px 0px 0px 0px}
      .PaymentTermtable2 .addrmPaymentTerm {margin: 0px 0px 0px 0px}
      .PaymentTermtable3 .addrmPaymentTerm {margin: 0px 0px 0px 0px}*/  /*commented by Akanksha*/
      
      /*Akanksha*/
      /*.add-PaymentTerm-table table, thead, tbody, th, td, tr {
        display: block;
    }
    .add-PaymentTerm-table tbody td {
        display: block;}
        .add-PaymentTerm-table tr td:nth-child(odd) {display: block;}*/
        /*end fixes by Akanksha*/

      
      
      /* RoomType */
      #addupdate_RoomType {margin-left: 0%; height: auto;}
      .Maintenance_RoomType_button{margin-top:0%}
      .add-room-table tr td:nth-child(odd) {width:27% !important}

      /* Service Provided Biohazard */
        #addupdate_Service_Biohazard .Service_Biohazard2 tr td:nth-child(odd){width: 24% !important;min-width: 65px; padding:0px;}
        #addupdate_Service_Biohazard {margin-left: 0% !important; height:auto}
        #addupdate_Service_Biohazard .Service_Biohazard2 {margin-top:-5px}
       .add-Service_Biohazard-table tr td:nth-child(odd) {width:24% !important;min-width: 65px;}
       .add-Service_Biohazard-table tr td input{max-width :100% }
       .add-Service_Biohazard-table tr td select{max-width :100% }
       .add-Service_Biohazard-table tr td textarea{min-width: 100% !important; max-width :100%;}
       .Service_Biohazard_Description_table{ margin-top: -10px}
       .Service_Biohazard_Description_table tr td:nth-child(odd) {width:24% !important;}
       .Maintenance_Service_Biohazard_button{margin-bottom:0%}
       
       /* Estimate Lingo or Special Wording */
       #addupdate_EstimateLingo {margin-left: 0% !important; height:auto}
       #addupdate_EstimateLingo .EstimateLingo2 {margin-top:-5px}
      .add-EstimateLingo-table tr td:nth-child(odd) {width:20% !important; min-width: 72px}
      .add-EstimateLingo-table tr td input{max-width :100% }
      .add-EstimateLingo-table select{max-width :100%} /*initial 150px*/
      .add-EstimateLingo-table select:hover,select:focus{color: #000;max-width:100%;}
      .add-EstimateLingo-table tr td textarea{min-width: 100% !important; max-width :100%;}
      .EstimateLingo_Description_table{ margin-top: -10px}
      .EstimateLingo_Description_table tr td:nth-child(odd) {width:20.4% !important; min-width: 72px} 
      .EstimateLingo2 .EstimateLingo2_AllFranchise {padding: 0rem 0rem !important;}
      .Maintenance_EstimateLingo_button {margin-bottom:0%}
       
      /*Supplies & Equipment*/
      #addupdate_ServiceDetails {margin-left: 0% !important; height:auto}
      .add-ServiceDetails-table tr td:nth-child(odd) {width:24% !important; min-width: 74px;}
      .add-ServiceDetails-table1 { margin-top: -20px}
      
      /*Categories */
      #addupdate_Categories {margin-left: 0%; height: auto;}
      .Maintenance_Categories_button{margin-top:0%}
      .add-Categories-table tr td:nth-child(odd) {width:27% !important}
      
       /* Tax Details */
       #addupdate_TaxDetails {margin-left: 0% !important; height: auto;}
       .Maintenance_TaxDetails_button{margin-bottom:0%}
      .add-TaxDetails-table tr td:nth-child(odd) {width:25% !important; min-width: 64px;}
      .add-TaxDetails-table1 { margin-top: -5%}
      
       /* Credit Card */
       #addupdate_CreditCard {margin-left: 0% !important; height: auto;}
       .Maintenance_CreditCard_button{margin-bottom:0%}
       .add-CreditCard-table tr td:nth-child(odd) {width:23% !important; min-width: 70px !important;}
       .add-CreditCard-table1 tr td:nth-child(odd) {width:23% !important; min-width: 70px !important;}
       .add-CreditCard-table1 { margin-top: -15px; }
       .addrow_WordingsRating { margin-top: -18px; }
       
       /* WordingsRating */
        #addupdate_WordingsRating {margin-left: 0% !important; height:auto}
        .Maintenance_Rating_button{margin-bottom:0%}
       .add-WordingsRating-table tr td:nth-child(odd) {width:29% !important; min-width: 60px !important;}
       .addrmWordingsRatingtab tr td:nth-child(odd) {width:32% !important; min-width: 65px !important;}
       .add_WordingsRating .addrmWordingsRatingtab {margin: 0px; margin-top: -5px}
       .add_WordingsRating .WordingsRatingtable2 {margin: 0px; }
          .add_WordingsRating .WordingsRatingtable3 {margin: 0px; margin-top: 5px}
       .addrmWordingsRatingtab select{min-width: 112% !important;}
       .WordingsRatingtable1 {width: 100%}
       
        /* Hotal Name */
         #addupdate_HotelName {margin-left: 0% !important; height: auto;}
         .Maintenance_HotelName_button{margin-bottom:0%}
        .add-HotelName-table tr td:nth-child(odd) {width:25% !important}
       
}

@media only screen and (width:320px)
{
    #addupdate_Hoarding .addrmhoarding select {min-width: 115.5% !important;}
}

@media only screen and (width:360px)
{
    #addupdate_Hoarding .addrmhoarding select {min-width: 111.8% !important;}
}

@media only screen and (width:375px)
{
    #addupdate_Hoarding .addrmhoarding select {min-width: 111.8%!important;}
}

@media only screen and (min-width:414px)
{
    #addupdate_Hoarding .addrmhoarding select {min-width: 110% !important;}
}

@media only screen and (min-width:1024px) and (max-width: 5000px)
{
    #addupdate_Hoarding .addrmhoarding select {min-width: 100% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px)
{
     #cpMainContent_leftmenu{min-width: 175px;}
     #cpMainContent_UpdatePanelgvTickets{overflow: auto;height: 371px;}
     .system-tab-right{width:74%;overflow-x: auto;}
     .table-section{position:relative;z-index:1;}
          
    .St_Maintenance_System_Left { height: 500px !important; }
    .St_Maintenance_System_Left{min-width: 175px;}
    .St_Maintenance_System_RightPanal{overflow: auto;height: 371px;}
    .St_Maintenance_System_Right{width: 100%;height: 500px !important; }
    .St_Maintenance_System_Right{width:74%; overflow-x: auto;}
    .St_Maintenance_table_section { min-height: 490px; }
    .St_Maintenance_table_section{position:relative;z-index:1;}
         
    .system-tab-left{width: 15%;min-width: 150px; margin: 0px 5px 0px 0px !important;}
    .grdhead{white-space:nowrap;}
    /*.table-section{overflow: auto;}*/
    .table-custom thead tr th{font-size: 12px;}

    #cpMainContent_tblSearch tbody tr td{    display: inline-block;}
    .ProgressPanel{top: 25% !important; left: 45% !important;} 
   

    .system-tab{display: block!important;float: left;width: 100%;}
    #cpMainContent_UpdatePanelOldWorkOrder{overflow: auto;}
    /*.tab-content>.active {max-height: 600px;}*/
    /*.tab-content>.active {max-height: 350px;}*/
    
   /* For Event */
   .createeventtable1 {width:100%}
   .createeventtable2 {width:100%}
    .create-event-table #ddlWOType {padding-top: .6%; padding-bottom: .6%;}
    .create-event-table #ddlFranchise {padding-top: .6%; padding-bottom: .6%;}
    .create-event-table tr td:nth-child(odd)  {width:33% !important; min-width: auto;}
    .create-event-table tr td input, .create-event-table tr td select{width: 10%;  max-width:100% ; min-width:100% }
    .create-event-table2 tr td:nth-child(odd) {width:33% !important; min-width: 10%;}
    .create-event-table2 tr td input {width: 100%; max-width:100%; }
    .create-event-table2 {margin-top:-10px }
    .create-event-table2 #txtWOStartTime{width: 100%; min-width: 90%;}
    .create-event-table2 #txtWOCompleteTime{width: 100%; min-width: 90%;}
    .create-event-table2 #txtCallTakerPhoneExtension{width: 100%; min-width: 90%;}    
    .create-event-table4 tr td:nth-child(odd) {width:33% !important; min-width: 10%;}
    .create-event-table4 tr td textarea {width: 100% !important; max-width:100%; height: 140px}
    .create-event-table4 {margin-top:-10px }
    .Event-time-table tr td input { width: 90%;  }
    .dupEvent-time-table tr td{padding : 0px}
    .dupEvent-time-table tr td input { width: 90%; }
    .dupEvent-time-table #btnSaveED {padding-right: 4px; padding-left: 4px;}
    .dupEvent-time-table .multiselect-selected-text { padding-right: 35px }
    .tab-content>.active {max-height: max-content;}
   
   
       /* For Ticket */
    #home_iframeSrc_Ticket {max-height: 800px !important; }
    #addupdate_Ticket {margin: 0%; margin-top:0px}
   .add-Ticket-table tr td:nth-child(odd) {width:30% !important}
   .add-Ticket-table select{min-width: 100% } 
   .add-Ticket-table tr td input[type="checkbox"]{margin-right:3% } 
   .add-Ticket-table tr td input[type="text"]{min-width: 100% } 
   .add-Ticket-table tr td input[type="date"]{min-width: 100% }
   .add-Ticket-Service-table tr td:nth-child(odd) {width:15% !important}
   .add-Ticket-Service-table textarea{min-width: 100% } 
   
   /* For Franchise */
   /*#addupdate_franchise #franchiseNoofdaystokeepfilehistory { white-space: pre-line !important; } */
   #addupdate_franchise {margin-left: 0% !important;}
   .add-franchise-table tr td input,select { width: 90% !important; }
   .add-franchise-table tr td input[type="checkbox"]{ width:15px !important; }
   .add-franchise-table tr td #txt_Customer_Phone {min-width: 85px !important;}
   .add-franchise-table #cpMainContent_ddlFrommail{width: 90% !important;}
   .add-franchise-table tr td #txtExtension {max-width: 60px !important;}
   #addupdate_franchise #btnImport { padding-right :0px !important; padding-left :0px !important; margin-right: 0px; width: 100% !important; }
   #addupdate_franchise #btnSaveAssociatedZip { padding-right :0px !important; padding-left :0px !important;}

   
   /* For user */
    #addupdate_user {margin-left: 0% !important; height:auto}
    .add-user-table select{min-width: 150px;} 
    .add-user-table select:hover,select:focus{color: #000;max-width: 150px;}
    .add-user-table tr td:nth-child(odd) {width:35% !important}
    .add-user-table tr td:nth-child(odd) #cpMainContent_txtPhone {margin-right:60px !important}
      
    /* For Role */
   #addupdate_role {margin-left: 0% !important; height:auto}
   #addupdate_role {overflow-wrap: anywhere !important;}
   .add-role-table tr td:nth-child(odd) {width:45% !important}
   .add-role-table tr td input,select { width: 100% !important; }
   .add-role-table tr td #txtRole { min-width: 250% !important; }
   
   
   /* TicketType */
    #addupdate_TicketTypes {margin-left: 0% !important; height:auto}
    .Maintenance_TicketTypes_button{margin-bottom: 8% }
   .add-TicketTypes-table tr td:nth-child(odd) {width:22% !important}
   
   /* Priority */
    #addupdate_priority {margin-left: 0% !important; height:auto}
    .Maintenance_priority_button{margin-bottom: 8% }
   .add-Priority-table tr td:nth-child(odd) {width:22% !important}

   
   /* Hoarding */
    #addupdate_Hoarding {margin-left: 0% !important; height:auto}
    .Maintenance_HoarderTypes_button {margin-bottom: 8% }
   .add-Hoarding-table tr td:nth-child(odd) {padding-left: 0px !important}
   .add-Hoarding-table tr td:nth-child(even) {padding-left: 0px !important;}
   .add-Hoarding-table select { min-width: 150px !important; max-width: inherit !important;}
   .add-Hoarding-table textarea {width: 100% !important;}
   .add-Hoarding-table tr td input[type="text"]{width: 100% !important; }
   .addrmhoarding tr td:nth-child(odd) {width:30% !important; min-width: 60px;}
   .addrmhoarding tr td select{max-width :100% }

   /* PaymentTerm */
     #addupdate_PaymentTerm {margin-left: 0% !important; height:auto}
     .Maintenance_PaymentTerm_button{margin-bottom: 1% }
     .add-PaymentTerm-table tr td:nth-child(odd) {padding-left: 0px !important; width:18% !important}
     .addrmPaymentTerm tr td:nth-child(odd) {padding-left: 0px !important; width:25% !important; padding:5px;}
     .addrmPaymentTerm select {min-width: 110% !important;}
     .addrmPaymentTerm .aspNetDisabled {margin-left:25px }
     .PaymentTermtable1 {width: 22%;}
     .PaymentTermtable2 {margin-top: 8px; margin-left:5px}
     
         /* RoomType */
      #addupdate_RoomType {margin-left: 0% !important; height: 37vh;}
     .add-room-table tr td:nth-child(odd) {width:20% !important}
     .add-room-table .aspNetDisabled {margin-left:0px }
    
        /* Service Provided Biohazard */
       #addupdate_Service_Biohazard {margin-left: 0% !important; height:auto}
       #addupdate_Service_Biohazard .Service_Biohazard2 tr td:nth-child(odd){width: 30% !important; padding: 10px 0px 0px 0px}
       .add-Service_Biohazard-table tr td:nth-child(odd) {width:30% !important; min-width:67px;}
       .add-Service_Biohazard-table tr td input{max-width :100% }
       .add-Service_Biohazard-table tr td select{max-width :100% }
       .add-Service_Biohazard-table tr td textarea{min-width: 100% !important; max-width :100%;}
       .Service_Biohazard_Description_table{ margin-top: -10px}
       .Service_Biohazard_Description_table tr td:nth-child(odd) {width:11% !important; min-width:67px;}
       .Maintenance_Service_Biohazard_button{margin-bottom:1%}
      
       /* Estimate Lingo or Special Wording */
       #addupdate_EstimateLingo {margin-left: 0% !important; height:auto}
      .add-EstimateLingo-table tr td:nth-child(odd) {width:33% !important;}
      .add-EstimateLingo-table tr td input{max-width :100% }
      .add-EstimateLingo-table select{max-width :100%} /*initial 150px*/
      .add-EstimateLingo-table select:hover,select:focus{color: #000;max-width:100%;}
      .add-EstimateLingo-table tr td textarea{min-width: 100% !important; max-width :100%;}
      .EstimateLingo_Description_table tr td:nth-child(odd) {width:15.66% !important;} 
      .Maintenance_EstimateLingo_button {margin-bottom:1%}
               
       /*Supplies & Equipment*/
      #addupdate_ServiceDetails {margin-left: 0% !important; height:auto}
     .add-ServiceDetails-table tr td:nth-child(odd) {width:36% !important}
     .add-ServiceDetails-table tr td input[type="text"]{width: 100% !important; }
     .add-ServiceDetails-table select {min-width: 100%; max-width: min-content !important;}
     .add-ServiceDetails-table .aspNetDisabled {margin-left:0px } 
     
      /* Categories */
      #addupdate_Categories {margin-left: 0% !important; height: 37vh;}
     .add-Categories-table tr td:nth-child(odd) {width:20% !important}
     .add-Categories-table .aspNetDisabled {margin-left:0px }
     
      /* Tax Details */
       #addupdate_TaxDetails {margin-left: 0% !important; height:auto }
       .Maintenance_TaxDetails_button {margin-bottom: 35% }
      .add-TaxDetails-table tr td:nth-child(odd) {width:33% !important}
      .add-TaxDetails-table .aspNetDisabled {margin-left:0px }
      
          /* Credit Card */
       #addupdate_CreditCard {margin-left: 0% !important; height:auto }
       .Maintenance_CreditCard_button {margin-bottom: 45% }
      .add-CreditCard-table select {min-width: 105%;}
      .add-CreditCard-table tr td input[type="text"]{width: 105% !important; }
      .add-CreditCard-table1 select {min-width: 105%;}
      .add-CreditCard-table1 tr td input[type="text"]{width: 105% !important; }
      .add-CreditCard-table1_Disabled {height:40px}
      
      /* WordingsRating */
        #addupdate_WordingsRating {margin-left: 0% !important; height:auto }
        .Maintenance_Rating_button {margin-bottom: 8% }
       .add-WordingsRating-table tr td:nth-child(odd) {width: 18% !important;}
       .addrmWordingsRatingtab tr td:nth-child(odd) {padding-left: 0px !important; width:25% !important; padding:5px;}
       .addrmWordingsRatingtab select {min-width: 110% !important;}
       .addrmWordingsRatingtab .aspNetDisabled {margin-left:25px }
       .WordingsRatingtable1 {width: 23%;}
       .WordingsRatingtable2 {margin-top: 8px;}
       
      /* Hotal Name */
       #addupdate_HotelName {margin-left: 0% !important; height:auto}
       .Maintenance_HotelName_button {margin-bottom: 55% }
      .add-HotelName-table tr td:nth-child(odd) {width:17% !important}
      
}     

@media only screen and (min-height:500px) and (max-height: 657px)
{
    .add-TicketTypes-table textarea {max-height: 270px !important;}
    .add-Priority-table textarea {max-height: 270px !important;}
    .add-Hoarding-table textarea {max-height: 210px !important;}
    .add-PaymentTerm-table textarea {max-height: 250px !important;}
}

@media only screen and (min-width:1025) and (max-width: 1600px)
{
    .St_Maintenance_System_Left { height: 400px !important; }
    .St_Maintenance_System_Right { height: 400px !important; }
}

@media only screen and (min-width: 1300px)
{
    /*.tab-content>.active {max-height: 1500px;}*/
    .tab-content>.active {max-height: 90%; }
}