input[type="radio"] {
    width: 20px !important;
}
label.radiobtn-field {
    display: inline-flex;
    padding-right: 10px;
}
.radiobtn-field span{
    padding-left: 5px;
}

.modal {
    text-align: center;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    float: left;
}
.on-off-switch {
    padding: 6px 6px;
}

.custom-scrollbar {
    
}
  
  .uploadBtn {
        color: #fff;
        background-color: #333333;
        padding: 8px 12px;
        font-size: 14px;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

.file_upload{
	padding: 0px;
	display: inline-block;
	position: relative;
	width: 100%;
}
.file_upload span{
	background: #333;
    color: #fff;
    padding: 8px 10px;
    position: absolute;
    top: 26px;
	width: auto;
	left: 0;
	
}
.file_upload input{
	position: absolute;
    opacity: 0;
    padding: 5px 10px;
	left: 0;
	z-index: 1;
}
input#TC {
    width: auto;
    margin: 0px 10px;
}
.downloadxl {
    text-align: left;
}
.validate-has-error {
	display: block;
}
.pb-15 {
    padding-bottom: 15px;
}
.pb-5 {
    padding-bottom: 5px;
}

.mt-30 {
    margin-top: 30px;
}
.mt-15 {
    margin-top: 15px;
}
.card .validate-has-error { 
    text-align: left;
}


/*******************     Tab css          ****************************/

.new_tab{
    margin-bottom: 100px;
    margin-top: 55px;

}
.new_tab .nav-tabs { 
    border-bottom: 2px solid #DDD; 
}
.new_tab .nav-tabs > li.active > a, 
.new_tab .nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover 
{ border-width: 0; 
}
.new_tab .nav-tabs > li > a { 
    border: none; 
    color: #666;
    font-size: 20px;
 }
.new_tab .nav-tabs > li.active > a, 
.nav-tabs > li > a:hover { 
    border: none; color: #4285F4 !important; 
    background: transparent; 
}
.new_tab .nav-tabs > li > a::after { 
    content: ""; background: #4285F4; 
    height: 2px; position: absolute; 
    width: 100%; left: 0px; 
    bottom: -1px; transition: all 250ms ease 0s; 
    transform: scale(0); 
}
.new_tab .nav-tabs > li.active > a::after, 
.new_tab .nav-tabs > li:hover > a::after { 
    transform: scale(1); 
}
.new_tab .tab-nav > li > a::after { 
    background: #21527d none repeat scroll 0% 0%; 
    color: #fff; 
}
.new_tab .tab-pane { 
    padding: 15px 0; 
}
.new_tab .tab-content{
    padding:20px;
}

.new_tab .card {
    background: #FFF none repeat scroll 0% 0%; 
    box-shadow: none; 
    margin-bottom: 30px;
    width: 100%;
    height: auto;
}
.tab-content{
    margin-top: 0px;
}
.new_tab .nav-tabs>li {
    width: 25%;
}
.new_tab .nav-tabs.customWidth>li {
    width: 20%;
}
.action-btn {
	margin: 10px 0;
}
.success-panel {
	margin: 30px 0 0;
}
.modal-body textarea {
    width: 100%;
}
.exportbtn {
    margin-bottom: 10px;
}
.dataTables_length {
    margin-right: 10px;
}
a.mdl-tc {
    cursor: pointer;
}
a.mdl-tc:hover {
    text-decoration: underline;
}
table .inline-radio-btn {
    display: flex;
}
.badgeCount {
    background-color: red;
    color: white;
    padding: 3px 7px;
    text-align: center;
    border-radius: 12px;
    font-size: 16px;
  }

ul.custom-scrollbar {
    max-height: 500px; 
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}
.header-switch-btn {
    padding-right: 15px;
}

.font-12 {
    font-size: 12px;
}