/***

Buttons & Dropdown Buttons

***/



.btn {

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;

  -webkit-text-shadow: none;

     -moz-text-shadow: none;

          text-shadow: none;

  outline: none !important;
  z-index: 0 !important;

}



.btn-default {

  border-color: #e5e5e5;

}

.btn-xs{
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/***

Dropdown

***/



 /*Fixing dropdown issue on mobile devices in Bootstrap 3.2.2*/

.dropdown-backdrop {

  position: static;

}



.dropdown:hover .caret, 

.open.dropdown .caret {

  opacity: 1;

  filter: alpha(opacity=100);

}



.dropdown.open .dropdown-toggle {

  color: #08c;

  background: #ccc;

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

}



/***

Dropdown Menu

***/



.dropdown-menu {

  border-radius: 4px !important;
  font-size: 14px !important;
  z-index: 1 ;
}

 .role_menu {
 transform: translate(0px, 31px) !important;
}

/* custom dropdown conetnt */

.dropdown-content {

  padding:5px;

}



.dropdown-content form {

  margin:0;

}



.dropdown.inline .dropdown-menu {

  display: inline-block;  

  position: relative;

}



.dropdown-menu.bottom-up {

  top: auto;

  bottom: 100%;

  margin-bottom: 2px;

}



.dropdown-menu li > a {

  padding: 6px 0 6px 10px;

  color: #333;

  text-decoration: none;

  display: block;

  clear: both;

  font-weight: normal;

  line-height: 18px;

  white-space: nowrap;

}



.dropdown-menu li > a:hover, 

.dropdown-menu .active > a, 

.dropdown-menu .active > a:hover {

  text-decoration: none;

  background-image: none;

  background-color: #eee;

  color: #333;

  filter:none;

}



/* dropdown sub menu support for Bootsrap 3 */

.dropdown-submenu {

  position: relative;

}



.dropdown-submenu > .dropdown-menu {

  top: 5px;

  left: 100%;

  margin-top: -6px;

  margin-left: -1px;

}



.dropdown-submenu:hover > .dropdown-menu {

  display: block;

}



.dropup .dropdown-submenu > .dropdown-menu {

  top: auto;

  bottom: 0;

  margin-top: 0;

  margin-bottom: -2px;

}



.dropdown-submenu > a:after {

  position: absolute;

  display: inline-block;

  font-size: 13px;

  right: 7px;

  top: 7px;

  font-family: FontAwesome;

  height: auto;

  content: "\f105";

  font-weight: 300;

}



.dropdown-submenu:hover > a:after {

  border-left-color: #ffffff;

}



.dropdown-submenu.pull-left {

  float: none;

}



.dropdown-submenu.pull-left > .dropdown-menu {

  left: -100%;

  margin-left: 10px;

}



.nav.pull-right > li > .dropdown-menu,

.nav > li > .dropdown-menu.pull-right {

  right: 0;

  left: auto;

}



.nav.pull-right > li > .dropdown-menu:before,

.nav > li > .dropdown-menu.pull-right:before {

  right: 12px;

  left: auto;

}



.nav.pull-right > li > .dropdown-menu:after,

.nav > li > .dropdown-menu.pull-right:after {

  right: 13px;

  left: auto;

}



.nav.pull-right > li > .dropdown-menu .dropdown-menu,

.nav > li > .dropdown-menu.pull-right .dropdown-menu {

  right: 100%;

  left: auto;

  margin-right: -1px;

  margin-left: 0;

  -webkit-border-radius: 6px 0 6px 6px;

     -moz-border-radius: 6px 0 6px 6px;

          border-radius: 6px 0 6px 6px;

}



@media (max-width: 767px) {



  .navbar-nav .open .dropdown-menu {

    position: absolute;

    float: left;

    width: auto;

    margin-top: 0;

    background-color: #ffffff;

    border: 1px solid #ddd;

    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  

  }



  .navbar-nav .open .dropdown-menu > li > a {

     padding: 6px 0 6px 13px;

     color: #333 !important;

  }



  .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-nav .open .dropdown-menu > li > a:focus {

    background-color: #eee !important;

  }



}

 

/* bagin: sidebar menu badges */



/***

Dropdown Checkboxes (in v1.3)

***/

.dropdown-checkboxes {

  padding: 5px;

}



.dropdown-checkboxes label {

  display: block;

  font-weight: 300;

  color: #333;

  margin-bottom: 4px;

  margin-top: 4px; 

}





/***

Dropdown Menu Badges

***/



.dropdown-menu > li > a > .badge {

   position: absolute;

   margin-top: 1px;

   right: 3px;

   display: inline;

   font-size: 11px;

   font-weight: 300;

   text-shadow:none;

    height: 18px;

    padding: 3px 6px 3px 6px;

    text-align: center;

    vertical-align: middle;

   -webkit-border-radius: 12px !important;

      -moz-border-radius: 12px !important;

           border-radius: 12px !important;

}

/* end: sidebar menu badges */



/***

Forms

***/

code {

  border: 1px solid #e1e1e1;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);

  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);  

}

label {

  font-weight: 400;

  font-size: 14px;

}



.form-control:-moz-placeholder {

  color: #999999;

}

.form-control::-moz-placeholder {

  color: #999999;

}

.form-control:-ms-input-placeholder {

  color: #999999;

}

.form-control::-webkit-input-placeholder {

  color: #999999;

}

.form-control {  

  font-size: 14px;

  font-weight: normal;

  color: #333333;

  background-color: #ffffff;

  border: 1px solid #e5e5e5;

  -webkit-box-shadow: none;

  box-shadow: none;

  -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-control:focus {

  border-color: #999999;

  outline: 0;

  -webkit-box-shadow: none !important;

  box-shadow: none !important;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  cursor: not-allowed;

  background-color: #eeeeee;

}



.uneditable-input {

  padding: 6px 12px;

  min-width: 206px;

  font-size: 13px;

  font-weight: normal;

  height: 34px;

  color: #333333;

  background-color: #ffffff;

  border: 1px solid #e5e5e5;

  -webkit-box-shadow: none;

  box-shadow: none;

  border-radius: 4px;

  -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;

}



label.form-control {

  display: block;

  margin-bottom: 5px;

}



input[disabled],

select[disabled],

textarea[disabled] {

  cursor: not-allowed;

  background-color: #F4F4F4;

}



input[readonly],

select[readonly],

textarea[readonly] {

  cursor: not-allowed;

  background-color: #F9F9F9 !important;

}



/* input  groups */

.input-group.input-group-fixed {

  width: auto !important;

}



.input-group-addon {

  border-color: #e5e5e5;

  background: #e5e5e5;

}



.input-group-addon > i {

  color: #999;

}



/* form control sizing */

.form-control-inline {

  display: inline-block !important;

}



.input-xsmall {

  width: 52px !important;

}



.input-xsmall2 {

  width: 46px !important;

}

.input-msmall {

  width: 110px !important;

}

.input-small {

  width: 120px !important;

}

.input-medium {

  width: 150px !important;

	}

@media (max-width: 768px) {  

.input-medium2 {

  width: 189px !important;

	}

}

.input-medium2 {

  width: 166px !important;

	}

.input-large {

  width: 320px !important;

}



.input-xlarge {

  width: 480px !important;

}



/***

Input spinner(in v1.4)

***/

input[type="text"].spinner,

input[type="password"].spinner,

input[type="datetime"].spinner,

input[type="datetime-local"].spinner,

input[type="date"].spinner,

input[type="month"].spinner,

input[type="time"].spinner,

input[type="week"].spinner,

input[type="number"].spinner,

input[type="email"].spinner,

input[type="url"].spinner,

input[type="search"].spinner,

input[type="tel"].spinner,

input[type="color"].spinner {

  background-image: url("../img/input-spinner.gif") !important;

  background-repeat: no-repeat;

  background-position: right 8px;

}

.spinner {

  background-image: url("../img/input-spinner.gif") !important;

  background-repeat: no-repeat;

  background-position: right 8px;

  width:24px;

  height:24px;

}



@media (max-width: 768px) {



  .input-large {

    width: 250px !important;

  }



  .input-xlarge {

    width: 300px !important;

  }



} 



/***

Error States

***/



.has-warning .help-inline,

.has-warning .help-block,

.has-warning .control-label {

  color: #c09853;

}



.has-warning .form-control {

  border-color: #c09853;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-warning .form-control:focus {

  border-color: #a47e3c;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-warning .input-group-addon {

  color: #c09853;

  background-color: #fcf8e3;

  border-color: #c09853;

}



.has-error .help-inline,

.has-error .help-block,

.has-error .control-label {

  color: #b94a48;

}



.has-error .form-control {

  border-color: #b94a48;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-error .form-control:focus {

  border-color: #953b39;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-error .input-group-addon {

  color: #b94a48;

  background-color: #f2dede;

  border-color: #b94a48;

}



.has-success .help-inline,

.has-success .help-block,

.has-success .control-label {

  color: #468847;

}



.has-success .form-control {

  border-color: #468847;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-success .form-control:focus {

  border-color: #356635;

  -webkit-box-shadow: none;

          box-shadow: none;

}



.has-success .input-group-addon {

  color: #468847;

  background-color: #dff0d8;

  border-color: #468847;

}



/***

Custom label and badges

***/



.label, 

.badge {

  font-weight: 300;  

  text-shadow: none !important;

}



.label {  

  font-size: 12px;  

  padding: 3px 6px 3px 6px;

}



.label.label-sm {  

  font-size: 12px;

  padding: 1px 4px 1px 4px;

}



h1 .label,

h2 .label,

h3 .label,

h4 .label,

h5 .label,

h6 .label,

h7 .label {

  font-size: 75%;

}



.badge {

  font-size: 11px !important;

  font-weight: 300;

  text-align: center;

  background-color: #e02222;

  height: 18px;

  padding: 3px 6px 3px 6px;

  -webkit-border-radius: 12px !important;

     -moz-border-radius: 12px !important;

          border-radius: 12px !important;

  text-shadow:none !important;

  text-align: center;

  vertical-align: middle;

}

.has-corner-badge {

position: relative;

top:14px;

cursor:pointer;

}

.badge-corner {

font-size: 10px;

font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

position: absolute;

display: inline-block;

padding: 0 4px;

border-radius: 10px;

height: 14px;

min-width: 14px;

line-height: 14px;

}

.badge-default,

.label-default  {

  background-color: #999 !important;

}



.badge-primary,

.label-primary {

  background-color: #428bca !important;

}

.badge-corner-top-right {

top: 0;

right: 0;

-webkit-transform: translateX(50%) translateY(-50%);

-moz-transform: translateX(50%) translateY(-50%);

-ms-transform: translateX(50%) translateY(-50%);

-o-transform: translateX(50%) translateY(-50%);

transform: translateX(50%) translateY(-50%);

}

.label-success, 

.badge-success {

  background-color: #3cc051;

  background-image: none !important;

}



.label-warning, 

.badge-warning {

  background-color: #fcb322;

  background-image: none !important;

}



.label-danger, 

.badge-danger {

  background-color: #ed4e2a;

  background-image: none !important;

}



.label-info, 

.badge-info {

  background-color: #cdcdcd;  /*Code added by Shruti for skin color option Enhancement #26997 on 19102022*/

  background-image: none !important;

}

.label-default, 

.badge-default {

  background-color: #ffffff;

  background-image: none !important;

}



/* fix badge position for navs */

.nav.nav-pills > li > a > .badge {

  margin-top: -2px;

}



.nav.nav-stacked > li > a > .badge {

  margin-top: 1px;

  margin-bottom: 0px;

}



/***

Iconic Labels

***/



.label.label-icon {

  padding: 4px 1px 4px 5px;

  margin-right: 2px;

  text-align: center !important;

}



.ie9 .label.label-icon, 

.ie10 .label.label-icon {

  padding: 3px 0px 3px 3px;

} 



.label.label-icon > i {

  font-size: 12px;

  text-align: center !important;

}





/***

Progress Bars

***/



.progress {  

  border: 0; 

  filter: none !important;

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;   



}



.progress > .progress-bar-success {

  background-color: #3cc051;

}



.progress > .progress-bar-danger {

  background-color: #ed4e2a;

}



.progress > .progress-bar-info {

  background-color: #57b5e3;

}



.progress > .progress-bar-warning {

  background-color: #fcb322;

}





/***

Pagination

***/

.pagination {

  margin: 10px 0;

}



.pagination .active > a,

.pagination .active > a:hover {

  background: #eee;

  border-color: #dddddd;

  color: #333;

}







/***

wells

***/

.well {  

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;

}



/* Bootstrap Tabs */



.dropup.open > .dropdown-toggle,

.dropdown.open > .dropdown-toggle {

  border-color: #ddd !important;

}



.nav-tabs > li > .dropdown-menu:after,

.nav-pills > li > .dropdown-menu:after,

.navbar-nav > li > .dropdown-menu:after,



.nav-tabs > li > .dropdown-menu:before,

.nav-pills > li > .dropdown-menu:before,

.navbar-nav > li > .dropdown-menu:before {

  display: none !important;

}



.nav-tabs > .dropdown.open > .dropdown-toggle, 

.nav-pills > .dropdown.open > .dropdown-toggle {

  background: #eee !important;

  color: #0d638f !important;

}





.nav-tabs,

.nav-pills {

  margin-bottom: 10px;

}



.tabs-right > .nav-tabs,

.tabs-left > .nav-tabs {

  border-bottom: 0;

}



.tabs-left > .nav-tabs > li,

.tabs-right > .nav-tabs > li {

  float: none;

}



.tabs-left > .nav-tabs > li > a,

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

  min-width: 74px;

  margin-right: 0;

  margin-bottom: 3px;

}



.tabs-left > .nav-tabs {

  float: left;

  margin-right: 19px;

  border-right: 1px solid #ddd;

}



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

  margin-right: -1px;

  -webkit-border-radius: 4px 0 0 4px;

     -moz-border-radius: 4px 0 0 4px;

          border-radius: 4px 0 0 4px;

}



.tabs-left > .nav-tabs > li > a:hover,

.tabs-left > .nav-tabs > li > a:focus {

  border-color: #eeeeee #dddddd #eeeeee #eeeeee;

}



.tabs-left > .nav-tabs .active > a,

.tabs-left > .nav-tabs .active > a:hover,

.tabs-left > .nav-tabs .active > a:focus {

  border-color: #ddd transparent #ddd #ddd;

  *border-right-color: #ffffff;

}



.tabs-right > .nav-tabs {

  float: right;

  margin-left: 19px;

  border-left: 1px solid #ddd;

}



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

  margin-left: -1px;

  -webkit-border-radius: 0 4px 4px 0;

     -moz-border-radius: 0 4px 4px 0;

          border-radius: 0 4px 4px 0;

}



.tabs-right > .nav-tabs > li > a:hover,

.tabs-right > .nav-tabs > li > a:focus {

  border-color: #eeeeee #eeeeee #eeeeee #dddddd;

}



.tabs-right > .nav-tabs .active > a,

.tabs-right > .nav-tabs .active > a:hover,

.tabs-right > .nav-tabs .active > a:focus {

  border-color: #ddd #ddd #ddd transparent;

  *border-left-color: #ffffff;

}



.tabs-below > .nav-tabs,

.tabs-below > .nav-pills {

  border-bottom: 0;

  margin-bottom: 0px;

  margin-top: 10px;

}



.tabs-below > .nav-tabs {

  border-top: 1px solid #ddd;

  margin-bottom: 0;

  margin-top: 10px;

}



.tabs-below > .nav-tabs > li {

  margin-top: -1px;

  margin-bottom: 0;

}



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

  -webkit-border-radius: 0 0 4px 4px;

     -moz-border-radius: 0 0 4px 4px;

          border-radius: 0 0 4px 4px;

}



.tabs-below > .nav-tabs > li > a:hover,

.tabs-below > .nav-tabs > li > a:focus {

  border-top-color: #ddd;

  border-bottom-color: transparent;

}



.tabs-below > .nav-tabs > .active > a,

.tabs-below > .nav-tabs > .active > a:hover,

.tabs-below > .nav-tabs > .active > a:focus {

  border-color: transparent #ddd #ddd #ddd;

}



/* BS3.0.3 removed tabbable class so its added back */

.tabbable:before,

.tabbable:after {

  display: table;

  content: " ";

}



.tabbable:after {

  clear: both;

}



.tabbable:before,

.tabbable:after {

  display: table;

  content: " ";

}



.tabbable:after {

  clear: both;

}



/***

Bootstrap modal 

***/



.modal {

  z-index: 9998 !important;

  outline: none !important;

}



.modal-header {

  border-bottom: 1px solid #EFEFEF;

}



.modal-header h3{

  font-weight: 300;

}



.modal-small {

  width: 400px !important;

}



.modal-wide {

  width: 60% !important;

}



.modal-full {

  width: 100% !important;

}



/***

Modal header close button fix

***/

.modal-header .close {

  margin-top: 0px !important;

}



.modal > .loading {

  position: absolute;

  top: 50%;

  left:50%;

  margin-top: -22px;

  margin-left: -22px;

}



.modal-backdrop {

  border: 0 !important;

  outline: none !important;

  /*z-index: 1 !important;*/

}


.modal-backdrop, 

.modal-backdrop.fade.in {

  background-color: #333 !important;

}



/* fix: content shifting to the right on modal open due to scrollbar closed */

.modal {

  overflow-y: auto !important;

}



.modal-open {

  overflow-y: auto !important;

}



.modal-open-noscroll {

  overflow-y: hidden !important; 

}



/***

Image Carousel

***/

.carousel.image-carousel .carousel-inner {

  padding-top: 0;

  padding-bottom: 0;

}



.carousel.image-carousel .carousel-control i {

  position: absolute;

  top:40%;

}



.carousel.image-carousel.image-carousel-hoverable .carousel-control i { 

  display: none;

}



.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {

  display: inline-block;

}



.carousel.image-carousel .carousel-control.left i {

  left:10px;

}



.carousel.image-carousel .carousel-control.right i {

  right:10px;

}



.carousel.image-carousel .carousel-indicators {

  margin-top: 10px;

  bottom: -7px;

}



.carousel.image-carousel .carousel-indicators li {

  background-color: #666;

}



.carousel.image-carousel .carousel-indicators li.active {

  background-color: #333;

}



.carousel.image-carousel .carousel-caption {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  padding: 15px 15px 25px 15px;

  background: #333333;

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

}



.carousel.image-carousel .carousel-caption h4,

.carousel.image-carousel .carousel-caption h3,

.carousel.image-carousel .carousel-caption h2,

.carousel.image-carousel .carousel-caption p {

  text-align: left;

  line-height: 20px;

  color: #ffffff;

}



.carousel.image-carousel .carousel-caption h2,

.carousel.image-carousel .carousel-caption h3,

.carousel.image-carousel .carousel-caption h4 {

  margin: 0 0 5px;

}



.carousel.image-carousel .carousel-caption h2 a,

.carousel.image-carousel .carousel-caption h3 a,

.carousel.image-carousel .carousel-caption h4 a {

  color: #aaa;

} 



.carousel.image-carousel .carousel-caption p {

  margin-bottom: 0;

}



.carousel.image-carousel .item {

  margin: 0;

}



/***

Bootstrap Tables

***/



.table thead > tr > th {

  border-bottom: 0;

}



.table tbody tr.active td,

.table tbody tr.active th {

  background-color: #e9e9e9 !important;

}



.table tbody tr.active:hover td,

.table tbody tr.active:hover th {

  background-color: #e1e1e1 !important;

}



.table-striped tbody tr.active:nth-child(odd) td,

.table-striped tbody tr.active:nth-child(odd) th {

  background-color: #017ebc;

}