.wizard_tab {
    margin: 20px auto;
}

    .wizard_tab .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
		padding:0px;
    }

    .wizard_tab > div.wizard_tab-inner {
        position: relative; /*z-index:9999;*/
    }

.connecting-line {
    height: 3px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left:-22px;
    right: 0px;
    top: 44px;
    z-index: 1;
}
.p-l-45{padding-left: 45px;}
li .text_tab{font-size: 14px;color:#000; display:block; margin:15px 0 0; clear:both;}
li.active .text_tab{color:#000;}
li .text_tab:active{color:#999999;}

.nav-tabs li.active span.round-tab i{
    color: #5bc0de;
}  
.nav-tabs li.active span.round-tab{
 background: #0099ff;
  border: 2px solid #0099ff;
  color: #fff;display:none;
    
}
.date_box span input{width: 14%;}
#preview_fair table tr th{width: auto !important;}
.Advanced_Search_container .Emp_name{padding: 6px 5px;margin-bottom: 10px;display: table;height: 52px;}
.dataTables_wrapper table.dataTable{margin: 0 10px 10px 0px !important;}
.Employee_Avatar span{height: 36px;width: 36px;}
.pad_table tbody tr td{padding: 0px 15px !important;}
.Reject_icon {font-size: 22px;line-height: 20px;margin-right: 20px;}
.panel{margin-bottom: 0;}
.Advanced_Search_container{display:block; background: transparent;border: 0;}
.table_width input{width: 100%;}
.nav-tabs li.active span.round-check { display:block; background:#61b2ee; color:#fff; border-color:#61b2ee;}
.nav-tabs li.active span.text_tab{color: #000;}
.green_line{ height:3px; background:#e0e0e0; }
.nav-tabs li span.round-check span.round-tab, .nav-tabs .visited .round-tab{ opacity: 0;}
.nav-tabs .visited.active .round-tab{ opacity: 1;}

.nav-tabs .visited .round-check { background: #61b2ee ; border: none; display:block; color: #fff;}
.nav-tabs .visited .round-check { color: #fff; opacity: 1;}
.nav-tabs .visited .text_tab { color: #61b2ee;font-size: 14px; }
.wizard_tab .nav-tabs > li.active > a, .wizard_tab .nav-tabs > li.active > a:hover, .wizard_tab .nav-tabs > li.active > a:focus {
    color: #999999;
    cursor: auto;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab, .round-check {
    width: 45px;
    height: 45px;
    line-height: 43px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    cursor: pointer !important;
}
.round-check,.nav-tabs .active .round-check  { display:none;}
span.round-tab:hover{cursor: pointer !important;}
span.round-tab i{
    color:#555555;
}
span.round-tab:hover {
    color: #333;
}
.wizard_tab .nav-tabs > li {
    width: 16%;
	padding:0;
}
.wizard_tab .nav-tabs > li div{width:80%; margin:0 auto; padding:20px 0 20px 0; border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.wizard_tab .nav-tabs > li.active div{ background:#fff; box-shadow:0px -3px 6px rgba(137, 139, 143, 0.3);}
.nav-tabs{background: transparent; border-radius:0px;}
.wizard_tab li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard_tab .nav-tabs > li a {
    width: 50px;
    height: 50px;
    margin: 0px auto;
	background:transparent;
    padding: 0;
    margin-bottom:-4px;
	display:block;
	z-index:99;
	position:relative;
}
.wizard_tab .nav-tabs > li a:hover {
    background: transparent;
}

.wizard_tab .tab-pane {
    position: relative;
}

.wizard_tab h3 {
    margin-top: 0;
}
.wizard_tab form{ margin:-3px 0 0 0; z-index:99;}
.nav-tabs{border-bottom: none;}
#data-table_filter{ margin:5px 0px 10px 0;}
.tab-content{ box-shadow:0 0 4px rgba(0,0,0,0.3);}
/*tooltip start*/
.tooltip {
    position: relative;
    display: inline-block;
    border: 1px solid #d4d4d4;
    opacity: 1;
}
.tooltip .tooltiptext.rating_text{top: -12px !important; width: 420px;}
.tooltiptext ul li{text-align: left;padding: 5px 10px 5px 10px;}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: #fff;
    color: #333;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -53px;
    left: 140%;
    border: 1px solid #d4d4d4;
    font-size: 12px;
    font-weight: 500;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 43%;
    right: 100%;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #d4d4d4 transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.modal-body .LocationTreeDIV:hover, .modal-body .LocationTreeDIV{
    border: none; 
}
#Addemployee .LocationTreeDIV .Pos_absolute{top: 41px;}
#Addemployee .modal-body .LocationTreeDIV{padding:10px 0 0 0;}
#Addemployee .LocationTree{border: 1px solid #d4d4d4;}
#Addemployee  .Advanced_Search_container .col-md-4{margin-bottom: 0; padding: 3px 5px;}
#Addemployee .rTableCell{min-height: 72px;}
.ActionCell{margin-top: 0;}
.multiselect-native-select ul.dropdown-menu{min-width: 100%;}
/*tree structure dropdown*/
div[id^="jstree-default"], div[id^="jstree-checkable"]{display: block;left: 0;top: -3px;}
ul.jstree-container-ul, .LocationTreeDIV .searchDiv{background: #f3f3f3 !important;}
.IntervalViewMode{ display:inline-block; margin:5px 0 0;}
/*tooltip end*/
@media( max-width : 585px ) {

    .wizard_tab {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard_tab .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}
@media (min-width: 768px) and (max-width: 1200px){
.jstree-children li span{width: 74% !important;}
.Advanced_Search_container .Emp_name{width: 54%;}
.dropdown-menu{min-width: 124px;}
.ListForm .col-md-3{float: left;}
.wizard_tab .nav-tabs > li div{width: auto;}
.date_start input[type="text"]{width: 62%;}
#preview_fair table tr th, #tab-4 table tr th{width: auto !important;}
.tooltip .tooltiptext{width: 300px;}
.tooltip .tooltiptext.rating_text{top: -12px !important;}
.tooltip .tooltiptext{top: -70px;}
#Addemployee .rTableCell{min-height: 88px;}
}
@media (min-width: 1024px) and (max-width: 1200px){
#Addemployee .rTableCell{min-height: 102px;}
}
@media (min-width: 992px) and (max-width: 1260px){
 .tooltip .tooltiptext{width: 400px;}
 .tooltip .tooltiptext.rating_text{top: -12px !important;}
 .tooltip .tooltiptext{top: -53px;}
}
@media (min-width: 992px) and (max-width: 1200px){
    .rating_table .col-md-4{width: 39% !important;}
}
@media (min-width: 768px){
   #Addemployee .modal-dialog{max-width: none;}
}