.pac-container {
     z-index: 1051 !important;
}

.form-control-ext {
	display: inline-block;
		width: 100%;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    /* background-clip: padding-box; */
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-ou
}

 .tooltip-inner {
  background-color: #343a40 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: #343a40 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #343a40 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #343a40 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #343a40 !important;
}

.dropzone{
  min-height : 0px !important;
}

.avt_cancel {
    cursor: pointer;
    align-items: center;
    justify-content: center;
    bottom: -5px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    display:flex;
    position: relative;
    top: -12px;
    right: 9px
}

.avt_cancel2 {
    cursor: pointer;
    align-items: center;
    justify-content: center;
    bottom: -5px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
    display:flex;
    position: relative;
    top: -77px;
    right: -60px
}


.top_address {
  font-size: 1rem; color: #fff; text-align: center; vertical-align: middle; padding-top: 25px; 
}

.kt-datatable__cell {
    word-break: break-word;
    
}


.twitter-typeahead {display: block !important; width: 100% !important;}
.tt-open {z-index: 9999 !important;}

.kt-header__brand-logo img, .kt-header-mobile__logo img{width:50px;}

.docicon {
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

.jay-signature-pad {
    position: relative;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 315px;
    border: 1px solid #e8e8e8;
    background-color: #D3D3D3;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 15px;
    padding: 20px;
}

.error-msg {
    width: 100%;
    font-size: 80%;
    color: #fd397a;
}


@page {
  size: a4 !important;
  
}
   @media print {
        html, body {
            width: 210mm;
            height: 297mm;    
            margin: 10px;
        }
        .page {
            margin: 0;
            border: initial;
            border-radius: initial;
            width: initial;
            min-height: initial;
            box-shadow: initial;
            background: initial;
            page-break-after: always;
        }
        .cl2 {
            flex:0 0 16.66% !important;
            max-width:16.66% !important;
            width: 16.66% !important;
        }
        .cl3 {
            flex:0 0 25% !important;
            max-width:25% !important;
            width: 25% !important;
        }
        .cl12 {
            flex:0 0 100% !important;
            max-width:100% !important;
            width: 100% !important;
        }
        .cl4 {
            flex:0 0 33.33% !important;
            max-width:33.33% !important;
            width: 33.33% !important;
        }
        .p-lg {
            max-width:800px !important;
        }
    }


.kt-portlet.kt-iconbox{
    padding:0rem;
} 

.kt-portlet.kt-iconbox .kt-portlet__body{
    padding:15px;
}

.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__title{
    font-size: 1.20rem;
}


.kt-iconbox .kt-iconbox__body .kt-iconbox__desc .kt-iconbox__content {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
}

#condo_attendance_add .modal-dialog{
    max-width: 1080px;
    width: 100%;
}

#condo_attendance_add .modal-body{
    padding:0;
}

.kt-datatable.kt-datatable--default > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell{
    padding-top: 5px;
    padding-bottom: 5px;
}

.kt-portlet__body.tool-header{
    padding: 15px;
    border-bottom: 1px solid #f0f3ff;    
}

.folder-structure{
    width:80%;
    margin:10px auto;
    border: 1px solid #e6e6e6;
    text-align: center;
}

.folder-structure h6{
    background: #e6e6e6;
    line-height: 30px;
    margin: 0;
    color: #000 !important;
}

.document_breadcrumbs a{
    font-size: 1.2rem !important;
    background: #5d78ff;
    color: #fff !important;
    padding: .25rem 1rem !important;
    margin: 0 5px;
    border-radius: 5px;
}

.document_breadcrumbs a:hover{
    background: #3758ff;
}    
.document_breadcrumbs.kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-separator:after{
    width: 10px !important;
    background: #000 !important;
    height: 10px !important;
}
.topcorner{
    position: absolute;
    top: -2px;
    right: 18px;
    font-size: 20px;
    height: 2rem !important;
    width: 2rem !important;
 }
 
.bottomcorner{
    position: absolute;
    top: 70px;
    right: 35px;
    font-size: 20px;
    height: 2rem !important;
    width: 2rem !important;
 }

 #attandence_data > .kt-datatable__table > .kt-datatable__body .kt-datatable__row > .kt-datatable__cell:first-child,
 #attandence_data > .kt-datatable__table > .kt-datatable__head .kt-datatable__row > .kt-datatable__cell:first-child
 {
     padding-left:10px !important;
 }

 .no-wrap-width{
    white-space: nowrap;
    min-width: 80px;
    padding:0 10px;
 }
 
 .kt-header__brand .kt-header__brand-nav .btn{color:#fff;}

 .select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
  border: 1px solid #e2e5ec !important; 
  height: calc(1.5em + 1.3rem + 2px) !important;
}