body,html{font-weight:300;height:100%}img.banner{max-width:100%}label{font-weight:400}img.banner+.banner-divider{height:5px;background-color:#e02d26}#nav{background:#000;border-bottom:2px solid #f79421}#register-form *{text-transform:uppercase}.nav>li{display:inline-block}.logo{width:100%;max-width:300px}.logo+.outline-text{max-width:300px;margin:0 auto}.navbar-brand{padding:8px}.navbar-brand img{max-height:100%}.language-switcher{display:block;float:right;margin:11px}.form-control{border-radius:0;box-shadow:none;border:2px solid #000;padding:2px 5px;text-align:center;height:auto;font-family:"Roboto Slab",serif;font-weight:300}.form-control:focus{border-color:#000;outline:0;box-shadow:none}.inline-wrap{width:100%;clear:both}.inline-wrap [class$=" -inline"] input{margin:0;display:inline-block;position:static}.inline-wrap [class$=" -inline"]{margin-left:0;margin-right:0;padding-left:0;padding-right:0;text-align:center;float:left}.inline-wrap[data-quantity="2"] [class$=" -inline"]{width:50%}.inline-wrap[data-quantity="1"] [class$=" -inline"]{width:100%}.checkbox-inline,.radio-inline{margin-bottom:9px}.btn{border-radius:0;text-transform:uppercase;border:2px solid #fff;color:#fff;background:0 0;padding:2px 5px;font-weight:300}.btn-orange{border-color:#f79421;color:#f79421}.btn-block{margin-left:0!important;margin-right:0!important}.btn:hover{border-color:#fff;background-color:#fff}.btn-yellow:hover{color:#fbb040}.btn-orange:hover{color:#f79421}.full-height{min-height:100%}.navbar-toggle{border:0!important;background:0 0!important}.navbar-default .navbar-toggle .icon-bar{background-color:#bcbdbe}#nav+div{padding-top:50px}#nav .navbar-nav{text-align:center}#navbar-collapse{border-top:0;background-color:#f79421}.outline-text{display:block;margin:0;padding:2px 5px;color:#444;border:1px solid #444;text-transform:uppercase;font-weight:200;letter-spacing:1px}@media (max-width:767px){.navbar{margin-bottom:0;background:0 0;border:0;position:absolute;width:100%}}@-webkit-keyframes cardEnter{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1)}}@keyframes cardEnter{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.radio{display:inline-block;padding-right:20px;cursor:pointer;margin-top:0}.radio:hover .inner{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}.radio input{height:1px;width:1px;opacity:0}.radio input:checked+.outer .inner{-webkit-transform:scale(1);transform:scale(1);opacity:1}.radio input:checked+.outer{border:3px solid #fbb040}.radio input:focus+.outer .inner{-webkit-transform:scale(1);transform:scale(1);opacity:1;background-color:#f79421}.radio .outer{height:18px;width:18px;display:inline-block;margin:0 9px -3px 10px;border:3px solid #444;border-radius:50%;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.radio .hasError+.outer{border-color:#e02d26}.radio .inner{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;height:8px;width:8px;-webkit-transform:scale(0);transform:scale(0);display:block;margin:2px;border-radius:50%;background-color:#f79421;opacity:0}#language-picker-wrap{background-color:#fbb040;display:flex;flex-direction:column}#language-picker-main{flex-grow:1;display:flex;align-items:center;justify-content:center}#language-picker-main .form-logo-wrap{max-width:70%;display:inline-block;padding-bottom:10px}#language-picker-main .logo{max-width:100%}#login-wrap{background-color:#f79421}#login-main{text-align:center}#login-form{padding-top:40px}#login-form label{color:#fff;font-size:16px;margin-bottom:10px}#login-form button[type=submit]{margin-top:35px}#login-form input[type=number]::-webkit-inner-spin-button,#login-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#placita_before_form_widgets_wrap .wpml-ls-item{border:1px solid #f79421;margin-left:10px}#placita_before_form_widgets_wrap .wpml-ls-item:first-child{margin-left:0}#placita_before_form_widgets_wrap .wpml-ls-item *{color:#f79421;text-transform:uppercase;text-decoration:none}#placita_before_form_widgets_wrap .wpml-ls-current-language{background:#f79421}#placita_before_form_widgets_wrap .wpml-ls-current-language *{color:#fff}#register_form-wrap{display:flex;align-items:center;justify-content:center}#register_form-bg{background:#ccc;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}#register_form-main{background:rgba(255,255,255,.8);width:90%;margin:30px auto;padding:20px 5px 10px;max-width:800px;box-shadow:0 2px 7px rgba(0,0,0,.3)}#register-form .form-control{border-color:#f79421;border-width:1px;color:#444;background:0 0;padding:2px 5px;border-radius:0}#register-form input.hasError{border-color:#e02d26}#register-form input.datetime+.xdsoft_datetimepicker{transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#register-form input.datetime.hasError+.xdsoft_datetimepicker{border-color:#e02d26}#register-form .form-control:-moz-placeholder,#register-form .form-control:-ms-input-placeholder,#register-form .form-control::-moz-placeholder,#register-form .form-control::-webkit-input-placeholder{color:#c3c3c3!important;font-family:"Roboto Slab",serif!important}#information-bg{background:url(/media/images/14-untitled-45.jpg) center center/cover;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}#information-links{position:fixed;bottom:0;width:100%;padding:0;margin-bottom:0}#information-links li{display:block;list-style:none;background:rgba(0,0,0,.5);margin-bottom:1px}#information-links li:last-child{margin-bottom:0}#information-links li a{display:block;padding:10px;font-size:14px;color:#fff;text-decoration:none}#information-links li:hover{background:rgba(247,148,33,.5)}#information-links li i.fa{vertical-align:middle}.multistep-form{position:relative;margin-bottom:1em}.multistep-form label{color:#444}.multistep-form fieldset{width:100%;color:#444;border:0;margin:0;padding:0}.multistep-form fieldset>*{font-family:"Roboto Slab",serif}.multistep-form fieldset:not(:first-of-type){display:none}.multistep-form fieldset section:not(:first-child){padding-top:20px;border-top:1px dashed rgba(0,0,0,.3)}.multistep-form fieldset section h2{margin-bottom:20px}.multistep-form .chosen-select,.multistep-form .form-control,.multistep-form input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not(.chosen-search-input),.multistep-form textarea{margin-bottom:10px;width:100%}.chosen-search-input{display:none}.hasError+.chosen-container-single .chosen-single{border-color:#e02d26}.multistep-form .action-button{width:100%;max-width:300px;background:#f79421;font-weight:400;font-size:14px;line-height:20px;color:#fff;border:0 none;border-radius:1px;cursor:pointer;padding:10px 0;margin:10px 0;outline:0!important}.multistep-form .action-button:focus,.multistep-form .action-button:hover{background:#fbb040}.fs-title{font-size:15px;text-transform:uppercase;color:#444;margin-bottom:10px;margin-top:0}.fs-subtitle{font-weight:400;font-size:13px;color:#888;margin-bottom:20px;margin-top:0;padding:0}.progressbar{margin:20px 0;overflow:hidden;padding:0;counter-reset:step}.progressbar li{list-style-type:none;color:#444;text-transform:uppercase;font-size:9px;width:16.66%;float:left;position:relative;z-index:1}.progressbar li:before{content:counter(step);counter-increment:step;width:20px;line-height:18px;display:block;font-size:10px;color:#444;border:1px solid #444;margin:0 auto 5px auto}.progressbar li:after{content:"";width:calc(100% - 20px);height:2px;background:#444;position:absolute;left:calc(-50% + 10px);top:9px;z-index:0}.progressbar li:first-child:after{content:none}.progressbar li.active:before{border-color:#fbb040}.progressbar li.active:after{background:#fbb040}#save-for-later{background:#5d5e60}#save-for-later:hover{background:#7d8589}




/*-----langaguage-start-----*/


  ul.f-lang{
        
     width: 243px;
        margin: 50px auto;
        
       overflow: hidden;  
       
        
        
    }
    ul.f-lang li{
          display: inline-block;
        position: relative;  
        list-style: none;
         border: 1px solid #f79421;
        margin: 2px 10px;
    }
    ul.f-lang li a {
    text-decoration: none;
   

    color: #f79421;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 8px;
    font-size: 14px;
    
}
    
  ul.f-lang li.active1 {
    background: #f79421;
    color: #fff;
}    
    
ul.f-lang li.active1 a{
    
    color: #fff;
}  
    
  ul.f-lang li button{
    
    color: #f79421;
      background: none;
      border: 0;
      cursor: pointer;
} 
/*-----langaguage-end-----*/






















/*-----Date time slot start-----*/



* {
  box-sizing: border-box;
}

.container-form {
    width: 100%;
    height: 100%;
    padding: 30px 0;
    
    margin-right: auto;
    margin-left: auto;
    background: gray;
}
#regForm {
  background: #fff;
    max-width: 800px;
    min-height: 600px;
    box-shadow: 2px 2px 2px grey;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0;
    
    
}

    
    .logo-cap{
      width: 300px;
        margin: auto;
        
       overflow: hidden;  
    }
    bottom{
       border: 0; 
        
    }
   .form-logo img{
    margin-top: 10px;
    max-width: 300px;
       margin: auto;
}
.form-logo p{
    border: 1px solid #444;
    max-width: 300px;
    text-transform: uppercase;
    margin: auto;
    color: #444;
    text-align: center;
    padding: 3px;
}
    
    
     ul.f-lang{
        
     width: 243px;
        margin: 50px auto;
        
       overflow: hidden;  
       
        
        
    }
    ul.f-lang li{
          display: inline-block;
        position: relative;  
        list-style: none;
         border: 1px solid #f79421;
        margin: 2px 10px;
    }
    ul.f-lang li a {
    text-decoration: none;
   

    color: #f79421;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px 8px;
    font-size: 14px;
    
}
    
  ul.f-lang li.active1 {
    background: #f79421!important;
    color: #fff;
}    
    
ul.f-lang li.active1 a{
    
    color: #fff;
}  
    
  ul.f-lang li button{
    
    color: #f79421;
      background: none;
      border: 0;
      cursor: pointer;
}  
 
  h2.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #444;
    margin: 40px 0 20px 0;
   
    text-align: center;
    font-weight: 600;
}  
 .fs-subtitle {
    font-weight: 400;
    font-size: 13px;
    color: #888;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}   

form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
    display: inline-block;
    min-height: 12px!important;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    padding: 6px 12px;
    vertical-align: middle;
    background-color: transparent;
    color: #333;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 0px!important;
    -ms-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fo-input {
 
  width: 45%!important;
  
    float: left;
    margin: 15px 15px;
  
  border-color: #f79421!important;
    border-width: 1px;
    color: #444;
    background: 0 0;
    padding: 2px 5px!important;
    border-radius: 0;
    height: 30px!important;
    text-align: center;
    text-transform: uppercase;
}
    @media(max-width:676px){
  .fo-input {
 
  width: 100%!important;
      
    }
    }
     
    @media(max-width:534px){
  .fo-input {
 
  width: 42%;
      
    }
    } 
    
    
    
    
    
    
    


/* Mark input boxes that gets an error on validation: */
.fo-input .invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

    
/*-------- botton start------------ */      
        .button-cap{
      width: 472px;
        margin: auto;
     
       overflow: hidden; 
    }
    
.f-btn {
  width: 200px;
    background: #f79421;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 5px 5px;
    margin: 5px 0px 10px 5px;
  cursor: pointer;
        float: left;
    margin-right: 30px;
    border: 0;
}

.f-btn:hover {
  opacity: 0.8;
}

#prevBtn {
 background: transprant;
    border: 0;
}
    
    
/*-------- botton end------------ */ 
 /*-------------step start-------*/
    
    .step {
  height: 2px;
  width: 20%;
  border: 0;
  background-color: #444;
    padding: 0;
  display: inline-block;
  
}
    @media(min-width:500px){
        
    .step {
  height: 2px;
  width: 15%;
  
  
}    
     
        
    } 
    
    
    .number-act{
        
      height: 20px;
        width: 20px;
       
        position: absolute;
    top: 3px;
    
background: #fff;
        z-index: 1;
  text-align: center;
  border: 1px solid #444;
        padding-right: 5px;
 
  line-height: 1.2;
    } 
    
    
    
    .number-act.active{
        border: 1px solid #f79421;
        
        
    }
    
    
    
/*---------------step end---------*/
    
    
    
 /*--------section start--------*/   
   .ch-form-sx
   {
       border-bottom: 1px dashed rgba(0,0,0,.3);


       padding: 30px 0;
       clear: both;
       overflow: hidden;
       

}
    
.ch-form-nx
   {
      


       padding: 30px 0;

}    
    
 .fs-sectitle {
    font-weight: 400;
    font-size: 18px;
    color: #888;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
} 
    
    
/*--------section end--------*/   
    
    
    
/* Make circles that indicate the steps of the form: */
    .number-act{
     display: inline-block;   
        
    }
.step {
  height: 2px;
  width: 20%;
  border: 0;
  background-color: #444;
    padding: 0;
  display: inline-block;
  
}
    @media(min-width:500px){
        
    .step {
  height: 2px;
  width: 15%;
  
  
}    
     
        
    } 

  
/* Mark the steps that are finished and valid: */
.number-act.finish {
  background-color: #f79421;
}
 
 .step.finish {
  background-color: #f79421;
} 
    
    
       .title-ex{
          background: none; 
           letter-spacing: 1.5px;
           text-align: center;
           font-size: 9px;
               text-transform:uppercase;
           padding-left: 20px;
       } 
    
    
    
  /*---------Authantation.net Gate way Start-------------------------*/

h1{
	color: #7a7a7a;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
}
.panel {
	width: 450px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-color: #ddd;
    overflow: hidden;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    color: #333;
	font-weight: 600;
}
.panel-body {
    padding: 15px;
}
.form-group {
    margin-bottom: 15px;
}
label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}
.panel-body .form-group input {
    display: block;
    width: 90%;
    height: 30px;
    padding: 6px 6px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.row .left {
    width: 52%;
    float: left;
}
.row .right {
    width: 40%;
    float: right;
}
.form-group .col-1{
	width: 55px;
    float: left;
    position: relative;
    margin-right: 20px;
   
}
.form-group .col-2{
	width: 80px;
    float: left;
    position: relative;
    margin-left: 60px;
    
}
.right .form-group input{
	width: 75%;
}
.btn {
	width: 100%;
    height: 100%
   
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
	border: none;
	
}
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
}
.card-errors p{
	font-size: 17px;
    border: 1px dashed;
    padding: 10px;
	color: #EA4335;
}

.status{
	padding: 15px;
	color: #000;
    background-color: #f1f1f1;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	margin-bottom: 20px;
}
.status h1{
	font-size: 1.8em;
}
.status h4{
	font-size: 1.3em;
	margin-bottom: 0;
}
.status p{
	font-size: 1em;
	margin-bottom: 0;
    margin-top: 8px;
}
.btn-link{
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-decoration: none;
}
.btn-link {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
	text-decoration: none;
}
.success{
	color: #34A853;
}
.error{
	color: #EA4335;
}
.c-exp{
    margin-left: -15px!important;
}

.c-exp .col-1,.c-exp .cpl-2{
    margin: 30px 0 0 10px!important;
    
}

.exp-dt{
   
    width: 120px;
    margin-left: 14px;
}

.exp-dt{
    width: 55px!important;
}

.exp-yr{
    width: 70px!important;
}
/*---------Authantation.net Gate way end-------------------------*/

table tr td{
    
    text-align: center;
}

/*-------------------data time-start--------------------------------*/
.sec-date table td, table th {
  border: 1px solid #ccc;
         font-size:12px;
         text-align: center!important;
       overflow: hidden;
         
         position: relative;
         
         
}
td{
  text-align: center!important;  
    
    
}
.c-head{
    background-color: #f79421;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}

.c-head h2 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 0px;
    margin-bottom: 0;
    padding-top: 18px;
    padding-bottom: 10px;
}



btn-xs{
  background:none!important;  
    
}
.btn-xf{
    color: #fff;
    text-align: left;
    float: left;
    font-size: 18px;
    font-weight: 800;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: transparent!important;
    margin-left: 10%;
    z-index: 1;
    cursor: pointer;
  border: 1px solid #fff!important;
    text-align: center;
    border-radius: 50%!important;
    line-height: 1;
}





.btn-xr{
    
    color: #fff;
    text-align: right;
    float: right;
    font-size: 18px;
    font-weight: 800;
    width: 25px;
    height: 25px;
    border-radius: 50%!important;
    background: transparent!important;
    margin-right: 10%;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #fff!important;
    text-align: center;
    line-height: 1;
}


.btn-xc{
     background: transparent!important;
    color: #fff!important;
    position: absolute;
   
    font-size: 14px;
    font-weight: 400;
    width: 140px;
    height: 20px;
   
    border: 1px solid #fff!important;
   
    z-index: 1;
    cursor: pointer;
   
    margin: auto;
    left: 0;
     right: 0;
    top: 35px;
    bottom: 0;
    text-align: center;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1;
}

.btn-xf:hover,.btn-xr:hover,.btn-xc:hover{
    
   background: #fff!important;
    color: #e94b35!important;
    
    
}

.sec-date table td{
    max-height: 20px;
}
.sec-date table th {
  background: #0099CC;
    color: #fff;
    min-width: 30px;
}
.sec-date table td h4{
 z-index: 1;
    position: relative;
    padding-top:0px;
   
    
    
}

.sec-date table {
  width: 100%;
  border-collapse: collapse;
   
    margin: auto;
    max-height: 300px;
}
   .today{
            background:yellow;
        }     
       empty {
                display: none;
            }   
        
        .btn{
          color: #000;
            text-decoration: none;
        }
        .btn-danger{
            background: #ac2925;
            border:0;
            border-radius: 3px;
            color: #fff;
            font-size: 10px;
        }

      .btn-danger-tab{
            background: #e94b35;
            border:0;
            border-radius: 0;
            color: #fff;
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 0;
          right: 0;
         z-index: 1;
          height: 100%;
           font-weight: 600;
          padding-top: 5px;
        }
.btn-danger-tab:hover{
     color: #fff!important;
    cursor: auto;
    background: #e94b35;
    
}
.btn-nill-tab{
 
            background: transparent;
            border:0;
            border-radius: 0;
            color: #e94b35;
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 0;
          right: 0;
         z-index: 1;
          height: 100%;
           font-weight: 600;
    opacity: 0.8;
    cursor: auto;
     padding-top: 5px;   
}


.dt-tb tr td {
    
    height: 60px;
   
   
   
    
}

        .btn-success{
          border:0;
            border-radius: 3px;  
            color: #fff;
            background: #398439;
            font-size: 10px;
            padding: 0;
            margin: auto;
}
        .btn-success-tab{
          background: transparent;
            border:0;
            border-radius: 0;
            color: forestgreen!important;
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 0;
          right: 0;
         z-index: 1;
          height: 100%;
           font-weight: 600;
            padding-top: 5px;
        }

.btn-success-tab:hover{
    cursor: pointer;
   color: lightgreen!important;
    transition: 1s;
}

.btn-inactive-tab{
    

   
   
    cursor: auto;
    font-weight: 600;
    
}



        .btn-primary{
         background: #337ab7;
            border:0;
            border-radius: 3px;
            color: #fff;   
            
        }

.flex-container {
  display: flex !important;
  flex-wrap: nowrap!important;
  
   
}
.notic{text-align: center; color: forestgreen;}
.flex-container .form-flex {
  background-color: #f1f1f1;
  width:100%!important;
  margin: 10px!important;
  text-align: center!important;
 
  font-size: 14px!important;
    
}
.book{
    float: left;
    margin: 1px;
    padding: 5px;
}

.alert-danger{
   background: rgba(255,0,51,.2); 
    
    
}


.alert-success{
   background: rgba(0,153,255,.2); 
    
    
}
.col-md-2{
   width: 16.66666667%; 
    
    float: left;
}    

.form-group {
    margin-bottom: 15px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    max-width: 800px;
    margin: auto;
}

@media (min-width: 1200px){
.container {
    width: 1170px;
    margin: auto;
    
}
}


@media (max-width: 768px){
.btn-nill-tab,.btn-danger-tab,.btn-success-tab {
   font-size: 9px!important;
    font-weight: 100px;
    
}
    
    
    .dt-tb tr td {
    
    height: 40px;
   
   text-align: center;
   
    
}
}


/*-----------------------date time  end----------------------------*/