.bg-outer{
  background-image:  url(../image/bg-outer.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100vh;
}
.bl-head{
	   width: 100%;
    background: #ffffff;
    height: 143px;
    margin: auto;
    text-align: center;
    padding-top:9px !important;
}
.ui-icon-circle-triangle-e{
	background-image:  url(../images/next.png) !important;
	background-size: 100% 100% !important;
	background-position: center !important;
}
.ui-icon-circle-triangle-w{
	background-image:  url(../images/next.png) !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	transform: rotate(180deg);
}
.bg-outer-in{
  background-image:  url(../image/bg-outer.jpg);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
}
.top-head-in{
  background: #fff !important;
  border-top: 3px solid #e8ff00;;
}
.top-head-in h3{
    font-size: 30px;
    color: #230288 !important;
}
.bg-outer .box-log{
      height: 349px;
    padding: 0px !important;
    margin-top: 137px !important;
    background: rgba(0,0,0,.5);
    border-radius: 0px;
    /* border: 2px solid #e8ff00; */
    margin: auto;
        width: 390px;
        position:relative;
}
.cap h3{
 font-size: 27px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
}
.top-head{
  background: rgba(0,0,0,.1);
    /* box-shadow: 9px 6px 13px -5px #aba8a8; */
    padding: 9px 0px;
}
.login100-form-logo{
	position: absolute;
    left: 155px;
    top: -101px;
    width: 154px;
    height: 154px;
    border-radius: 100px !important;
    /* border: 2px solid #e8ff00; */
    box-shadow: 4px 3px #0008ff !important;;
}
.box-log button{
         width: 293px;
    height: 48px;
   background: #0e1563;
    color: white;
    font-weight: bold;
    border: none;
    border-bottom: 5px solid #444ed4;
    display: block;
    margin: auto;
    /* margin-top: 26px; */
    position: absolute;
    overflow: hidden;
    z-index: 1;
    transition: color 150ms ease-in-out;
    border-radius: 0px;
   
}

.box-log h4{
  text-align: center;
    color: #ffffff;
    /* padding-top: 69px; */
    background: #020a71;
    padding: 8px;
  
}
.box-log button:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #5200ff;
  z-index: -1;
  transition: width 150ms ease-in-out;
}
.box-log button:hover {
  color: #fff;
}
.box-log button:hover:after {
  width: 110%;
}

.frontline{
  margin-top: 30px !important;
}
.virus2{
      /* width: 685px; */
      height: 535px;
      position: absolute;
      /* margin-top: 18px; */
      top: 59px;
      right: -126px;
      overflow: hidden;
}
.virus1{
  animation: imi-rotate;
  animation-duration: 12s;
  animation-direction: alternate-reverse;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
  box-shadow: px px px px;
  position: absolute;
    bottom: 64px;
    left: 74px;
}
.virus3{
  animation: imi-rotate;
  animation-duration: 6s;
  animation-direction: normal;
  width: 120px;
  right: -37px !important;
  position: absolute;
  top: 89px;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
@keyframes imi-rotate{
  0%  {
  transform: rotate(0deg);
  }
100% {
 transform: rotate(359deg);
 }
}
.imbounce{
  animation: imi-bounce;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
animation-timing-function: linear;
  animation-fill-mode: both;
  box-shadow: px px px px;
  
  position: absolute;
  bottom: -107px;
  right: 0;
  width: 160px;

}
@keyframes imi-bounce{
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(0);
  }
}
@media(max-width:600px){
  .bg-outer .box-log {
    margin-top: 40px;
  }
  .bg-outer{
    overflow-y: auto;
  }
  .sub-bg{display:none;}
}
.otp{
  padding-top: 35px !important;
}
.otp label{color: #fff;}
.otp i{
  bottom: 10px;
    left: 7px;
    position: absolute;
    color: #959687;
}
.otp .form-group{position: relative;}
.otp input{
  padding-left: 25px;
  border-radius: 0px;
  border-left: 3px solid #e8ff00;
}
.reg-box{
  background: #fff;
  width: 500px;
    background: #fff;
    margin-top: 10px !important;
    margin: auto;
    box-shadow: 0px 7px 6px -1px white;
    margin-bottom: 10px;
}
.card-head{
     background: #aac1ff;
      padding: 5px;
      font-weight: bold;
      text-align: center;
    margin-bottom:5px;
}
.reg-box form{padding: 10px;}
.col-form-label{
  text-align:right;
}
.form-control{
  
  border-radius: 0px !important;

}
.submit{
  width: auto;
    height: 38px;
    background: #090dbb;
    color: #fcfcff;
    font-weight: bold;
    border: none;
    border-bottom: 5px solid #e8ff00;
    display: block;
    margin: auto;
    margin-top: 26px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 150ms ease-in-out;
}
.submit:hover{
	background:#787ae0;
}
.footer{
  text-align: center;
  padding: 10px;

}
.ic i{
	   position: absolute;
    left: 228px;
    top: 7px;
    color: #b19898;
    z-index: 1;
}
.ic .form-control{
	height: 29px;
    border: 1px solid #bbabab;
	   
}
.ic label{
	font-size: 15px !important;
}
.form-group{
  margin-bottom: 5px !important;
  position:relative;
}
.dx-treeview-node-container-opened li{
	padding-left:15px !important;
}
.dx-treeview .dx-treeview-toggle-item-visibility {
    color: #f7fbfd !important;
}
.dx-treeview .dx-treeview-item {
    color: white !important;
}
.tp{
	background: #fff;
    /* padding: 24px; */
    height: 65px;
}
.tp p{
	        color: #1520a0;
    font-size: 14px;
    padding-top: 20px;
    padding-right: 128px;
    float: right;
}
.outer1{
	    padding: 1px 20px;
	    margin-top: 20px;
	    
}
.blk{
	background: #fff;
    padding-bottom: 15px;
    box-shadow: 1px 2px 2px 1px #bbb7b7;
    border: 1px solid #efe1e1;
}
.cap1{
	margin: 0px !important;
    background: #ddebef !important;
    text-align: left;
    margin-bottom: 15px !important;
    color: #4a3e3e !important;
    padding-left:11px;
    

}
.cap1 u{
	text-decoration:none !important;
	font-size:18px !important;
}
.customers{
	width:100%;
}
.bg-in{
	padding-left:11px;
	padding-right:11px;
}
.foot{
	position: absolute;
    bottom: 0;
    width: 100%;
    background: #e4d4d4;
    /* overflow: auto; */
    width: 100%;
    left: 0;
    text-align: center;
    padding: 5px 0px;
    color: #0c1e9e;
}
.gov{
	    width: 90px;
    padding-left: 20px;
    padding-top: 3px;
}
.virus4{

   width: 129px;
    
    /* position: absolute; */
    /* right: 0px; */
    z-index: 1;
    /* background: #ffff; */
    /* height: 226px; */
        margin-bottom: 9px;
}
.foot1{
	    background: rgb(255 234 234 / 50%);
    color: #fff !important;
    z-index: 5;
}
.foot1 p{
	color:#fff !important;
	margin-bottom:0px !important;
}
#PendingListTable,.customers{
	table-layout: fixed;
    word-break: break-word;
}
#PendingListTable input,#PendingListTable select{
	    width: 100%;
}
.bg1 .col-md-3{
	    width: 19%;
    float: left;
    padding: -1px;
    display: flex;
    padding-right:0px;
    padding-left: 6px;
    margin-bottom:25px;
}
.bg1{
	    display: flex;
       margin-bottom: 100px;
    padding: 4px;
}
.b2{
	 background:#eee;
	 width: 100%;
    padding: 31px 5px 5px 5px;
	
}
.b2 .full{
	 width: 100%;
	background: #fff;
    padding: 19px 12px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
    position:relative;
}
.b2 .col-md-3 .full i{
	position: absolute;
    padding: 15px;
    top: -16px;
    left: 9px;
    border-radius: 3px;
        color: #fff;
    font-size: 24px;
}
.b2 .col-md-3:nth-child(1) i {
	    background: linear-gradient(60deg,#ef5350,#e53935);
	    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(244 67 54 / 40%);
}
.b2 .col-md-3:nth-child(2) i {
	background: linear-gradient(60deg,#26c6da,#00acc1);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 188 212 / 40%);
}
.b2 .col-md-3:nth-child(3) i {
	box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(255 152 0 / 40%);
    background: linear-gradient( 60deg,#ffa726,#fb8c00);
}
.b2 .col-md-3:nth-child(4) i {
	background: linear-gradient(60deg,#66bb6a,#43a047);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(76 175 80 / 40%);
}
.b2 .col-md-3:nth-child(5) i {
	background:linear-gradient(60deg,#605edb,#4353a0);
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(76 175 80 / 40%);
}
.full label{
	    float: right;
    width: 100%;
    display: block;
    text-align: right;
}
 .tree span{
        float: right;
    color: #fff;
    border-radius: 100px;
    width: auto;
    /* height: 30px; */
    text-align: center;
    padding: 1px 4px;
    }
    .tr span{background: red;}
    .on span{background: #e07315;}
    .ap span{background: #0f455f;}
    .sh span{background: #1a9a11;}
    .tree li{list-style:none;position: relative;font-size:14px;}
    .tr{
        width: 202px;
        background: #dcd3ff;
        padding: 6px 15px;
        border-bottom: 1px dashed #c50f0f;
        margin-bottom: 4px;
        
    }
    .processed{margin-top:17px;margin-left:50px;}
    .on:before {
        border-left: 3px solid #2c9096;
    height: 44px;
    width: 8px;
    top: -12px;
    left: -30px;
    position: absolute;
    content: "";
    }
    .on::after {
        border-top: 2px solid #2c9096;
    height: 20px;
    top: 15px;
    width: 25px;
    content: '';
    left: -28px;
    position: absolute;
    right: auto;
}
    .on{
        width: 202px;
        background: #8bd0d4;
        padding: 6px 15px;
        border-bottom: 1px dashed #50a23c;
        margin-bottom: 4px;
        margin-left: 16px;
}

    .sh{
        background: #f7856b;
        padding: 6px 15px;
        border-bottom: 1px dashed #2367ce;
        width: 185px;
    }
    .ap{
        width: 202px;
        background: #d69d90;
        padding: 6px 15px;
        border-bottom: 1px dashed #2367ce;
       
    }
    .ap:after{
        border-top: 2px solid #2c9096;
    height: 0;
    width: 21px;
    top: 18px;
    left: -23px;
    position: absolute;
    content: "";
    }
    .ap:before {
        border-left: 2px solid #2c9096;
    height: 39px;
    width: 8px;
    top: -4px;
    left: -25px;
    position: absolute;
    content: "";
    }
    .apul:after {
        left: -41px;
        border-top: 2px solid #2c9096;
        height: 0;
        width: 17px;
        top: 34px;
        position: absolute;
        content: "";
   }
    .approved{
        position:absolute !important;
        left: 300px;
        top: -17px;

    }
    .schedule{
        position: absolute;
    width: 537px;
    bottom: -68px;
    left: -10px;
    }
    .shul{
        position: absolute;
       left: -40px;
       right: 0;
       display: contents;
    }
    .shul li{
        display: inline-block;
    }
    .shul:after {
        left: 124px;
    border-left: 2px solid #2c9096;
    height: 27px;
    width: 17px;
    top: -63px;
    position: absolute;
    content: "";
   }
    .sh::before{
        border-left: 2px solid #2c9096;
    height: 22px;
    width: 0;
    top: -35px;
    left: 47px;
    position: absolute;
    content: "";
    }
    .sh:after{
        border-top: 2px solid #2c9096;
    height: 1px;
    width: 220px;
    top: -37px;
    left: -7px;
    position: absolute;
    content: "";
    }
    .tree{
        margin-left: 40px;
        }
        .tr1{
            margin-left: -37px;
    background: #cbb8f1 !important;
    }
    .tr1 span{
    background: #5440fb !important;
    }
    .ui-button:before {
    position: absolute;
    content: "Xfgfg";
    width: 28px;
    height: 28px;
    /* background: red; */
    left: -5px;
    background-image: url(../image/close.png);
    color: #fff;
    top: -6px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 999999;
}
#scheduleEmployeeTable select,#scheduleEmployeeTable input{
	width:100% !important;
}
#scheduleEmployeeTable th{
	    padding: 6px !important;
}
.sep{
	    background: #dcdbe4 !important;
}
.se td{
	border:none !important;
	padding-bottom: 0px !important;
    border-bottom: 2px dashed #b8c7cc !important;
}
 #filtersBulkScheduleParams input, #filtersBulkScheduleParams select{
   height: 25px;
    border: 1px solid #b7afaf;
    width:100%;
 } 
 #bulkScheduleCitRow select, #bulkScheduleCitRow input{
 height: 25px;
    border: 1px solid #b7afaf;
    width:100%;
 }
 .customers td select,.customers td input{
 width:100% !important;
 }
 .employeeScheduleApprovalDiv,.myPendingListVacCertDiv,.ca-mrt{
 margin-left: 25px;
 }
 .thead{
 	background:#fff;
 }
 .log1{
     width: 94px;
    padding-top: 7px;
    padding-bottom: 4px;
    float:left;
 }
 .thead h4{
 color: #070661;
    font-size: 20px;
    padding-top: 29px;
    padding-left: 105px;
 }
 .main-head ul li a.nav-link{
 color:#fff !important;
 }
 .out-main{
     background: #f1f0f5;
     padding-top: 20px;
    padding-bottom: 20px;
        margin-bottom: 52px;
    }
 .main-head{
     background: #070661;
     }
     .layout{
     margin: auto;
    background: #fff;
    width:95%;
    padding:12px;
    
     }
     .fot2{
    background: #e2d9d9 !important;
    color: #fff !important;
    z-index: 5;
    position: fixed;
}
     .log-name h6{
         background: white;
    width: fit-content;
    /* text-align: right; */
    float: right;
    padding: 4px 11px;
    border-radius: 100px;
    color: #382c2c;
    border: 2px solid #070661;
    margin-top: 20px;
     }
@media(max-width:1500px){
	.tp{margin-left: -17px;}
}
@media(max-width:1444px){
	.tp{margin-left: -14px;}
}
@media(max-width:1380px){
	
	.tp{margin-left: -10px;}
}

.content-head {
	margin: 1em 0 0.5em 0;
	color: #343434;
	font-weight: bold;
	/* font-family:'Arial Black';   */
	/* background-image: url(< c : url value = '/resources/images/blackbg.jpg'/ >); */
	font-size: 36px;
	line-height: 42px;
	text-transform: uppercase;
	/* text-shadow: 0 2px white, 0 3px #777; */
	
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(< c : url value = '/resources/images/blackbg.jpg'/ >);
}
/*datatable*/
table.dataTable thead .sorting{
    background-image: url(../images/sort_both.png) !important;
}
table.dataTable thead .sorting_desc{
	background-image: url(../images/sort_desc.png) !important;
}
table.dataTable thead .sorting_asc{
	background-image: url(../images/sort_asc.png) !important;
}
.dataTables_wrapper label{
	float:none !important;
	background:none !important;
	box-shadow:none !important;
}
.dataTables_wrapper select,.dataTables_wrapper input{
	float:none !important;
}
.dataTables_wrapper select:hover{
	width: 54px;
}
.dataTables_wrapper input{
	 border-radius: 0px !important;
	     height: 29px;
}
.dataTables_wrapper select{
	width: 54px !important;
    border-radius: 0px !important;
}
.dataTables_wrapper select:focus,.dataTables_wrapper input:focus{
	outline:0px solid #fff;
    box-shadow: 0 0 0 0.125em rgba(50,115,220,.25);
    border:1px solid #3273dc !important;
}
#searchresults:focus,#searchtable:focus{
	outline:0px solid #fff !important;
} 
.dataTable{
	width:100% !important;
}
.dataTable .even{
	    background: #f2f2f2 !important;
}
.dataTable th{
	    text-indent: 0px !important;
}
.dataTable thead th{
    /* padding: 6px 18px !important; */
}
.dataTable tbody tr td{
	padding: 3px 4px 3px 7px !important;
	 text-indent: 0px !important;
}

#t4.dataTable tbody tr td:nth-child(6){
	text-transform:lowercase;
}
.dataTables_filter .fa-search{
	position: absolute;
    right: 196px;
    top: 0px;
    color: #2c3338;
    background: #e0e0e0;
    width: 24px;
    height: 19px;
    text-align: center;
    padding-top: 8px;
    border: 1px solid #aaaaaa;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color:#fff !important;
    border: 1px solid #7d9cc3 !important;
    background: #5dbcff !important;
  
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid #5dbcff !important;
    background: #f5f4f4 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,.dataTables_wrapper .dataTables_paginate .paginate_button.next{
	padding:2px 11px !important;
}
.table-bordered th, .table-bordered td {
   
    font-size: 14px !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f9f7f7 !important;
}
td .btn{
	padding-top: 2px !important;
}
table.dataTable thead th, table.dataTable thead td {
    background: #9ccdef;
    border-bottom: 3px ridge #44aaf1 !important;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fefeff !important;
    background-color: #070661 !important;
    border-top: 5px solid #9ccdef !important;
    border-radius: 0px !important;
}
.tab-out{
	background: #f7f3f3;
}
.nav-pills a{
	background: #dcdada !important;
    border-top: 5px solid #969ca0 !important;
    border-radius: 0px !important;
}
.logout{
	background: #fffcfc;
    /* float: right; */
    position: absolute;
    right: 0;
    top: 4px;
}
.pos{
top: 0%;
    position: fixed;
   height:100vh; 
    width: 100%;
    /* left: 48%; */
    z-index: 9;
    /* overflow: hidden; */
    background:rgba(255,255,255,.7);
    display:none;
    }
    .pos section{
    position: absolute;
    left: 47%;
    top: 45%;}
.preloader {
  width: 80px;
  height: 80px;
  position: relative;
  transform: rotate(45deg);
  animation: walk 1s linear infinite;
}

.preloader span {
  width: 40px;
  height: 40px;
  background: #FFB037;
  position: absolute;
  animation: spin 1s linear infinite;
}

.preloader .light {
  background: #FFEAA5;
}

.preloader span:nth-child(1) {
  top: 0;
  left: 0;
}

.preloader span:nth-child(2) {
  top: 0;
  right: 0;
}

.preloader span:nth-child(3) {
  bottom: 0;
  left: 0;
}

.preloader span:nth-child(4) {
  bottom: 0;
  right: 0;
}

@keyframes walk {
  50% {
    width: 130px;
    height: 130px;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  50%, 90%, 100% {
    transform: rotate(90deg);
  }
}
.dash-box{
	
    padding: 0px 0px 10px 0px !important;
    margin:auto;
}
.cap{
	background: #d3d0e2;
    padding: 5px;
    font-size: 16px;
    text-align:center;
}
.bg-pat{
	   background: linear-gradient( 
142deg
 ,rgb(255 255 255) -5%,rgb(243 240 240 / 80%)64% , rgb(255 255 255) ), url(../images/bg-pat.jpg);
    background-size: cover;
}
#dashboardTree{
	margin:auto;
}
#dashboardTree .badge{
	background: #0B69E3 !important;
    padding: 4px 10px !important;
    font-weight:bold;
    color: #FFF; 
    /* border-radius: 100px; */
    /* width: 25px; */
    /* height: 24px; */
    float: right !important;
}
#dashboardTree li{
	text-align:left;
}
.serviceBox{
    padding-bottom: 20px;
    border-radius: 0 10px 10px 10px;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
    width: 500px;
    margin: auto;
}
.serviceBox:hover{ box-shadow: 0 0 5px #000 inset; }
.serviceBox:before{
    content: "";
    display: inline-block;
    width: 182px;
    height: 15px;
    border-radius: 10px 10px 0 0;
    background: #2999c3;
    z-index: -1;
    position: absolute;
    top: -15px;
    left: 0;
}
.serviceBox .service-icon{
    width: 165px;
    height: 43px;
    background: #2999c3;
    font-size: 40px;
    margin-bottom: 25px;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox .service-icon:after{
    content: "";
    width: 115px;
    height: 115px;
    background: #2999c3;
    border-radius: 0 0 20px 0;
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%) scale(1,0.7) rotate(45deg);
}
.serviceBox .service-icon span{
    display: block;
    font-size: 70px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) rotateX(360deg);
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon span{ transform: translateX(-50%) rotateX(0); }
.serviceBox .title{
    font-size: 20px;
    color: #505050;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 0px 0;
    transition: all 0.3s ease 0.1s;
}
.serviceBox:hover .title{ color: #2999c3; }
.serviceBox .description{
    padding: 0 10px;
    font-size: 15px;
    color: #505050;
    line-height: 27px;
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
}
#clinicalNotesModal .modal-header{
	background: #fbf4f4;
}
#clinicalNotesModal .modal-footer .btn{
	background:#9a0505 !important;
}
.main-head .navbar-nav li a.active{
	background: #4947dc !important;
}
.r1{
	padding: 0px 0px 2px 0px !important;
}
html{
	    background: #f1f0f5;
}
.gi th{
	background: #2980b9;
    color: #fff;
}
.deceased{
	background: #ea6153 !important;
    color: #fff !important;
}
.family{
	background: #03ad2b !important;
    color: #fff !important;
}
.mod-table table{
	    border: 1px solid #dadada;
    box-shadow: 0px 0px 3px 0px #e2d0d0;
}
.gi tr td:nth-child(odd) {
	background: #f2f6f9;
    border-left: 1px solid #ded9d5;
	}
	.tbg-none{
	background:none !important;
	}
	.tbg-none1 td{
	background:none !important;
	}
	.grn{
	background:#27ae60 !important;
	}
	.gi i,.deceased i{
	margin-right: 5px;
	}
	
	.blue-blk{
	    background: #2980B8 !important;
    color: #fff;
	}
	#dirDataDiv{
	 border: 1px solid #dadada;
	}
	#citizenAppealEntryform select{
	    width: 180px; !important;
	    }
	    #citizenAppealentryform .w-100{
	        padding: 4px;
    font-weight: bold;
    margin-bottom: 10px;}
	    .same{
	        width: 289px;}
	        .rwd{
	               width: 334px;
    display: flex;
    margin-left: -374px;}
    #citizenAppealEntryform .form-group label{
	background: #f2f6f9;
    border-left: 1px solid #ded9d5;
    margin-bottom:0px !important;
	}
	 #citizenAppealEntryform .form-group div{
	 padding-bottom: 4px;
    padding-top: 4px;
	 }
	 #citizenAppealentryform .form-group{
	 border-bottom: 1px solid #f3ebeb;}
	.wid{
	    margin-left: -38px;}
@media(min-width:768px){
	.thead .container,.main-head .container{
	max-width: 95% !important;
	}
	.thead .container .col-lg-6{
	padding:0px !important;
	}
	.layout{width:100% !imortant;padding: 0px;}
	.mob{    text-align: inherit !important;}
	body{    width: 100%;}
}