/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* Checkbox plugin for datatables
    https://gyrocode.github.io/jquery-datatables-checkboxes/1.2.10/css/dataTables.checkboxes.css
    
*/

table.dataTable.dt-checkboxes-select tbody tr,
table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  cursor: pointer;
}

table.dataTable thead th.dt-checkboxes-select-all,
table.dataTable tbody td.dt-checkboxes-cell {
  text-align: center;
}

div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
  margin-left: 0.5em;
}

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block;
  }
}
/* Scroller Plugin for Datatable
    https://cdn.datatables.net/scroller/1.4.4/css/scroller.bootstrap.min.css
     */
div.DTS{display:block !important}div.DTS tbody th,div.DTS tbody td{white-space:nowrap}div.DTS div.DTS_Loading{z-index:1}div.DTS div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.DTS div.dataTables_scrollBody table{z-index:2}div.DTS div.dataTables_paginate,div.DTS div.dataTables_length{display:none}div.DTS tbody tr{background-color:white}
tr.odd td {
    /*background: rgba(245, 247, 250, 1);*/
}
.table-striped tbody tr.odd.selected td, .table-striped tbody tr.even.selected {
    background-color: #00B5B8;
    color: #fff;
}
/* Multilevel Dropdown in Grid */
.grid-dropdown{
display: inline-block;
}
.dots-btn{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #cccccc;
color: #333;
background-color: #fff;
}
.dots-btn > .glyphicon{
top: 3px;
}
.dropdown-menu > li > a{
padding: 6px 12px;
}
.dropdown-menu > li > a > span {
margin-right: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #cccccc;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.select2-container.select2 {
    width: 100% !important;
}
.v_modal .modal-body {
    padding:0;
}
.v_modal .card {
    margin-bottom: 0;
}
.v_modal .form-actions {
    padding-bottom: 0;
}
.v_section .badge {
    padding: 8px 12px;
    border-radius: 0;
    margin-bottom: 10px;
    margin-right: 10px;
}
.menu-dropdown-icon {
    cursor: pointer;
}

/* Select Field Styling*/

.custom-select select,
.selectStatusStyle {
  width: 150px;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 38px;
}

/* CAUTION: IE hackery ahead */
.custom-select select::-ms-expand,
.selectStatusStyle::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}
div.DTE_Field_Type_select div.DTE_Field_Input {
    padding-top: 0 !important;
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .custom-select select {
        background:none\9;
        padding: 5px\9;
    } 
}
.DTE_Form_Content select {
    padding: 8px 10px;
    width: 100%;
}
.DTE_Inline select,
.selectStatusStyle {
    padding: 5px 10px;
    width: 180px;
}

.skin.skin-square label {
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.status-badge {
    border-radius: 50px;
    width: 15px;
    height: 15px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.breadcrumbs-top{
    display:none !important;
}