@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
 
/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
 /* End extract */
html,body{font-family: 'Roboto'; font-size:12px; line-height:1.5; margin:0px;}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.w3-serif{font-family:Roboto}.w3-Oxygen-Regular{font-family:Roboto}.w3-cursive{font-family:cursive}.w3-monospace{font-

family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",Arial,Oxygen-Regular;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
 /* .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} */
.w3-sidebar{height: auto;
    width: 350px !important;
    /* background-color: #1673A3; */
    position: fixed!important;
    z-index: 9999;
    overflow: auto;
       margin-top: 2px;
    min-height: 150px;
    right: 30px;
}
.w3-col.m4, .w3-third{width:33.33333%}
 .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%;}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}
.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}

@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4

{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-

block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
.widthautohld {
    width: 100%;
    float: left;
    margin-top: 0px;
    padding-left: 0px;
}
.card {
    border-radius: 5px;
    /*-webkit-box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);*/
    border: none;
    margin-bottom: 30px; padding: 8px; width:50%;
}

.container .card .face{
   width: 200px;
    height: 200px;
    transition: 0.5s;
}
.xrtwr{    position: inherit;
    left: inherit;}
	
	.lvltxt{font-size: 13px;padding: 2px 2px 11px;display: block;}
	.selectmain{width:20%;float:left;}
	.clientselect{width:20%;float:left;}
	.accselect{width:20%;float:left;}
	 .datecontrol{ float: right;top: -4px;}
	 .pdficonpos{float: right;}
	 .mainiconpdf{margin-left:25px;}
	 .selectmain4{width:18%;float:left;}
	.accselect2{width:17%;float:left;}
	.newselectmain{width:16%;float:left;}
	.cardfour{width:23% !important;}
	.financedd{width:15%;float:left;}
	.selectnew15{width:15%;float:left;}
	.newuidaterngrpt {width:49.5% !important;}
	.mr0{margin-right:0px !important;}
	.dataTables_filter input[type=search] {
    width: 40%;
}
@media (max-width:800px){
	.dataTables_filter input[type=search] {
    width: 60%;
}
	.lvltxt{padding: 2px 2px 2px;}
	.selectnew15{width:50%;float:left;}
	.financedd{width:50%;float:left;}
	.cardfour{width:44% !important;}
	.newselectmain{width:50%;float:left;}
	.accselect2{width: 50%;}
	
	 .selectmain4{width:50%;float:left;}
	.newuidate{width: 67% !important;
    margin-right: 5px !important;}
	.newuidaterng{width:43% !important;}
	.newuidaterngrpt{width:48% !important;}
	
	.datecontrolrange{width:102% !important; }
	.pdfpos{    position: absolute !important;
    right:113px;
    top: 70px !important;     display: none;}
	.excelpos{position: absolute !important;
    right: 85px;
    top: 70px !important;     display: none;}
	.datecontrol{width:50%;float:left;}
	.accselect{width:50%;float:left;}
	.clientselect{width:50%;float:left;}
	.selectmain{width:50%;float:left;}
	
	.xrtwr{position: absolute;
    left: 120px;}
	.container .card .face{
   width: 160px;
    height: 200px;
    transition: 0.5s;
}
	.dataTables_wrapper .dataTables_length select{    z-index: 99;
    position: absolute;
    left: 79px;}
	.dataTables_length label{line-height: 28px;}
	.card {
    
     width:50%;
}
	.dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
    position: absolute;
    top: 4px;
    right: 0;
    padding-left: 40%;
}
	.widthautohld{  width: 43%;
    float: left;
    margin-top: -5px;
    padding-left: 6px;}
	 .pdleft5{padding-left:0px !important;}
	.accselect5,.asond4,.asond6{width:100% !Important;padding:0px !important;}
	
.newuidate1{
	margin:0px 5px 0px 5px !important;
	width:46% !Important;
}
	.paddforright{
	   padding: 14px 10px 0px 6px !important;
}
	
	.datet{width:95% !important;}
	.formobfiled{width:49% !important;float:left;}
	.formobfiled .ui.input{display:block !important;}
	.fordisplays{display:block !important;}
	#popup{width: 100% !important;} .w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px} 
	.container{
    width: 100%;
    position: relative;
    display: block;
    justify-content: space-between; margin: 0px auto; 
    overflow-y: auto;
}

.scheme-content{min-height:75px;}
	body .mainpagehead_h4{width:56% !important;}
 .asond,.asond1,.asond2,.selectmain1,.selectmain2,.asond3{width:100% !important;float:left !important;padding:0px !important;}

.w3-col.m4, .w3-third,.clientselect2,.accselect3, .clientselect3{width:100% !important;}
.page-wrapper.toggled .sidebar-wrapper{
	left:-300px;
}
#show-sidebar{
	left:11px !important;
	
}
.w3-col.m8, .w3-twothird,.w3-col.m10{width:100% !important;float:none !important;}	
.page-wrapper.toggled .page-content{
	padding-left:0px;
}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-

hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-

click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
.w3-col.m4, .w3-third,.card{width:100%;}
 
.onethird1{width:100% !important;padding:10px;}
.w3-third1{width:100% !important;}
 
}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}.mobdis{display:block !important;}
.halfwithbor4,.halfwithbor5,.seventydiv{width:70% !important;float:left;padding: 10px 0px 0px 10px;}
.halfwithbor4,.halfwithbor5,.thirddiv{width:30% !important;float:left;padding: 0px 0px 0px 10px;}
.halfwithbor4,.halfwithbor5{width:100% !important;float:left;padding: 10px 0px 0px 10px;}
.creambox{
	min-height: 102px !important;
    text-align: left !important;
    padding-top: 0px !important;
	
}


.activebutton{
	margin-left:7px;
}
.twentysev,.fourteen,.thirtyfive{
	width: 100% !important;
    float: left;
    padding-left: 11px;
}
.fullrow{min-height:78px !important;    padding: 7px 5px 5px 5px !important;}
.tendiv{width:10% !important;float:left;}
.seventyintable{
	width: 90% !important;
    float: left;
}
.twentydiv{
	    width: 100% !important;
		    padding-left: 10%;
    margin-top: 10px;
}
.thirtythree{width:100% !important;}
.extraselect{width:200px !important;}
}



.newinp{
 color: #000;
    /*background: url(../images/date.png) no-repeat 100% #fff;*/
    text-align: left;
    padding-right: 0px;
    border: 1px solid #E1DEDE;
    border-radius: 5px;
    height: 30px;
    padding-left: 10px;
    width: 120px;
font-size: 11px;outline:none !important;}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (min-width:800px) and (max-width:1276px){
	.selectnew15{width:45% !important;float:left !important;}
.asond6{width:55% !important;float:left !important;}
.singletxt{width:150px;}
	.thirtyfive,.fourteen{
		width: 49% !important;
	}
	.datet {
    width: 95% !important;
}
 
.accselect5{width:35% !important;float:left;}
.asond4{width:65% !Important;float:left !important;padding: 0px !important;}
	.w3-third1, .onethird1{width:98% !important;float:left;padding:10px;}
	.w3-half,.thirtythree,.w3-third{width:49% !important;float:left;}
	.w3-col, .w3-half, .w3-twothird, .w3-threequarter, .w3-quarter{width:100% !important;float:left;}

 
.scheme-content{width:100% !important;    min-height: 65px;}
.selectmain4,.financedd{width:45% !important;float:left;}
.newselectmain{width:35% !important;float:left;}
.accselect3, .clientselect3,.asond3{width:55% !important;float:left !important;}
.selectmain1{width:35% !important;float:left;}
.accselect2, .clientselect2{width:49% !important;float:left;}
.asond2{width:60% !important;float:left !important;}
.mob_lbl {
    display: inline-block !important;
    color: #B3B0AF !important;
    text-align: left !important;
}
.text-right,.text-center{text-align:left !important;}
.scheme-row-content{
	    display: inline-block !important;
    border-bottom: 1px solid #e0dcdc;
    padding-bottom: 20px;
    width: 100%;
}
.w3-col.s4{width:33% !important;float:left;min-height:65px;}
.desk_head {
    display: none !important;
}
	.nonmobdis{display:none !important;}.mobdis{display:block !important;}.halfwithbor4,.halfwithbor5{width:100% !important;float:left;padding: 10px 0px 0px 10px;}
	/* .creambox{ */
	/* min-height:265px !important;text-align:left !important; */
/* } */
.activebutton{
	margin-left:7px;
}
/* .w3-quarter,.w3-third{width:49% !important;float:left;!important} */

.fullrow{
	min-height: 63px !important;
    padding: 15px 0px 10px 10px !important;
}
.w3-col.m8, .w3-twothird,.w3-col.m10{width:100% !important;float:none !important;}	
}

@media (min-width:1240px){
	/* .w3-half,.thirtythree{width:33%;float:left;} */
	/* .w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter{width:33%;float:left;} */
	
}	
 /* .w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} */
  .w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
 
.w3-row-padding img {margin-bottom: 12px}
.forallheades{font-size: 13px !important;font-weight: normal;    color: #fff; cursor:pointer;}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background: #fff;background:#6abdff;min-height: 60px;position: fixed; width: 100%;left: 0px;z-index: 20;top:0px;
}
.paddforright{
	   padding: 14px 6px 0px 6px;
}
.paddforright1 {
    padding: 20px 10px 0px 0px;
}
.mobdis{display:none;}
.nonmobdis{display:block}
.mainboxes {
 border-radius: 25px;
    padding: 16px 0px 0px 0px;
    min-height: 117px;
    margin: 10px;
    color: #fff;
    text-align: center;
}
.pdl0{padding-left:0px !important;}
.lightgreen {
    background: #88CEB6;
	 box-shadow: rgb(214 241 232 / 50%) 0px 12px 0px -4px !important;
}
.halfwithbor3 {
    width: 33%;
    float: left; min-height:66px;
    box-shadow: 5px 0px 3px -3px rgb(121 191 167);
    -webkit-box-shadow:5px 0px 3px -3px rgb(121 191 167);
    -moz-box-shadow: 5px 0px 3px -3px rgb(121 191 167);  line-height:39px;
}
.halfwithbor3last {
     width: 33%;
    float: left;
    min-height: 66px;
    line-height: 20px;
    padding-top: 10px;
}
.halfwithbor6 {
    width: 33%; padding-top: 10px;
    float: left; min-height:66px;
    box-shadow: 5px 0px 3px -3px rgb(121 191 167);
    -webkit-box-shadow:5px 0px 3px -3px rgb(121 191 167);
    -moz-box-shadow: 5px 0px 3px -3px rgb(121 191 167);  line-height:20px;
}
.halfwithbor4 {
   width: 33%;
    float: left;
    box-shadow: 5px 0px 3px -3px rgb(255 236 127);
    -webkit-box-shadow: 5px 0px 3px -3px rgb(255 239 228);
    -moz-box-shadow: 5px 0px 3px -3px rgb(255 239 228);
    text-align: left; min-height:84px;
    font-size: 16px;
    padding: 0px 15px 0px 15px;
}
.halfwithbor1 {
    width: 49%;
    float: left; line-height: 36px;
}
.halfwithbor7 {
    width: 49%;
    float: left;
    line-height: 19px;
    margin-top: 6px;
}
.halfwithbor5 {
    width: 100%;
    float: left;
}
.thirddiv{
	 width: 23%;
    float: left;
}
.seventydiv{
	 width: 69%;
    float: left;
	text-align:left !important;
	padding: 0px 0px 0px 10px;
}
.bigfont {
    font-size: 19px;
    font-weight: bold;
}
.smallfont {
    font-size: 12px;
    font-weight: normal;
}
.smallfont1 {
   font-size: 12px;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
    float: left;
    line-height: 39px;
    margin-right: 15px;
    color:#949090;
}
.smallfont2 {
   font-size: 12px;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
    float: left;
    line-height: 20px;
    margin-right: 15px;
    color:#949090;
}
.pdleft5 {
    padding-left:10px;
}
.smallblack {
    font-size: 12px;
    font-weight: bold;
	    padding:0px 0px 0px 0px;
		color:#000 !important;
		margin-bottom:10px;
}
.bluebox {
    background: #87C6FF;
	    box-shadow: rgb(213 235 254 / 50%) 0px 12px 0px -4px !important;
}
.halfwithbor {
    width: 33%; line-height: 38px;
    float: left; min-height:66px;
    box-shadow:5px 0px 3px -3px rgb(115 178 234);
    -webkit-box-shadow:5px 0px 3px -3px rgb(115 178 234);
    -moz-box-shadow:5px 0px 3px -3px rgb(115 178 234);
}
.halfwithborlast {
    width: 33%; line-height: 38px;
    float: left; min-height:66px;
     
}
.creambox{background:#FFFBF0; box-shadow: rgb(255 237 196 / 50%) 0px 12px 0px -4px !important;color:#9F9F9F !important;}
.newselect {
    width: 100%;
    padding: 5px 5px 5px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    border: 1px solid #FACAC2;
    border-radius: 25px;
    height: 34px;
    background: url(../images/ddblue.png) no-repeat right #FDDBBA;
    -webkit-appearance: none;
   background-position-x: 96%;
    outline: none !important;
	margin-top: 5px;
}
.activebutton{
	    background: #74BD7B;
    padding: 7px 10px 7px 10px;
    font-size: 12px;
    border-radius: 7px;
    color: #fff;
    text-decoration: none !important;
	margin-top:10px;
}
.activebutton1{
	    background: #74BD7B;
    padding: 5px 7px 5px 8px;
    font-size: 12px;
    border-radius: 7px;
    color: #fff;
    text-decoration: none !important;
    margin-top: -2px;
    display: inline-flex;
    margin-left: 3px;
}
.disactivebutton{
	background: #74BD7B;
    padding: 5px 10px 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none !important;
}
.onethird{
	min-height:100px;padding:10px 10px 0px 10px;
}
.boxheads{
	border-bottom: 2px solid #F4F4F4;
    margin-left: 5px;
    min-height: 50px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
/* CSS FOR SWITCH */


.switcher {
  display: inline-block;
    height: 30px;
    margin-top: 3px;
    padding: 4px;
    background: #fff;
    border-radius: 2px;
    width: 107px;
    border-radius: 30px;
    border: solid 1px #ddd;
    position: relative; 
}

.switcher__input {
  display: none;
}

.switcher__label {
  float: left;
  width: 50%;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  text-align: center;
  cursor: pointer;
  position: inherit;
  z-index: 10;
  transition: color 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
  will-change: transform;
  height: 28px;
    font-weight: normal;
}

.switcher__toggle {
  position: absolute;
  float: left;
  height: 30px;
  width: 50%;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  background-color: #F76559;
  border-top-left-radius: 30px;
 border-bottom-left-radius: 30px;
  left: 0px;
  top: 0px;
  transition: left 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
  will-change: transform;
  height:28px;
}

.switcher__input:checked + .switcher__label {
  color: #fff;
}

.switcher__input--yang:checked ~ .switcher__toggle {
  left: 52px;
  border-top-right-radius: 30px;
 border-bottom-right-radius: 30px;
   border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
}
.twentysev{width:27%;float:left;}
.fourteen{width: 40%;
    float: left;
    color: #999696;
    font-size: 11px;
    font-weight: normal;}
.padtop10{padding-top:10px;}
.circle{
	    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    padding-top: 4px;
}

.tendiv{width:7%;float:left;}
.seventyintable{width:65%;float:left;}
.twentydiv{width:28%;float:left;font-size:16px;}
.orangecircle{background:#FF8200;}
.redcircle{background:#AD0E0E;}
.bluecircle{background:#075CB3;}
.lightbluecircle{background:#04ACA2;}
.greecircle{background:#17812B;}
.smallestfont{font-size: 11px;
    color: #8a807e;
	padding: 0px 5px 0px 5px;}
.smallestfont b{
	font-size: 11px;
    color: #000;
	padding: 0px 5px 0px 5px;
}	
.amttxt{font-size:11px;}
.loss{
	color:#B54102 !important; float:left;
}
.gain{
	color:#41942F !important;  float:left;
}
.fullrow{border-bottom:1px solid #ddd;    min-height: 50px;padding: 5px 0px 5px 0px;}
.dashcol{color:#D5C5C1;}
.bigf{font-size:14px;}
.normalfont{font-size:11px ; color: #fff;}
     h6.normalfont {
            margin: 3px 0 !important;
    }
.holdingfnt{font-size:12px ; color: #000; padding-left:5px;}
.loss img{position: relative;
    top: 3px;}
.gain img{position: relative;
    top: 3px;}
.thirtythree{width:33%;float:left;}
.tdintab{text-align: center;
    background: #1673A3;
    margin: 0;
    list-style: none;
    color: #fff;
    padding: 5px 5px 5px 5px !important; width:108px;}
.rbborder {
    border-right: 1mm ridge rgb(51, 122, 183, .6);
    border-bottom: 1mm ridge rgb(51, 122, 183, .6);
}
.bborder {
    border-bottom: 1mm ridge rgb(51, 122, 183, .6);
}
/*.arrow-right {
   border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    height: 40px;
    position: absolute;
    right: 0px;
}*/
.sb1:before {
 content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #1673A3;
    top: -4px;
    right: 0px;
}
.tdintab a{text-decoration:none !important;}
 

.gainloss{color:#1C720E; font-weight:bold; }
.gainarrow{    position: relative;
    top: 1px;}
.tphldng{line-height: 58px;}


/* Customize CSSS */

.scheme-row-content {margin: 0px;padding: 20px 20px;background: #fff;min-height: 65px;color: #333;border-radius: .2rem;-

webkit-border-radius: .2rem;
    -moz-border-radius: .2rem; ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-

sizing: border-box; -webkit-box-shadow: 2px 6px 15px 0px rgb(69 65 78 / 10%);
    -moz-box-shadow: 2px 6px 15px 0px rgba(69, 65, 78, 0.1);
    box-shadow: 2px 6px 15px 0px rgb(69 65 78 / 10%);}
  .scheme-content {padding: 0;font-size: 1rem;}
  .scheme-name {text-transform: none;white-space: normal;font-size: 12px;padding-bottom: 0px;color: #000;}
  .scheme-tags {padding: 6px 0px;
    color: #999;
    font-size: 11px;}
  .pull-left {float: left!important;}
  .header-resp {font-size: 12px;
    padding: 3px 0 3px 0;
    color: #000;
    font-weight: 500;}
  body .feild_lbl {font-size: 12px;font-weight: 600;color: #231F20 !important;line-height: 14px;font-family: 'RuckSack-Book';
    /* text-align: left; */}
	.scheme-mtm {font-size: 13px;
    line-height: 16px;
    color: #000;
    font-weight: 500 !important;
    font-weight: normal;
    /* text-align: left; */
    padding: 0 1px;}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left !important;}
  
 .mob_lbl{display:none}

.desk_head{margin: 0px 0px -4px 0px;padding: 0 10px;background: #fff;min-height: auto;color: #333;display: inline-

block;width: 100%;line-height: 50px; border-bottom: 1px solid #ddd;
     }
.desk_head .scheme-mtm {line-height:18px;
    margin-top: 10px;
    color: #a1a3a5;
    padding: 0px 13px 5px 8px;
    font-size: 12px;
    font-weight: bold !important;}
.scheme-row-content:hover{background:#e4f7fa;}

.desk_bord_bot{border-bottom:1px solid #f9f6f6;}
.last_row{background: #f7f7f7;padding: 10px 19px 0px 18px;font-weight: bold;}


.pagi_div{text-align: center;padding: 10px 0;border: 1px solid #f5f5f5;border-top: 0;}
.pagination {display: inline-block;}
.pagination a {color: black;float: left;padding: 3px 10px;text-decoration: none;font-size: 15px;}
.pagination a.active {background-color: #4bc6e6;color: white;border-radius: 5px;}
.pagination a:hover:not(.active) {background-color: #ddd;border-radius: 5px;}
.w3-container label{    color: #adaaaa;}
.w3-content h3{font-size: 14px !important;}
body .mainpagehead_h4 span{font-size: 12px !important;  color: #949191;  }
body .mainpagehead_h4 {     font-size: 13px;
    font-family: Roboto;
    font-weight: 600;
    line-height: 20px;
    padding: 0 10px;
      color: #000000;}
.cust_select select{outline: 0;
    box-shadow: none;
    border: 1px solid #eaeaea !important;
    background: #fff;
    padding: 0 5px;
    color: #292929;
    cursor: pointer;
    font-size: 13px;
    font-family: Roboto,system-uif;
    height: 29px;
   width: 95%;
   margin-bottom:5px;
    border-radius: 5px;}
select::-ms-expand { display: none;}
.select {position: relative;display: flex;width: 20em;height: 3em;line-height: 3;background: #5c6664;overflow:hidden;border-radius: .25em;}
.select::after {content: '\25BC';position: absolute;top: 0;right: 0;padding: 0 1em;background:#ced6d6;cursor:pointer;pointer-events:none;transition:.25s all ease;}
.select:hover::after { color: #23b499;}
.btn_go{border: 0;padding: 5px 6px; cursor:pointer;background-image: linear-gradient(to right top, #63b5e0, #6ebce6,#79c4eb, #84cbf1, #8ed3f7);color: #fff;border-radius: 4px;margin:0 4px;}
 
.btn_sort{border: 0;padding: 7px 10px;background: #4bc6e6;color: #fff;border-radius: 4px;}
.btn_sort:hover{background:#646d75}
.txt_all{height: 29px;font-size: 13px;font-family: inherit;border: 1px solid #ddd; border-radius: 5px;margin-bottom:15px;}



.sort_btn_div{position:relative}
 .sort_pop{display: inline-block;position: absolute;right: 0%;border: 1px solid #ddd;border-top:0;margin: 10px 0;transform: translate(-5%, 0);box-shadow: 0 10px 0 0 #03a9f4 inset;
    background-color: #fefffa;width: 300px;padding: 20px;top: 30px;text-align:left;}
    ul{list-style: none;padding:0}
    ul.sort_ul li {position: relative;padding: 0;margin: 0;padding-bottom: 4px;padding-top: 18px;border-bottom: 1px dotted #dce7eb;}
    .triangle {
    position: absolute;
    top: -8px;
    right: 15px;
    height: 15px;
    width: 15px;
    border-radius: 6px 0px 0px 0px;
    transform: rotate(45deg);
    background: #03a9f4;
}

    .header-cell::before, .header-cell::after {content: "";position: absolute;top: 50%;right: 12px;border: 4px solid transparent;}
.header-cell::before {border-bottom-color: #bdbdbd;margin-top: -8px;}
.header-cell::after {border-top-color: #bdbdbd;margin-top: 1px;}
.header-cell.sort-asc::before {border-width: 6px;margin-top: -9px;right: 10px;border-bottom-color: #3f3f3f;}
.header-cell.sort-asc::after {content: none;}
.header-cell.sort-desc::before {content: none;}
.header-cell.sort-desc::after {border-width: 6px;margin-top: -2px;right: 10px;border-top-color: #3f3f3f;}
.header-cell div {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sortby_div{position: absolute;right: 25px; width: auto !important;}
.asondate_div{float:right}

.frm_date{float:left}
.to_date{float:left}


/*Reports Landing page CSS*/
.card {margin-bottom: 0px;margin-top: 14px;border-radius: 3px;color: #333;background: #fff;width: 44%;min-height: 74px;padding: 10px 0px 0px 10px;float:left; margin:8px;}
.quickimg {background: url(../images/repbag.jpg) no-repeat 0px -13px;background-size: 100%;}
.redcolorfundany {background: url(../images/svg/reports.svg) no-repeat 35px 30px #99B1A1; padding: 23px 0px 0px 66px;}
.rep02{background: url(../images/svg/reports.svg) no-repeat 35px 30px #AAA677; padding: 24px 0px 0px 66px;}
.rep03{background: url(../images/svg/reports.svg) no-repeat 35px 30px #5F5D60; padding: 24px 0px 0px 66px;}
.rep04{background: url(../images/svg/reports.svg) no-repeat 35px 30px #C67546; padding: 24px 0px 0px 66px;}
.rep05{background: url(../images/svg/reports.svg) no-repeat 35px 30px #D2527F; padding: 24px 0px 0px 66px;}
.rep06{background: url(../images/svg/reports.svg) no-repeat 35px 30px #446CB3; padding: 24px 0px 0px 66px;}
.heightrpt130P {height: 115px;cursor: pointer;}
.heightrpt130P span { font-size: 25px;color: #fff;line-height: 55px;}


.mb_20{margin-bottom: 20px;}
.mb_45{margin-bottom: 45%;}
.pl_15{padding-left:15px;}
.pad_lr_10{padding: 0 10px}
.card-stats.heightrpt130P {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin: 15px 0 0;
}
 

.rpt_form{margin: 0 auto;max-width: 560px;position: relative;background: #fff;padding: 20px;border-radius: 6px;border: 1px solid #f5f5f5;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 7%), 0 5px 5px 0 rgb(0 0 0 / 7%);margin-top:40px;}

.rpt_form .cust_select select{width: 100%;height: 35px;}
.rpt_form .datecontrol{float:none !important}

.rpt_form .datecontrol .date_range_txt{width:100%;height:35px}
.btn_excpdf {border: 0;cursor: pointer;padding: 6px 7px 5px 10px;background-image: linear-gradient(to right top, #4eb252, 

#57b75b, #60bd64, #69c26c, #71c775);color: #fff;
             border-radius: 4px; margin: 0 4px;width: 48%;text-align: center;line-height: 29px;font-size: 18px;font-

weight: bold;}
.btn_excbag{background:#4caf50}
.btn_pdfbag{background:#ff7368}
.rpt_form label{color:#000}
.frm_lbl{font-size: 14px;padding: 0px 2px 2px;display: block;color:#a09e9e !important;}


.exp_collp_div{display:none}


.container {
    width: 1000px;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
    overflow-y: auto;
}

.ml_desk_mob{margin-left:45px}

@media (max-width:991px){
	
.mob_lbl{display:inline-block;     color: #b3b0b0;}
.ipad_mt_10{margin-top:10px}
.desk_head{display:none}
/*.cust_select select{width: 98%;}
.last_row{background:transparent}*/
.scheme-row-content {display: inline-block; border-bottom: 1px solid #e0dcdc; padding-bottom: 20px;width: 100%;}
.scheme-content{text-align:left;}

.sort_btn_div{text-align: right;}
.ipad_height_30px{min-height:80px}
.scheme-row-content .w3-col.w3-container.m6:last-child { clear: both;}
.scheme-row-content .w3-col.w3-container.m6:nth-child(2),.scheme-row-content .w3-col.w3-container.m6:nth-child(4) { clear: none;}
.ipad_float_non{float:none}
.cust_select select{min-width:100px}
.dropdwn2nd_ipad{position: relative;left: 40px;}
.frmto_dat_div{position: relative;left: 20px;}
.ml_desk_mob{margin-left:0px}
}
@media (max-width:480px){
	
.mob_lbl{display:inline-block;     color: #b3b0b0;}
.mob_mt_10{margin-top:10px}
.desk_head{display:none}
.cust_select select{width: 98%;}
.last_row{background:transparent}
.scheme-row-content {display: inline-block; border-bottom: 1px solid #e0dcdc; padding-bottom: 20px;}
.scheme-content{text-align:left;}
.sortby_div{width: inherit !important;position: relative;    right: 5px;}
.asondate_div{float:none}
.sort_btn_div{text-align: right;}
.ipad_height_30px {  min-height: auto;}

.frm_date{float:left;width:43%}
.to_date{float:left;width:57%}
.dropdwn2nd_ipad{left: 0px;}
.frmto_dat_div{left: 0px;}
.ml_desk_mob{margin-left:0px}

/*filter Design for Mob*/

.exp_collp_div{padding: 5px 10px;background: #f5f5f5;border:1px solid #ddd;width: 100%;margin: 0;display:block}
.exp_collp_subdiv {padding: 5px 0px;width: 100%;border:1px solid #ddd;border-top:0;display: inline-block;}
.exp_breach_head {width:100%;font-size: 13px;cursor:pointer;height:20px;display:table;text-align: left;}
.up {background: url(../images/svg/up.png) no-repeat right 3px;font-weight: bold;color: #444;}
.down {background: url(../images/svg/down.png) no-repeat right 3px;font-weight: bold;color: #444;}


}

.greencolor{color: #4cda4c;}
.asondate{font-size: 13px;
    padding: 0px 2px 2px;
    display: block; color: #bfbcbc;
    text-align: right;
    margin-right: 51%;}


.datecontrol span.excpdf_icon {position: relative;margin: 0;margin-right: 4px;     top: 6px;}
.datecontrol span.excpdf_icon1 {position: relative;margin: 0;margin-right: 4px;}
.datecontrol span.excpdf_icon img{opacity:0.78; width: 23px;
    margin: 4px 4px 0px 0px; cursor:pointer;}
.datecontrol span.excpdf_icon1 img{opacity: 0.78;  width: 23px;
    margin: 4px 4px 0px 0px; cursor:pointer;
    }
.btn_goexcel {
       border: 0;
    cursor: pointer;
    padding: 6px 7px 5px 10px;
    background-image: linear-gradient(to right top, #4eb252, #57b75b, #60bd64, #69c26c, #71c775);
    color: #fff;
    border-radius: 4px;
    margin: 0 4px;
    width: 81px;
    text-align: right;
    line-height: 18px;
}
.bgexcel{    background: url(../images/excel.png) no-repeat 0px -1px;
    width: 25px;
    height: 18px;
    display: table;
    float: left;}
.btn_back {border: 0;
    cursor: pointer;
    padding: 6px 7px 5px 10px;
    background-image: linear-gradient(to right top, #4eb252, #57b75b, #60bd64, #69c26c, #71c775);
    color: #fff;
    border-radius: 4px;
    margin: 0 4px;
    width: 70px;
    text-align: right;
    line-height: 18px;
    background: #83cbf1;}
 .bgback{background: url(../images/svg/back.svg) no-repeat 0px 1px;width: 18px;height: 18px;display: table;float: left;}
.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left{
display: block;
    margin: 10px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #c7c5c5;
    border-left: 2px solid #c7c5c5;
    display:none
}
.arrow-right,
.long-arrow-right{
 transform: rotate(45deg);
}

.arrow-left,
.long-arrow-left{
 transform: rotate(-130deg);
}
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: black;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}

.pull-left{float:left;}
.selectleaval{    color: #bfbcbc;}

/*th a,
td a {display: block;width: 100%;}*/
.desk_head .scheme-mtm span{padding-right: 18px;position: relative;display: inline-block;    padding: 0;width: 

auto;padding: 0 12px 0 0;}
.desk_head .scheme-mtm span:before,
.desk_head .scheme-mtm span:after {border: 4px solid transparent;content: "";display: block;height: 0;right: 0px;top: 

12px;position: absolute;width: 0;cursor:pointer}
.desk_head .scheme-mtm span:before {border-bottom-color: #666;margin-top: -10px;}
.desk_head .scheme-mtm span:after {border-top-color: #666;margin-top: 1px;}

.desk_head .text-right .scheme-mtm {padding-right: 18px;position: relative;}
.desk_head .text-right .scheme-mtm:before,
.desk_head .text-right .scheme-mtm:after {border: 4px solid transparent;content: "";display: block;height: 0;right:0px;top: 12px;position: absolute;width: 0;cursor:pointer}
.desk_head .text-right .scheme-mtm:before {border-bottom-color: #666;margin-top: -10px;}
.desk_head .text-right .scheme-mtm:after {border-top-color: #666;margin-top: 1px;}



.container{
    width: 100%;
    position: relative;
    display: block;
    justify-content: space-between; margin: 0px auto; 
    overflow-y: auto;
}

/* @media (max-width:480px){ */
/* .arrow-right, .arrow-left, .long-arrow-right, .long-arrow-left {margin: 7px 10px;} */
   /* .scheme-mtm { width: 100%;} */
   /* .scheme-mtm:before, */
/* .scheme-mtm:after {right: 4px;top: 16%;} */
/* .scheme-mtm.mob_lbl {padding-right: 18px;position: relative;} */
/* .scheme-mtm.mob_lbl:before, */
/* .scheme-mtm.mob_lbl:after {border: 4px solid transparent;content: "";display: block;height: 0;right: 5px;top: 

10px;position: absolute;width: 0;cursor:pointer} */
/* .scheme-mtm.mob_lbl:before {border-bottom-color: #666;margin-top: -10px;} */
/* .scheme-mtm.mob_lbl:after {border-top-color: #666;margin-top: 1px;} */
/* .container{ */
    /* width: 100%; */
    /* position: relative; */
    /* display: flex; */
    /* justify-content: space-between; margin: 0px auto;  */
    /* overflow-y: auto; */
/* } */

/* .rpt_form{margin: 0 auto;max-width:100%;padding: 10px;box-shadow:none;margin-top:5px;border:0;} */

/* .btn_excpdf {width:45%} */
/* } */




.container .card{
    position: relative;
    cursor: pointer; text-align:center
}

.container .card .face.face1{
    position: relative;
    background: #9d9fa0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(100px); margin: 0px auto;
}

.container .card:hover .face.face1{
    background: #ff0057;
    transform: translateY(0);
}

.container .card .face.face1 .content{
    /*opacity: 0.2;*/
    transition: 0.5s;
}

.container .card:hover .face.face1 .content{
    opacity: 1;
}

.container .card .face.face1 .content img{
    max-width: 100px;
}

.container .card .face.face1 .content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
}

.container .card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow:0 5px 7px rgb(169 157 157 / 30%);
    transform: translateY(-100px); margin: 0px auto;
}

.container .card:hover .face.face2{
    transform: translateY(0);
}

.container .card .face.face2 .content p{
    margin: 0;
    padding: 0;
}

.container .card .face.face2 .content a{
    margin: 15px 0 0;
    display:  inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}

.container .card .face.face2 .content a:hover{
    background: #333;
    color: #fff;
}
.pos_rel{position:relative}

/*Popup CSS*/
#overlay, #overlay1 {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none; z-index: 999;
}

#popup {
  max-width:750px;
  width: 80%;
  max-height: 400px;
  height: 80%;
  padding: 7px 20px 10px 20px;
  position: relative;
 
  margin: 20px auto;     border-radius: 6px;
}

.close, .close2 {
      position: absolute;
    top: 13px;
    right: 14px;
    cursor: pointer;
    color: #fff;
    background: #f99999;
    border-radius: 13px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    font-size: 10px;
    font-weight: bold;
}
table.profiletbl{width:100%;}
table.profiletbl tr th, table.profiletbl tr td{text-align:left; padding:10px 10px 10px 0px; 
    border-bottom: 1px solid #f5f5f5;}

#popup h4{font-size: 16px;
    color: #03a9f4;
    border-bottom: 1px solid #ddd;
    line-height: 42px;
    padding-top: 0px;
    margin: 0px;}
	
.user-card-full {
    overflow: auto;
    height: 500px;
	width:100% !important;
}

.m-r-0 {
    margin-right: 0px
}

.m-l-0 {
    margin-left: 0px
}

.user-card-full .user-profile {
    border-radius: 5px
}

.bg-c-lite-green { height: 91px;
    background: -webkit-gradient(linear, left top, right top, from(#52aaf1), to(#80b8e4));
    background: linear-gradient(to right, #52aaf1, #80b8e4);
}

.user-profile {
    padding: 6px 0
}

.card-block {
    padding: 1.25rem
}

.m-b-25 {
 margin-bottom: 25px;
    position: relative;
    top: -48px;
	text-align:center !important;
}

.img-radius {
    border-radius: 5px
}

h6 {
    font-size: 14px
}

.card .card-block p {
    line-height: 25px
}

@media only screen and (min-width: 1400px) {
    p {
        font-size: 14px
    }
}

.card-block {
    padding: 1.25rem
}

.b-b-default {
    border-bottom: 1px solid #e0e0e0
}

.m-b-20 {
    margin-bottom: 20px
}

.p-b-5 {
        padding-bottom: 5px !important;
    text-align: center;
    color: #fff;
    font-size: 17px;     margin-top: 0px;
}

.card .card-block p {
    line-height: 25px
}

.m-b-10 {
    margin-bottom: 10px
}

.text-muted {
    color: #919aa3 !important
}

.b-b-default {
    border-bottom: 1px solid #e0e0e0
}

.f-w-600 {
    font-weight: 600
}

.m-b-20 {
    margin-bottom: 20px
}

.m-t-40 {
    margin-top: 20px
}

.p-b-5 {
    padding-bottom: 5px !important
}

.m-b-10 {
    margin-bottom: 10px
}

.m-t-40 {
    margin-top: 20px
}

.user-card-full .social-link li {
    display: inline-block
}

.user-card-full .social-link li a {
    font-size: 20px;
    margin: 0 10px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

/* Style the tab */
.tab {
  overflow: hidden;
  
 
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
 float: left;
    border: none;
    outline: none;
    cursor: pointer;
      padding: 4px 17px;  font-weight: bold;
    transition: 0.3s; line-height: 38px; font-size: 12px;
}

/* Change background color of buttons on hover */
.tab button:hover {
 background-color: #f3f3f3;
    border-bottom: 2px solid #f3f3f3;
}

/* Create an active/current tablink class */
.tab button.active {
        background-color: #f3f3f3;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 2px solid #6abdff;
   
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 1px;
  
  border-top: none;
}

#chart {
  float: left;
  width: 400px;
}

#legend {
  float: right;     padding-left: 9%;
}

[class$="-legend"] {
  list-style: none;
  cursor: pointer;
  padding-left: 0;
}

[class$="-legend"] li {
line-height: 29px;
    padding: 0 5px;
    width: 50%;
    float: left;
    font-weight: bold;
}

[class$="-legend"] li.hidden {
  text-decoration: line-through;
}

[class$="-legend"] li span {
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}
.fulwidth{width:100%;}
.cinflow{background:url(images/ci.png) no-repeat left top;}
.someData{
		 
			display:none;
		   
		}
		
	 
		.activeTab{
			display:block;
		}
/* NEW CLASSES		 */
.w3-third1,.onethird1{width:33.33%; float:left;}




.selectmain1{width:25%;float:left;}
.selectmain2{width:19%;float:left;padding-left:5px;}

.accselect3,.clientselect3{width:40%;float:left;margin-top:-5px;}
.accselect5{width:16%;float:left;}
/* .accselect,.clientselect{width:35%;float:left;} */
.asond{width:60%;float:right;}

.asond1{width:80%;float:right;}
.asond2{width:49%;float:right;}
.asond3{width:49%;float:right; }
.asond4{width:50%;float:right; }
.minh75{min-height:75px;}
.dataTables_wrapper{padding:0px 15px 0px 15px ;overflow:auto}

/* @media (min-width:750px) and (max-width:800px){ */
	
/* } */
.page-wrapper .slidedownpanl{left:-300px !important}



 /*.datecontrol {top: 0 !important;}

.datecontrol span.excpdf_icon {top: 0px !important;}*/

.asondate {margin: 0;text-align: left !important;}
.newcalender{width:180px;float:left;    margin: 0px 0px 0px 10px;}
.newcalender1{float:left; margin:10px 0px 0px 0px;}
.datespan{padding:5px 4px 0px 0px;float:left;font-size:12px;}
.ui.input input{height:29px;}
.fordisplays{display:flex;}
.datet{width:100%;}
.thirtyfive{width:35%;float:left;}
.alignr{text-align:right;}
.alignc{text-align:center}

/* TABLE */
table {
  width: 100%;
  border-collapse: collapse;
}
 
.odd,.even{min-height:50px;}
 
th {
  background: #fff;
  color: #a1a3a5;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
   
}
.sorting{ background-image: url("../images/sort.png");
	background-position:95% 55%;
	background-repeat:no-repeat;}
.sorting_asc{ background-image: url("../images/acending.png");
	background-position:95% 55%;
	background-repeat:no-repeat;}
.sorting_desc{ background-image: url("../images/dcending.png");
	background-position:95% 55%;
	background-repeat:no-repeat;}	
td,
th {
  text-align: left;
  font-size:12px;
}

.dataTables_length{
width:50%;
float:left;
margin:10px 0px 10px 0px;
font-size:12px;
}
.dataTables_filter{
width:50%;
float:right;
text-align:right;
margin:-8px 0px 0px 0px;
font-size:12px;
} 
td {
  
  line-height: 20px;
  overflow-wrap: break-word;
}
 
/*
tr:last-child{
   border-bottom: 1px solid #ccc;
}*/
span .paginate_button {

color:#000;
margin:0px 5px 0px 5px;
padding:5px 10px 5px 10px;
font-style:normal;
border-radius:5px;
font-size:12px;
}
.dataTables_info,.previous,.next{margin:10px 0px 10px 0px;font-size:12px;}
.paginate_button.current,.current{
background:#83cbf1 !important;
color:#fff !important;
}
.dataTables_length select , .dataTables_filter input{
outline: 0;
    box-shadow: none;
    border: 1px
    solid #eaeaea !important;
    background: #fff;
    padding: 0 5px;
    color: #292929;
    cursor: pointer;
    font-size: 13px;
    font-family: Roboto,system-uif;
    height: 29px;
	border-radius: 5px;
	margin:0px 10px 0px 10px;
}
 .dataTables_paginate{text-align:center;}
 .firstsecutiry{
	 
	 width:600px !important;
 }
 
 
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

  table.responsive,
  .responsive thead,
  .responsive tbody,
  .responsive th,
  .responsive td,
  .responsive tr {
    display: block !important;
  }
 .dataTables_length{
width:100%;
float:none;
min-height:30px;
text-align:left !important;
}
.dataTables_filter{
width:100%;
float:none;
min-height:40px;
text-align:left;;
} 
  .responsive thead tr {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
  }
 
  .responsive tr {
    border: 1px solid #ccc;
	margin:0px 0px 10px 0px;
  }
 
  .responsive td {
    border: none;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    padding-left: 60% !important;
	word-break: break-all;
  }
 
  .responsive td:before {
    position: absolute !important;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap !important;
    font-weight: 800 !important;
  }
 
 
  .responsive td:before {
    content: attr(data-table-header) !important;
  }
}


/* SECONDTABLE */
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
	background-color: #6abdff !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
	background-color:#3a3f48 !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.even,table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fff !important;}
table.dataTable.no-footer,table.dataTable thead th{border-bottom:1px solid #ddd !important;}
 table.dataTable td{border-bottom:none !important;}
 table.dataTable thead .sorting_asc{ background-image: url("../images/acending.png") !important;}
 table.dataTable thead .sorting{ background-image: url("../images/sort.png") !important;}
 table.dataTable thead .sorting_desc{background-image: url("../images/dcending.png") !important;}
 
 /* NEWDATE */
 .ui-datepicker {
	 width:23em;
 padding: 0px !important;
   border-left: 1px solid #d7d6d6;
   border-right: 1px solid #d7d6d6;
background: #f9f9f9;
    border-radius: 5px;
	z-index:999 !important;
}
.ui-widget-header {
   

    color: #222222;
    font-weight: bold;
	height: 40px;
    padding-top: 7px;
	border-radius:5px;
	background: #dddada;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-widget-header a {
    color: #222222;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
	height:25px;
	border-radius:5px;
	border: 1px solid #eaeaea !important;
	margin:0px 3px 0px 3px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: 0px;
}
.ui-datepicker-title{text-align: center;
    width: 80%;
    margin: 0 auto;}
	

.ui-icon {
    width: 16px;
    height: 16px;
    
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}	

.ui-icon-circle-triangle-w{
	    background-image: url(../images/prev.png);
}

.ui-icon-circle-triangle-e{
	    background-image: url(../images/next.png);
}
.newuidate{
	outline: 0;
    box-shadow: none;
    border: 1px solid #eaeaea !important;
    background: #fff;
    padding: 0 5px;
    color: #292929;
    cursor: pointer;
    font-size: 13px; margin-right:5px;
    font-family: Roboto,system-uif;
    height: 29px;
   margin-bottom:0px;
    border-radius: 5px;
	 background-image: url(../images/date.png);
	     background-repeat: no-repeat;
    background-position: right;
	width:120px;
}


.newuidate1{
	outline: 0;
    box-shadow: none;
    border: 1px solid #eaeaea !important;
    background: #fff;
    padding: 0 5px;
    color: #292929;
    cursor: pointer;
    font-size: 13px;
    font-family: Roboto,system-uif;
    height: 35px;
   margin-bottom:15px;
    border-radius: 5px;
	 background-image: url(../images/date.png);
	     background-repeat: no-repeat;
    background-position: right;
	width:48%;
	margin:0px 4px 0px 4px
}

.ui-state-default{text-decoration:none !important; padding: 10px 10px 10px 10px;color:#000;}
.ui-state-highlight{
	    border: 1px solid #eaeaea !important;
		background:#dddada;
		border-radius:5px;
}
.ui-datepicker-calendar td , .ui-datepicker-calendar th{line-height:30px;border:none;}
.newclassf{width:48%;float:left;}
.logoutbtn{    margin: 20px auto;    text-align: center;}
.logouttxt{padding: 31px 0px 0px 0px;}
.heightauto{height:auto;}
::-webkit-input-placeholder { /* Edge */
  color: #999696;
  font-size:11px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999696;
  font-size:11px;
}

::placeholder {
  color: #999696;
  font-size:11px;
}

.asond6{width:40%;float:right;}

 /******* Added for excel pdf button styling for customization of default datatable buttons *******/
 .exportButton{
    background:none !important;
    background-color:none !important;
    border:none !important;
}


/*************************************************************************************************/

/******* Added for datatable pagination style *******/
/*
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate 

.paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #6abdff;
    background-color: white;
}
*/

.mediumFont {
    font-size: 16px;
    font-weight: bold;
}
/**********************************************/