.btn
{
  box-shadow: 0px 4px 5px #999;
}

.dropdown-toggle
{
    box-shadow: none !important;   
}
body{
	font-size:small;
}
.topbar .top-navbar {
    min-height: 50px;
    padding: 0;
}
.app-search {
    margin-top: 10px;
    position: relative;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    padding: 0 14px;
    font-size: 10px;
    line-height: 50px;
    height: 50px;
}

.topbar {
    z-index: 50;
    background: #fff;
    height: 50px;
}
.topbar .top-navbar .navbar-header {
    line-height: 52px;
}
.left-sidebar{
	padding-top: 50px;
}
.sidebar-nav ul .sidebar-item .sidebar-link{
	padding: 7px 0px;
    font-weight: 400;
    border:1px solid;
    border-color:#d9e4f1;
    margin: 0px;
    width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
}
.sidebar-nav .has-arrow::after{
	top: 22px;
}
.sidebar-nav .has-arrow.profile-dd::after{
	top: 26px;
}
.sidebar-nav ul .sidebar-item .sidebar-link i{
	font-size: 18px;
}
.page-wrapper>.page-content{
	padding: 15px;
}
#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper{
	padding-top: 60px;
}
.sidebar-nav ul .sidebar-item.selected>.sidebar-link{
     border-left: none; 	
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs>li
{
	float: left;
    margin-bottom: -1px; 
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent; 
    border-radius: 4px 4px 0 0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 2px 12px;
    background: #6ba5ee;
    color: #000;
}

.panel-primary>.panel-heading
{
    color:#000;
    font-size: 10px;
}
.nav>li>a:hover {
    position: relative;
    display: block;
  
    background: #6ba5ee;
    color: #fff;
}
.tab-content {
    padding: 13px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: -1px;
}
.fade:not(.show) {
    opacity: 9;
}
.app-search .form-control{
	font-size: 10px;
}
.dropdown-menu{
	font-size: 10px;
}
label{
	font: normal 13px Calibri;
	margin-bottom: 5px;
}
.searchPannel{
	border: 1px solid #ddd;
    background: #eeeeeec4;
    border-radius: 5px;
    padding: 10px 0px;
}
.input-sm{
	height: 24px;
    padding: 5px;
    font-size: 12px!important;
    border: 1px solid #ccc!important;
}
select.input-sm{
	height: 26px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	font-size: 11px;
}
.bs-caret{
	font-size: 10px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
	position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -1px;
    vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder{
	padding: 3px 15px;
}
.tablesection{
	border: 1px solid #ddd;
    background: #eeeeeec4;
    border-radius: 5px;
    padding: 10px;
    
}
.page-breadcrumb {
    padding: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.custometable {
	border-collapse: collapse;
	width: 100%;
}

.custometable td {
	border: 1px solid #ddd;
	padding: 3px 4px 3px 4px !important;
    font-size: 12px !important;
}

.custometable tr:nth-child(even){background-color: #f2f2f2;}

.custometable tr:hover {background-color: #ddd;}

.custometable th {
    text-align: left;
    background-color: #6ba5ee;
    color: #000;
    font-size: 11px;
    padding: 4px;
}
.btn-primary{
	padding: 0 13px;
    font-size: 10px;
    height: 26px;
    border-radius: 5px;
}
.AddTabSection{
	border: 1px solid #ddd;
    background: #efefefb3;
    padding: 10px;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.InputRows{
	margin-bottom: 10px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link i{
	visibility: visible;
}
.sidebar-nav .has-arrow::after{
	right: 15px;
}
.left-sidebar {
	width: 210px;
}
.sidebar-nav ul .sidebar-item{
	width: 210px;
}
#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper{
	margin-left: 210px;
}

.formHead{
	background: #d6d6d6;
    margin: 0 0;
    padding: 9px 10px;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 3px #888;
    border-radius: 5px
}
.box-header{
	margin: 0;
    padding: 6px 15px;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.1) 100%);
    cursor: pointer;
}
.well{
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.footer {
    padding: 8px 0px 0px;
    background: #fff;
    color: #8898aa;
    text-align: right!important;
}








@media (min-width: 768px)
{
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .first-level .sidebar-item .sidebar-link i 
	{
    	visibility: visible;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .first-level .sidebar-item  
	{
    	margin: 0px;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
    	width: 150px !important;
	}
	
	#main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse{
		margin-left: 209px;
	}
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover{
		width: 210px;
	}
	
	#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
    width: 209px;
}


}
        .inp-bor {
            border: 1px solid lightgray;
        }
        .head-back {
            background-color: #5c5cd7;
            color: white;
            padding: 2px 5px;
        }
        .user-login {
            border:1px solid black;
        }
        .agent-login {
            border:1px solid black;
        }
        .user-agent-login {
            margin: 5px 15px;
        }

        .panel-bg-color {
            background-color: #6ba5ee !important;
        }
        .panel-bor-color {
            border-color: #6ba5ee !important;
        }
        .btn-color {
            background-color: #88c149;
            border-color: #88c149;
            /*box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);*/
            color: #fff;
        }
        .btn-color:hover{
            background: none;
            color: #88c149;
            border-color: #88c149;
        }

        .panel-heading
        {
            padding: 5px;
        }

        .btn-lg
        {
            min-width:90px;
            height: 30px;
            font-size: 10px;
        }
.selected > .active > i
{
    color:#fff !important;
}
.errorJS
{
    color: #ff1d1d;
}

.errorJS
{
    border-color: #ff1d1d;
}

.trCol2
{
    background: #fff;
}
.trCol1
{
    background: #eee;
}

.pagination{padding-left:0;border-radius:4px;padding: 5px;margin:0px;}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 12px;line-height:1.42857143;text-decoration:none;color:#2fa4e7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.badge,.label{font-weight:700;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#157ab5;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#999;background-color:#f5f5f5;border-color:#ddd;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:11px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}


.sidebar-nav .has-arrow[aria-expanded=true]::after, .sidebar-nav li.active>.has-arrow::after, .sidebar-nav li>.has-arrow.active::after
{
    top: 17px !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after
{
    top: 17px !important;   
}

.sidebar-nav ul .sidebar-item:hover
{
    text-decoration: none !important;
}
.navbar-collapse.collapse
{
    height: 35px !important;
}
.topbar .top-navbar
{
    min-height: 35px !important;
}

.topbar
{
    height: 35px;
}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper
{
    padding-top:43px;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active>.sidebar-link
{
    background: #c0d7f3 !important;
}
.btn
{
    border-radius: 5px !important;
}

.center
{
text-align: center;
}
.theadtr td
{
 border-top: 1px solid !important;
 border-color: #ccc !important;

 border-bottom: 1px solid;
}

.linkcls{
    color:#2f6cb1;
}

.leftFldDrag{
    height: 30px;background: #fff;padding: 7px;border-radius: 3px;margin-top: 3px;cursor: pointer;
    text-align: center;
}
.leftFormGrag
{
    height: 30px;background: #6f7274;padding: 7px;border-radius: 3px;margin-top: 3px;cursor: pointer;
    text-align: center;
    color:#fff;
}
.alnR
{
    text-align: right
}
input{
    border:1px solid #ccc !important;
}

select,textarea{
    border:1px solid #ccc !important;
    resize: both
}

.tab-content
{
    max-height: 450px; overflow:auto;
}
.sidebar-nav ul .sidebar-item .sidebar-link.profile-dd span
{
    margin: 0px;
}

   ::-webkit-scrollbar {
              width: 10px;
            }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #6ba5ee;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #a8c4a8;
}

.table thead th {
    border-bottom: none;
    background-image: linear-gradient(#D3D3D3 ,#E0E0E0);
}

.bgdark {
    background-image: linear-gradient(#dbdbdb ,#ebebeb) !important;
}

button.btn.dropdown-toggle.btn-default {
    font-size: 10px;
}
#overlay_div {width: 100%;background:rgba(19, 43, 87,0.8);position: fixed;z-index: 1080;width: 100%;height: 100%;top: 0;opacity: 0.9;display: none;}
.new_menu_outer_div {width: 100%;position: fixed;z-index: 1081;width: 100%;height: 100%;top: 0;text-align: center;display: none;}
.new_menu_search_div {overflow: hidden;padding-bottom: 0px;padding-top: 50px;}
.new_menu_inner_div {width: 100%;margin: auto;}
.new_parent_menu_outer_div {margin: auto;width: 75%;overflow: hidden;font-family: poppins_l;}
.new_parent_menu_div {width: 102%;height: 450px;overflow-y: auto;}
.new_parent_menu_inner_div {width: 120px;margin: auto;background:#6ba5ee;padding: 10px 5px;border-radius: 10px 5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
img.menu_icon_image_div {width: 100%;height: 42px;overflow: hidden;}
.new_menu_title {text-align: center;font-size: 12px;color:black;margin-top: 7px;cursor: pointer;font: normal 13px Rubik,sans-serif;font-weight: 400;letter-spacing: 0.025em;}
.new_parent_menu_div li {display: inline-block;margin-right: 10px;margin-bottom: 10px;}
.menu_icon_image_div img {width: 50px !important;height: auto !important;}
.new_menu_fav_image {padding: 5px;height: 50px;cursor: pointer;border-radius: 3px;position: fixed;top: 15px;right: 15px;z-index: 1082;}
.bootstrap-select {
   border:1px solid #ccc;
}

.input-ajax-loader { position: absolute;left: 46%;top: 40%;z-index: 1;width: 25px;height: 25px;margin: 0 0 0 0;border: 4px solid cornflowerblue;border-radius: 50%;border-top: 5px solid #ffffff;-webkit-animation: spin 0.7s linear infinite;animation: spin 0.7s linear infinite;}
ul.collapse.in {padding: 0 0 0 0 !important;}
li.sidebar-item.third-level {padding: 0 0 0 0 !important;}
li.third-level a.sidebar-link {padding-left: 60px !important;}
div.input-container{display:flex;}
div.input-container .icon {padding: 3px 8px 3px 8px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: none;background:lightgray;cursor:pointer;}
div.input-container input[type="text"] {border-right: none;}
.ui-datepicker td {padding: 1px !important;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center;}
span.hide-menu {max-width: 200px;text-align: left;overflow-x: hidden;text-overflow: ellipsis;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.btn1 {
    color: #fff;
    background-color: #a7d02b;
    border-color: #90b913;
   
}
.btn2 {
    color: #fff;
    background-color: #42b9ae;
    border-color: #1eb7a9;
   
}

.btn3 {
    color: #fff;
    background-color: #8642b9;
    border-color: #67219c;
   
}