.padbottom {
    padding-bottom: 10px; 
}

/* body here is overiding css.min */ 
body {
 color:#73879C;
 background: #191e2b !important;
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:100;
 line-height:1.471
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.content {
    height: 100%;
}

.disabledTab{
    pointer-events: none;
}

.footer {
    background: red !important;
    margin-top: -20px;
}


.scrolldown {
  max-height: 510px;
  overflow-y: scroll;
  padding: 0 15px 0 10px;
}

.orangetext {
    color:orange;
}

.purpletext {
    color:#800080;
}

.redtext {
    color: red;
}

.boldtext {
    font-weight: 600;
}

.bt-greennew {
    color: #4ab341 !important;
    background: black !important;
}




.pancol {
    background: #f7f7f7 !important;
}

.pay {
    margin-bottom: 10px;
}

.imgid {
    max-width: 80%;
}

.sigstyle {
    border: 1px solid black;
}

.login_picture {
    min-height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: calc(100% - 350px);
    position: relative;
    z-index: 1;
}

.img-fix {
    width: 100%;
    object-fit: contain;
}

.log-wrapper {
    padding: 5% 25% !important;
}

.login_content2 {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
}

.gaptop {
    margin-top: 30px;
}


#butcent{
  
   margin: 0 auto !important;
   float: none ! important;
}       


.showMe{
    display:none;
}



.dataTables_filter {
   float: left !important;
}

.pad50 {
     
}

.blur-filter {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.control-label {
    font-size: 11px !important;
    font-weight: normal !important;
}

.login {
    background: #fff !important;
}

td.Registered { background-color: #4bb641; color: white; }
td.Pending { background-color: #e82; color: white; }
td.Tobecalled { background-color: #00bfff; color: white; }
td.Lost { background-color: #e43; color: white; }

.line1 {
    border: .5px dashed lightgray;
}

.line2 {
    border: .5px dashed #4bb33e;
    margin: 0 7%;
}

.statcol {
    color: #4bb33e;
}


.paddyone {
    padding: 0 10%;
}

.padbox {
    padding: 10px;
    border: 0.5px solid gray;
}

.progress {
    min-width: 100%;
}

.progress-bar {
    font-size: 11px !important;
}


.bg-col1 {
    background-color: #f3f3a0;
}

.vidgap {
    margin-top:15%;
    padding-bottom: 15%;
}
.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 30px;
  left: -50px;
  text-align: center;
  font-size: 11px;
  line-height: 25px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right{
  top: 30px;
  right: -60px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.sticky{
  position: fixed;
}
.corner-ribbon.orange{
    background: #e82;
}
.corner-ribbon.red{
    background: #e43;
}
.corner-ribbon.green{
    background: #4bb641;
}
.corner-ribbon.blue{
    background: #00bfff;
}


.blue1 {
     color: white;
     background: #00bfff;
     width: 100%;
     display:block;
}
.orange1 {
     color: white;
     background: #e82;
     width: 100%;
     display:block;
}
.green1 {
     color: white;
     background: #4bb641;
     width: 100%;
     display:block;
}
.red1 {
     color: white;
     background: #e43;
     width: 100%;
     display:block;
}



.left_col {
    background: #191e2b !important;
}
.navbar.nav_title {
    background: #191e2b !important;
}
.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
    color: #4bb641 !important;
}
.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #4bb641 !important;
}

/* side menu text colours */
.nav.side-menu>li>a,
.nav.child_menu>li>a {
    color: #4bb641 !important;
    font-weight: 500
}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    border-right: 5px solid #4bb641 !important;
}


.nav-md ul.nav.child_menu li:before {
    background: #4bb641 !important;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%
}
.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #4bb641 !important;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0
}

.nav.side-menu>li.active>a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: #404040 !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
}



.site_title {
     color: #4bb641 !important;
}
.site_title i {
    border: 1px solid #4bb641 !important;
    padding: 5px 6px;
    border-radius: 50%
}

.menu_section li {
    color: #4bb641 !important;
}


.menu_section h3 {
    color: #4bb641 !important;
}
.profile_info span {
    color: #4bb641 !important;
}
.profile_info h2 {
    color: #4bb641 !important;
    font-weight: bold;
}
.img-circle.profile_img {
    width: 70%;
    background: #4bb641 !important;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 10px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 1px
}
.fa.fa-chevron-down {
    color: #4bb641 !important;
}


.sidebar-footer {
    bottom: 0px;
    clear: both;
    display: block;
    padding: 5px 0 0 0;
    position: fixed;
    width: 230px;
    background: #191e2b !important;
    color: #404040 !important;
	z-index:999;
}
.sidebar-footer a {
    padding: 7px 0 3px;
    text-align: center;
    width: 25%;
    font-size: 17px;
    display: block;
    float: left;
    background: #191e2b !important;
    color: #cecece !important;
    cursor: pointer;
}
.sidebar-footer a:hover {
    background: #4bb641 !important;
    color: #fff !important;
}


.text-select {
    padding: 0 0 0 40px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4bb641;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4bb641;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

.modal-bodysms {
    padding: 2% 5%;
}




.smsbatch .modal-header{
    

  
    border: 0;
}

.smsbatch .modal-title{
  color: black;
  padding: 2% 0 0 0;
  font-size: 20px;
}


lottie-player {
    margin: 0 auto;
}


.harry {
    color: black !important;
}

.headback {
    color: white;
    background: #4bb641;
    padding: 3px;
}

.headback2 {
    color: white;
    background: #407f2d;
    padding: 2px;
}

.headfont {
    font-size: 26px !important;
}






@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}
        
        
        
     .m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }   




@media (min-width: 300px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}




.info-button {
   
    margin: 5px;
    margin-top: auto;
   
}


.carback {
    background-color: #f8f8f8; 
    padding:10px;
    border-left: 8px solid #f7f7f7;
    border-right: 8px solid #f7f7f7;
    box-shadow: inset 0 0 0 1px #E6E9ED;
}