/*----- Estilos de grade -----*/
.k-grid {
  overflow-x: auto;
}

.k-grid td, .k-grid th {
    padding: 5px 5px;    
    }

.k-grid tr td {
  word-break: normal;
}

.k-grid-header { 
  background-color: var(--plp-grid-tema);
  height: 40px;
  padding-top: 0px;
  padding-bottom: 6px; 
}

.k-grid-header th.k-header{
  border: 0;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.k-grid th.k-header { 
  background-color: var(--plp-grid-tema);
  height: 40px;
  padding-top: 0px;
  padding-bottom: 6px; 
}

.k-grid td:first-child, .k-grid th:first-child {
  padding-left: 10px;
}

.crn-grid-title { 
  color: var(--plp-grid-tema);
  font-size: 20px;
}

.k-i-reload { 
  color: #337AB7;
}

span.k-state-selected { 
  background-color: var(--plp-grid-tema);
}

a.k-link { 
  color: #fff;
}

.k-grid-toolbar{
  padding: 4px 14px 4px 14px;
}

.k-grid-toolbar .k-button{
  border: 0px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #000000;  
}

.k-grid-toolbar .k-button:hover{
  border: 0px solid #333;
  border-radius: 4px;
  background-color: #008DCD;
  color: #ffffff;  
}

span.k-pager-wrap .k-state-selected:hover{
  background-color: #008DCD;
}

.k-pager-wrap .k-state-selected{
  background-color: #008DCD;
}

.k-pager-wrap .k-state-selected:hover{
  background-color: #444444;
}

.k-i-reload{
  background-color: #rgb(0,0,0,0);
  color: #008DCD;
}

.k-i-reload:hover{
  background-color: #rgb(0,0,0,0);
  color: #fff;
}

.k-pager-wrap a.k-pager-refresh:hover{
  background-color: #008DCD;
  color: #fff;
}

.k-grid .k-grouping-row .k-icon {
  margin-left: 0px;
  margin-right: 8px;
}

.k-fix-margin {
  margin-right: 0px;
}

td.k-command-cell{
  text-align: center;  
}

/*--- entrada de dados no menu em linha da grade --*/
.k-grid-edit-row > td > .k-input.k-textbox, .k-grid-edit-row > td > .k-textbox{
  margin-left:0;
}

/*.k-grid-edit-row {
  padding-left: 10;  
}*/


/*----- Menu lateral -----*/

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
  background-color: #222;
  color: #fff;  
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
  background-color: #222;
  color: #fff;  
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar {
  text-transform: none;
}

.dropdown-menu {
  padding-left: 0px !important;
}


/*----- Tabs -----*/


/*----- Barra do tab ----*/
.nav.nav-tabs li.active{
  background-color: #fff;  
}

.ctn-tab .nav-tabs{
  background-color: #ffffff;
  border-bottom: 1px solid #888;
  height: 40px;
  box-shadow: none;
}

/* ----- celula do tab ----- */
.ctn-tab .nav-tabs li {
  color: #333;  
  border-top:0;  
}

.ctn-tab .nav-tabs li.active {
  color: #333;  
  border-top:0; 
  border-bottom: 4px solid #00b0f0;
}

/* ----- texto do tab ----- */
.ctn-tab .nav-tabs li a{
  color: #333;   
}

.ctn-tab .nav-tabs li a:hover{
  color: #337AB7; 
}

.ctn-tab .nav-tabs li.active a{
  color: #333; 
}

.ctn-tab .nav-tabs li.active a:hover{
  color: #337AB7; 
}


/* ----- botões da linha da grade ----- */
.k-grid table .k-button{
    border: 1px solid #337AB7;
    background-color: #ffffff;
    color: #337AB7;
}

.k-grid tbody td>.k-grid-delete{
    border: 1px solid #901010;
    background-color: #ffffff;
    color: #901010;
    margin-left:5px;
}


/* ----- botões do modal ----- */
.btn.btn-fab, .btn-fab {
    border: 1px solid #00b0f0;
    background-color: #00b0f0;
    color: #ffffff;
}

.modal-footer .btn+.btn{
    border: 1px solid #00b0f0;
    background-color: #ffffff;
    color: #00b0f0;
}