﻿a:hover, a:focus
{
    outline: none;
    text-decoration: none;
}

.tab .nav-tabs li
{
    margin-bottom: 0;
    margin-right: 0;
    float: none;
    display: inline-block;
}

.tab .nav-tabs li a
{
    font-size: 14px;
    color: black;
    background: #fff;
    padding: 9px 9px;
    border-radius: 0;
}

.tab .nav-tabs li a i
{
    font-size: 18px;
    margin-right: 10px;
}

.tab .nav-tabs li.active a, .tab .nav-tabs li.active a:hover
{
    background: #1938b2;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(121, 54, 171, 0.43); /*border: 1px solid transparent;*/
}


.pad-top-type1
{
    padding-top: 10px;
}

.pad-top-type2
{
    padding-top: 20px;
}

.pad-top-type3
{
    padding-top: 30px;
}

.f-size
{
    font-size: 16px;
    float: right;
    font-weight: 600;
}

.remove-pad
{
    padding: 0px;
}

.totalCount
{
    text-align: center;
    margin-bottom: 0.3em;
}

.remove-pad-right
{
    padding-right: 0px;
}

.bdr-rad
{
    /*border-radius: 10px;*/
    border-radius: 10px;
    margin-bottom: 0;
}

.custom-card-pad
{
    padding: 1.2rem 1.2rem; /*min-height: 126px;     height: auto;*/
}

.card.bdr-rad.active
{
    background: #488AC7;
    color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 20px 0 rgba(25, 56, 178, 0.43); /*border: solid 1px rgba(112, 112, 112, 0.38);*/ /*background-image: linear-gradient(117deg, #7936ab, #1938b2);*/    
    background-image: linear-gradient(117deg, #c0a2d8, #1938b205);
}

.card.bdr-rad.active a:hover
{
    color: #fff;
}

a.custom-c
{
    color: black;
}

.custom-pad
{
    padding: 5px;
}

.custom-licss
{
    /*display: inline-block;     min-width: 256px;*/ /*width: auto;*/
}

.tab .nav-tabs.custom-tabs li.active a, .tab .nav-tabs.custom-tabs li.active a:hover
{
    background: none;
    color: black;
    border: 0px solid transparent;
}

.custom-licss.active div.pad-card
{
    padding-top: 20px;
}
.tab .nav-tabs.custom-tab2 li.active a, .tab .nav-tabs.custom-tab2 li.active a:hover
{
    background: none;
    color: black; /*border: 1px solid transparent;*/
}

.tab .nav-tabs.custom-tabs li a
{
    font-size: 14px;
    color: black;
    background: none;
    padding: 0;
    border-radius: 0;
}

.tab .nav-tabs.custom-tab2 li a
{
    font-size: 14px;
    color: black;
    background: none;
    padding: 0;
    border-radius: 0;
}

.custom-licss.active
{
    /*margin-top: -20px;*/
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link
{
    /*border: 1px solid #fff;*/
    background-color: #ffffff52;
    padding: 10px;
    min-width: 100px;
    width: auto;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link
{
    color: black;
}

.add-pad
{
    padding: 10px;
}

.nav-pills .nav-link
{
    border-radius: 3px;
    color: black;
}

.stampcustom
{
    color: #fff;
    background: #fff;
    display: inline-block;
    min-width: 2.5rem;
    height: 1.5rem;
    padding: 0 .25rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}

.custom-licss.active img
{
    background: #009c2312; /*min-width: 3.0rem;     height: 2.2rem;*/
}

.custom-licss.active.stampcustom
{
    min-width: 3.0rem;
    height: 2.2rem;
}

/*a.nav-link.add-pad:hover {
    border: 1px solid #fff;
    background-color: #0061da;
    padding: 10px;
    min-width: 100px;
    width: auto;
}*/
.card.bdr-rad.custom
{
    opacity: 0.7;
}
.card.bdr-rad.custom img
{
    opacity: 0.4;
}
.card.bdr-rad.active
{
    opacity: 1;
}
.card.bdr-rad.custom.active img
{
    opacity: 1;
}
.subtabimg
{
    min-width: 1.6rem;
    height: 1.2rem;
    padding: 0 .25rem;
}

.custom-color
{
    font-size: 14px;
    text-align: center;
}

.box-md-1
{
    background: #0061da;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.nav-pills .nav-link
{
    border-radius: 0px;
}

#bpermits.custom-licss.active img#permitbuilding
{
    content: url('/assets/dashboard/icon/Buildingactive.png');
}

#county.custom-licss.active img#countyimg
{
    content: url('../icon/Countyactive.png');
}

img#countyimg
{
    content: url('../icon/County.png');
}

#thirdpartyinsp.custom-licss.active img#tpartyimg
{
    content: url('../icon/3rd partyactive.png');
}

img#tpartyimg
{
    content: url('../icon/3rd party .png');
}

img#permitbuilding
{
    content: url('/assets/dashboard/icon/Building.png');
}

#obpermits.custom-licss.active img#permitOccupancy
{
    content: url('/assets/dashboard/icon/Occupancyactive.png');
}

img#permitOccupancy
{
    content: url('/assets/dashboard/icon/Occupancy.png');
}

#spermits.custom-licss.active img#permitSewage
{
    content: url('/assets/dashboard/icon/Sewageactive.png');
}

img#permitSewage
{
    content: url('/assets/dashboard/icon/Sewage.png');
}

#ppermits.custom-licss.active img#permitPlumbing
{
    content: url('/assets/dashboard/icon/Plumbingactive.png');
}

img#permitPlumbing
{
    content: url('/assets/dashboard/icon/Plumbing.png');
}

.nav-link img.Draftbuilding
{
    content: url('/assets/dashboard/icon/Draftactive.png');
}

.nav-link img.subbuilding
{
    content: url('/assets/dashboard/icon/Submittedactive.png');
}

.nav-link img.acceptBuilding
{
    content: url('/assets/dashboard/icon/Approveactive.png');
}

.nav-link img.rejectBuilding
{
    content: url('/assets/dashboard/icon/Rejectactive.png');
}

.nav-link.active img.Draftbuilding
{
    content: url('/assets/dashboard/icon/Draftactive.png');
}

.nav-link.active img.subbuilding
{
    content: url('/assets/dashboard/icon/Submittedactive.png');
}

.nav-link.active img.acceptBuilding
{
    content: url('/assets/dashboard/icon/Approveactive.png');
}

.nav-link.active img.rejectBuilding
{
    content: url('/assets/dashboard/icon/Rejectactive.png');
}

.nav-link .custom-color
{
    color: #ffffff70;
}

.nav-link.active .custom-color
{
    color: #fff;
}

.nav-tabs img#permit
{
    width: 16px;
    margin-top: -5px; /*content: url('/assets/dashboard/icon/Permit.png');*/
}

.nav-tabs .active img#permit
{
    width: 16px;
    width: 26px;
    margin-top: -5px; /*content: url('/assets/dashboard/icon/Permitactive.png');*/
}

.nav-tabs img#inspection
{
    /*content: url('../icon/inspection1.png');*/
    width: 20px;
}

.nav-tabs .active img#inspection
{
    /*content: url('../icon/inspection1active.png');*/
    width: 16px;
}


@media only screen and (max-width: 990px)
{
    .contentTabs
    {
        margin-top: 0px;
    }

    .pad-card
    {
        padding-top: 20px;
    }

    .pad-new-type
    {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 990px)
{
    .contentTabs
    {
        margin-top: -15px;
    }

    .nav.nav-tabs.custom-css li
    {
        margin-bottom: 0px;
    }
    .pad-card
    {
        padding-top: 0px;
    }

    .pad-new-type
    {
        padding-top: 0px;
    }
    .custom-licss.active
    {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 990px)
{
    .rem-pad
    {
        padding-top: 20px;
    }

    .nav.nav-tabs.custom-css li
    {
        margin-bottom: -7px;
    }
    .custom-licss.active
    {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 480px)
{

    .tab .nav-tabs li
    {
        width: 100%;
    }
}

iframe#IFrameShowReport
{
    height: 505px;
    width: 100%;
}

.circle
{
    line-height: 17px;
    padding: .0rem .36rem;
    border: 1px solid #45aaf2;
    text-align: center;
    border-radius: 50%;
    background-color: #45aaf2;
    color: white;
    z-index: 999;
    position: relative;
}

.custicon
{
    color: #fff;
}

.pad-icon
{
    padding-top: 252px;
}

strong, b
{
    font-weight: 600;
}

a.btn:hover
{
    color: #fff;
}

.btn-list
{
    bottom: 0;
    position: absolute;
}

/*.btn-plus .custom-nav-link.icon {
    margin: 5px;
    background: #0061da;
    width: 2.5rem;
    text-align: center;
    height: 2.5rem;
    border-radius: 5px;
}*/

.btn-plus .custom-nav-link.icon
{
    box-shadow: 3px 5px 20px 0 #6c48b3;
    border-radius: 20px;
    opacity: 0.91;
    background: #6c48b3;
    border: 2px solid #6c48b3;
    background-image: radial-gradient( #7936ab, #1938b2);
}
/*.btn-plus.show .custom-nav-link.icon {
    margin: 5px;
    background-color: #c21a1a;
    border-color: #c21a1a;
    width: 2.5rem;
    text-align: center;
    height: 2.5rem;
    border-radius: 5px;
}*/


div.dataTables_wrapper div.dataTables_paginate
{
    padding-top: 10px;
    padding-bottom: 12px;
    white-space: nowrap;
    float: right;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    cursor: pointer;
}

.paginate_button.current
{
    z-index: 3;
    color: #fff;
    cursor: pointer;
    background-color: #204d74;
    border-color: #204d74;
}

a.hover
{
    color: #204d74;
}

.paginate_button
{
    padding: 6px 12px;
    line-height: 1.42857143;
    color: gray;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.dataTables_filter
{
    padding-top: 10px;
}

table
{
    font-size: 13px;
    font-weight: 400;
}

.my-tabs.categoryinsp .tabs-menu1 ul li
{
    width: 33.33%;
}

.my-tabs.categoryinsp .tabs-menu1 ul li .active
{
    display: block;
    margin-top: -15px;
}

.my-tabs.tabs-menu1 ul li
{
    width: 50%;
}

.my-tabs .tabs-menu1 ul li .active
{
    display: block;
    margin-top: -15px;
}

.tabs-menu1 ul li a
{
    padding: 10px 20px 11px 20px;
}

.box-style
{
    border: 2px solid #d2b2b2;
    border-radius: 7px;
}

.background-pad
{
    background: #ECEEF9;
    padding-top: 10px;
    border-radius: 7px;
    border: 1px solid #d2b2b2;
}

.table-striped tbody tr:nth-of-type(odd)
{
    background: #eceef9;
}

ul.un-list:first-child li:before
{
    content: "\2714\0020";
    font-style: oblique;
    color: #20a020;
}

.pad-left1
{
    padding-left: 3px;
}

.video-dimension
{
    width: 100%;
    height: 250px;
}

.video-position
{
    position: relative;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle
{
    color: #fff;
    background-color: #005ccc;
    border-color: #005ccc;
}

.refresh
{
    float: right;
}

.nav-tabs
{
    margin: 0PX;
}

.btn-plus i.custicon:before
{
    content: "\f067";
}

.btn-plus.show i.custicon:before
{
    content: "\f00d";
}

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}


fieldset .fg {
  margin-left: 0;
  margin-right: 0;
 
}

.column-sm-2,.column-md-2,.column-lg-2,.column-lg-3,.column-sm-3,.column-md-3,.column-xs-5,.column-sm-5,.column-md-5,.column-lg-5,.col-xs-12,.column-sm-12,.column-md-12,.column-lg-12,.column-sm-10,.column-md-10,.column-lg-10,.column-sm-8,.column-md-8,.column-lg-8,.column-sm-4,.column-md-4,.column-lg-4 {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}




@media (min-width:768px) {
.column-sm-2,.column-sm-5,.column-sm-12,.column-sm-3,.column-sm-10,.column-sm-8,.column-sm-4 {
    float:left
}

.column-sm-12 {
    width:100%
}

.column-sm-8 {
    width:66.66666667%
}

.column-sm-5 {
    width:41.66666667%
}
.column-sm-3 {
    width:25%
}

.column-sm-10 {
    width:83.33333333%
}

.column-sm-2 {
    width:16.66666667%
}
.column-sm-4 {
    width:33.33333333%
}

}

@media (min-width:992px) {
.column-md-2,.column-md-5,.column-md-12,.column-md-3,.column-md-10,.column-md-8,.column-md-4 {
    float:left
}
.column-md-8 {
    width:66.66666667%
}

.column-md-12 {
    width:100%
}

.column-md-10 {
    width:83.33333333%
}
.column-md-3 {
    width:25%
}

.column-md-5 {
    width:41.66666667%
}

.column-md-2 {
    width:16.66666667%
}
.column-md-4 {
    width:33.33333333%
}

}

@media (min-width:1200px) {
.column-lg-2,.column-lg-5,.column-lg-12,.column-lg-10,.column-lg-3,.column-lg-8,.column-lg-4 {
    float:left
}

.column-lg-4 {
    width:33.33333333%
}

.column-lg-8 {
    width:66.66666667%
}

.column-lg-12 {
    width:100%
}

.column-lg-10 {
    width:83.33333333%
}
.column-lg-3 {
    width:25%
}

.column-lg-5 {
    width:41.66666667%
}


.column-lg-2 {
    width:16.66666667%
}


}


.clrfix:before {
    display:table;
    content:" "
}

.clrfix:after {
    clear:both
}



.text-hide {
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}

.hidden {
    display:none!important;
    visibility:hidden!important
}

.affix {
    position:fixed
}

@-ms-viewport {
    width:device-width
}

.visible-xs,.visible-sm,.visible-md,.visible-lg {
    display:none!important
}

.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block {
    display:none!important
}

@media (max-width:767px) {
.visible-xs {
    display:block!important
}

table.visible-xs {
    display:table
}

tr.visible-xs {
    display:table-row!important
}

th.visible-xs,td.visible-xs {
    display:table-cell!important
}
}

@media (max-width:767px) {
.visible-xs-block {
    display:block!important
}
}

@media (max-width:767px) {
.visible-xs-inline {
    display:inline!important
}
}

@media (max-width:767px) {
.visible-xs-inline-block {
    display:inline-block!important
}
}
