:root {
  --CW:#ffffff;
  --CB:#232323;
  --CP:#0153A5;
  --CS:#08A856;
  --CT:#E52233;
  --C1:#4285F4;
  --C2:#EA4335;
  --C3:#FBBC05;
  --C4:#34A853;
  --C5:#FF6600;
  --TCRequired:#C50707;
  

  
  
  --BSP:1px solid #076DB8;
  --BSS:1px solid #00a651;
  --BS1:1px solid #000000;
  --BS2:1px solid #000000;
  --BS3:1px solid #000000;

  --FS10:10px;--FS12:12px;--FS14:14px;--FS16:16px;--FS18:18px;--FS20:20px;--FS22:22px;--FS24:24px;
  --FS26:26px;--FS28:28px;--FS30:30px;--FS32:32px;--FS34:34px;--FS36:36px;--FS38:38px;--FS40:40px;
  --FS42:42px;--FS44:44px;--FS46:46px;--FS48:48px;--FS50:50px;

  --OpacityDark:rgba(0, 0, 0, 0.7);
  --OpacityDark1:rgba(0, 0, 0, 0.5);
  --OpacityDark2:rgba(0, 0, 0, 0.4);
  --OpacityLight:rgba(255, 255, 255, 0.7);
  --OpacityLight1:rgba(0, 0, 0, 0.5);
  --OpacityLight2:rgba(0, 0, 0, 0.5); 


   --BG-Body:#FFFFFF;
  --BG-Html:#FFFFFF;
  --CA:#0072B1;  /*Primary Color*/
  
  --CC:#FF6600;     /*Optional Color 1*/
  --CD:#555555;  /*Optional Color 2*/
  --CE:#F0F0F0;  /*Optional Color 3*/
  --CW:#FFF;
  --CR:#C50707;  /*Required*/
  --CT:#555555;  /*Text Color*/
  --ES:10px;     /*Element Spacing*/
  --CG:gold;
  --Title-Color:crimson;
  --Txt-Highlight:crimson;
  --BG-ColorA:#135995;
  --BG-ColorB:#106EBE;
  --BG-ColorC:#0078D4;
  --BG-ColorD:#B3D6F2;
  --BG-ColorE:#F4F5F6; 
  --BC-Ctrl:#C3C3C3; 
  --FF-Site:'Noto Sans', sans-serif !important;
  --FF-Main:'Rubik', sans-serif !important;
  --Border-Color:#C9C9C9;
  
  

  --BG-Btn-App:#0F9D58;
  --BG-Btn-Cancel:#DB4437;
  --BG-Btn-Print:#4285F4;
}

@font-face {font-family: mFontFamily_Title;src: url(../fonts/EASPORTS15.ttf);}
@font-face {font-family: mFontFamily_Primary;src: url(../fonts/Calibri_Regular.ttf);}
@font-face {font-family: mFontFamily_Primary;src: url(../fonts/Calibri_Bold.ttf);font-weight:700;}

.mFontFamily_Title{font-family:mFontFamily_Title !important;}
.mFF_Default{font-family:fantasy !important;}
.mFontFamily_Primary{font-family:mFontFamily_Primary !important;}
.mRequired{color:var(--TCRequired);font-weight:600;}
.mInvalid{border-color: #EA4335 !important;}

/*Overlay*/
.mOverlayDIV{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.mOverlay_Dark{position: relative;}
.mOverlay_Dark::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
                       content: "";-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }


.mOverlay_BGColor::before{background-color: #000;}
.mOverlay_BGColor1::before{background-color: rgb(9, 64, 116);}

.mOverlay_Opacity01::before{opacity: 0.1;}
.mOverlay_Opacity02::before{opacity: 0.2;}
.mOverlay_Opacity03::before{opacity: 0.3;}
.mOverlay_Opacity04::before{opacity: 0.4;}
.mOverlay_Opacity05::before{opacity: 0.5;}
.mOverlay_Opacity06::before{opacity: 0.6;}
.mOverlay_Opacity07::before{opacity: 0.7;}
.mOverlay_Opacity08::before{opacity: 0.8;}
.mOverlay_Opacity09::before{opacity: 0.9;}
.mOverlay_Opacity1::before{opacity: 1;}


.mOverlay_Light{position: relative;}
.mOverlay_Light::before{background: #FFF;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.3;
                        content: "";-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease; }
 /*Overlay*/



.mOpacityDark{background-color: var(--OpacityDark);}
.mOpacityDark1{background-color: var(--OpacityDark1);}
.mOpacityDark3{background-color: var(--OpacityDark2);}

.mOpacityLight{background-color: var(--OpacityLight);}
.mOpacityLight1{background-color: var(--OpacityLight1);}
.mOpacityLight2{background-color: var(--OpacityLight2);}


.mCtrl{border-radius: 1px;padding: 4px;height:auto;display: block;width: 100%;  margin-bottom:2px;
       font-size: 15px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;
       border: 1px solid #ced4da;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;          }
.form-control:focus ,.mCtrl:focus{color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}


.mBtn{padding: 3px 10px; border-radius:2px;} 
/*Button*/
.mBtnDefault{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnDefault:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnEdit{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnEdit:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnView{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnView:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnSubmit{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnSubmit:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnRefresh{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnRefresh:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnBack{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnBack:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnClose{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnClose:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnDelete{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnDelete:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnPrint{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnPrint:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnDownload{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnDownload:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnPrimary{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnPrimary:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnSuccess{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnSuccess:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnDanger{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnDanger:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnWarning{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnWarning:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnInfo{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnInfo:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnLight{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnLight:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mBtnDark{color: #fff;background-color: #218838;border-color: #28a745}
.mBtnDark:hover {color: #fff;background-color: #218838;border-color: #1e7e34}

.mGvSearch{margin-bottom:2px;}
.mGvSearch input{font-size:14px;padding: 4px 4px;}
.mGvSearchLnk{padding: .50rem .75rem;}
.mGvSearch .mIGText{padding: 0px;}
.mGvSearch .mIGIcon{padding: .50rem .75rem;}
.mGvSearchMsg{font-size: 14px; font-weight: 500;color: #155BA1;}
.mGvHeader{display:block;}
.mGvHeader .mGvTitle{font-size: 14px;font-weight: 500;color: #155BA1;margin:0px;}
.mGvHeader .mGvCtrlSpan{display:block;}
.mGvRC{font-size: 14px;font-weight: 500;color: #155BA1;}

.mGV {background: #fff; width:100%;}
.mGV th{text-align: center;font-size: 12px;border: 1px solid #ddc6d6 !important;background-color: #eee9f0;color: #752f8e !important;padding:6px !important}
.mGV td{border: 1px solid #ddc6d6 !important;font-size: 12px;padding:  3px 5px !important;}
.mGV .mGVPager, .mGV .mGVPager table td {border: 0px !important;padding:0px !important;}
.mGV .mGVPager table {margin: 5px;}
.mGV .mGVPager table span,.mGV .mGVPager table  a{margin-right: 2px;padding: 4px 7px !important;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ccc;}
.mGV .mGVPager table span,.mGV .mGVPager table  a:hover{background-color: #337ab7;border-color: #2e6da4;color:#fff;}

/*Card*/
.mCard{background-color: var(--BCW);background-clip: border-box;border-radius: 1px;margin-bottom:10px; }
.mCard_Header{font-weight: 500;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);padding:5px 10px;font-size: 16px;}
.mCard_Header_Title{font-size:16px;margin:0px;}
.mCard_Body{padding: 10px 10px 10px 10px;}
.mCard_Title{}
.mCard_Link{}
.mCard_SubTitle{}
.mCard_Footer{padding:5px 10px}
/*Card*/


/*Modal*/
.mModal{}
.mModalDialog{}
.mModaContent{border-radius: 1px;}
.mModaHeader{padding: 5px 10px;}
.mModaHeaderTitle{color:#696A6C;}
.mModaHeaderTitle_Error{color:darkred;}
.mModaHeaderTitle_Success{color:green;margin-bottom: 2px;}
.mModaHeaderIcon{font-size:16.5px;}
.mModaHeaderColse{outline:none;}
.mModaBody{padding-top: 0px; padding-bottom: 0px;}
.mModaHeading{background: #F5F5F5;padding: 10px;color:#005DA6;margin:0px;}
.mModaMsgBox{}
.mModaFooter{padding: 5px 10px;}
.mModaFooter .btn {margin: 0px;padding-bottom: 0px;padding-top: 0px;}
.mModalUL{list-style: outside none none;padding-left: 0;}
.mModalUL li{margin: 5px 0; padding-left: 15px;position: relative;}
.mModalUL li::before {content: "\f101";font-size:11px;font-family: 'Font Awesome 5 Free';font-weight: 900;
                      border: none;color: #155BA1;display: inline-block;margin-right: 10px;padding: 0;
                      left: 0;position: absolute;top: 5px;}
/*Modal*/

/*Drop Down*/
.select2-results__message{color:#EA4335;}
.select2-container{margin-bottom:2px;}
.select2-container--default .select2-selection--single{ height:28px; border-radius: 2px;border: 1px solid #ced4da; padding: 2px 3px 2px 1px;outline:none; }
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus {border-color:#80bdff;}
.select2-container--default .select2-selection--multiple,.select2-selection--multiple
{border-radius: 2px;border: 1px solid #ced4da;background-color: #fff;outline: 0;
 transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: 1px 0px 3px 0px;height: auto;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#80bdff;outline:none;}
.select2-container--default .select2-selection--multiple  .select2-selection__choice
{background:#FFF; border-radius:1px;padding:0px;margin-top:2px;font-size: 16px;padding-right:3px; border-color:#495057; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{background:#E9ECEF;margin-right:4px; border:0px;border-radius:0PX;border-right:1px solid #495057;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{font-size:16px; font-weight:700;color:#495057;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{font-size:15px;  color:#495057;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover span{color: #FFF;outline: none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color: #EA4335;color: #FFF;outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 2px;font-weight:400;font-size:14px;line-height:1.5 ;}
.select2-container--default .select2-search--dropdown .select2-search__field{ border-radius: 2px;border: 1px solid #ced4da;outline:none;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border-color:#80bdff;}
/*Drop Down*/
.multiselect-container{}
.multiselect-container li{}
.multiselect-container li a{outline:none}
.multiselect-container li a:active{outline:none}
.multiselect-container li a lable{}
.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio{padding: 3px 10px;}
.multiselect-container li:hover{color:#FFF ;background:  #2d618c;}

span.multiselect-native-select{width:100%;display: block;}
span.multiselect-native-select .btn-group{width:100%;}
.mMSBtn{white-space:pre-wrap;text-align:left;background-color:#ffffff ;outline:none; border: 1px solid #ced4da;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%;}
.mMSBtn span{flex-grow: 1!important;}
.mMSBtn::after{align-self: center !important;}
.mMSBtn:focus{color: #495057;background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)}