@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
/* Custom Scrollbar Chrome */
::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #fafafa; border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #FFA500; border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background: #FFA500; }
/* Custom Scrollbar Firefox */
* {scrollbar-width:thin;}


html {-webkit-text-size-adjust: 100%;font-size: 62.5%;}
body {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
margin:0; padding:0; font-size:1rem; 
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;
text-rendering: optimizeLegibility; }
h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,span{margin:0; padding:0;}
a{ text-decoration: none;}
.cursorpointer{ cursor: pointer;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}
ol, ul { list-style: none; }
.float-right{ float:right!important} 
.float-left{ float:left!important}
.d-inline{ display:inline-block !important;}
.d-block{ display: block !important;}
.d-flex{ display: flex !important;}
.d-none{ display: none;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position:  fixed !important;}
.radius-0 {border-radius:0 !important}
.radious-1{border-radius:10px !important;}
.radious-2{border-radius:20px !important;}
.radious-3{border-radius:30px !important;}
.radious-4{border-radius:40px !important;}
.radious-5{border-radius:50px !important;}

.align-center{ align-items: center;}
.justify{ text-align: justify;}
.justify-center{ justify-content: center;}
.justify-left{ justify-content: flex-start;}
.justify-right{ justify-content: flex-end;}
.justify-space{ justify-content:space-between;}
.justify-around{ justify-content:space-around;}

.roboto-regular {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;}
.roboto-medium {font-family: "Roboto", sans-serif;font-weight: 500;font-style: normal;}
.roboto-bold {font-family: "Roboto", sans-serif;font-weight: 700;font-style: normal;}
.roboto-black {font-family: "Roboto", sans-serif;font-weight: 900;font-style: normal;}

.noto-sans-500 {font-family: "Noto Sans", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.noto-sans-600 {font-family: "Noto Sans", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}

/* Text Style */
.uppercase{ text-transform:uppercase!important;}
.small, small {font-size: 85%;}
.text-500 {font-weight: 500;}.text-600 {font-weight: 600;}.text-bold {font-weight: bold;}
.text-left{ text-align:left;} .text-center{ text-align:center;} .text-right{ text-align:right;}

/* Font Sizes */
.font-10 { font-size: 1rem!important; }.font-11 { font-size: 1.1rem!important; }.font-12 { font-size: 1.2rem!important; }
.font-13 { font-size: 1.3rem!important; }.font-14 { font-size: 1.4rem!important; }.font-15 { font-size: 1.5rem!important; }
.font-16 { font-size: 1.6rem!important; }.font-17 { font-size: 1.7rem!important; }.font-18 { font-size: 1.8rem!important; }
.font-19 { font-size: 1.9rem!important; }.font-20 { font-size: 2rem!important; }.font-21 { font-size: 2.1rem!important; }
.font-22 { font-size: 2.2rem!important; }.font-23 { font-size: 2.3rem!important; }.font-24 { font-size: 2.4rem!important; }
.font-25 { font-size: 2.5rem!important; }.font-26 { font-size: 2.6rem!important; }.font-27 { font-size: 2.7rem!important; }
.font-28 { font-size: 2.8rem!important; }.font-29 { font-size: 2.9rem!important; }.font-30 { font-size: 3rem!important; }
.font-31 { font-size: 3.1rem!important; }.font-32 { font-size: 3.2rem!important; }.font-33 { font-size: 3.3rem!important; }
.font-34 { font-size: 3.4rem!important; }.font-35 { font-size: 3.5rem!important; }.font-36 { font-size: 3.6rem!important; }
.font-37 { font-size: 3.7rem!important; }.font-38 { font-size: 3.8rem!important; }.font-39 { font-size: 3.9rem!important; }
.font-40 { font-size: 4rem!important; }.font-41 { font-size: 4.1rem!important; }.font-42 { font-size: 4.2rem!important; }
.font-43 { font-size: 4.3rem!important; }.font-44 { font-size: 4.4rem!important; }.font-45 { font-size: 4.5rem!important; }

/* Margins */
.m-auto{ margin:0 auto;} .ml-auto{ margin-left:auto !important;} .mr-auto{ margin-right:auto !important;} 
.m-0{ margin: 0 !important;}.m-1{ margin: 1rem !important;}.m-2{ margin: 1.5rem !important;}
.m-3{ margin: 2rem !important;}.m-4{ margin: 2.5rem !important;}.m-5{ margin: 3rem !important;}.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: 1rem !important;}.mt-2{margin-top: 1.5rem !important;}.mt-3{margin-top: 2rem !important;}
.mt-4{margin-top: 2.5rem !important;}.mt-5{margin-top: 3rem !important;}.ml-0{margin-left: 0 !important;}
.ml-1{margin-left: 1rem !important;}.ml-2{margin-left: 1.5rem !important;}.ml-3{margin-left: 2rem !important;}
.ml-4{margin-left: 2.5rem !important;}.ml-5{margin-left: 3rem !important;}
.mr-0{margin-right: 0 !important;}.mr-1{margin-right: 1rem !important;}.mr-2{margin-right: 1.5rem !important;}
.mr-3{margin-right: 2rem !important;}.mr-4{margin-right: 2.5rem !important;}.mr-5{margin-right: 3rem !important;}
.mb-0{margin-bottom: 0 !important;}.mb-1{margin-bottom: 1rem !important;}.mb-2{margin-bottom: 1.5rem !important;}
.mb-3{margin-bottom: 2rem !important;}.mb-4{margin-bottom: 2.5rem !important;}.mb-5{margin-bottom: 3rem !important;}

/* Paddings */
.p-0{ padding: 0 !important;}.p-1{ padding: 1rem !important;}.p-2{ padding: 1.5rem !important;}.p-3{ padding: 2rem !important;}.p-4{ padding: 2.5rem !important;}
.p-5{ padding: 3rem !important;}.pt-0{padding-top: 0 !important;}.pt-1{padding-top: 1rem !important;}.pt-2{padding-top: 1.5rem !important;}
.pt-3{padding-top: 2rem !important;}.pt-4{padding-top: 2.5rem !important;}.pt-5{padding-top: 3rem !important;}
.pl-0{padding-left: 0 !important;}.pl-1{padding-left: 1rem !important;}.pl-2{padding-left: 1.5rem !important;}
.pl-3{padding-left: 2rem !important;}.pl-4{padding-left: 2.5rem !important;}.pl-5{padding-left: 3rem !important;}
.pr-0{padding-right: 0 !important;}.pr-1{padding-right: 1rem !important;}.pr-2{padding-right: 1.5rem !important;}
.pr-3{padding-right: 2rem !important;}.pr-4{padding-right: 2.5rem !important;}.pr-5{padding-right: 3rem !important;}
.pb-0{padding-bottom: 0 !important;}.pb-1{padding-bottom: 1rem !important;}.pb-2{padding-bottom: 1.5rem !important;}.pb-3{padding-bottom: 2rem !important;}
.pb-4{padding-bottom: 2.5rem !important;}.pb-5{padding-bottom: 3rem !important;}

/* Width */
.w-auto{ width:auto;} .w-2{ width: 2% !important;} .w-5{ width: 5% !important;} .w-10{ width: 10% !important;} 
.w-15{ width: 15% !important;} .w-20{ width: 20% !important;}  .w-24{ width: 24% !important;} 
.w-25{ width: 25% !important;} .w-27{ width: 27% !important;} .w-28{ width: 28% !important;} 
.w-30{ width: 30% !important;} .w-32{ width: 32% !important;} .w-34{ width: 34% !important;} 
.w-35{ width: 35% !important;} .w-40{ width: 40% !important;} .w-45{ width: 45% !important;} 
.w-50{ width: 50% !important;} .w-55{ width: 55% !important;} .w-60{ width: 60% !important;} 
.w-65{ width: 65% !important;} .w-70{ width: 70% !important;} .w-75{ width: 75% !important;} 
.w-80{ width: 80% !important;} .w-85{ width: 85% !important;} .w-90{ width: 90% !important;} 
.w-95{ width: 95% !important;} .w-100{ width: 100% !important;} 
.w-48{ width: 48% !important;} .w-49{ width: 49% !important;}

.wp-50{ width: 50px !important;} .wp-70{ width: 70px !important;} .wp-80{ width: 80px !important;} 
.wp-90{ width: 90px !important;} .wp-100{ width: 100px !important;} .wp-120{ width: 120px !important;} 
.wp-130{ width: 130px !important;} .wp-140{ width: 140px !important;} .wp-150{ width: 150px !important;} 
.wp-200{ width: 200px !important;} .wp-250{ width: 250px !important;} .wp-300{ width: 300px !important;} 
.wp-350{ width: 350px !important;} .wp-400{ width: 400px !important;} .wp-450{ width: 450px !important;} 
.wp-500{ width: 500px !important;} .wp-550{ width: 550px !important;} .wp-600{ width: 600px !important;}
.wp-650{ width: 650px !important;} .wp-700{ width: 700px !important;} .wp-750{ width: 750px !important;}
.wp-800{ width: 800px !important;} .wp-850{ width: 850px !important;} .wp-900{ width: 900px !important;}
.wp-950{ width: 950px !important;} .wp-1000{ width: 1000px !important;} .wp-1100{ width: 1100px !important;}
.wp-1200{ width: 1200px !important;}


/*GRID COLUMNS*/
.gridbox{width: 100%;margin:0; padding: 0;}
.gridbox:before,.gridbox:after,.row:before,.row:after{content: " ";display: table; }
.gridbox:after,.row:after{clear: both;}
[class*="col-"]{width: 100%;float: left;min-height: 1px; margin-bottom: 10px; justify-content: space-between;}
.gridbox .row{display: flex;}
.gridbox .col{padding:0;margin: 8px;}

.respbox{ display: block;}
.respbox .row::after {content: "";clear: both;display: table;}
[class*="rc-"] {float: left;padding: 10px;}
.rc-1 {width: 8.33%;}.rc-2 {width: 16.66%;}.rc-3 {width: 25%;}.rc-4 {width: 33.33%;}.rc-5 {width: 41.66%;}
.rc-6 {width: 50%;}.rc-7 {width: 58.33%;}.rc-8 {width: 66.66%;}.rc-9 {width: 75%;}.rc-10 {width: 83.33%;}
.rc-11 {width: 91.66%;}.rc-12 {width: 100%;}
.flexcontainer {display: -webkit-flex; display: -ms-flexbox;flex-wrap: wrap;-webkit-flex-wrap: wrap;}

/* COLORS */
.bg,.bg-sm {display: inline-block; text-align: center; vertical-align: middle; font-family:Roboto; 
letter-spacing:0px; cursor:_pointer; cursor:pointer; }
.bg {padding: 12px 30px; font-size:14px; border:0; font-weight:500; border-radius:3px;}
.bg-sm {padding: 4px 10px!important;font-size:11px;}
.bg-large {padding: 10px 10px!important;width: 35px;height: 35px;line-height: 35px;}
.bg-blue {background-color: #007bff !important;}
.bg-indigo {background-color: #6610f2 !important;}
.bg-purple {background-color: #6f42c1 !important;}
.bg-pink {background-color: #e83e8c !important;}
.bg-pink-dark{background-color: #CC0000 !important;}
.bg-red {background-color: #dc3545 !important;}
.bg-orange {background-color: #fd7e14 !important;}
.bg-yellow {background-color: #ffc107 !important;}
.bg-green {background-color: #28a745 !important;}
.bg-teal {background-color: #20c997 !important;}
.bg-cyan {background-color: #17a2b8 !important;}
.bg-white {background-color: #fff !important;}
.bg-gray {background-color: #6c757d !important;}
.bg-gray-dark {background-color: #343a40 !important;}
.bg-green {background-color: #28a745 !important;}
.bg-primary {background-color: #007bff !important;}
.bg-secondary {background-color: #6c757d !important;}
.bg-success {background-color: #28a745 !important;}
.bg-info {background-color: #17a2b8 !important;}
.bg-warning {background-color: #ffc107 !important;}
.bg-danger {background-color: #dc3545 !important;}
.bg-light {background-color: #f8f9fa !important;}
.bg-dark {background-color: #343a40 !important;}
.text-blue {color: #007bff !important;}
.text-indigo {color: #6610f2 !important;}
.text-purple {color: #6f42c1 !important;}
.text-pink {color: #e83e8c !important;}
.text-red {color: #dc3545 !important;}
.text-orange {color: #fd7e14 !important;}
.text-yellow {color: #ffc107 !important;}
.text-green {color: #28a745 !important;}
.text-teal {color: #20c997 !important;}
.text-cyan {color: #17a2b8 !important;}
.text-white {color: #fff !important;}
.text-gray {color: #6c757d !important;}
.text-gray-dark {color: #343a40 !important;}
.text-green {color: #28a745 !important;}
.text-primary {color: #007bff !important;}
.text-secondary {color: #6c757d !important;}
.text-success {color: #28a745 !important;}
.text-info {color: #17a2b8 !important;}
.text-warning {color: #ffc107 !important;}
.text-danger {color: #dc3545 !important;}
.text-light {color: #f8f9fa !important;}
.text-dark {color: #343a40 !important;}
.text-grey {color: #939393 !important;}
.text-greydark{color: #717171 !important;}

/* Button */
.btn{border:0; outline: 0; padding: 12px; font-size: 1.5rem; cursor: pointer}
.btn-sm{padding: 5px!important; font-size: 1.2rem;}
.btn-lg{padding: 18px!important; font-size: 1.8rem;}
.btn:disabled {opacity: 0.6;cursor: not-allowed;}

/* Button Group */
.btn-group{line-height: 0;}
.btn-group .btn {cursor: pointer;float: left;padding: 11px 15px; font-size: 1.3rem;}
.btn-group .btn-lg button,.btn-group .btn-lg .btn {padding: 15px 20px;font-size: 1.4rem;}
.btn-group .btn-sm button,.btn-group .btn-sm .btn {padding: 4px 10px;font-size: 1.1rem;}
.btn-group:after {content: "";clear: both;display: table;}

/* Form Element Styles */
form{ padding:0; margin: 0; display: block; font-size: 1.5rem;}
.form-group {position: relative; margin-bottom: 20px;}
selecta{-webkit-appearance:none;-moz-appearance:none;}
.radius-0 input,.radius-0 select {border-radius:0 !important}

/* Custom Confirm Dialog */
.dialog-ovelay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999}
.dialog-ovelay .dialog {overflow: hidden}
.dialog-ovelay .dialog header {padding: 10px 8px;}
.dialog-ovelay .dialog header h3 {margin: 0;display: inline-block}
.dialog-ovelay .dialog header .fa-close {float: right;cursor: pointer;transition: all .5s ease;padding: 0 2px;}
.dialog-ovelay .dialog .dialog-msg {padding: 12px 10px}
.dialog-ovelay .dialog .dialog-msg p{margin: 0;}
.dialog-ovelay .dialog footer {padding: 8px 10px}

/* Modal Popup */
.modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);
opacity: 0;visibility: hidden;transform: scale(1.1);transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
z-index: 99;
}
.modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
background-color: white;padding:15px;min-height: 200px; font-size: 1.5rem;
border-radius: 0.5rem;}
.modal-content p{ margin: 10px 0;}
.close-button,.hidemodal-button {float: right;font-size: 3rem;text-align: center;cursor: pointer;color: #333;}
.close-button:hover,.hidemodal-button:hover {color:  #d75b4c;}
.show-modal {opacity: 1;visibility: visible;transform: scale(1.0);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}

/* Card */
.card{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.card .cardtitle{color:#616161; font-size: 1.5rem; display: block; margin-bottom: 10px;font-weight: 400;}
.card .cardvalue{color:#000; font-size: 2.8rem; display: block; margin: 10px 0 0 0; font-weight: 300;}
.card .labelbox{width:100%;  display: inline-block; padding: 5px;}
.labelbox .labelrow{ display: flex;flex-wrap: wrap; position: relative;}
.labelrow .labelname,.labelrow .labelvalue{font-size: 1.4rem; font-weight: 400; padding-bottom: 5px;}
.labelrow .labelname{ flex:1}
.labelrow .labelvalue{ text-align: right;width: 50px; }
.labelrow .labelvalue::before{content:':'; position: absolute; right: 50px;}

.linebar{margin:0;padding:0;width:90%;height:2px;overflow:hidden;background:#f1f0f0;border-radius:6px;display: block;}
.linebar .bar {position:relative;float:left;width:70%;height:100%;}
.linebar .bar.grey{background:#acabab;}
.linebar .bar.blue{background:#4169E1;}
.linebar .bar.skyblue{background:#00BFFF;}
.linebar .bar.green{background:#18ac00;}
.linebar .bar.orange{background:#FFA500;}
.linebar .bar.red{background:#FF0000;}
.linebar .bar.pink{background:#FF1493;}


@media screen and (min-width:320px){
.col-wd-1{width: 8.33333%;}
.col-wd-2{width: 16.66667%;}
.col-wd-3{width: 25%;}
.col-wd-4{width: 33.33333%;}
.col-wd-5{width: 41.66667%;}
.col-wd-6{width: 50%;}
.col-wd-7{width: 58.33333%;}
.col-wd-8{width: 66.66667%;}
.col-wd-9{width: 75%;}
.col-wd-10{width: 83.33333%;}
.col-wd-11{width: 91.66667%;}
.col-wd-12{width: 100%;}
}

@media screen and (min-width: 640px){
.col-md-1{width: 8.33333%;}
.col-md-2{width: 16.66667%;}
.col-md-3{width: 25%;}
.col-md-4{width: 33.33333%;}
.col-md-5{width: 41.66667%;}
.col-md-6{width: 50%;}
.col-md-7{width: 58.33333%;}
.col-md-8{width: 66.66667%;}
.col-md-9{width: 75%;}
.col-md-10{width: 83.33333%;}
.col-md-11{width: 91.66667%;}
.col-md-12{width: 100%;}
}

@media screen and (min-width: 960px){
.col-sm-1{width: 8.33333%;}
.col-sm-2{width: 16.66667%;}
.col-sm-3{width: 25%;}
.col-sm-4{width: 33.33333%;}
.col-sm-5{width: 41.66667%;}
.col-sm-6{width: 50%;}
.col-sm-7{width: 58.33333%;}
.col-sm-8{width: 66.66667%;}
.col-sm-9{width: 75%;}
.col-sm-10{width: 83.33333%;}
.col-sm-11{width: 91.66667%;}
.col-sm-12{width: 100%;}
}