/*Write your custom css in this file.*/
.topnav > li > a{

    background: #45525d;
    padding: 5px 10px;
    margin-top: 12px;
    color: #fff !important;
    border-right: 5px solid #fff;
}
.navbar-brand>img {
    display: block;
    width: 140px;
    padding-top: 5px;
}
.topnav > li > a:hover{
    background: #838486 !important;
}


#sidebar-menu li {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    /*border-bottom: 2px solid #DCE0E8;*/
}
#sidebar-menu li ul{}
#sidebar-menu li ul > li > a{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    padding: 7px;
}
#sidebar-menu li ul > li > a{padding-left: 30px;}
.filter_area{
    margin-top: 7px;
}
.filter_area input[type="text"] {
    border-radius: 2px;
    border: 1px solid #e2e7f1;
    box-shadow: none;
    padding: 7px 10px;
    font-size: 12px;
    outline: none;
    font-weight: normal;
    background: #fff;
    width: 200px;
    transition: all 0.5s;
    height: 28px

}
.filter_area .dropdowns {
    height: 28px;
    font-size: 12px;
    /*font-size: 12px;
    padding: 0px 10px;
    border-radius: 2px;
    border: 1px solid #e2e7f1;
    color: #9a9393;*/
}

.filter_area .button_filter {
    font-size: 12px;
    padding: 5px 12px;
}

.down_pdf {
    color: #fff;
    padding: 6px 12px;
    background-color: #547bea;
    margin-left: 4px;
}
.down_pdf:hover{background-color: #224eced9}
.down_pdf:hover i{color: #ffffff}
.preview {
    color: #fff;
    padding: 6px 12px;
    background-color: #34C8C1;
    margin-left: 4px;
}
.accepted{background-color:green!important}
.declined{background-color:red!important}
.preview:hover{background-color: #0bb3ab}
.preview:hover i{color: #ffffff}
.print {
    color: #fff;
    padding: 6px 12px;
    background-color: #FFB822;
    margin-left: 4px;
}
.print:hover{background-color: #dc990c}
.print:hover i{color: #ffffff}
.email_invoice {
    color: #fff;
    padding: 6px 12px;
    background-color: #53d286c7;
    margin-left: 4px;
}
.email_invoice:hover{background-color: #53d286}
.email_invoice:hover i{color: #ffffff}
.edit_invoice {
    color: #fff;
    padding: 6px 12px;
    background-color: #f34b739c;
    margin-left: 4px;
}
.edit_invoice:hover{background-color: #f34b73}
.edit_invoice:hover i{color: #ffffff}
.not_paid {
    color: #fff;
    padding: 6px 12px;
    background-color: #FFB822;
    margin-left: 4px;
}
.not_paid:hover{background-color: #39e2da}
.not_paid:hover i{color: #ffffff}
.clone {
    color: #fff;
    padding: 6px 12px;
    background-color: #182f68ab;
    margin-left: 4px;
}
.clone:hover{background-color: #182f68}
.clone:hover i{color: #ffffff}
.top_menu_area {
    background-color: #ffffff;
}

.active {
  background-color: #fff;
  color: #000 !important;
}
.top_menu {
    background-color: #4F9FEF;
    
} .top_menu li a {
    color: #fff;
    border-right: #ccc solid 1px;
    padding: 10px!important;
}
.top_menu li a:hover {
    background-color: #6BC4FF;
}
.navbar-nav>li>a {
    padding-top: 22px;
    padding-bottom: 15px;
}
ul.nav.navbar-nav.topnav li:hover a, ul.nav.navbar-nav.topnav li:focus a {background-color: #128bfc!important;border: 1px solid #128bfc;color: #fff!important;}
.open>.dropdown-menu li:hover a {
   background-color: #fff!important;
}
ul.nav.navbar-nav.topnav li a {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;}
}
ul.nav.navbar-nav.navbar-right.inline-block li a {padding-top: 20px;}
ul.nav.navbar-nav.navbar-right.inline-block li a i {font-size: 20px!important;-moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;}
ul.nav.navbar-nav.navbar-right.inline-block li:hover a i {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.nav-tabs .tab-title .title-button-group {margin: 5px 0px;}
.tab-title .btn {margin: 7px 0px;}
.page-title .btn {margin: 10px 0px;}
.page-title .title-button-group {float: right;margin: 0px 0px 0px 15px;}
.page-title h1{padding: 15px 0px;}
/*--------------custom Button----------*/
.marginLeft8{margin-left: 8px!important}
.addcuts, .custsave{background-color: transparent;color: #337ab7;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 700;border-color: #337ab7!important;border-radius: 6px;box-shadow: 0px 3px 6px #0000003d;border: 1px solid;}
.custsave:hover, .addcuts:hover, .custsave:active, .addcuts:active, .custsave:focus, .addcuts:focus{background-color: #128bfc!important;color: #fff!important;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 700;border-color: #128bfc!important;border-radius: 6px;box-shadow: 0px 3px 6px #0000003d;}
.custcancel{background-color: transparent;color: #909090;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 700;border-color: #909090!important;border-radius: 6px;box-shadow: 0px 3px 6px #0000003d;}
.custcancel:hover, .custcancel:active, .custcancel:focus{background-color: #adadad!important;color: #fff!important;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 700;border-color: #adadad!important;border-radius: 6px;box-shadow: 0px 3px 6px #0000003d;}
/*-------Modal----------*/
.padding15by30{padding: 5px 20px!important;border-radius: 8px;}
.paddingright15px{padding-right: 15px!important}
.paddingLR15{padding: 0px 15px}
.backgraound0{background-color: transparent!important;}
.margin0{margin: 0px!important;}
.padding15{padding: 15px!important}
.modal-content{border-radius: 8px;}

/*-----------Dashbord-----------------*/
.scrollable-page.ps{background-color: #F6F9FB;}
.navbar-brand{width: 220px;background-color: #fff;height: 60px;}
.navbar-default {background-color: #ffffff;box-shadow: none;border-bottom: 0;height: 60px;}
.navbar-left {float: left!important;margin-top: 13px;}
.topnav > li > a{margin-top: 20px;}
.topnav{width: 50%;text-align: left;display: none;}
.topnav > li{float: none;display: inline-block;m}
.topnav > li > a {background: transparent;padding: 5px 10px;margin: 17px 8px 17px 0px;border-radius: 6px;color: #337ab7 !important;border-right: 0;/*box-shadow: 1px 1px 3px #8a8686;*/border: 1px solid;}
.topnav > li > a:hover {background: #128bfc!important;padding: 5px 10px;margin-top: 15px;border-radius: 6px;color: #fff !important;border-right: 0;}
.dropdown-menu .divider{display: none;}
.pl10.ml10.mt10.theme-changer{display: none;}
.pl15 {padding-left: 0px;}
#sidebar{background: #393A3D;}
.p20 {padding: 20px !important;}
.hidden-xs.pl15.pr15.b-l{margin-left: -30px;border-left: 0;}
#content {margin-top: 60px;height: 100%;}
#sidebar-toggle-md {padding: 7px 10px;font-size: 15px;background-color: #fff;margin-top: 0px;box-shadow: -1px 1px 3px 1px #ccc;border-radius: 50px;color: #182F68;}
#sidebar-menu li:hover{background-color: #DCE0E8;}
#sidebar-menu li a{color: #ffffff;padding: 20px 20px 12px;}
#sidebar-menu li a:hover {background-color: #DCE0E8;color: #182F68;}
#sidebar-menu li ul > li > a{background-color: #141c27;}
#sidebar-menu > li > ul > li > a:hover{background-color: #DCE0E8;color: #182F68;}
#sidebar-menu > li.active > a {border-left: 0;background-color: #128bfc;color: #ffffff;}
#sidebar-menu li.expand > a:before{content: '\f0d7';color: #ffffff;float: right;font-size: 16px;}
#sidebar-menu li.expand.open > a:before {content: '\f0d8';}
.panel {padding:30px;border-radius: 8px;}
.paddingTop{padding-top: 10px;}
.page-title{border-bottom: 0;}
.dashboard-dropdown .dropdown-toggle{background: transparent;box-shadow: none;}
.borderradius8{border-radius: 8px;margin-bottom: 30px;}
.bodyPadding{padding: 0px}
.bodyPadding.incomeExpenses{}
.bodyPadding .head-bar{padding-bottom: 30px;}
.dropdownMenu{display: inline-block;}
.dropdownMenu select{color: #182F68;font-size: 12px;font-weight: 700;font-family: 'Roboto', sans-serif;padding: 0.5rem 1rem;border-radius: 4px;}
.dropdownMenu select option{color: #182F68;font-size: 12px;font-weight: 700;font-family: 'Roboto', sans-serif;padding: 0.5rem 1rem;}
.headTitle{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 700;color: #182F68;display: inline-block;}
.projectOverviewSec .headTitle{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 700;color: #182F68;display: inline-block;}
.projectOverviewSec .box2{padding: 0.6rem;}
.projectOverviewBox{border-radius: 8px;padding: 2rem;text-transform: uppercase;text-align: center;height: 170px;}
.projectOverviewBox .content-sec{text-align: left;}
.projectOverviewBox .img-sec{text-align: right;flex: auto;}
.projectOverviewBox .img-sec img{width: 40px}
.projectOverviewBox .projectsCount{font-family: 'Roboto', sans-serif;font-size: 50px;font-weight: 700}
.projectOverviewBox .projectsTitle{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 500;}
.projectOverviewBox.blue{background-color: #0099ff29;color: #0099FF}
.projectOverviewBox.peachpuff{background-color: #ffbb0033;color: #FFBB00}
.projectOverviewBox.lightgreen{background-color: #53d2862b;color: #53D286}
.projectOverviewBox.lightpink{background-color: #f34b7321;color: #F34B73}
.salesStatistics{border-radius: 8px;padding: 2rem;text-transform: uppercase;text-align: center;height: 170px;display: flex;align-items: center;}
.salesStatistics .projectsCount{font-family: 'Roboto', sans-serif;font-size: 50px;font-weight: 700}
.salesStatistics .projectsTitle{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 500;}
.salesStatistics ul{padding: 0;margin: 0;}
.salesStatistics ul li{list-style: none;display: block;text-align: left;margin-bottom: 15px;font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 700;}
.salesStatistics ul li:last-child{margin-bottom: 0px;}
.salesStatistics ul li img{ width: 30px;margin-right: 10px; }
.salesStatistics.blue{background-color: #0099ff29;color: #0099FF}
.salesStatistics.peachpuff{background-color: #ffbb0033;color: #FFBB00}
.salesStatistics.lightgreen{background-color: #53d2862b;color: #53D286}
.salesStatistics.lightblue{background-color: #182f6836; color: #182F68}
.salesStatistics .content-sec{text-align: left;}
.salesStatistics .img-sec{text-align: right;flex: auto;}
.salesStatistics .img-sec img{width: 60px;margin-right: 10px;}
/*.btn-default {color: #fff;background-color: #0099FF;border-color: #0099FF!important;border-radius: 6px;}*/
/*--------------Leads--------------------*/
.modal-title {margin: 0;line-height: 1.42857143;color: #182F68;font-family: 'Roboto', sans-serif;font-weight: 700;}
.close {font-size: 30px;color: #212121;opacity: initial;font-weight: 600;}
.paddingTop5{padding-top: 5px;}
input.cusH34{width: 100%!important;height: 34px!important;border-radius: 4px!important;}
input.cusH34::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #182F68!important;
  opacity: 1; /* Firefox */
}
.alignRight{text-align: right;margin-top: 10px;}
.cusSearch{height: 34px;}
.marginTop0{margin-top: 0px!important;}
.kanban-filters-container {padding: 15px 0px 0 0px;}
.paddingRight0{padding-right: 0px}
.paddingLeft0{padding-left: 0px}
.floatRight{float: right;}
.toolbar-left-top{padding-left: 0px}
.custom-toolbar{padding-right: 0px}
.modal-dialog {width: 800px;margin: 30px auto;}
.dataTables_filter input{border-radius: 4px!important;color: #212121;background-color: transparent!important;border-color: #21212140!important;}
table.dataTable {border-collapse: initial;}
table.dataTable thead th {background-color: #128bfc;color: #ffffff;border-left: none;}
table.dataTable tfoot th {color: #3E3F3F;}
table.dataTable tbody td {color: #3E3F3F;border-left: none!important;border-top: none!important;}
/*table.dataTable thead th:first-child { border-radius: 8px 0px 0px 8px; }
table.dataTable thead th:last-child {border-radius: 0px 8px 8px 0px;}
table.dataTable tfoot th:first-child { border-radius: 8px 0px 0px 8px!important; }
table.dataTable tfoot th:last-child {border-radius: 0px 8px 8px 0px!important;}
table.dataTable tbody td:first-child { border-radius: 8px 0px 0px 8px; }
table.dataTable tbody td:last-child {border-radius: 0px 8px 8px 0px;}*/
.dataTable tbody tr:hover td {    background: #f2f4f6 !important;    border-color: #ececec!important;}
table.dataTable.no-footer {border-bottom: 0;}

.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input{
	background: #F6F8F9;
    color: #182F68!important;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 0.2rem 0.3rem;
    border-radius: 4px;
}
/*.general-form textarea {
    height: 37px!important;
}*/
.custField label{font-family: 'Roboto', sans-serif;color: #212121;font-weight: 700;font-size: 13px}
.custField input, .custField textarea, .custField select{border-radius: 4px!important;color: #212121;background-color: transparent!important;border-color: #21212140!important;}
.custField .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field, .form-control.dropdowns.select2 input{
	background: transparent;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 0.2rem 0rem;
    border-radius: 4px!important;
    color: #212121;
    background-color: transparent!important;
    border-color: #21212140!important;
}
.edit{background-color: #FFBB00!important;color: #ffffff!important;}
.delete{background-color: #FC354D!important;color: #ffffff!important;}
.open>.dropdown-menu li:hover a {
    background-color: #FFBB00!important;
    color: #ffffff!important;
}
.edit {
    background-color: #fff!important;
    color: #7988A2!important;
}

@media (max-width: 1366px){
	.panel {padding: 20px;}
	.headTitle{font-size: 16px;}
	.projectOverviewBox{padding: 1rem;height: 145px;}
	.projectOverviewBox .projectsCount{font-size: 45px;}
	.projectOverviewBox .projectsTitle{font-size: 13px;}
}