/* PAGE ---------------------------------------------------------------------------- */
body {
    /*margin: 0;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    

    font-weight: 400;
    line-height: 1.5385;
    text-align: left;
    background-color: #f5f5f5;
    color: #1b1b1b;
    */
    /*font-size: 1rem;*/
    color: #111;
}

@media screen and (max-width: 414px) {
/*@media only screen and (min-width: 414px) and (max-width: 767px) {*/

    body {
        font-size: 1rem;
        color: #111;
    }

    .form-control {
        font-size: 1rem;
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    body {
        font-size: 16px;
        color: #111;
    }

    .form-control {
        font-size: 16px;
    }
}*/

.text-default {
    color: #111;
}

.text-muted-666 {
    color: #666 !important;
}

/* END PAGE ---------------------------------------------------------------------------- */

/* PAGE HELP ---------------------------------------------------------------------------- */
.border-v1 {
    border: 1px solid #ccc !important;
}

.border-v1-top {
    border-top: 1px solid #ccc !important;
}

.border-v1-right {
    border-right: 1px solid #ccc !important;
}

.border-v1-bottom {
    border-bottom: 1px solid #ccc !important;
}

.border-v1-left {
    border-left: 1px solid #ccc !important;
}


legend {
    padding-top: 1.5rem;
    padding-bottom: 0.325rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #ddd;
    font-size: 0.8125rem;
}

/* END PAGE HELP ---------------------------------------------------------------------------- */

/* NAVBAR ---------------------------------------------------------------------------- */
.navbar-brand {
padding-top: .25rem;
padding-bottom: 0;
min-width: unset !important;
}
.navbar-brand img {
    height: auto;
}



/* END NAVBAR ---------------------------------------------------------------------------- */

/* TEXT ---------------------------------------------------------------------------- */

.oneLine {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

/* TEXT NAVBAR ---------------------------------------------------------------------------- */

/* FORM ---------------------------------------------------------------------------- */
.form-group-feedback-right .form-control {
    padding-right: 0;
    margin-right: 2.75rem;
}

.select2-selection--single {
    border-radius: 0.1rem;
}

.form-control {
    padding: .2375rem .475rem;
    border-radius: 0.1rem;
}

.hide {
    display: none;
}

/* END FORM ---------------------------------------------------------------------------- */


.row_v1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* SIDEBAR ---------------------------------------------------------------------------- */

.sidebar-view {
    position: fixed !important;
    width: 9.2rem !important;
}

.sidebar-content-wrapper {
    padding-left: 3.26rem;
}

.sidebar-main {
    width: 9.2rem;
    min-height: 100vh;
}

.sidebar-min { width: 3.2rem;}

@media (max-width: 767px) {
    .sidebar-main {
        width: 9.2rem !important;
    }
}

@media (max-width: 1190px) {
    .sidebar-main {
        width: 3.2rem;
    }
}



.sidebar:not(.sidebar-component) .sidebar-content {
    overflow: auto;
    overflow-x:hidden;
}

/* SIDEBAR END ---------------------------------------------------------------------------- */

.content_max {
    max-width: 1260px;
}

.content_max_1900 {
    max-width: 1670px;
}

.page-header {
    padding-top: 3.00003rem;
}

.content-wrapper {
    overflow: hidden;
}


.ig-w1 {
    width: 4rem;
    display: block;
}





.navbar-dark {
    /*background-color: #0277BD;*/
    /*https://cssgradient.io/*/
    background: rgb(0,144,230);
    background: linear-gradient(0deg, rgba(0,144,230,1) 0%, rgba(2,119,189,1) 74%, rgba(1,109,173,1) 97%);
}

.block-refresh-layer-bottom {
    /*bottom: 0 !important;*/
    bottom: unset !important;
    }

/* Table ---------------------------------------------------------------------------- */

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.td-tid {
    border-bottom: 1px solid #26a69a !important;
}

.table-custom {
    border-top: 1px solid #546e7a;
    margin-bottom: 30px;
    overflow-x: auto;
}

@media (min-width: 414px) {
    .table-custom {
        border-top: 1px solid #546e7a;
        margin-bottom: 30px;
        overflow: visible;
    }
}

.table-xs td, .table-xs th {
    padding: .4rem .4rem;
}

.td-sum1 {
    padding: .25rem .5rem !important;
}

/* DropDown ---------------------------------------------------------------------------- */
.ddlList {
    color: #333;
    padding-right: .2rem;
}

    .ddlList:hover {
        color: #333;
        background-color: #f5f5f5;
    }

.ddlList-Select {
    background-color: #f5f5f5;
}

.ddlList-Content {
    position: relative;
    top: -11px;
    left: 0px;
    border-radius: .1875rem;
    width: 100%;
}

/* dropdown-menu  ---------------------------------------------------------------------------- */

.cmt--1 {
    margin-top: -1px !important;
    border-color: #d5d5d5;
}

/* END dropdown-menu  ---------------------------------------------------------------------------- */

/* Icon AJAX ---------------------------------------------------------------------------- */
.block-refresh-layer {
    position: absolute;
    background: #FFF;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
    font-size: 21px;
    bottom: 30px;
}

.block-refresh-add {
    background: #FFF;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
    font-size: 21px;
}

/* daterangepicker ---------------------------------------------------------------------------- */
.daterangepicker td.active {
    color: #fff !important;
    background-color: #0377bd !important;
}

.ranges ul li.active {
    color: #fff;
    background-color: #0377bd;
}

.daterangepicker td.today {
    color: #2196f3;
    background-color: #f5f5f5;
}

.daterangepicker td.weekend {
    /*color: #2196f3;
    background-color: #f5f5f5;*/
}

/* modal ---------------------------------------------------------------------------- */

.nav-tabs .nav-link.active {
    border-bottom: 1px solid #fff !important;
    color: #333;
}

.nav-tabs_ul {
    margin-right: -0.4rem;
    margin-left: -0.4rem;
    padding-left: 0.8rem;
    margin-bottom: 0rem;
    border-bottom: 0px;
}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
    border-bottom: 1px solid #ddd;
}

.tab-inactive {
    background-color: #fafafa;
    border-left: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd;
    z-index: 1051;
}

.card-body-v1 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}




.modal-v1 {
    background-color: #FFF !important;
    color: transparent !important;
}

.modal-header-cust1 {
    padding: 1rem 1.2rem .8rem 1.7rem;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ccc !important;
}

.modal-title-color {
    color: #333;
}

.modal-content {
    box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.3);
}

.modal-backdrop.show {
    opacity: 0.5;
}

.col-pad1 {
    padding-right: .225rem !important;
    padding-left: .225rem !important;
}

.row-pad5 {
    padding-bottom: 0.5rem;
}

.row-footer {
    padding-top: 1.3rem;
    padding-bottom: 0.9rem;
}

.col-right {
    text-align: right;
}

.right-button {
    margin-right: 1.3rem;
    margin-left: 0.3rem;
}

/* END modal ---------------------------------------------------------------------------- */

/* Bootstrap.css ADD ---------------------------------------------------------------------------- */



/* END Bootstrap.css  ---------------------------------------------------------------------------- */

/* Components.css ADD ---------------------------------------------------------------------------- */

.wmin-350 { min-width: 350px !important; }
.wmin-290 { min-width: 290px !important; }
.wmin-280 { min-width: 280px !important; }
.wmin-270 { min-width: 270px !important; }
.wmin-260 { min-width: 260px !important; }
.wmin-190 { min-width: 190px !important; }
.wmin-180 { min-width: 180px !important; }
.wmin-170 { min-width: 170px !important; }
.wmin-160 { min-width: 160px !important; }
.wmin-150 { min-width: 150px !important; }
.wmin-140 { min-width: 140px !important; }
.wmin-130 { min-width: 130px !important; }
.wmin-120 { min-width: 120px !important; }
.wmin-110 { min-width: 110px !important; }
.wmin-100 { min-width: 100px !important; }
.wmin-60 { min-width: 60px !important; }
.wmin-50 { min-width: 50px !important; }
.wmin-40 { min-width: 40px !important; }
.wmin-30 { min-width: 30px !important; }

.wd-500 { width: 500px !important; }
.wd-250 { width: 250px !important; }
.wd-200 { width: 200px !important; }
.wd-190 { width: 190px !important; }
.wd-180 { width: 180px !important; }
.wd-170 { width: 170px !important; }
.wd-160 { width: 160px !important; }
.wd-150 { width: 150px !important; }
.wd-140 { width: 140px !important; }
.wd-130 { width: 130px !important; }
.wd-120 { width: 120px !important; }
.wd-110 { width: 110px !important; }
.wd-100 { width: 100px !important; }
.wd-90 { width: 90px !important; }
.wd-80 { width: 80px !important; }
.wd-70 { width: 70px !important; }
.wd-66 { width: 66px !important; }
.wd-60 { width: 60px !important; }
.wd-56 { width: 56px !important; }
.wd-50 { width: 50px !important; }
.wd-40 { width: 40px !important; }
.wd-30 { width: 30px !important; }
.wd-20 { width: 20px !important; }
.wd-10 { width: 10px !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-40 { width: 40% !important; }
.w-50 { width: 50% !important; }
.w-60 { width: 60% !important;}
.w-70 { width: 70% !important;}
.w-80 { width: 80% !important;}

@media (min-width: 576px) {
	.wmin-sm-190 { min-width: 190px !important; }
	.wmin-sm-180 { min-width: 180px !important; }
	.wmin-sm-170 { min-width: 170px !important; }
	.wmin-sm-160 { min-width: 160px !important; }
	.wmin-sm-150 { min-width: 150px !important; }
	.wmin-sm-140 { min-width: 140px !important; }
	.wmin-sm-130 { min-width: 130px !important; }
	.wmin-sm-120 { min-width: 120px !important; }
	.wmin-sm-110 { min-width: 110px !important; }
	.wmin-sm-100 { min-width: 100px !important; }
	.wmin-sm-50 { min-width: 50px !important; }
	.wd-sm-190 { width: 190px !important; }
	.wd-sm-180 { width: 180px !important; }
	.wd-sm-170 { width: 170px !important; }
	.wd-sm-160 { width: 160px !important; }
	.wd-sm-150 { width: 150px !important; }
	.wd-sm-140 { width: 140px !important; }
	.wd-sm-130 { width: 130px !important; }
	.wd-sm-120 { width: 120px !important; }
	.wd-sm-110 { width: 110px !important; }
	.wd-sm-100 { width: 100px !important; }
    .wd-sm-full { width: 100% !important; }

}

@media (min-width: 768px) {
	.wmin-md-190 { min-width: 190px !important; }
	.wmin-md-180 { min-width: 180px !important; }
	.wmin-md-170 { min-width: 170px !important; }
	.wmin-md-160 { min-width: 160px !important; }
	.wmin-md-150 { min-width: 150px !important; }
	.wmin-md-140 { min-width: 140px !important; }
	.wmin-md-130 { min-width: 130px !important; }
	.wmin-md-120 { min-width: 120px !important; }
	.wmin-md-110 { min-width: 110px !important; }
	.wmin-md-100 { min-width: 100px !important; }
	.wmin-md-50 { min-width: 50px !important; }
    .wd-md-600 { width: 600px !important; }
    .wd-md-500 { width: 500px !important; }
    .wd-md-400 { width: 400px !important; }
	.wd-md-190 { width: 190px !important; }
	.wd-md-180 { width: 180px !important; }
	.wd-md-170 { width: 170px !important; }
	.wd-md-160 { width: 160px !important; }
	.wd-md-150 { width: 150px !important; }
	.wd-md-140 { width: 140px !important; }
	.wd-md-130 { width: 130px !important; }
	.wd-md-120 { width: 120px !important; }
	.wd-md-110 { width: 110px !important; }
	.wd-md-100 { width: 100px !important; }
}

@media (min-width: 992px) {
	.wmin-lg-190 { min-width: 190px !important; }
	.wmin-lg-180 { min-width: 180px !important; }
	.wmin-lg-170 { min-width: 170px !important; }
	.wmin-lg-160 { min-width: 160px !important; }
	.wmin-lg-150 { min-width: 150px !important; }
	.wmin-lg-140 { min-width: 140px !important; }
	.wmin-lg-130 { min-width: 130px !important; }
	.wmin-lg-120 { min-width: 120px !important; }
	.wmin-lg-110 { min-width: 110px !important; }
	.wmin-lg-100 { min-width: 100px !important; }
	.wmin-lg-50 { min-width: 50px !important; }
	.wd-lg-700 { width: 700px !important; }
    .wd-lg-600 { width: 600px !important; }
    .wd-lg-500 { width: 500px !important; }
	.wd-lg-190 { width: 190px !important; }
	.wd-lg-180 { width: 180px !important; }
	.wd-lg-170 { width: 170px !important; }
	.wd-lg-160 { width: 160px !important; }
	.wd-lg-150 { width: 150px !important; }
	.wd-lg-140 { width: 140px !important; }
	.wd-lg-130 { width: 130px !important; }
	.wd-lg-120 { width: 120px !important; }
	.wd-lg-110 { width: 110px !important; }
	.wd-lg-100 { width: 100px !important; }
}

@media (min-width: 1200px) {
	.wmin-xl-190 { min-width: 190px !important; }
	.wmin-xl-180 { min-width: 180px !important; }
	.wmin-xl-170 { min-width: 170px !important; }
	.wmin-xl-160 { min-width: 160px !important; }
	.wmin-xl-150 { min-width: 150px !important; }
	.wmin-xl-140 { min-width: 140px !important; }
	.wmin-xl-130 { min-width: 130px !important; }
	.wmin-xl-120 { min-width: 120px !important; }
	.wmin-xl-110 { min-width: 110px !important; }
	.wmin-xl-100 { min-width: 100px !important; }
	.wmin-xl-50 { min-width: 50px !important; }
	.wd-xl-700 { width: 700px !important; }
    .wd-xl-600 { width: 600px !important; }
    .wd-xl-500 { width: 500px !important; }
    .wd-xl-190 { width: 190px !important; }
	.wd-xl-180 { width: 180px !important; }
	.wd-xl-170 { width: 170px !important; }
	.wd-xl-160 { width: 160px !important; }
	.wd-xl-150 { width: 150px !important; }
	.wd-xl-140 { width: 140px !important; }
	.wd-xl-130 { width: 130px !important; }
	.wd-xl-120 { width: 120px !important; }
	.wd-xl-110 { width: 110px !important; }
	.wd-xl-100 { width: 100px !important; }
}

    /* END Components.css ---------------------------------------------------------------------------- */



.no-zoom {
    font-size: 16px;
    transform-origin: top left;
    transform: scale(0.75);    /*//  12px / 16px*/

    
    
    
}