/* You can add global styles to this file, and also import other style files */

/* common css */
@import url(fonts.css);
@import url(bootstrap.min.css);

html{height: 100%;}
body {font-family: 'Roboto', sans-serif; font-size: 0.875rem; min-height: 100%; position: relative; background-color: #f1f1f1;}
.global-font {font-family: 'Montserrat', sans-serif;}
img{width: 100% !important;}
/* label{font-size:1.30em; font-weight:500; line-height:30px; font-family: 'Montserrat'; }
 */
 img.img-head{width:87% !important;}
 .pl-0{padding-left: 0;}
 
.required-field{color:#ff0000;}
::-webkit-scrollbar {height: 4px; width: 4px;}
::-webkit-scrollbar-thumb {background: rgba(0,0,0,.26);}
.popup {
	background: #FFF !important;
/* 	border: 1px solid #333; */
	padding: 1px !important;
	border: none !important;
}

.popup-header {
/* 	min-height: 16.43px !important; */
    padding: 16px !important;
/*     border-bottom: 1px solid #e5e5e5 !important; */
    font-family: 'Montserrat' !important;
/*     font-weight: 500 !important; */
/*     letter-spacing: 0.4px !important; */
    color: #20257f !important;
    background-color: #f5f5f5 !important;
/*     background: rgba(0,0,0,.03) !important; */
/*     font-size: 18px !important; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup-header h2 {
	    min-height: 16.43px !important;
    padding: 16px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    font-family: 'Montserrat' !important;
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
    color: #20257f !important;
    background-color: #f5f5f5 !important;
    background: rgba(0,0,0,.03) !important;
    font-size: 18px !important;
}

.popup-header .close-link {
	float: right !important;	
	font-size: 11px !important;
}

.popup-body {
	position: relative !important;
    padding: 15px !important;
    font-family: 'Montserrat' !important;
    
}
.popup-footer{
padding: 15px 10px !important;
    text-align: right !important;
}
.panel-title {font-size: 14px;}
/* floating label classes */
label{text-align:left; font-size:1.15em; font-weight:500; font-family: 'Montserrat'; margin:0; vertical-align: middle !important; display:flex; align-items:flex-start; line-height:22px;}
  .has-float-label{margin:5px 0px 20px 0px; display: block; position: relative;}
}
 .has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 100% !important;
    opacity: 1;
    top: 0.5em;
}
.has-float-label input[type=text]:placeholder-shown:not(:focus)+* {font-size: 100% !important; opacity: 1; top: 0.5em;}
.has-float-label input[type=password]:placeholder-shown:not(:focus)+* {font-size: 100% !important; opacity: 1; top: 0.5em;}
.has-float-label .search_init:placeholder-shown:not(:focus)+* {font-size: 100% !important; opacity: 1; top: 0.5em;}
.has-float-label label, .has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 90%;
    opacity: 1;
    -webkit-transition: all .2s;
    color:#5d5d5d;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 0 !important;
    line-height: 1;
    padding: 0 1px;
}

input.textbox{
	font-family: 'Montserrat';
  display: block;
    width: 100%;
    height: 34px;
    padding: 6px 10px;
    font-size: 1.12em;
    font-weight:400;
    line-height: 1.42857143;
    border:0px;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #949494  4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #949494  4%);
  background-position: -100% 0;
  background-size: -100% 100%;
  background-repeat: no-repeat;
   color: #212529;
}
input.textbox:focus, input.textbox:valid{
  font-family: 'Montserrat';
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}
input.textbox:focus:: input[Title], input.textbox:valid:: input[Title]{
  color: #555;
  font-family: 'Montserrat';
  font-size: 11px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: visible !important;
}

a#customizeMenu{font-size: 12px; letter-spacing:0.16px; color:#F17021 !important; text-decoration:none; font-weight:600; position:absolute; right:20px; top:75px; z-index:5;}
img.menu-width-auto{width: auto !important;}

.mt-25{margin-top: 25px;}

/* Common Message Error Screen */

.error-form {
margin: auto !important;
width: 600px !important;
min-height: 200px !important;
padding: 20px !important;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
position: absolute !important;
}
    
.error-img-top-session {
width: 53% !important;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
margin: 0 auto !important;
margin-bottom: 20px !important;
}

.error-img {
width: 12% !important;
}

 .login-bg-image{
  content: "";
  background: #00005b url('../images/body-bg.jpg') no-repeat center center;
  background-size: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

 .login-form{margin:auto; width:450px; min-height:200px; margin-top:2em;}
.login-btn{box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); width:100%; font-weight:500 !important; font-size:1.25em !important; color:#fff; background-color:#3f51b5 !important; border-radius:5px; font-family: Montserrat;}
 
.rounded-7 {
    border-radius: 7px;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.rounded-7 {
    border-radius: 7px;
}

.card-body {
    flex: 1 1 auto;
    padding: 2rem;
}

.form-group {
    margin-bottom: 1rem;
}

h1.card-title {
	font-family: 'Montserrat';
	font-size:2em !important;
	font-weight:500 !important;
    margin-bottom: .75rem;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.transform{
	transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.margin0{
	margin: 0 auto;
}

.card-title {
  margin-bottom: 10px;
}

.card-subtitle {
  margin-top: 12px;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}


.login-bottom-link{position:relative; margin:auto; text-align:center; margin-top:25px;}
.login-bottom-link ul{display:block; list-style:none;}
.login-bottom-link ul li{font-size:1.25em;  color:#fff; line-height:20px;}
.login-bottom-link ul li a{text-decoration:none; line-height:20px; display:block;}

/*display styles*/
.display-inline{display: inline !important;}
.display-block{display: block !important;}
.display-inline-block{display: inline-block !important;}
.display-none{display: none !important;}
.display-flex{display: flex !important;}
/* display styles End*/

/* font weight */
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
/* font weight end */

/*done by samiksha --start*/
/*anchor tag color */
.custom-a-tag a{color: rgb(0,0,238) !important; transition: 0.5s ease-in-out !important;}
.custom-a-tag a:hover{color: #e76e25 !important; text-decoration: none !important;}
/*anchor tag color*/
/*done by samiksha --end*/

/* button */
a, a:hover{color: inherit !important;}
.btn{padding: 7px 20px !important; font-size: 0.9275rem; border-radius: 0px !important; line-height: 20px !important; letter-spacing: .4px;}
button{border:0px;}
button:focus{outline: 0px;}
.border-radius{border-radius: 50% !important;}
/* button-end */

/* page-title */
h1.page-title{font-size: 1.25rem; color: #1a0e69; margin-bottom: 0px;line-height: 42px; font-family: 'Montserrat', sans-serif;}
/* page-title */

/*tab-title*/
.content-title{padding: 30px 0px 0 0px; font-size: 1rem;}


/* list inline */
.list-inline{padding:0px !important; margin: 0px !important; list-style: none !important; }
.list-inline li{display: inline-block !important; margin-right:5px;}
.list-inline li:last-child{margin-right: 0px;}


/*purple*/
.bg-purple{background-color: #20257f !important;}
.text-purple{color: #20257f !important;}

/*red*/
.bg-red{background-color: #f92d17 !important;}
.text-red{color: #f92d17 !important;}

/*orange*/
.bg-orange{background-color: #fa6821 !important;}
.text-orange{color: #fa6821 !important;}

/*yellow*/
.bg-yellow{background: #fdb13f !important;}
.text-yellow{color: #fdb130 !important;}

/*white*/
.text-white{color:#fff !important;}

/*width styles*/
.width-5{width: 5% !important; }
.width-10{width: 10% !important;}
.width-15{width: 15% !important;}
.width-20{width: 20% !important;}
.width-25{width: 25% !important;}
.width-30{width: 30% !important;}
.width-35{width: 35% !important;}
.width-40{width: 40% !important;}
.width-45{width: 45% !important;}
.width-50{width: 50% !important;}
.width-55{width: 55% !important;}
.width-60{width: 60% !important;}
.width-65{width: 65% !important;}
.width-70{width: 70% !important;}
.width-75{width: 75% !important;}
.width-80{width: 80% !important;}
.width-85{width: 85% !important;}
.width-90{width: 90% !important;}
.width-95{width: 95% !important;}
.width-100{width: 100% !important;}
/*width styles End*/

/* margin-top */
.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}

/* margin-right */
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-25{margin-right: 25px !important;}
.mr-30{margin-right: 30px !important;}
.mr-35{margin-right: 35px !important;}
.mr-40{margin-right: 40px !important;}


/* margin-bottom */
.mb-0{margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mr-120{margin-bottom: 120px;}

/* margin-left */
.ml-0{margin-left: 0px !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}




/*overflow*/
.overflow-y{overflow-y: hidden !important;}
.overflow-hidden{ overflow: hidden !important;}
/*overflow-end*/

/*-----------common css End-----------*/

/*-----------page css--------------*/
/* navbnar-css-start */
.navbar{padding: 5px 0px;}
.navbar .navbar-brand img{width: 260px; height: auto;}
.navbar .login-type{margin: 0 auto;}
.navbar .login-type h2{color: #1a0e69; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.4px;}
.navbar .navbar-right ul{padding-left:0px; margin-bottom: 0px;}
.navbar .navbar-right ul li{display: inline-block;}
.navbar .navbar-right ul li:first-child{border-right: 1px solid #ccc;padding-right: 25px;}
.navbar .navbar-right ul li:last-child{margin-left: 25px;}
/* navbnar-css-start */

/* breadcrumb */
app-breadcrumb { width:100%;  }
ul.breadcrumb_head{display: flex; font-family: 'Montserrat', sans-serif; margin-bottom: 0px; width: 100%; background-color: #f5f5f5; padding: 10px 15px;}
ul.breadcrumb_head li {position: relative; margin-right: 12px; padding-right: 12px; padding-left: 0 !important; font-size: 0.75rem; color: #000; list-style-type: none;}
ul.breadcrumb_head li:after {position: absolute; right: 0; top: 0; content: "\f105"; font-family: "FontAwesome"; color: #fdb130;}
ul.breadcrumb_head li:last-child:after {display: none;}
.breadcrumb-item+.breadcrumb-item::before { display:none;}
/* breadcrumb */

/* bonus ratio*/
.ratio{position: relative;}
.ratio span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
/* bonus ratio*/

/* tab Footer */
.tab-footer{position: relative; display: block; width: 100%;}
.tab-footer .pre-next-btn{background-color: #fbfbfb; padding:20px 10px;}
.tab-footer .Four-btn{background-color: #fbfbfb; padding:20px 10px; margin: 0 0 10px 0}
.tab-footer > .container-fluid > .pre-next-btn > .justify-content-between > .btn-grp{visibility: hidden;}


*/

/* tab Footer end

/* Table */
.table{border:1px solid #dee2e6 !important; margin-bottom: 0px;}
.table td {vertical-align: middle; font-size: 12px;}
/* .table th{font-size: 13px!important; font-weight: 500!important;} */
.table tbody tr:hover {color: #212529;background-color: rgba(0, 0, 0, 0.05);}
.table-footer{padding-top: 15px; padding-bottom: 15px; background-color: rgba(0, 0, 0, 0.02);}
.table-footer p{font-family:'Montserrat', sans-serif!important; font-size: 0.8125rem; font-weight: 600;}
/* Table End */

.table-no-border td { border: 0; }
.table-no-border th { border: 0; }
.table-no-hover-effect td:hover, .table-no-hover-effect th:hover, .table-no-hover-effect tr:hover { background-color: transparent; }

/*footer css */
/*footer{position: absolute; left: 0; right: 0; bottom: 0;}*/
.footer-strip{display: flex; height: 5px;margin: 0;}
.footer-strip span:nth-child(1){ width: 10%; background-color: #20257f;}
.footer-strip span:nth-child(2){width: 20%; background-color: #f92d17;}
.footer-strip span:nth-child(3){width: 30%; background-color: #fa6821;}
.footer-strip span:nth-child(4){width: 40%; background-color: #fdb13f;}
.footer-text p{margin: 0 0 5px 0; font-size: 0.75rem;}
.footer-text-white{color: #ffffff;}
/*footer css end*/

/*-----------page css End-----------*/

/* Angular component css- Don't touch here */
.mat-tab-label, .mat-tab-link, .mat-input-element, .mat-form-field-infix, .mat-tab-group, .mat-radio-label-content{font-family: 'Montserrat', sans-serif !important;}
.form-row>.col, .form-row>[class*=col-]{padding-left:15px; padding-right:15px;}
.mat-form-field-appearance-standard .mat-form-field-flex{padding-top:0px !important ;}

/*custom changes*/
.mat-tab-label {height: 40px!important; font-size: 0.8rem !important;}
/*custom changes end*/

/*upload-close-btn */
.mat-icon-button.upload-close-btn{ z-index: 11; position: absolute !important; right:0px; top: 0px; /* margin-top: -18px !important; margin-left: 18px !important;*/}
.mat-icon-button.attach-file-btn{ z-index: 11; position: absolute !important; right:20px; top:0px; /* margin-top: -18px !important; margin-left: 18px !important;*/}
.mat-icon-button.upload-close-btn-normal{ z-index: 11; position: absolute !important; right:10px; top:0px; /* margin-top: -18px !important; margin-left: 18px !important;*/}
.mat-icon-button.attach-file-btn-normal{ z-index: 11; position: absolute !important; right:10px; top:0px; /* margin-top: -18px !important; margin-left: 18px !important;*/}
.mat-icon-button.upload-close-btn-inside-table{ z-index: 11; position: absolute !important; right:-7px;;  /* margin-top: -18px !important; margin-left: 18px !important;*/}



.mat-raised-button{}

/* mat-btn */
.mat-raised-button.mat-btn-primary{background-color: #20257f !important; color:#ffffff !important; font-size: 0.8rem;  }
.mat-raised-button{padding: 5px 8px!important; font-size: 0.8rem;}
/*mat-form-field  */
.mat-form-field{width: 100%;}

/* radio-btn and check-box*/
.mat-radio-label{margin: 0px 0px 0px 30px !important;}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{ border-color: #fa6821 !important;}
.mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color: #fa6821 !important;}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color: #fa6821 !important;}


/* Mat-tab-css */
.mat-tab-label-container{background-color: #eaeaea;}
.mat-tab-group{width: 100%;}
.mat-tab-group.cust-height .mat-tab-body{height: calc(100vh - 54vh) !important; background-color: #fff !important;}
.mat-tab-label{opacity: 1 !important; transition: .4s all ease-in-out !important;}
.mat-tab-label-active{background-color: #20257f; color: #ffffff !important; border-radius: 4px 4px 0px 0px !important;}
.mat-tab-body-wrapper{height: 100%}

.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,1)}
.input-readonly .mat-form-field-label,select:disabled + .mat-form-field-label-wrapper .mat-form-field-label{color:#9c9c9c !important;}


/*-mat-tab-nesting-*/
.tab-2 .mat-tab-label-container{background-color: #fff;}
.tab-2 .mat-tab-label{border: 2px solid transparent;}
.tab-2 .mat-tab-label-active{border-radius: 0px !important; background-color: transparent !important; color: #fa6821 !important; border-bottom: 2px solid; border: 2px solid #fa6821 !important;}
.tab-2 .mat-tab-header, .tab-2 .mat-tab-nav-bar{border:1px solid transparent;}
.tab-2 .mat-tab-body-content{padding:10px 0px;}
.tab-2 .mat-ink-bar{background-color: #fa6821 !important;}
.tab-2 .mat-tab-group.cust-height .mat-tab-body{height: calc(100vh - 42vh) !important;}



/*Table icons*/
.mat-mini-fab .mat-button-wrapper{padding: 0px 0px 10px 0px !important; line-height: 19px !important; vertical-align: middle !important;}
.mat-mini-fab{height: 30px !important; width: 30px !important;}
.material-icons{font-size: 16px !important;}


/*table-check-box*/
.table th .mat-checkbox{vertical-align: super !important;}
/* table-check-box-end */

.sorting-icon{list-style: none; padding:0px; }
.sorting-icon i{line-height: 6px; color: #ffffff!important;}

.sorting-header-table{border:1px solid #dee2e6 !important;}
.sorting-header-table.table thead th .mat-form-field{border-bottom: 0px solid #dee2e6; font-family: 'Montserrat', sans-serif; }
.sorting-header-table tbody{height: calc(100vh - 49vh) !important;}
/* harsh */
.sec-compliance-table table tbody{height: calc(100vh - 60vh) !important;}
/* harsh code ends*/
.sorting-header-table tr th .search-icon{vertical-align: bottom;padding-right: 5px;}
.sorting-header-table tr th{padding:0px 10px;}
.sorting-header-table tr th td{padding:0px 10px; font-family: 'Roboto', sans-serif!important; }


.sorting-header-table tr th .custome-color-header .mat-form-field-label {font-family: 'Roboto', sans-serif!important; font-size: 13px !important; font-weight: 400 !important; color:#fff;}
.sorting-header-table tbody {display:block !important; overflow:auto !important;}
.sorting-header-table thead, .sorting-header-table tbody tr {display:table !important; width:100% !important; table-layout:fixed !important;}
.sorting-header-table td {font-family:'Roboto', sans-serif!important; white-space: normal !important; line-height: 0.75rem; word-break: break-all !important; text-align: left !important; font-size: 12px !important;}
/* custome-color-table-header */
.custome-color-header{background: #3a2d7d !important; color:#fff !important;}
.custome-color-header .mat-form-field-label{font-family: 'Roboto', sans-serif!important; font-size: 13px !important; font-weight: 400 !important; color:#fff; top: 1.7em !important;}
.custome-color-header th .search-icon {vertical-align: -webkit-baseline-middle !important;}
.custome-color-header .mat-form-field-underline{background-color: #fff !important;}
.custome-color-header .mat-form-field.mat-focused .mat-form-field-ripple{background-color: #fff !important;}
.custome-color-header .mat-form-field.mat-focused .mat-form-field-label{color: #fff !important;}
.white-space{white-space: normal;}

/* Angular component css end - Don't touch here */

/* Rounding corners */
.rounded-1 {border-radius: 1px;}
.rounded-2 {border-radius: 2px;}
.rounded-3 {border-radius: 3px;}
.rounded-4 {border-radius: 4px;}
.rounded-5 {border-radius: 5px;}
.rounded-6 {border-radius: 6px;}
.rounded-7 {border-radius: 7px;}
.rounded-8 {border-radius: 8px;}
/* Rounding corners end */

/* Anchor Link Tags */
.link-white {color: #e6e6e6 !important;}
.link-white:hover {color: #ffffff !important;}
/* Anchor Link Tags End */


/************ file upload input *********************/
.file-upload-input{width:95%;}
/************ file upload input *********************/
/************ textarea input *********************/
.textarea-align .mat-form-field-wrapper .mat-form-field-infix{ padding-top:3px !important; border-top:0px !important;}
/* Media Query */
@media (max-width: 1380px)
{
    .mat-tab-group.cust-height .mat-tab-body {height: calc(100vh - 44vh) !important;}
}

@media (max-width: 1300px)
{
    .mat-tab-group.cust-height .mat-tab-body {height: calc(100vh - 41vh) !important;}
}

@media (max-width: 1030px)
{
    .mat-tab-group.cust-height .mat-tab-body {height: calc(100vh - 43vh) !important;}
}
/* Media Query End*/

/*priyanka css start */
.uploadFileTemp {
    position: relative;
}
.uploadFileTemp input {
    caret-color:transparent !important;
    /* color: transparent; */
    height:auto;
    margin-top:0;
}
/* .uploadFileTemp input:first-child:focus-within {
  visibility: hidden;
} */

.uploadFileTemp p {
    margin-bottom:0.5rem;
}



.audit-menu {
    background:#fff;
    padding:0 8px;
}
.audit-menu a {
    color: #1a0e69 !important;
    margin-bottom:5px;
    font-weight:500;
}
.audit-menu a:hover {
    text-decoration:none;
}
mat-datepicker-toggle button:disabled{
    display:none !important
  }
.mat-form-field-disabled .mat-form-field-underline {
background:none !important;
border-bottom:1px solid rgba(0,0,0,0.3);
}
.disable-label {
position: absolute;
left:0;
top:-10px;
font-size:10px !important;
margin-bottom:0;
color:#ccc;
}
select:disabled {
    color:#000 !important;
}
.mat-header-cell {
    color: #212529;
    font-weight: bold;
    font-size: 0.9rem;
}
mat-cell {
    padding-right:15px;
}
.mat-header-cell{ padding-right:15px;}
sup {
    font-weight:normal;
    top:0em;
    padding-left:4px;
    font-size:12px;
}

#insider-trading .mat-tab-group.trading-table .mat-tab-body{
    height:auto !important;
    overflow-y:hidden !important;
}
#report-application .sorting-header-table tbody{height: calc(100vh - 60vh) !important; background-color: #fff !important;}
.mat-tab-group.cust-inner-height .mat-tab-body {
    height:calc(100vh - 30vh) !important;
}
#application-list .sorting-header-table tbody,#finalList .sorting-header-table tbody {
    height:calc(100vh - 60vh) !important;
}

/*priyanka css end */

.content-title{padding-top:0px;}
.close{
	/* position: absolute;  */
top:-3px; right:5px;}
.page-item.active .page-link{    background-color: #e76e25;border-color: #e76e25; color:#fff !important;}
.mat-dialog-container{border-radius: 0px !important;}
.mat-dialog-title h4{color: #20257f !important;}

/* nisha */

.input-readonly .mat-form-field-label .mat-placeholder-required, select:disabled + .mat-form-field-label-wrapper .mat-form-field-label .mat-placeholder-required, .mat-form-field-appearance-legacy .mat-form-field-label .mat-placeholder-required,.red{
    color:red !important;

}
.table-body-tb-0 tbody tr td{padding:0px 15px !important;}
.ft-size{
    font-size: 12px;
    font-weight: 500;
}
.mat-cell{ margin-right: 15px;}
.mat-header-cell{ margin-right: 15px;}
.table-body-tb-0{padding: 0;}
.th-bold th { font-weight: 700 !important; }
/* shreya */

.text-green{
    color: green !important;
}

.accountno-table.table td, .accountno-table.table th{padding:0.1rem 0.75rem; font-size: 13px;}

/* //////////////////kk(11_10_2019:17:10)///////////////// */
.time-size{
    font-size: 8px;
}

.ad{height: calc(100vh - 59vh) !important;}
.ad table{height: 100% !important;}

.file-upload-format {
   font-size: 12px;
}
.note-upload-format{
    font-size:10px;
}
.mat-tab-group.tab-height-results .mat-tab-body{height: calc(100vh - 49vh) !important; background-color: #fff !important;}
/* //////////////////kk(11_10_2019:17:10)///////////////// */
/*dipika*/
#votingrights .sorting-header-table tbody{height: calc(100vh - 60vh) !important;}
#shareholding .sorting-header-table tbody{height: calc(100vh - 67vh) !important;}

/* mandatory label long-text--by kk */

mat-form-field.large-label label.mat-form-field-label:after {content: '*'; position: absolute; color: red; top: 0; right: 0px; font-size: 16px;}

/* mandatory label long-text--by kk */
.mat-form-field-label{color: rgba(0,0,0,1);}



























@charset "utf-8";

/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Montserrat;
	font-size: 11px;
	color: #333;
}

#Wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

#top-header {
	width: 100%;
	height: 100px;
	background: #FFF url(../images/top-header-bg.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	clear: both;
}

#nse-logo {
	width: 180px;
	height: 81px;
	margin: 21px 0px 0px 15px;
	padding: 0;
	float: left;
}

#topright-content {
	width: 750px;
	line-height: 81px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	font-family: Montserrat;
	font-size: 20px;
	color: #C00;
	float: left;
}

#nav-bar {
	width: 100%;
	height: 20px;
	background: #900 url(../images/nav-bg.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	clear: both;
}

#content {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/nse_buliding.jpg) no-repeat left bottom;
	font-family: Montserrat;
	font-size: 11px;
	color: #333;
	width: 100%;
	height: 350px;
}

#login-window {
	margin: 0px 20px 20px 700px;
	width: 303px;
	height: 320px;
	background: #CCC url(../images/login-window-bg-new.jpg) no-repeat;
	clear: both;
	font-family: Montserrat;
	font-size: 13px;
	color: #2d2c2c;
}

.loginheading {
	font-family: Montserrat;
	font-size: 23px;
	font-weight: bold;
	color: #a10300;
}

#login-window input[type="text"] {
	border: #b08282 1px solid;
	width: 180px;
	color: #633b3b;
}

/* .textbox {
	border: #b08282 1px solid;
	width: 180px;
	color: #633b3b;
}
 */
#login-window input[type="submit"] {
	background: url(../images/button-bg.png) no-repeat center left;
	width: 71px;
	border: 0px;
	height: 22px;
	font-family: Montserrat;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
}

#submitbutton {
/*  	width: 100%;
	border: 0px;
	height: 35px; */
	/* font-family: Montserrat;
	font-weight: bold;
	color: #FFF;
	cursor: pointer; */
	width: 100%;
	border: 0px;
	height: 35px;
	font-family: Montserrat;
	font-weight:500 !important;
	color: #FFF;
	cursor: pointer;
	border-radius:5px;
}

a:link {
	font-family: Montserrat;
	font-size: 13px;
	color: #a10300;
	text-decoration: none;
}

a:active {
	font-family: Montserrat;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-family: Montserrat;
	font-size: 13px;
	color: #000000;
	text-decoration: underline;
}

a:visited {
	font-family: Montserrat;
	font-size: 13px;
	color: #a10300;
	text-decoration: none;
}

#footer {
	height: 16px;
	border: #e9d9da 1px solid;
	background: #f7e7e7;
	margin: 0;
	padding: 10px 15px 10px 15px;
	clear: both;
	font-family: tahoma;
	font-size: 12px;
	color: #555;
	clear: both;
}

.tabhead { /*background-color:#efefef;*/
	FONT-WEIGHT: normal;
	font-size: 12px;
	color: #232323;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.requiredfield {
	color: red;
	font-family: 'Montserrat';
}


/*session expired classes*/
 .watch-logo{
    width: 230px !important;
    height: auto !important;
    margin: 50px auto !important;}
    .expired-session-head{
        font-size: 22px;
    font-weight: 600;
    line-height: 0px;
    font-family: 'Montserrat';}
    .expired-session-sub-head{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Montserrat';}
    .login-head{
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    font-family: 'Montserrat';}
    .back-login{
     font-size: 12px;
    /* font-weight: bold; */
    /* color: blue; */
    /* font-size: 16px; */
    font-weight: bold;
    letter-spacing: 0.8px;
    line-height: 100px;
    font-family: 'Montserrat' !important;
    background-color: #fd8c2e;
    padding: 10px 20px;
    color: #ffffff !important;
       
   }
    .card-login {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    box-shadow: 0px 0px 14px 3px #00000017;
}
.card-img-top-session {
    width: 70%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
        margin: 0 auto !important;
}
 input:focus, textarea:focus, select:focus{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 97%, #3b55e4 4%) !important;}
 input#loginForm_button:focus {
    background: none !important;
    background-color: #3f51b5 !important;
    color: #fff;   
    .text-link{font-size:13px !important; color:#1818bb !important;}