@import url(base.css);
/* basic element ----------------------------------------------------------------------------------------*/
body                                            {       font-family: "Open Sans" !important;
}
a                                               {       color: #F8B133 ;
}
/* element ----------------------------------------------------------------------------------------------*/
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active { background-color:#F8B133;
}
.flex-center                                   {        display:flex; align-items: center; justify-content: center;
}
.user-panel-title span                           {     color:#fff ;
}
[class*=sidebar-dark-]                          {     background: #222 ;
}
[class*=sidebar-dark-] .sidebar a               {     color: #F8B133 ;
}
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover { background-color:#F8B133 ; color: #fff ; font-weight: bold ;
}
.info span                                      {     color: #fff ;
}
.content-wrapper                                {       background: #f5f5f5 ;
}
.table-admin thead                               {       background: #565656 ;
}
.table-admin thead th                            {       color: #fff ; vertical-align: middle;
}
.table-admin thead th                            {       border-color:#fff !important;
}
.label-check-table:before                       {        border-color:#fff ;
}
.label-check-table:hover:before                 {       border-color: #F8B133 ;
}
.check-table:checked + label::before            {       background-color: #F8B133 ;
}
.table-admin  thead .sorting_desc:after,
.table-admin  thead .sorting_desc:before        {       color: #F8B133;
}
.table-admin  thead th:before, .table-admin thead th:after {    font-size: 1.5em !important; bottom: .5em !important; font-weight: bold !important;color: #F8B133;
}
#userstable .select-checkbox:before             {      border-color:#b3b3b3 ;
}
#userstable .select-checkbox:hover:before             {      border-color:#F8B133 ;
}
#userstable tr.selected .select-checkbox:before {      background: #F8B133; border-color:#272727 ;
}
#userstable tr.selected td                      {      background: #F8B133 ;
}
.page-item.active .page-link                    {      background: #565656 ; color: #fff; border-color: #F8B133 ; cursor: default;
}
.btn-primary                                    {       background:#F8B133; color: #fff;  vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;
}
.btn-primary:hover                               {       background:#F8B133;
}
.grow                                           {       display: inline-block;
}
.modal-header                                   {       background: #222222;
}
.modal-header h2                                {         color: #fff;
}
.btn-primary:hover                              {       -webkit-transform: scale(1.1); transform: scale(1.1);
}
.btn-primary:focus,
.btn-primary:active                             {        background:#F8B133 !important;
}
.close                                           {       opacity: 1; position: absolute; right: 10px; top:4px;
}
.close span                                     {       color: #F8B133; font-size: 1.8em; text-shadow: none; border-radius: 5px;
}
.page-link                                      {       color: #F8B133;
}
.table-tag span                                 {       background: #fffae3;  border: solid 1px #dfd9c0; color: #212529 !important;
}
.dataTables_length                              {       margin-left: 180px;
 }