/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 21, 2020, 11:43:40 AM
    Author     : raju
*/

label {
    font-weight: 500;
    color: #337ab7;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color : #555;
    font-weight: 400;
}
input {
  color : black;
  border : 1px solid #ecf0f5;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
  /* border: 1px solid #f39c1247;*/ 
  border : 1px solid #ecf0f5;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ecf0f5 !important;
}
.form-control {
    border-color: #ecf0f5;
}

.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: #444;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #BDD7EE;
}
table.dataTable tr th.select-checkbox.selected::after {
content: '\2714';
margin-top: -11px;
margin-left: -4px;
text-align: center;           
}
table.dataTable thead th.select-checkbox {
position: relative;
}
table.dataTable thead th.select-checkbox:before,
table.dataTable thead th.select-checkbox:after {
display: block;
position: absolute;
top: 1.2em;
left: 50%;
width: 12px;
height: 12px;
box-sizing: border-box;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable thead th.select-checkbox:before {
content: ' ';
margin-top: -6px;
margin-left: -6px;
border: 1px solid #777;
border-radius: 3px;
}
.content-header h1 a.back_button_cls {
  margin:0;
}
.content-header .breadcrumb {              
  font-size: 15px; /* 17px;*/
}



table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 50%;
    left: 80%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -5px;
    display: block;
    position: absolute;
    border: 2px solid white;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    line-height: 20px;
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 12px;
    background-color: #31b131;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
        color: #444;
}   
table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before {
content: "\f106";
font-family: 'FontAwesome';
font-size: 12px;
background-color: #31b131;
    background-color: #f4f4f4;
}

.dataTables_wrapper  {
max-width: 100%;
width: auto;
overflow-x: auto;
table-layout: fixed;
clear :both;
}
.dataTables_wrapper  .row {
  overflow-x: auto;
  margin-right :0px;
  margin-left :0px;
}
table.dataTable .select-checkbox {
  padding:0px 20px;
}

tfoot input {
  width: 100%;
}
.dataTables_filter {
    display: none; 
}
.custom_save_btn {
    background-color : #32cd32;
    border-color : #32cd32;
    color : #fff;
    width : 8%;
    min-width: 60px;

}
.custom_save_btn:hover {
    background-color : #32cd32;
    border-color : #32cd32;
    color : #fff;                
}
.custom_cancel_btn {
    width : 8%;
    padding-right : 10px;
    margin-right: 20px;
    background : #e3e3e3;
    color:black;
}
.clear {
    clear:both;
}
.dataTables_length label {
    color : black;
}
.table_btn_options>tbody>tr>td {
    border-top : none;  
}
.table_options>tbody>tr>td, .table_options>tbody>tr>th, .table_options>tfoot>tr>td, .table_options>tfoot>tr>th, .table_options>thead>tr>td, .table_options>thead>tr>th
{
    border-top : none;      
}


.table_options, .table_btn_options {
    margin-bottom: 0px;
}
.table_options a {
    border-bottom: 1px solid #3c8dbc;
}
@media (min-width: 800px) {
    .table_options {
        position : absolute;
    }
  }
  .create_custom_btn {
    /*background-color: #007bb6 !important;
    border-color: #007bb6 !important;*/
    min-width: 152px !important;
    max-width: 180px !important;
  }  
  .create_custom_btn::hover {
   /* background-color: #007bb6 !important;
    border-color: #007bb6 !important;*/
  } 
  .archive_cutom_btn {
     min-width: 152px !important;             
  }
  .text-danger {
      color : red;
  }
  .table.dataTable>thead>tr:not(.serach_filter)>th
{                                
    font-weight: 400;
    padding-left: 15px;
    text-transform: capitalize;
    border-bottom: 3px solid #000;
    border-top: 1px solid #000;
}
.table.dataTable>tbody>tr>td
{                                               
    padding-left: 15px;  
    height : 5px !important;
}
@media only screen and (max-width: 600px) {
    .table_btn_options>tbody>tr {
      display: grid;
    }
}
.suc_alert_box {
  color: white;
  font-size: large;
}  
.warning_alert_box {                
  color: white;
  font-size: large;
}
.err_alert_box {                
  color: white;
  font-size: large;
}
.dataTable>tbody>tr>td, .dataTable>tbody>tr>th, .dataTable>tfoot>tr>td, .dataTable>tfoot>tr>th, .dataTable>thead>tr>td, .dataTable>thead>tr>th {
    padding : 5px !important;
    font-size : 15px;
}
.filter_text {
    height : 33px !important;
}
.filter_dropdown {
    max-height : 28px !important;
    padding: 6px 12px  !important;
     color: #555  !important;
    font-weight: 400 !important;
}
.filter_dropdown .select2-selection__rendered {
    color: #555  !important;
    font-weight: 400 !important;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
    top : 1.1em !important;
}  

.navbar-nav>.language-menu>.dropdown-menu {
    width: 150px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;                    
} 
.skin-blue .sidebar-menu>li.header {
    background :#000 !important;
    color :#FFC000 !important;
}
.skin-blue .sidebar-menu>li.main_menu {
    background :#C65911 !important;
    color :#ffffff !important;
}
.skin-blue .sidebar a {
    color : #fff;
}

.skin-blue .sidebar-menu>li.main_menu a:hover {
    background :#2e75b6 !important;
    color :#ffffff !important;
}
.first_level_sub_menu {
    background :#fff !important;   
}
.first_level_sub_menu li a {
    color: #000 !important;
}
.first_level_sub_menu li:hover {
    background :#2e75b6 !important;    
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    background :#C65911 !important;
    color :#ffffff !important;
}
.treeview-menu {
    padding-left : 0px;
}
.first_level_sub_menu li {
    padding-left : 5px;
    border-bottom : 1px solid #fafafa;
}
li.main_menu {
    border-bottom : 1px solid #f6f6f617 !important;
}
.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 0;
}
.skin-blue .sidebar-menu>li.active, .skin-blue .sidebar-menu>li.active> a, .first_level_sub_menu li.active, .first_level_sub_menu li.active> a {
    /*background : #fff2cc !important;
    color : #000 !important;*/
    background: #c6117e !important;
    color: #fff !important;
}
.skin-blue .sidebar-menu>li.active>a, .first_level_sub_menu li.active> a {
        border-left-color: #fff2cc !important;
}
.language-menu li.active {
    background : #fff2cc !important;
}
.sidebar-toggle {
    background: steelblue !important;
}
.language-menu {
    background: steelblue;
}
.user-menu {
    background: steelblue;
    border-left: 1px solid #3c8dbc;
    margin-right:5px;
}
li.treeview.main_menu.active.menu-open, li.treeview.main_menu.active.menu-open> a {
    background :#C65911 !important;
    color :#ffffff !important;
    border-left-color :#C65911 !important;
}
.intl-tel-input {
    width: -webkit-fill-available;
}
.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.remove_class {
    color:red;
}
.clear {
    clear:both;
}

/* ******* tooltip css ******** */
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 999;
    padding: 15px;
    pointer-events: none!important;
}

#tooltip:after
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    border-top-color: rgba( 0, 0, 0, .7 );
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #333;
    border-bottom-color: rgba( 0, 0, 0, .6 );
    top: -20px;
    bottom: auto;
}
#tooltip.left:after
{
        left: 10px;
        margin: 0;
}
#tooltip.right:after
{
        right: 10px;
        left: auto;
        margin: 0;
}
.required_astrik {
    color : red;
}
.error-message:after {
    clear :both !important;
}
.col-md-3:nth-child(4n+1){
    clear:left
}

.dataTable thead .sorting_asc,
 .dataTable thead .sorting_desc,
.dataTable thead .sorting {
    padding-left: 2.2rem !important;
    padding-right: 0.75rem !important;
 }
 .list_table_buttons {
     padding-left: 5px;
     float:left;
 }
 .table_btn_options tr td {
        display : inline-block !important;
    }
    
    /* use the below button to all the general settings */
    .general_settings_add_btn, .general_settings_add_btn:hover {
        color : #fff !important;
        background : #367fa9 !important;
        border : #367fa9 !important;
        min-width: 65px;
    }
    
    .light_green_btn, .light_green_btn:hover {
        color : #fff !important;
        background : #32cd32 !important;
        border : #32cd32 !important;
        min-width: 120px;
    } 
    
    .dark_green_btn, .dark_green_btn:hover {
        color : #fff !important;
        background : #00a65a !important;
        border : #00a65a !important;
        min-width: 120px;
    }
    .blue_color_btn, .blue_color_btn:hover {
        color : #fff !important;
        background : #367fa9 !important;
        border : #367fa9 !important;
        min-width: 120px;
    }
    .grey_color_btn, .grey_color_btn:hover {
        color : #000 !important;
        background : #e3e3e3 !important;
        border : #e3e3e3 !important;
        min-width: 120px;
    }
    
    .red_color_btn, .red_color_btn:hover {
        color : #fff !important;
        background : #dd4b39 !important;
        border : #dd4b39 !important;
        min-width: 120px;
    }
    
    .orange_color_btn, .orange_color_btn:hover {
        color : #fff !important;
        background : #FF851B !important;
        border : #FF851B !important;
        min-width: 120px;
    }
    
    .dataTables_wrapper .dataTables_processing {       
        background:black;
        color:white;
    }
    .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
        background-color: #ecf0f1 !important;
        color: #000 !important;
    }