body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.content-wrapper, .main-footer, .main-header .navbar{
    margin-left: 0;
}
.skin-black .main-header{
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.0);
    box-shadow: 0 1px 1px rgba(0,0,0,0.0);
    border-bottom: 1px solid #dadee1;
}
.alignCenter{
    text-align: center;
}
.noPaddLeft{
    padding-left: 0px;
}
.noPaddRight{
    padding-right: 0px;
}
.PaddLeftRight5{
    padding-right: 5px;
    padding-left: 5px;
}
.PaddLeftRight7{
    padding-right: 7px;
    padding-left: 7px;
}

.content-wrapper {
    background-color: #ffffff;
}
.mobile-menu-icon{
    display: none;
}
.Premonition-Logo{
    width: 180px;
    vertical-align: middle;
}
.main-header .logo{
    line-height: 42px;
}
.main-footer span, .main-footer a{
    color: #999999;
}
.av-space{
    padding: 0 5px;
}

.btn.btn-primary.btn-flat{
    border-color: transparent;
    border-radius: 3px;
    box-shadow: 0 2px 7px rgba(185,185,185,1);
}
.skin-black .content-header{
    background-color: #333333;
}
.search_content_tab_wrap{
    background-color: #dddddd;
}

a.pre_search_tb{
    color: #666666;
}

a.pre_search_tb.active_tab{    
    border-bottom: 4px solid #333333;
    color: #333333;
    position: relative;
}
a.pre_search_tb.active_tab:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333333;
	border-width: 8px;
	margin-left: -8px;
}
/*-----------------Login----------*/

.login-page, .register-page {
    background: #282828;
}
.login-box, .register-box {
    width: 360px;
    margin: 3% auto;
    max-width: 96%;
}
.Premonition-Login-Logo{
    max-width: 310px;
    text-align: center;
}
.login-logo{
    margin-top: 50px;
    font-size: 18px;
}
.login-logo a{
    display: inline-block;
    position: relative;
}
.login-box-body, .register-box-body{
    padding: 0px 0 12px;
    border-radius: 3px;
    box-shadow: 2px 8px 12px rgba(0,0,0,0.15);
    background-color: #343434;;
}
.logReg-box-header{
    margin-bottom: 15px;
    border-radius: 3px 3px 0 0;
}
.login-box-msg, .register-box-msg {
    padding: 15px 20px;
    color: #fff;
}
.logRegForm{
    padding: 0 15px;
}
.login-bottom-wrap{
    padding: 10px 15px 0 15px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
}
.login-bottom-wrap a{
    color: #999999;
}
.logRegForm .form-group{
    margin-bottom: 15px;
}
.mask_wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.eyeBall_wrapper{
    position: absolute;
    width: 56px;
    height: 36px;
    top: 0;
    left: 50%;
    margin-left: -50px;
    z-index: -1;
}
div.left_eye {
  width: 56px;
  height: 36px;
  top: 0px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

div.eyes div.pupil {
  left: 16px;
  top: 5px;
  width: 26px;
  height: 26px;
  position: relative;
  background-image: url("../img/frPage/eye_ball.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
div.eyes div.pupil.eye {
  background-image: url("../img/frPage/eye_ball_white_mode.png");
  transform: rotate(90deg);
}
.downEye{
    top: 20px !important;
}

/*-------------------*/

.home_btn_wrap{
    padding: 0;
    box-shadow: 0 2px 7px #9a9a9a;
    margin-bottom: 15px;
}
.home_btn_wrap a{
    display: block;
    padding:30px 10px 0px 10px;
    min-height: 230px;
    position: relative;
}
.home_btn_wrap h3{
    font-size: 16px;
    margin: 20px 0 10px;
    color: #ffffff;
    font-weight: bold;
}
.home_btn_wrap span{
    font-size: 13px;
    color: #ffffff;
    line-height: 15px;
    display: inline-block;
    height: 50px;
}
.top_search_wrap{
    margin: 0 auto;
    width: 30%;
    max-width: 250px;
    padding-left: 0px;
    background-image: url("../img/frPage/Search.png");
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 60%;
    margin-left: -125px;
    height: 100%;
}
.main_search_input{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0px solid;
    padding-left: 30px;
    outline: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #999999;
}
:-ms-input-placeholder { /* IE 10+ */
  color:  #999999;
}
:-moz-placeholder { /* Firefox 18- */
  color:  #999999;
}

/*-------------------------*/
.skin-black .wrapper{
    background-color: #ffffff;
}
.content-wrapper {
    background-color: #ffffff;
}

section.content{
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
}
section.content.page_content{
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 15px #c4c4c4;
}

.skin-black .content-header{
    padding: 8px 15px 7px 15px;
}
.content-header>h1 {
    margin: 0;
    font-size: 20px;
    color: #ffffff;
}
.content-header>.breadcrumb{
    padding: 0px 5px;
    top: 10px;
}
.content-header>.breadcrumb>li>a {
    color: #fff;
}
.content-header>.breadcrumb>li+li:before{
    content: '/';
}
.search_wrapper, .search_wrapper_merge{
    padding: 15px;
    position: relative;
    min-height: 100px;
    overflow: hidden;  
    max-height: 110px;
}
.search_wrapper_merge{
    max-height: 206px;
}
.search_wrapper.collapse_search, .search_wrapper_merge.collapse_search{
    height: auto;
}
.search_heading{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.noPadLeft{
    padding-left: 0;
}
.noPadRight{
    padding-right: 0;
}
.form-group.marginBottom20{
    margin-bottom: 20px;
}
.form-group.paddingBottom20{
    padding-bottom: 10px;
}
.search_content_tab_wrap{
    padding: 0 15px;
}
a.pre_search_tb{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    margin-right: 5px;
    border-bottom: 4px solid transparent;
}
.subheading{
    position: relative;
    top: -11px;
    font-weight: bold;
}
.custom_form_label{
    font-size: 12px;
    font-weight: 500;
    position: relative;
    top: -15px;
    color: #111111;
}
.btn.btn-primary.btn-flat.choose_file_btn{
    margin: 0;
    margin-top: -15px;
}
.search_result_content_wrap{
    display: none;
}
img.flag {
    width: 24px;
    height: auto;
    position: absolute;
    top: 50%;
    left: -9px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}



/*--------------collapse icon--------*/
.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.opened {
  opacity: 1;
}
.opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.circle-plus {
    height: 33px;
    width: 33px;
    font-size: 1em;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.circle-plus .circle {
  position: relative;
  width: 33px;
  height: 33px;
  border-radius: 100%;
}

.circle-plus .circle .horizontal {
  position: absolute;
  width: 17px;
  height: 3px;
  left: 50%;
  margin-left: -8.5px;
  top: 50%;
  margin-top: -1.5px;
  border-radius: 3px;
}

.circle-plus .circle .vertical {
  position: absolute;
  width: 3px;
  height: 17px;
  left: 50%;
  margin-left: -1.5px;
  top: 50%;
  margin-top: -8.5px;
  border-radius: 3px;
}
.search_btn_collapse_wrap{    
    transition: all 0.5s ease-in-out;
    display: inline-block;
}
.search_btn_collapse_wrap .btn.btn-primary.btn-flat.searchBtn{
    margin: 0 3px;
}
.btn.btn-primary.btn-flat{
    margin: 0 3px;
}
.pre_search_animate .searchBtnBlock{
    position: absolute;
    top: -55px;
    right: 90px;
    right: 135px;

    transition: all 0.5s ease-in-out;
}
.searchBtnBlock{
    text-align: right;
}

/*------------------collapse icon----------------*/

table.table-bordered>thead>tr>th{
    border-bottom: 1px solid #d2d6de;
    padding-bottom: 5px;
    font-weight: 500;
}
table.table-bordered>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
table.table-bordered>tbody>tr:nth-of-type(even) {
    background-color: #FFFFFF;
}
.skin-black .main-header .navbar>.sidebar-toggle{
    font-size: 24px;
    padding: 8px 15px;
}
.padd15{
    padding: 15px;
}
.nopaddBottom{
    padding-bottom: 0;
}
.paddLR15{
    padding-left: 15px;
    padding-right: 15px;
}
div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select{
    border-width: 0px;
    border-bottom-width: 1px;
    padding-left: 0;
    font-size: 14px;
}
div.dataTables_wrapper div.dataTables_filter label{
    color: #999999;
    margin-left: 10px;
}

.datatable_search_label{    
    border-bottom: 1px solid #d2d6de;
}
.form-inline .datatable_search_label .form-control{
    border: 0px;
}
.datatable_search_icon{
    
}
.table-bordered{
    border: 0px solid #f4f4f4;
}
.dataTables_wrapper div.col-sm-12{
    padding: 0;
}
.dataTables_wrapper .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{
    border: 0px solid #f4f4f4;
    padding: 10px 15px;
    font-size: 13px;
}
.dataTables_wrapper .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
.dataTables_wrapper .table-striped>tbody>tr:nth-of-type(even) {
    background-color: #f1f1f1;
}
.client_attorney_information_Wrapper table.table-striped tbody tr.selected{
    background: #B0BED9;
}

td .label{
    font-size: 12px;
    font-weight: 400;
}

/*---------------pagination---------------*/

.pagination>li>a{
    margin-top: -40px;
    font-size: 0;
    width: 40px;
    height: 50px;
    background: rgba(250, 250, 250, 0);
    padding-top: 10px;
    display: none;
    opacity: 0; 
}
.pagination>li {
    display: inline-block;
    width: 40px;
    height: 30px;
    position: relative;
    -ms-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pagination>li:before{
    display: block;
    content: '';
    position: absolute;
    bottom: 8px;
    width: 12px;
    height: 12px;
    border: 1px solid #cccccc;
    border-radius: 15px;
    left: 50%;
    margin-left: -6px;
    cursor: pointer;
}
.pagination>li.active:before{
    cursor: pointer;
}
.pagination>li>a, .pagination>li>span{
    border: 0px solid #ddd;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #ffffff;
    background-color: rgba(238, 238, 238, 0);
    border-color: #ddd;
}
.pagination li.paginate_button.next a, .pagination li.paginate_button.last a, .pagination li.paginate_button.first a, .pagination li.paginate_button.previous a{
    font-size: 0;
    height: 32px;
    width: 32px;
    margin-top: 0px;
    display: block;
    opacity: 1;
}
.pagination li.paginate_button.next.disabled a, .pagination li.paginate_button.last.disabled a, .pagination li.paginate_button.first.disabled a, .pagination li.paginate_button.previous.disabled a{
    opacity: 0.8;
}
.pagination li.paginate_button.next:before, .pagination li.paginate_button.last:before, .pagination li.paginate_button.first:before, .pagination li.paginate_button.previous:before{
    display: none;
}
.pagination li.paginate_button.next a{
    background: url("../img/frPage/next-page.png") no-repeat !important;
    background-position: center center !important;
}
.pagination li.paginate_button.last a{
    background: url("../img/frPage/last-page.png") no-repeat !important;
    background-position: center center !important;
}
.pagination li.paginate_button.first a{
    background: url("../img/frPage/first-page.png") no-repeat !important;
    background-position: center center !important;
}
.pagination li.paginate_button.previous a{
    background: url("../img/frPage/prev-page.png") no-repeat !important;
    background-position: center center !important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{    
    background-color: rgba(51, 122, 183, 0);
    border-color: rgba(51, 122, 183, 0);
}
.pagination>li>a{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background-position: top center; 
    padding-left: 5px;
    padding-right: 5px;
    -ms-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pagination>li.active:hover a, .pagination>li:hover a{
    display: block;
    opacity: 1;
}
/*---------------menu-------------*/

.main-header .sidebar-toggle{
    padding: 8px 15px;
    font-size: 24px;
}
.cd-dropdown-trigger{
    line-height: 23px;
}
.menu_wrapper{
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 0 15px #c4c4c4;
}
.menu_wrapper_inner{  
    width: 230px;
}
.menu_wrap{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu_wrap li a{
    display: block;
    padding: 12px 15px;
    font-size: 14px;
    color: #111111;  
    font-weight: 500;
    position: relative;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.menu_wrap li a:hover{
    background-color: #f1f1f1;
}
.menu_wrap li a span{
    padding-left: 10px;
}
.right_arrow:before{
    display: block;
    content: '';
    position: absolute;
    right: 15px;
    top: 21px;
    width: 6px;
    height: 12px;
    background: url("../img/frPage/right-arrow.png") no-repeat;
}
.submenu_wrap{
    position: absolute;
    left: 230px;
    top: 0;
    background-color: #f1f1f1;
    width: 300px;
    padding: 10px 0;
    box-shadow: 0 0 15px #c4c4c4;
    display: none;
}
.menu_wrap li:hover .submenu_wrap{
    display: block;
}
.submenu_wrap ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu_wrap .submenu_wrap li a{
    padding: 5px 15px;
    font-size: 13px;
}
.menu_wrap .submenu_wrap li a span{
    padding-left: 0;
}

/*-------------------------------------*/

.paddTB5{
    padding-top: 5px;
    padding-bottom: 5px;
}
.paddTop10{
    padding-top: 10px;
}
.subheading_wrapper {
    padding: 10px 15px;
}

/*--------------------------------------*/

.justext_content_wrapper{
    display: table;
    content: '';
    width: 100%;
    background-color: #f6f6f6;
}
.pre_justext_left_wrap{
    width: 400px;
    float: left;
}
.pre_justext_right_wrap{
    margin-left: 400px;
    background-color: #ffffff;
    border-left: 1px solid #dddddd;
    min-height: 450px;
}
.pre_justext_logo_wrap{
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.pre_justext_left_inner{
    padding: 20px 10px 0 20px;
}
.pre_justext_logo{
    max-width: 300px;
}
.pre_justext_left_inner h2{
    font-size: 32px;
    font-weight: bold;
    margin: 0;
}
.pre_justext_left_inner p{
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin: 0 0 30px;
}
.pre_justext_graph_wrapper{
    margin-top: 40px;
}
.pre_justext_right_inner{
    padding: 15px;
}
.list_label{
    font-size: 16px;
    margin-bottom: 5px;
}
.list_box{
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 5px 5px;
    position: relative;
}
.list_box span{
    color: #666666;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
}
.marginTop15{
    margin-top: 15px;
}
.justext_list_item_wrap{
    margin: 0;
    padding: 0;
    list-style: none;
}
.justext_list_item_left_icon{
    float: left;
    margin: 3px 8px 0;
}
.justext_list_text_item{
    padding: 0 35px;
    margin: 0;
    color: #666666;
    font-size: 13px;
}
.list_percent_wrap{
    display: inline-block;
}
.list_box span.greenText{
    color: #39ca5b;
}
.list_box span.redText{
    color: #dc2f2f;
}
.pre_dropdown_icon{
    position: absolute;
    right: 5px;
    top: 0px;
    padding: 10px;
}
.marginBottom5{
    margin-bottom: 5px;
}
.pre_justext_collapse_content{
    margin: 10px;
    border-top: 1px solid #dddddd;
    padding-top: 15px;
    display: none;
}
.pre_justext_collapse_content p{
    padding-left: 25px;
    margin: 0 0 10px;
}
.pre_justext_collapse_content p:last-child{
    margin-bottom: 0;
}

/*------------------------------*/

@media(max-width:767px){
    .main-header .navbar{
        float: left;
        width: 100%;
    }
    .main-header .logo{
        float: left;
        width: auto;
        padding-right: 0;
    }
}

@media(max-width:420px){
    .Premonition-Logo{
        width: 120px;
    }
}

/*----------------------Password strength-------------------------*/

form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
}
	.form-links a {
		color: #fff;
	}
.progress{
        margin-bottom: 0;
        margin-top: 5px;
}
.error-list{
    font-size:11px;
    font-size: 11px;
    margin-bottom: 5px;
}
.progress-bar{
    font-size: 11px;
    line-height: 16px;
}
.bg-light-blue, .label-primary, .modal-primary .modal-body, .bg-red, .callout.callout-danger, .modal-danger .modal-body, .bg-green, .callout.callout-success,  .modal-success .modal-body{
    background-color: #ffffff !important;
    color: #333 !important;
    border: 1px solid #ddd;
}

/*-----------------------------Media Style-----------------*/

@media (max-width:767px){
   .top_search_wrap {
        width: 100%;
        max-width: 100%;
        left: 0%;
        padding-left: 3%;
        margin-left: 0;
        padding-right: 2%;
        height: 100%;
        top: 51px;
        background-position-x: 10px;
       background-color: #ffffff;
    }
    .form_subwrapper .col-sm-2, .form_subwrapper .col-sm-4 {
        margin-bottom: 30px;
    }
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter{
        text-align: left;
    }
    .content-header>.breadcrumb {
        background: #333333;
        top: 7px;
    }
    div.dataTables_wrapper div.dataTables_filter label{
        margin-left: 0px;
    }
    .pre_search_animate .search_btn_collapse_wrap{
        position: relative;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        margin-left: -15px;
        margin-right: -15px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin-left: -15px;
        margin-right: -15px;
        width: 100%;
    }
    .pagination>li{
        width: 26px;
    }
    .pagination>li.active>a{
        margin-left: -7px;
    }
    .pre_justext_left_wrap {
        width: 100%;
        float: none;
    }
    .pre_justext_right_wrap {
        margin-left: 0;
    }
    .pre_justext_logo {
        max-width: 280px;
    }
    .pre_justext_graph_wrapper img{
        max-width: 100%;
    }
}
@media (max-width:767px){
    a.pre_search_tb{
        margin-right: 0px;
    }
}
/*@media (max-width:520px){
    .Premonition-Login-Logo{
        max-width: 320px;
    }
    .eyeBall_wrapper{
        
    }
}*/
.subPageButton .home_btn_wrap {
    background-color: #ffffff;
    box-shadow: 0 0px 0px #9a9a9a;
}
.subPageButton .home_btn_wrap>a{
    box-shadow: 0 2px 7px #9a9a9a;
    border-radius: 7px;
    padding: 0px 10px 0px 80px;
    min-height: 80px;
}
.subPageButton .home_btn_wrap>a>div {
    position: absolute;
    width: 80px;
    height: 100%;
    background-color: #0051b6;
    left: 0;
    top: 0;
    border-radius: 7px 0 0 7px;
    line-height: 78px;
}
.subPageButton .home_btn_wrap>a>div>img {
    height: 42px;
}
.home_btn_wrap .subBtnTitleWrap h3 {
    display: table-cell;
    vertical-align: middle;
}
.subPageButton .home_btn_wrap>a>div.subBtnTitleWrap {
    position: relative;
    width: 100%;
    height: 80px;
    left: 0;
    top: 0;
    border-radius: 0px 0 0 0px;
    line-height: normal;
    background-color: #fff;
    display: table;
}
.subPageButton .home_btn_wrap h3{
    font-size: 14px;
    margin: 0px 0 0px;
    color: #0051b6;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }

.dtr-data a{
    word-break: break-all;
    white-space: normal;
}
.form_subwrapper .col-sm-2, .form_subwrapper .col-sm-3 {
    display: inline-block;
    float: none;
    margin-bottom: 30px;
}

.loadingDiv{
    position: fixed;
    width: 300px;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 1);
    margin: -50px 0 0 -100px;
    padding: 17px 10px 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
}

/*------ Loading icon with background blur -------- */

.loadingDiv_new {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    /*border: 1px solid #ddd;*/
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 }

 .loadingDiv_new img {
    /*background: white;*/
    width: 123px;
    height: auto;
 }


/*-----------------------ui tabs----------------*/ 

.ui-tabs .ui-tabs-panel{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.ui-widget.ui-widget-content{ 
    border: 0px solid transparent !important;
    border-radius: 0px !important;
    padding: 0;
}
.ui-tabs .ui-tabs-nav.ui-widget-header{
    border: 0px solid #dddddd  !important;
    background: #ddd  !important;
    padding: 0 10px  !important;
    border-radius: 0px !important;
    margin-bottom: 10px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 10px  !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: 0px solid transparent !important;
    border-bottom: 4px solid transparent !important;
    background: transparent  !important;
    font-weight: normal;
    color: #666  !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
    color: #666  !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border: 0px solid transparent !important;
    border-bottom: 4px solid #333 !important;
    background: transparent  !important;
    font-weight: normal;
    color: #333 !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color: #333 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51, 51, 51, 0);
        border-top-color: rgba(51, 51, 51, 0);
    border-top-color: #333333;
    border-width: 8px;
    margin-left: -8px;
}

.hLine{
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
    margin-top: 20px;
}

.search_heading_sub{
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    color: #0051b6;
}

@media(max-width:767px){
    .form_subwrapper .col-sm-2, .form_subwrapper .col-sm-3 {
        display: block;
    }
    
    .searchBtnBlock {
        text-align: center;
    }
    
    .search_btn_collapse_wrap {
        transition: all 0.5s ease-in-out;
        display: inline-block;
        width: 45%;
    }
    
    .search_btn_collapse_wrap > div{
        text-align: center !important;
    }
    
    .search_btn_collapse_wrap .btn.btn-primary.btn-flat.searchBtn {
        margin: 0 3px 10px;
        display: block;
        width: 100%;
    }
    
    .pre_search_animate .searchBtnBlock {
        position: relative;
        top: 0;
        right: 0;
    }
}
.search_result_wrapper{
    position: relative;
    padding-top: 7px;
}
.dataTables_wrapper .table>thead>tr>th input {
    border: 0px;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    outline: none;
    padding: 5px 0px 3px;
}

.progress{
    display: none;
    position: absolute;
    top: 2px;
    left: 0;
    height: 6px;
    width: 100%;
}

.progressText{
    position: absolute;
    width: 100%;
    text-align: center;
    top: -9px;
    font-size: 11px;
    text-transform: uppercase;
    color: #0051b6;
    font-weight: bold;
    display: none;
}

.padBottom{
    margin-bottom: 30px;
}

.report_header{
    height: 46px;
    width: 100%;
    font-size: 27px;
    line-height: 1.428571429;
    color: #0051b6;
    border: 1px solid transparent;
    font-weight: bold;
    padding-left: 0;
    margin-top: 23px;
    margin-bottom: 23px;
}

.for_percent{
	position: absolute;
	right: 15px;
	top: 9px
}

.multipleSelect{
    height: 100px !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
}

.ui-menu{
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.borderBox{
    width: 60%;
    margin: 20px auto 0;
    padding: 20px 120px;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.3);
}

/*-----------------pagination-------------*/
.paginationNew {
    text-align: right;
}
.paginationNew li {
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #eee;
    border-radius: 3px;
}
.paginationNew li a {
    color: #999;
    display: block;
    padding: 3px 10px;
}
.paginationNew li.active {
    background-color: #0051b6;
    border-color: #0051b6;
}
.paginationNew li.active a {
    color: #fff;
}
.paginationNew li.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.paginationNew li.disabled a{
    cursor: not-allowed;
}
.mdThirty{
    margin-bottom: 30px;
}


/* Added on 2018jan30 */
.main-header .logo{
    line-height: 42px;
    margin-left: 50px;
}
@media(max-width:767px){
    .main-header .navbar{
        float: left;
        width: 100%;
    }
    .main-header .logo{
        float: left;
        width: auto;
        position: relative;
        z-index: 99;
    }
}
/* */

/* Normal Pagination of Datatable */
.dataTables_paginate a.paginate_button {
display: inline-block;
margin: 0 5px;
border: 1px solid #eee;
border-radius: 3px;
padding: 3px 10px;
color:#999;
}

.dataTables_paginate a.paginate_button.current {
background-color: #0051b6;
border-color: #0051b6;
color:#fff;
}

/*===== FOR MERGE REPORT =======*/

.page_humburgIcon {
    position: absolute;
    right: 60px;
    top: 15px;
    cursor: pointer;
    font-family: fontAwesome;
    font-size: 18px;
    z-index: 1;
}
.page_humburgIcon a.humburgIcon {
    border: solid 2px #0051b6;
    width: 33px;
    height: 33px;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 31px;
}
.page_humburgIcon a.humburgIcon:before {
    content: "\f0c9";
   /*content: "\f0c7";*/
}
.pageHumburgContentWrap {
    position: absolute;
    right: 0;
    margin-top: 5px;
    background-color: #fff;
    width: 180px;
    padding: 5px 10px 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 3px 5px #ddd;
    font-family: 'Roboto', sans-serif;
}
.pageHumburgContentWrap ul {
    margin: 0;
}
.pageHumburgContentWrap ul li {
    padding-left: 15px;
    position: relative;
    margin: 0;
}
.pageHumburgContentWrap ul li a {
    font-size: 14px;
    color: #333;
    display: block;
    padding: 5px 0;
}
a.disabled {
   pointer-events: none;
   cursor: not-allowed;
   color: #cccccc !important;
}

a.abl{
    position: absolute;
    left:0px;
    top: 0px;
    width: 10px;
}
.ab {
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
    padding: 3px 0 5px 0;
    margin-left: -15px;
}

.pageHumburgContentWrap ul li a.disptxt {
    padding: 0px;
    padding-left: 25px;
    padding-right: 5px;
    font-size: 12px;
    margin-bottom: 2px;
    padding-bottom: 5px;
/*    border-bottom: 1px solid #dedede;
*/}
.pageHumburgContentWrap ul li a.disptxt:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0;
}

.hide_ab{
    display: none;
}

.criteriaSave {
    position: absolute;
    right: 105px;
    top: 15px;
    cursor: pointer;
    font-family: fontAwesome;
    font-size: 18px;
    z-index: 1;
}
.criteriaSave a.criteriaSaveIcon {
    border: solid 2px #0051b6;
    width: 33px;
    height: 33px;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 31px;
}
.criteriaSave a.criteriaSaveIcon:before {
    content: "\f0c7";
}
.sideBoxdiv {
    padding: 10px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.automationStart{
    background-color: #4ea75b;
    border-radius: 30px;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin: 10px auto;
}

.automationEnd{
    background-color: #dd4b39;
    border-radius: 30px;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin: 10px auto;
}

.automationArrow{
    text-align: center
}

.automationArrow img{
    height: 30px;
}

.automationError{
    color: #dd4b39;
}

.automationSmallBox{
    border: 1px solid #AAA;
    padding: 20px;
    margin: 5px;
    width: 500px;
    height: 90px;
    margin: 10px auto;
    position: relative;
}

.automationCloseButton{
    position: absolute;
    right: -9px;
    width: 20px;
    line-height: 18px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    top: -9px;
    background: rgba(0,0,0,1);
}

.query-dashboard-select {
    border: 1px solid #ccc !important;
    background-color: #F9F9F9 !important;
    padding: 10px !important;
    color: #0051b6 !important;
}

@media only screen and (max-width: 991px){
    .navbar-custom-menu>.navbar-nav>li {
        position: relative;
    }
}
.form-control.popup_search{
    border: 1px solid #c1c1c1;
    padding: 10px;
    outline: none;
    background-color: #ffffff;
    height: 40px;
    border-radius: 0;
    color: #333333;
}
.form-group input.form-control.popup_search:valid{
    color: #333333;

}

/* for select2 dropdown multiple select */

.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
    width: 540px;
}
.select2-container .select2-selection .js-example-basic-multiple{
    height: 60px;
    overflow: auto;
}
/* .select2-dropdown {
    background-color: #333333;
} */
/* .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #5e5e5e !important;
} */
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #C1C1C1 !important;
}
.select2-container--default .select2-selection--multiple {
    background-color: transparent;
}
.select2-container .select2-selection--multiple {
    min-height: 40px;
}
/* .select2-container--default .select2-selection--multiple {
    border: 1px solid #5e5e5e;
} */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 5px 0 8px;
}
.select2-dropdown {
    background-color: #ffffff;
}
.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active {
    width: 537px;
}

/* for close button */

a.branch_search_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #666;
    z-index: 999;
}

.grouping_edit_user_access {
    position: relative;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    padding-bottom: 15px;
}

.grouping_edit_user_access + .grouping_edit_user_access {
    margin-top: 15px;
}

/* for add user button */
.add_user_btn_nw{
    position: relative;
    margin-bottom: 15px;
    text-align: right;
    padding-right: 15px;
    padding-top: 15px;
}
/* for new Side bar */
@media (min-width: 768px) {
    .sidebar-collapse .main-sidebar {
      -webkit-transform: translate(-350px, 0);
      -ms-transform: translate(-350px, 0);
      -o-transform: translate(-350px, 0);
      transform: translate(-350px, 0);
    }
  }
  
  
  .main-sidebar {
    width: 350px;
  }
  .skin-black .main-sidebar{
    background-color: #fff;
    box-shadow: 12px 0px 15px -3px rgba(0,0,0,0.1);
  }
  .skin-black .sidebar-menu>li:hover>a, 
  .skin-black .sidebar-menu>li.active>a, 
  .skin-black .sidebar-menu>li.menu-open>a {
    color: #000;
    background: #ddd;
}
.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #f4f4f4;
  }
  .skin-black .sidebar-menu .treeview-menu > li.active > a, 
  .skin-black .sidebar-menu .treeview-menu > li > a:hover {
    color: #0051b6;
  }
  .skin-black .sidebar a {
    color: #14303d;
 }
 .skin-black .sidebar-menu .treeview-menu > li > a {
    color: #14303d;
  }
  .sidebar {
    padding-top: 20px;
  }
  .ssicon {
    color: #14303d;
  }
  .skin-black .sidebar-menu > li.active > a {
    border-left-color: #000;
  }
  .sidebar_height_controll{
    height: calc(100dvh - 70px);
	overflow: hidden;
	overflow-y: scroll;
  }
  @media (max-width: 767px) {
    .main-sidebar {
        -webkit-transform: translate(-350px, 0);
        -ms-transform: translate(-350px, 0);
        -o-transform: translate(-350px, 0);
        transform: translate(-350px, 0);
    }
}
.sidebar-menu li>a>.fa-angle-right,
.sidebar-menu li>a>.pull-right-container>.fa-angle-right {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

.sidebar-menu li>a>.fa-angle-right {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px
}

.sidebar-menu .menu-open>a>.fa-angle-right,
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}
.arrow_icon{
    font-size: 17px;
}
  /* for new Side bar */
  .profile_user_name{
    color: #000;
}