/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 May, 2017, 11:14:47 AM
    Author     : rahul
*/

.txtcntr {text-align: center;}

#statelist td a,
#citylist td a,
#grouplist td a,
#vendorlist td a,
#pincodelist td a,
#Manufacturelist td a,
#modellist td a,
#variantlist td a {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 8px !important;
}


.wd100 {  
    width: 100%;  
}

.int-srno { 
    max-width: 50px;
    width: 174px;  
}

.int-date {
    max-width: 50px;
    width: 197px;
}

.int-upd {  
    max-width: 50px;   
    width: 187px; 
}

.int-msg {
    max-width: 200px;  
}

#unassignedintimationlist td,
#assigntofosintimationlist td,
#assigntoqaintimationlist td,
#onholdintimationlist td,
#rejectintimationlist td,
#closeintimationlist td {
    line-height: 10px;
    padding: 3px 15px;
    vertical-align: middle;
}

#newintimationlist_wrapper .col-sm-12,
#unassignedintimationlist_wrapper .col-sm-12,
#assigntofosintimationlist_wrapper .col-sm-12,
#onholdintimationlist_wrapper .col-sm-12,
#rejectintimationlist_wrapper .col-sm-12,
#closeintimationlist_wrapper .col-sm-12,
#assigntoqaintimationlist_wrapper .col-sm-12 {
    overflow-x: auto;
}

#newintimationlist p,
#unassignedintimationlist p,
#assigntofosintimationlist p,
#assigntoqaintimationlist p,
#onholdintimationlist p,
#rejectintimationlist p,
#closeintimationlist p {
    font-weight: 600;
    margin-top: -2px;
    overflow: visible;
}

#newintimationlist th,
#unassignedintimationlist th,
#assigntofosintimationlist th,
#assigntoqaintimationlist th,
#onholdintimationlist th,
#rejectintimationlist th,
#closeintimationlist th {
    font-size: 12px;
}

#newintimationlist tfoot input,
#unassignedintimationlist tfoot input,
#assigntofosintimationlist tfoot input,
#assigntoqaintimationlist tfoot input,
#onholdintimationlist tfoot input,
#rejectintimationlist tfoot input,
#closeintimationlist tfoot input {
    width: 95%;
}

#newintimationlist_wrapper .col-sm-12,
#unassignedintimationlist_wrapper .col-sm-12,
#assigntofosintimationlist_wrapper .col-sm-12,
#onholdintimationlist_wrapper .col-sm-12,
#rejectintimationlist_wrapper .col-sm-12,
#closeintimationlist_wrapper .col-sm-12,
#assigntoqaintimationlist_wrapper .col-sm-12 {
    overflow-x: auto;
}

#table-responsive {
    overflow: hidden;
}

#newintimationlist_wrapper #newintimationlist_paginate,
#unassignedintimationlist_wrapper #unassignedintimationlist_paginate,
#assigntofosintimationlist_wrapper #assigntofosintimationlist_paginate,
#assigntoqaintimationlist_wrapper #assigntoqaintimationlist_paginate,
#onholdintimationlist_wrapper #onholdintimationlist_paginate,
#rejectintimationlist_wrapper #rejectintimationlist_paginate,
#closeintimationlist_wrapper #closeintimationlist_paginate {
    padding-top: 6px;
}
/*.error {
    float: right;    
    margin-top: -43px;
}*/

.ft button {
    line-height: 28px;
}

.information{
    color:blue;
}

.int-srno {     
    max-width: 50px;    
    width: 35px;     
    text-align: center;
}

.int-date {    
    max-width: 50px; 
    width: 135px;
}

.int-upd {      
    max-width: 50px;
    width: 135px; 
}

.int-msg b {  
    line-height: 17px;
}

.bdrwhite {
    border: 1px solid #fff !important;
}

.bdrwhiteud {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}

#city-details {
    margin-top: -8px;
}

#navbar-collapse-1 {
    -webkit-box-shadow: 0px 10px 1px -7px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 10px 1px -7px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 10px 1px -7px rgba(0, 0, 0, 0.12);
}

.headerqa {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}

.qalooplts {
    max-height: 875px;
    overflow-y: auto;
    overflow-x: hidden;
}

.alcntr {
    text-align: center;
}

#navbar, .dropdown-toggle span {margin-right: 8px;}

/*------------theme----------------*/
.block.bg-box,.block.create_user_container,.dynamicGrid.bg-box{background:#f9f9f9; /*c8e6c9 #e5f2f6; */}  

.app .table.table-striped > tbody > tr:nth-of-type(odd) {
    background: none;/*ffff99*/
}

.app .table > thead > tr > th {background: #003a78;color: #fff;}

table.dataTable thead .sorting:after {
    opacity: 1.2;
    content: "\f0dc";
}

.differState {
    background-color: #ccccff !important;/* ffff99 feb811*/
}
/*------------theme----------------*/
/*---------------nav resize---------------------------*/
.navbar-nav {
     margin: 0px; /*8px -15px*/
     margin-top: 3px;
}
.navbar-blue .navbar-brand > img {
    
     margin-top: 0px;
     padding: 5px;
}
.nav > li > a {
    padding: 5px 10px;
}


.nav.nav-pills > li > a {
    background: #dadada;
}
/*---------------nav resize---------------------------*/

/*---------------breadcrum---------------------------*/
.sidenav button {line-height: 18px;}

.sidenav a {
    height: 31px;
    line-height: 12px;
}

#exTab3 .btn span[class^='icon-'] {
    line-height: 14px;
}

#exTab3 .title {
    float: right;
    margin-top: 5px;
}
/*---------------breadcrum---------------------------*/

/*---------------main content----------------------------*/
.app .container {margin: 0px 0px 0px; }

.app .block.block-condensed {
    padding: 0px;
    margin-top: 3px;
}
.tab-content {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.app .block.block-condensed > .block-content {
    padding: 0px 10px;
}

.user-info img {
    padding: 5px;
}

#exTab3 .nav.nav-pills > li > a {
    display: block;
    line-height: 18px;
}

ul.sidenav li button {
    width: 100%;
}

.nav > li {
    padding: 5px 15px;
}

.fullHead {
    padding: 0 10px 3px 10px;
}
.breadht {margin-top: 49px !important;}

.app .block > .app-heading {
    padding: 0px 0px;
    padding-bottom: 3px;
}

.fullHead h5 {
     padding: 0px 0 !important; 
}

.dataTables_wrapper {margin-top: 5px;}

.app .block > .app-heading {
    margin-top: 5px;
}

.app .app-heading.app-heading-small > .title h1, .app .app-heading.app-heading-small > .title h2, .app .app-heading.app-heading-small > .title h3, .app .app-heading.app-heading-small > .title h4, .app .app-heading.app-heading-small > .title h5, .app .app-heading.app-heading-small > .title h6 {
    margin-left: 8px;
}

.app .block {
    padding: 10px 13px 10px;
}


/*---------------buttons-------------------*/
.auth-condensed .title a.btn, .block-group-list .title a.btn, .company-index .title a.btn, .cmp-branch-list .title a.btn, .vender-index .title a.btn, .french-index .title a.btn, .loc-state .title a.btn, .loc-cities .title a.btn, .loc-zone .title a.btn, .loc-pincode .title a.btn, .veh-manufacture .title a.btn, .veh-model .title a.btn, .veh-variant .title a.btn {
    margin-top: 5px;
    line-height: 18px;
}

.auth-condensed .title a.btn { 
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 10px;

}

.ft button {
    line-height: 18px;
}

#back_btn, .btn-icon-fixed {line-height: 18px;}

.btn.btn-icon-fixed span[class^='icon-'], .btn.btn-icon-fixed span.fa {height: 28px;line-height: 28px;}




#mou, .title a {margin-top: 5px;}

.btn.btn-success {
    background: green;    
}

.btn.btn-danger{
    background: red;
}

/*---------------mohan css add-------------------*/
.question-pt h1{
color:#f86d13;    
    
}


.card{
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    border-radius: 3px;
    border: none;
    position: relative;
    margin-bottom: 30px;
}    
    
    

.card .card-body {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    padding-left: 10px;
    display: flex;

    
}    
    
.card .card-body .form-group{
  margin-bottom: 10px;   
    
}
.card .card-body .form-group label{
  margin-bottom: 10px;     
    
}

.buttons-csv{
    border-color: #003a78;
    background: #003a78;
    color: #FFF; 
    border-radius: 5px;
   padding: 5px;
    
}


.vist-remarks{
 display: inline;
  
}

.vist-remarks-details{
    /*width: 300px;
    float: left;    */
    display: inline;
    float: none;
    
}

.case-study{
 padding-bottom: 20px;
    background-color: #fff;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 15px;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        
        
}




.case-study h4.one-bg{ background-color: #434A54; height:80px;
/*line-height: 80px;*/
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
}

.case-study h4.two-bg{ background-color: #4B89DC; height:80px;
line-height: 80px; 
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
}

.case-study h4.three-bg{ background-color: #DB4453; height:80px;
line-height: 80px; 
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
}

.case-study h4.four-bg{ background-color: #8CC051; height:80px;
line-height: 80px; 
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
}


.case-study h4.five-bg{ background-color: #3BAEDA; height:80px;
line-height: 80px; 
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;

}


.case-study h4.six-bg{ background-color: #F6BB43; height:80px;
line-height: 80px;
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
}

.case-study h4.seven-bg{ background-color: #967BDC; height:80px;
line-height: 80px;  
margin-bottom: 0px;
font-weight: 500;
cursor: pointer;
}

.bg1{background-color: #d6dce4;font-weight: 500;}
.bg2{background-color: #ffe699;font-weight: 500;}
.bg3{background-color: #c6e0b4;font-weight: 500;}
.bg4{background-color: #ffff00;font-weight: 500;}
.bg5{background-color: #b6f9fc;font-weight: 500;}

.bg6{background-color: #7030a0;color:#fff;}


.case-study span{font-size:19px;}


.case-box{
display: flex;
justify-content: left; 
margin-top: 10px;

}

.mptt{padding-top:10px;}
.pbb{padding-bottom:10px;}

.case-box ul{width:100%;    list-style: none;margin-bottom: 0px;padding: 0px;}

.case-box ul li{width:14.28%;   }
.case-box ul li:first-child { border-left:none;margin-left:0;}
.case-box ul li:last-child { border-right:none;margin-right:0;}

.btn.btn-info:hover, .btn.btn-info.active, .btn.btn-info:active, .btn.btn-info:active:focus {    
  border-color: #f26716;
    background: #f26716;
    color: #f2f2f2;      
}
.btn.btn-primary:hover {  
  border-color: #f26716;
    background: #f26716;
    color: #f2f2f2;      
}

.Dashborad-bt{
background-color: #7030a0;
    color: #ffff00;
    width: 180px;
    height: 50px;
    margin-top: 15px;
        
}

.Dashborad-bt h3{text-transform: capitalize;
    font-size: 23px;
    text-align: center;
    line-height: 49px;
     margin-bottom: 0px;
}





.dt-buttons .buttons-csv{position: relative;bottom:10px;}

/*---------------mohan css end-------------------*/



/*---------------buttons-------------------*/

#searchDataList td,#unassignedintimationlist td, #assigntofosintimationlist td, #assigntoqaintimationlist td, #onholdintimationlist td, #rejectintimationlist td, #closeintimationlist td 
{   
    line-height: 10px;  
    padding: 3px 15px;    
    vertical-align: middle;
}
/*------------main content-------------------------------*/

/*------------fointimation-------------------------------*/#fointimation .form-horizontal .form-group {    margin-left: -2px;    margin-right: -2px;}#fointimation .form-group {    margin-bottom: 3px !important;}/*------------fointimation-------------------------------*/

.navbar-default .navbar-nav  > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {    border-color: #2da7d6;    background: #f26716;    color: #f2f2f2;}.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {    border-color: #2da7d6;    background: #f26716;    color: #f2f2f2;}

.nav.nav-pills > li.active > a {    background: #003a78;/*2D3349*/    color: #FFF;}


.img-icon {position: relative;}.edit { /*padding-top: 26px;*/   /* padding-right: 1px;*/ position: absolute;    right: -6px;    top: -2px; }#form_settings label {padding: 5px;padding-bottom: 5px;text-align: center;}.stat {margin-left: -13px;}.updt {margin-left: 7px;}

#intimation_form .block-condensed {    padding: 0px;    margin-top: 3px;    background: #dadada;}
#intimation_form .block{margin-bottom: 0px;}

#accountDataList td p {
    line-height: 16px;
    margin-top: -7px;
}

.mandate{
    color:red;
}

table#valuelist tr td .btn, table#vendormail tr td .btn, table#branchList tr td .btn   {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 10px !important;
}



/*---------------------style Question List----------------------*/

.question-list{
    background-color: #fff;
       height:100%;
    
    
}

.question-list h1{
 padding-top: 13px;   
 padding-left: 16px;   
}


.question-list .question-label{
padding-bottom: 10px;
font-size: 16px;
padding-left: 4px;
padding-top: 13px;



}

.submit-bt {
    background-color: #003a78;
    color: #fff;
    border: 1px solid #003a78;
    padding: 8px;
    border-radius: 10px;
    min-width: 110px;
}

.submit-bt:hover{
  background-color: #f86d13;
  border: 1px solid #f86d13;
    
}

.form-control{
border-radius: 5px; 
height: 35px;
    
}

.bttl{
  margin:15px 0 15px 15px;   
    
}


.question-list-mt{
margin: 0 0 0px 0;
    
}

.question-pt{
    
   padding-top: 63px; 
    
}

.file-right{
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 15px;
    
}


.dt-buttons{
 text-align: left;
 margin: 10px 0 15px 0;
 position: absolute;
    
}

.login-footer {
    font-size: 18px;
    width: 100%;
    background-color: #30303a;
    color: #fff;
    padding: 5px 0 5px 0;
    display: inline-block;
    bottom: 0px;
}
 .login-footer p {font-size:16px;}
 
/*--------------------- Style For Table Height ----------------------*/

#userlist1_wrapper .dataTables_scrollBody.has-data {
	max-height: 500px !important;
    height: 500px !important; 
}
.mb-1 {
 margin-bottom:10px;
}
.mb-05 {
 margin-bottom:15px;
}
.mb-2 {
 margin-bottom:20px;
}	
.case-study h4.one-bg-s {
	background: #36BC9B;
	margin-bottom:0;
}
.case-study h4.two-bg-s{
 background-color: #E9573E;	
 margin-bottom:0;
}

.case-box1 ul {
	display:flex;
}
.case-box1 span {
	font-size:14px;
    color: #fff;
    order: 2;
    margin-top: 3px;
}
.case-box1 strong {
color: #fff;
    font-size: 2.4rem;    
order: 1;
}
.case-box1 ul h4 > div {
      display: flex;
    flex-direction: column;
	width: 100%;
    min-height: 80px;
    align-items: center;
    vertical-align: middle;
    line-height:initial;
    justify-content: center;	
}
/*-----------  Style Effect on the box --------------*/
.case-box ul li {
  flex: 1 1 200px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin: 4px;
}
.case-box ul li:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.case-study h4 {
   transition: background 0.4s ease;
   color:#000;
}


/*-----------  input type file styling --------------*/
input[type="file"] {
  cursor: pointer;
  color: #333; /* Show filename */
  padding: 8px;

}

/* Style the "Choose File" button */
input[type="file"]::-webkit-file-upload-button {
  background: #f26716;
  color:#fff;
  border: none;
  padding: 8px 12px;
  margin-right: 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.3s;
}

input[type="file"]::-webkit-file-upload-button:hover {
  background: #003A78;
}


/*---------------------style Question List----------------------*/

@media screen and (max-width: 768px) and (min-width: 320px) {

.case-box{display:block;}

.case-study{ margin-left: 15px; margin-right: 15px;}

.dt-buttons{margin: 10px 22px 15px 3px}


}


/* --------------------------Seema UI Changes------------------------------ */

:root {
    --background-gray: #dddddd;
}
.d-flex {
    display:flex;
    gap:10px;
}
.export-btns {
    justify-content: flex-end;
}
.filter-apply {
    justify-content: flex-end;
    align-self: flex-end;
    margin-block: 10px;
    grid-column: 3 / 6;
}
#filterOptions .gray-bg {
    /* background-color: var(--background-gray); */
	background-color:#FFF;
    padding:10px;
    /* margin-inline: 15px; */
	margin:10px 15px;
    width: calc(100% - 30px);
	box-shadow: 0px 0px 3px #dddbdb;
}
#filterOptions .gray-bg > .row{
    /* display: flex;
    flex-wrap: wrap; */
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    display: grid;
    justify-content: space-between; 
    padding-inline: 15px;
}
#filterOptions .gray-bg > .row:before {
    display:none;
}
.ml-auto {
    margin-left:auto;
}
#filterOptions select, #filterOptions input {
    /* max-width:400px;
    min-width:250px; */
    width:100%;
}
.filter-heading {
    justify-content: space-between;
    padding-inline: 15px;
    margin-bottom: 10px;
}
.call-form-with-call-button .question-pt h1 {
  text-align: center;
    display: inline-block;
    padding: 0px 0 0 0;
    background-color: #003a78 !important;
    width: 100%;
    border-radius: 5px;
    color: #fff;
line-height: 34px;
    font-size: 18px;	
}
.call-form-with-call-button .question-pt button {
	float:right;
}
@media screen and (max-width: 1300px) {
    #filterOptions .gray-bg > .row {
        grid-template-columns: repeat(4, 1fr);
    }
    .filter-apply {
        grid-column: auto;
    }
}
@media screen and (max-width: 1099px) {
    #filterOptions .gray-bg > .row {
        grid-template-columns: repeat(3, 1fr);
    }    
    .filter-apply {
        grid-column: 2 / 4;
    }
}
@media screen and (max-width: 767px) {
    #filterOptions .gray-bg > .row {
        grid-template-columns: repeat(2, 1fr);
    }    
    .filter-apply {
        grid-column: auto;
    }
}
@media screen and (max-width: 480px) {
    #filterOptions .gray-bg > .row {
        grid-template-columns: repeat(1, 1fr);
    }
}