#loading{
  width: 80px;
  height: 80px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  display: none;
}



.cbdr{

  border:1px solid;

}



.project_event{



  display: none;

}

.cls_upper{

    text-transform: uppercase;

  }

.content{

	overflow: auto;

}

.red{

	color: red;

}

.cls_pad{

  width: 10%;

}



/* RADIOS & CHECKBOXES STYLES */



/* base styles */

input[type="radio"],

input[type="checkbox"] {

    height: 1.2em;

    width: 1.2em;

    vertical-align: middle;

    margin: 0 0.4em 0.4em 0;

    border: 1px solid rgba(0, 0, 0);

    background: -webkit-linear-gradient(#FCFCFC, #DADADA);

    -webkit-appearance: none;

    -webkit-transition: box-shadow 200ms;

     box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);

}



/* border radius for radio*/

input[type="radio"] {

    -webkit-border-radius:100%;

    border-radius:100%;

}



/* border radius for checkbox */

input[type="checkbox"] {

    -webkit-border-radius:2px;

    border-radius:2px;

}



/* hover state */

input[type="radio"]:not(:disabled):hover,

input[type="checkbox"]:not(:disabled):hover {

    border-color:rgba(0,0,0,0.5);

    box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0);

}



/* active state */

input[type="radio"]:active:not(:disabled),

input[type="checkbox"]:active:not(:disabled) {

    background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);

    box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2), inset -1px -1px 0 rgba(255,255,255,0.6);

    border-color:rgba(0,0,0);

}



/* focus state */

input[type="radio"]:focus,

input[type="checkbox"]:focus {

    outline:none;

    box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);

}



/* input checked border color */

input[type="radio"]:checked,

input[type="checkbox"]:checked {

    border-color:rgba(0, 0, 0, 0.5)

}



/* radio checked */

input[type="radio"]:checked:before {

display: block;

height: 0.3em;

width: 0.3em;

position: relative;

left: 0.4em;

top: 0.4em;

background: rgba(0, 0, 0, 0.7);

border-radius: 100%;

content: '';

}



/* checkbox checked */

input[type="checkbox"]:checked:before {

font-weight: bold;

color: rgba(0, 0, 0, 0.7);

content: '\2713';

-webkit-margin-start: 0;

margin-left: 2px;

font-size: 0.9em;

}



/* disabled input */

input:disabled {

opacity: .6;

box-shadow: none;

background: rgba(0, 0, 0, 0.1);

box-shadow:none;

}



/* style label for disabled input */

input:disabled + label {

opacity: .6;

cursor:default;

-webkit-user-select: none;

}



.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {

    position: absolute;

    margin-top: 4px \9;

    margin-left: 0px;

}





.form-horizontal .control-label  {

    padding-top: 7px;

    margin-bottom: 0;

    text-align: right;

    font-size: 16px;

}

label {



    font-size: 16px;

}





.modal-header {

    border-bottom-color: #f4f4f4;

    background-color: #000;

    color: #fff;

    text-align: center;

}



.skin-blue .main-header .navbar, .header_btn{





  /*background-color: #FCF7F7;*/



  /*background-color: #DAF7C6;*/

  /*background-color: #DCEDC8;*/

   /*background-color: #E8F5E9;*/

   /*background-color: #F1F8E9;*/

   /*background-color: #F9FBE7;*/

   /*background-color: #DCEDE8;*/

   /*background-color: #F9FBE7;*/

   /*background-color: #1B5E20;*/

   background-color: white;

   /*background-color: #43A047;*/





}

.nav-tabs.nav-justified>li>a {

     border-bottom: 1px solid #000;

    border-radius: 4px 4px 0 0;

}



.nav-tabs {

    /* border-bottom: 1px solid #ddd; */

    background-color: #000;

    border-radius: 10px;

    border-radius: none;

}



.form-control {

    border-radius: 0 !important;

    box-shadow: none;

    border-color: #1a1b1d;

}



.form-control {

    font-weight: bolder;

    font-size: 16px;

}



.nav_client>li.active>a, .nav_client>li.active>a:focus, .nav_client>li.active>a:hover {

    color: #000;

    cursor: default;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

}



.nav_client>li>a {

    position: relative;

    display: block;

    padding: 11px 90px;

    color: #fff;

}



.box {

    border: 1px solid #eee;

     border-radius: none;

}

.form-horizontal .control-label {

    padding-top: 7px;

    margin-bottom: 0;

     text-align: right;

}



input:hover, select:hover, textarea:hover, .btn:hover {

    outline: none !important;

    border: 1px solid black;

    box-shadow: 10px 10px 30px #000;

}



.skin-blue .main-header .logo{



	/*background-color: #000;	*/

}



.header_btn{



	border-color: #44695B;

  cursor: pointer;

}



.index_overlay{



  position: absolute;

  background-color: #aaa;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  top: 0;

  padding-top: 100px;

}



.btn-primary{



  font-size: 14px;

}



.box.box-success

{

  border-top-color: #eee;

}









.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {

    border: 1px solid #ccc;
    color: black;

}

table.table-bordered th:last-child, table.table-bordered td:last-child {

     border-right: 1px solid #ccc;

}







.btn{



  border-radius: 0px;

}



.btn-primary:hover

{

  background-color: #093334;

  color:white;

  font-weight: 300px;



  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn-info{



  /*background-color: #093334;*/

  color:white;

  font-weight: 300px;



  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn-warning{



  /*background-color: #093334;*/

  color:white;

  font-weight: 300px;



  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}

.btn-warning:hover{



  /*background-color: #093334;*/

  color:white;

  font-weight: 300px;



  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success

{

  background-color: #000;

}



.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary

{

  background-color: #000;

}





.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger

{

  background-color: #eee;

}



/*.box

{

  border:1px solid #eee;

  border-radius: 10px;

}*/



.top_menubar li ul, .top_menubar {

    background-color: #000;

}



.box-body{



  /*overflow-x: scroll;*/

  padding: 5px;

}


/*
.form-group {



  margin-bottom: 0px;

}
*/


.table {



  margin-bottom: 0px;

}



.box-header h3{



  margin: 0px;

}



.graph{



  width: 768px;

  height: 500px;

  margin: 0 auto;

}



.bg_green{





  background-color:white;

  color:#00923F;

}



.bg_red{



  /*background-color: rgb(252,122,84); */

  background-color:white ;

  color:#cc3300;

}



.bg_blue{



  /*background-color: #93C959;*/

  color:black;

  font-style: bold;

}



.heading_bg{



  color: #fff;

  background-color: #333;

}



.heading_bg_light{



  background-color: #44695B;

  color: #fff;

}



.panel{



  border-radius: 10px;

}



.panel-default>.panel-heading {



  color: #fff;

  background-color: #000;

  border-radius: 0px;

}



.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{



  display: inline;

}



.sidebar-mini.sidebar-collapse .main-header .logo {



  width: 230px;

}



.sidebar-mini.sidebar-collapse .main-header .navbar {



  margin-left: 230px;

}



.navbar  .navbar-static-top{



  background-color: #FCF7F7;

}





.skin-blue .main-header .navbar .nav>li>a {



  color: #093334;

}



.skin-blue .main-header .navbar .nav>li>a:hover {



  color: #FFF;

}



.main-header

{

  /*border:1px solid red;*/

  height: 80px;





}



.main-header .logo-lg {



  /*height: 53px;*/

  background-color:white;



}

.main-header>.navbar {



  /*height: 53px;*/

  /*border:1px solid red;*/

}



.content-wrapper

{

  /*background-color: #DAF7C6;*/

  /*background-color: #DCEDC8;*/

   /*background-color: #E8F5E9;*/

   /*background-color: #F1F8E9;*/

   /*background-color: #F9FBE7;*/

   /*border:1px solid red;*/

    background-color: white;

}



.main-sidebar

{

   background-color: #093334;

}



.sidebar-menu

{

  background-color: #093334;

}

.sidebar

{

  background-color: #093334;

}



.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a

{

  border-left-color: #F1F8E9;

}





.btn-primary{



  background-color: #000;

  color:white;

  font-weight: 300px;



  font-size: 14px;

      padding-left: 17px;
    padding-right: 15px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn{



  border-radius:5px;

  border: none;

  /*word-spacing:55px;*/

}



.btn-success:hover

{

  background-color: #6B8E23;

  color:white;

  border-color:#6B8E23;

  /*font-weight: 300px;*/



  font-size: 14px;

  /*padding-left: 25px;*/

  /*padding-right: 25px;*/

  /*padding-top: 10px;*/

  /*padding-bottom: 10px;*/

}



.btn-success

{

  background-color: #000;

  color:white;

  border-color:#000;

  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn-danger

{

  background-color: #950001;

  color:white;

  border-color:#950001;

  font-size: 14px;

  padding-left: 25px;

  padding-right: 25px;

  padding-top: 10px;

  padding-bottom: 10px;

}



.btn-success:hover, .btn-success:active, .btn-success.hover

{

  background-color: #6B8E23;

  color:white;

  border-color:#6B8E23;

  /*font-weight: 300px;*/



  font-size: 14px;

  /*padding-left: 25px;*/

  /*padding-right: 25px;*/

  /*padding-top: 10px;*/

  /*padding-bottom: 10px;*/

}

/*.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td

{

  border:1px solid #44695B

}*/



.table.dataTable thead > tr > th

{

  height:20px;

  padding:4px;

}



.table>thead:first-child>tr:first-child>th

{

  font-size:15px;

  font-weight: normal;

}

.table.table-bordered tbody th

{

  font-size:15px;

  border-radius:10px;

  font-weight:normal;

  background-color:#000;

  color:white;



}

.table>thead:first-child>tr:first-child>th {

    background-color: #000;
    color: white;

}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover

{

  background-color:#000;

}



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover

{

   border-color:#093334;

}

.panel .panel-default

{

  border-radius:10px;

  background-color:#eee;

}



.panel .panel-heading

{

  border-radius:10px;

}



.table .tr{

  border-radius:10px;

}



.table .tr {

  border-radius:10px;

}





.table.table-bordered tbody td

{

  font-size:16px;

  font-weight: bold;

   /*border:1px solid black;*/

  /*background-color:#eee;*/

  color:black;

  /*border-radius:10px;*/

}

.table.table-striped

{

  background-color:#eee;

}

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

.header-fixed {

    width: 100%;

}



.header-fixed > thead,

.header-fixed > tbody,

.header-fixed > thead > tr,

.header-fixed > tbody > tr,

.header-fixed > thead > tr > th,

.header-fixed > tbody > tr > td {

    display: block;

}



.header-fixed > tbody > tr:after,

.header-fixed > thead > tr:after {

    content: ' ';

    display: block;

    visibility: hidden;

    clear: both;

}



.header-fixed > tbody {

    overflow-y: auto;

    height: 115px;

}



.header-fixed > tbody > tr > td,

.header-fixed > thead > tr > th {

    width: 29%;

    float: left;

}



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

.progress, .progress>.progress-bar, .progress .progress-bar, .progress>.progress-bar .progress-bar

{

  border-radius:10px;

}







.progress-bar-warning,.progress-bar-danger

{

  /*background-color:#eee; */

  color:black;

  /*border-radius: :10px;*/

}



.progress-bar-success

{

  background-color:#093334;

  /*background-color: #FFFFE0;*/

  /*background-color: #D4EFDF;*/

  color:white;



}

.progress-bar-danger

{



  background-color:#eee;

  color:black;

}



.panel-body

{

  border-radius:10px;

}



/*.table .table-bordered>tr>th

{

  background-color:#333;

  color:white;

  border-radius:10px;

  margin-right: 1px;

}







/****************************DASHBOARD1*****************/

#dash1_para1

{

  text-align:center;

  font-style:bold;

  color:black;

  font-size:24px;

  border:3px solid #eee;

  border-radius:10px;

  background-color:#eee;

  /*margin-left:10px;*/

  /*margin-right:24px;*/

}



#dash1_col_sm_2

{

  border:3px solid #eee;

  border-radius:10px;

  background-color:#eee;

  padding:15px;

  /*margin-left:10px;*/

}



#dash1_box1

{

  text-align:center;

  background-color:#E9F7EF;

  border:1px solid #44695B;

}



#dash1_box1_h1

{

  color:black;

  padding:0px;

  margin:4px;

  padding-top:4px;

}



#dash1_box1_h2

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box1_h3

{

  color:black;

  padding:0px;

  margin:4px;

  padding-bottom:4px;

}



#dash1_box1_arrow_down

{

  text-align:center;

}



#dash1_box1_arrow_down i

{

  font-size:20px;

}



#dash1_box2

{

  /*border:1px solid red;*/

  text-align:center;

  background-color:#D4EFDF;

  border:1px solid #44695B;

}



#dash1_box2_h1

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box2_h2

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box2_h3

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box2_arrow_down

{

  text-align:center;

}



#dash1_box2_arrow_down i

{

  font-size:20px;

}



#dash1_box3

{

  text-align:center;

  background-color:#A9DFBF;

  border:1px solid #44695B;

}



#dash1_box3_h1

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box3_h2

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box3_h3

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box3_h4

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box3_arrow_down

{

  text-align:center;

}



#dash1_box3_arrow_down i

{

  font-size:20px;

}



#dash1_box4

{

  text-align:center;

  background-color:#7DCEA0;

  border:1px solid #44695B;

}



#dash1_box4_h1

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box4_h2

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box4_h3

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box4_h4

{

  color:black;

  padding:0px;

  margin:4px;

}



#dash1_box4_arrow_down

{

  text-align:center;

}



#dash1_box4_arrow_down i

{

  font-size:20px;

}



#dash1_box5

{

  text-align:center;

  background-color:#52BE80;

  border:1px solid #44695B;

}



#dash1_box5_h1

{

  color:black;

  padding:0px;

  margin:4px;

}





#dash1_col_sm_9

{

  border:3px solid #eee;

  border-radius:10px;

  background-color:#eee;

  padding:15px;

  /*margin-left:2%;*/

}



#dash1_col_sm_9 p

{

  text-align: left;

}





/****************************DASHBOARD2*****************/



/****************************DASHBOARD******************/

#heading

{

  text-align:left;

}

#heading #heading1 b

{



  color:black;

  font-size:22px;

  padding-top:12px;

}



#heading #heading2 b

{



  color:black;

  font-size:22px;

  padding-top:12px;

}



#stage1

{

  text-align:center;

  background-color:#E9F7EF;

  border:1px solid #44695B;

  margin-top:1%;

}



#stage #s_h1

{

  color:black;

  padding:0px;

  margin:4px;

  padding-top:4px;

}





#stage #s_h2

{

  color:black;

  padding:0px;

  margin:4px;

}



#stage #s_h3

{

  color:black;

  padding:0px;

  margin:4px;

  padding-bottom:4px;

}





#btn1

{



}



#btn1_h1

{

  /*border:1px solid yellow;*/

  background-color: #093334;

  color:white;

  font-size:14px;

  /*width:70px;*/

}



#btn1_h2

{

  /*border:1px solid yellow;*/

  background-color: #093334;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h3

{

  /*border:1px solid yellow;*/

  background-color: #808080;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h4

{

  /*border:1px solid yellow;*/

  background-color: #808080;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h5

{

  /*border:1px solid yellow;*/

  background-color: #808080;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h6

{

  /*border:1px solid yellow;*/

  background-color: #808080;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h7

{

  /*border:1px solid yellow;*/

  background-color: #808080;

  color:white;

  width:100px;

  font-size:14px;

}



#btn1_h8

{

  /*border:1px solid yellow;*/

  background-color: #093334;

  color:white;

  width:220px;

  font-size:14px;

}



#para3 b

{

  font-weight: 600;

}

#para4 b

{

  font-weight: 600;

}

#para5 b

{

  font-weight: 600;

}

#para6 b

{

  font-weight: 600;

}

#para7 b

{

  font-weight: 600;

}



ul li b

{

  font-weight: 600;

}



#para1,#para2,#para3,#para4,#para5,#para6,#para7,#para8,#para9,#para10,#para11,#para12,#para13

{

  text-align: left;

  text-align: justify;

  /*text-justify: inter-word;*/

  margin: 0px;

}











/****************************DASHBOARD*****************/

.top_menubar li a{

  text-decoration: none;

  color: #ffffff;

  background-color: #000;

}

.top_menubar li ul,.top_menubar{

  background-color: #000;

}

.user_dashboard{

  background-image: url("../images/bg_dashboard.jpg");

/*  background-repeat: no-repeat;

  background-size: 100% 100%;*/



  background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

  /*height: 623px;*/

}

.affix

  {

      top: 0;

      width: 100%;

  }



  .affix + .container-fluid {

      padding-top: 70px;

  }



  .navbar-toggle {

    /* color: #fff; */

    border: 0;

    margin: 0;

    padding: 15px 15px;

    background-color: #e5e0e0;

    color: #000;

}

.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 20px;

     border: none;

}







/************************DASHBOARD USER3******************/

#user_dash3_item

{

  border-radius:10px;

  background-color:#eee;

  overflow:hidden;

  padding-top:10px;

}

.bg-logo-color

{

  background-color: #093334;

}



.ion

{

  color:white;

}



.info-box-text

{

  color:black;

  display: block;

}



.info-box-text:hover

{

  color:black;

}

/************************DASHBOARD USER3******************/



/************************client master******************/



.css_on_hover1:hover{

  /*height:115%;*/

  width:200%;



}



.tooltip > .tooltip-inner {

      background-color: #000;

      color: #ffffff;

      border: 1px solid #000;

      padding: 6px;

      font-size: 18px;

      max-width: 1000px;

      max-height: 900px;

  }

  .table-bordered {

    border: 1px solid #ddd;

}





.button_focus:focus,.button_focus:hover{

    background-color: #387220;

}



.cstm_border_color

{

  border-color: black;

}

.comp{

  display: none;

}

.adv{

  display: none;

}

@media only screen and (max-width: 768px) {

  .dd{

    display: none;

  }



  .mb5{

    margin-bottom: 10px;

  }

}




th
{
  color: white;
}




@media only screen and (min-width: 768px)

   {

    .freeze {

    #border-collapse: collapse;

    border-spacing: 0;

    text-align: left;

     display: flex;

    flex-flow: column;

    height: 100%;

    width: 100%;

    }



    .freeze thead {

        border: 1px solid grey;

            /* head takes the height it requires,

        and it's not scaled when table is resized */

        flex: 1 1 auto;

        width: 98.5%;

    }



    .freeze tbody {



        max-height: 400px;

        width: 100%;

            /* body takes all the remaining available space */

        flex: 1 1 auto;

        display: block;

        overflow-y: scroll;

    }



    .freeze tbody tr {

        width: 100%;

    }

    .freeze thead,

    .freeze tbody tr {

        display: table;

        table-layout: fixed;

    }

    }

    .content {
      min-height: 433px;
      padding: 15px;
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
    }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


.cust_file_upload {
  position: relative;
  overflow: hidden;
  display: inline-block;

}

.cust_file_btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
}

.cust_file_upload input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.cust_gst_input
{
  width: 52px;
  border:none;
  background-color: transparent;
}
.floating-form {

  /*border: 1px solid black;*/
  /*padding-left: 10px;*/
  width: 95%;
  margin-right: 2%;
  padding: 5px 0px 0px 10px;
}
.floating-label {
  position:relative;
  margin-bottom:20px;
  /*border: 1px solid black;*/
  padding-left: 5px;
}

.floating-input , .floating-select {
  font-size: 14px;
  padding: 4px 4px;
  display: block;
  width: 100%;
  height: 30px;
  background-color: transparent;
  border: none;
  border: 1px solid #d8d8d8;
  text-transform: uppercase;
  border-radius: 4px;
}

.floating-input:focus , .floating-select:focus {
    outline: none;
    border: 1px solid #d8d8d8;
    box-shadow: 0px 0px 5px #4096c7;
}

.floating-label > label {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:10px;
  top:5px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.floating-label > .floating-lable-left {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:35px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.floating-label > .floating-lable-left-third {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:65px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.floating-label > .floating-lable-right-third {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:65px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.floating-label > .floating-lable-right {
  color:#999;
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:35px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-22px;
  font-size:14px;
  color:#555;
}
.floating-input:focus ~ .floating-lable-left, .floating-input:not(:placeholder-shown) ~ .floating-lable-left {
  left:-60px;
  top:35px;
  font-size:14px;
  color:#5264AE;
}
.floating-input:focus ~ .floating-lable-left-third, .floating-input:not(:placeholder-shown) ~ .floating-lable-left-third {
  left:-60px;
  top:65px;
  font-size:14px;
  color:#5264AE;
}
.floating-input:focus ~ .floating-lable-right-third, .floating-input:not(:placeholder-shown) ~ .floating-lable-right-third {
  left:120px;
  top:65px;
  font-size:14px;
  color:#5264AE;
}
.floating-input:focus ~ .floating-lable-right, .floating-input:not(:placeholder-shown) ~ .floating-lable-right {
  left:125px;
  top:35px;
  font-size:14px;
  color:#5264AE;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:14px;
  color:#555;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px;
   overflow:hidden;
  overflow-x: hidden;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
  from { background:#5264AE; }
  to  { width:0; background:transparent; }
}
/****  floating-Lable style end ****/
.remove-bottom
{
  /*border: 1px solid;*/
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.pagination
{
  /*border: 1px solid;*/
  padding: 0px !important;
  margin: 0px !important;
}

.shake {
  -webkit-animation: kf_shake 0.4s 1 linear;
  -moz-animation: kf_shake 0.4s 1 linear;
  -o-animation: kf_shake 0.4s 1 linear;
}
@-webkit-keyframes kf_shake {
  0% { -webkit-transform: translate(30px); }
  20% { -webkit-transform: translate(-30px); }
  40% { -webkit-transform: translate(15px); }
  60% { -webkit-transform: translate(-15px); }
  80% { -webkit-transform: translate(8px); }
  100% { -webkit-transform: translate(0px); }
}
@-moz-keyframes kf_shake {
  0% { -moz-transform: translate(30px); }
  20% { -moz-transform: translate(-30px); }
  40% { -moz-transform: translate(15px); }
  60% { -moz-transform: translate(-15px); }
  80% { -moz-transform: translate(8px); }
  100% { -moz-transform: translate(0px); }
}
@-o-keyframes kf_shake {
  0% { -o-transform: translate(30px); }
  20% { -o-transform: translate(-30px); }
  40% { -o-transform: translate(15px); }
  60% { -o-transform: translate(-15px); }
  80% { -o-transform: translate(8px); }
  100% { -o-origin-transform: translate(0px); }
}


/*select2 css*/
.select2-container--default .select2-selection--multiple {
    /*background-color: white;*/
    border: 0px;
    border-bottom: 1px solid #757575;
    border-radius: 0;
    cursor: text;
}
.select2-container--default:hover{
    outline: none !important;
    border-bottom:1px solid #757575;
    box-shadow: 10px 10px 50px #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    /*border-color: #3c8dbc ;*/
    background: #c6edf4;
    outline:none;
    border-bottom:2px solid #5264AE !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0px;
    border-bottom: 1px solid black;
    outline: 0;
}

.select2-container--default .select2-search--inline .select2-search__field:focus {
    background: #c6edf4;
    border: none;
    outline: 0;
    box-shadow: none;
    height: 20px;
    /*-webkit-appearance: textfield;*/

}
.select2-selection__rendered :focus
{
  background: #c6edf4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: black;
    background: transparent;
    border: 0px;
    /*border-radius: 4px;*/
    /*cursor: default;*/
    /*float: left;*/
    /*margin-right: 5px;*/
    margin-top: 5px;
    /*padding: 0 5px;*/
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
  color: transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
  /*color: transparent;*/
  display: none;
}
/*select2 css*/

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
    color: black;
}
.datepicker-switch
{
  color: black;
}


.dow
{
  color: black;
}
.prev
{
  color: black;
}

.next
{
  color: black;
}


/* order for mobile tab*/
  .order_from_mobile{
    position: relative;
  }
  .order_mobile_pending{
    position: absolute;
    top: -18px;
    right: 0;
    background: #d12d03;
    padding: 4px;
    border-radius: 50%;
    color: #fff;
    z-index: 1;
  }
/* order for mobile tab*/