.font-12{font-size:12px}
    .font-15{font-size:15px;}
    .font-16{font-size:16px;}
    .font-18{font-size:18px;}
    .font-21{font-size:21px;}

    .bg-ornge{background-color:white;}
    .bg-lggry{background-color:#f0f2f4}
    .bg-crm{background-color: #f8f8f8 !important;}
    .bg-yellow{background-color: #fdaf19;}
    .bg-red{background-color: #bb0d17;}
    .bg-blue{background-color: #205b8b !important;}
    .bg-black{background-color: #222222;}
    .bg-lblue{background-color: #5387b4;}
    .bg-lgtblue{background-color: #c3d5e6;}
    .bg-gray{background-color: #8d8d8d;}
    .bg-gry{background-color:#a9a6a6;}
    .bg-lgthead{background-color:#eae5e5}
    .bg-green{background-color: green;}
    .bg-brown{background-color: #522e22;}
    /* .bg-skyblue{background-color: #8d8d8d;} */
    
    .text-grey{color:#858585;}
    .text-orange{color:#dc5d13;}
    /* .text-red{color:#205b8b;} */
    .text-tred{color:red;}
    .text-green{color:#288c0a;}
    .text-green1{color:#058205;}
    .text-pink{color:#fb8585;}
    .text-dgry{color:#8a8b8d;}
    .text-blue{color:#4052b6;}
    .text-blues{color:#205b8b;}
    .text-tmtred{color:#ef1537}
    .text-purple{color:purple;}
    .text-skyblue{color:#288c0a;}
    .text-yellow{color: #fdaf19;}
    .text-lgblue{color:#5387b4;}
    .text-red{color:#bb0d17;}
    .row1{background-color:#bb0d17}
    .row2{background-color:#205b8b}
    .ml-7{margin-left: 5.4rem;}
    .ml-6{margin-left: 4.4rem;}
    .segment-md .segment-button.segment-activated {
        border-color: #205b8b;
        opacity: 1;
    }
    .segment-md .segment-button {
        color: #205b8b;
       
    }
    .item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner, .item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
         border-bottom-color: none; 
         -webkit-box-shadow: none; 
        box-shadow:none; 
    }
    .item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner, .item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
        border-bottom-color:none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .top-icon
    {
        /* color:var(--top-icon); */
        cursor: pointer;
        font-size: 24px!important;
        padding: 8px!important;
    }

    .tbl
    {
        width: 100%!important;
        table-layout: fixed;    
    }
    .tbl th
    {
        position: sticky;
        position: -webkit-sticky;
        background-color: #a9a6a6;
        color:#ffffff;
        /* border:1px solid #000000; */
        top:0;
        z-index:2;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;  
        font-weight: bold;
    }
    .tbl1
    {
        width: 100%!important;
        table-layout: fixed;    
    }
    .tbl1 th
    {
        position: sticky;
        position: -webkit-sticky;
        background-color: #bb0d17;
        color:#ffffff;
        /* border:1px solid #000000; */
        top:0;
        z-index:2;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;  
        font-weight: bold;
    }
    .tbl_blu
    { 
        width: 97%!important;
        table-layout: fixed;  
       
    }
    .tbl_blu th
    {
        position: sticky;
        position: -webkit-sticky;
        background-color: #205b8b;
        color:#ffffff;
        /* border:1px solid #000000; */
        top:0;
        z-index:2;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;  
        font-weight: bold;
    }
    .top_head
    {
        background-color: #205b8b;
        color: #ffffff;
        font-weight:bold;
        text-align:center;
    }
    .colfixed
    {
        max-height: 300px;
        overflow: auto;
        /* z-index : 100000; */
        left : 0;
        overflow-x: hidden;
    }
    .tabfixed
    {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%; 
    }
    .fxdhead
    {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%; 
    }
    .form-back
    {
        background-color: #ffffff;
        box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    }
    .lb-div
    {
        width: 28%;float:left;padding-top:12px;font-size:15px;
        color:#000;
    }
    .lb1-div
    {
        width:72%;float:left;
        border: 1px solid #dcdcdc;
    }
    .bg-nomgreen{
        background-color: #3E7C17 !important;
        color: white;
        /* //padding: 1rem !important; */
    }
    .toolbar-ios ion-title {
        left: 0;
        top: 0;
        padding: 1px 55px 1px;
    }