/*========================================
         FontFamily & Root config
===========================================*/

/*font-family=Nunito:*/

    /*@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300&display=swap");*/
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap");

:root{
  --color-primary:#DD3E4D;
  --color-btn-primary:#DD3E4D;
  --font-family: "Nunito";

  --color-light: #FFF1F6;
  --color-white: #fff;
  --color-black: #000;

  --color-linear-gradient:linear-gradient(90deg, #DD3E4D 0%, #C92A69 100%);

}

/*===============================
          Common CSS
=================================*/
.container,.container-lg,.container-md,.container-sm,.container-xl {max-width: 140rem;}

/*===============================
         Input fields
=================================*/

body label {font-size: 1.6rem !important;margin: 0 0 0.7rem 0 !important;line-height: 1.7rem;display: block;font-family: "Nunito";color: #555555;position:relative;}
body input {border-radius: 0;}
body input, textarea {outline: none;}
body input[type=text] {color: #000000;width: 100%;box-sizing: border-box;letter-spacing: 1px;font-size: 1.4rem;font-weight:400;margin: 0 0 0.7rem 0;}
body .input-effect {position: relative;margin: 0 0 3rem 0;width: 100%;}
body .data-item {display: flex;justify-content:left;width: 40rem;height: 40rem;border: solid 0.1rem #555555;margin: 0 1rem;padding: 1rem;margin: 0 0.4rem 1rem;}
body [class*=hidden] {display: none;}
body .form-control {display: block;width: 100%;padding: 1rem 1rem;border: 1px solid #DDDDDD;border-radius: 0.4rem;color: #000000;background: #FFFFFF;height: 4.3rem;margin: 0 0 0 0;font-size: 1.4rem;}
body .form-control:focus {color: #000000;background-color: #FFFFFF;border: 0.1rem solid #DD3E4D ;outline: 0;box-shadow:none;}
body .form-control:disabled, .form-control[readonly] {background-color: #FFFFFF;opacity: 1;}
body .form-group {position: relative;display: inline-block;width: 100%;margin: 0;}
body .form-group input[type=checkbox] {display: none;cursor: pointer;}
body textarea.form-control {background: #FFFFFF;border: 0.1rem solid #DDDDDD;color: #000000;line-height: 2.6rem;height: 8rem;resize: none;border-radius: 0.4rem !important;}
body select {position: relative;color: #000000 !important;}

/*===============================
        Buttons
=================================*/
.btn-primary {padding: 0.5rem 5rem;text-transform: capitalize;border-radius: 5rem;font-size: 2rem;background: var(--color-linear-gradient);text-align: center;text-decoration: none;font-weight: 700;color: #FFFFFF;border-radius: 0.4rem;font-size: 1.6rem;line-height: 25px;border: 0px;border: 1px solid #CA2A68;}
.btn-secondary {text-transform: capitalize;border-radius: 0.4rem;background: #FFFFFF;color: var(--color-primary);text-align: center;text-decoration: none;font-weight: 700;padding: 0.5rem 5rem;font-size: 1.6rem;line-height: 2.5rem;border: 1px solid #CA2A68}
.btn-tertiary {color: #038FE7;font-size: 1.6rem;font-weight: 700;text-decoration: none;}
.btn-primary:hover, .btn-primary:visited, .btn-primary:focus {background: linear-gradient(90deg, #C92A69 0%, #DD3E4D 100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;border: 1px solid #CA2A68;}
.btn-primary:focus, .btn-secondary:focus {box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);}
.btn-secondary:hover, .btn-secondary:visited, .btn-secondary:focus {background: linear-gradient(90deg, #C92A69 0%, #DD3E4D 100%);border: 1px solid #CA2A68;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.btn-tertiary:hover {color: #DD3E4D;}

/*===============================
          Calendar CSS
=================================*/

body .ui-datepicker {border:0 !important;border-radius: 1.5rem;border-top-left-radius:0;border-top-right-radius:0;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 0.5rem 1rem rgba(143, 10, 17, 0.2509803922);display: none;min-width: 295px;padding:0;}
body .ui-datepicker-header {height: 4rem;line-height: 4rem;color: #FFFFFF;background-color: #DD3E4D;margin-bottom: 1rem;}
body .ui-datepicker-prev,
body .ui-datepicker-next {width: 2rem;height: 2rem;text-indent: 9999px;border-radius: 100%;border:0 !important;cursor: pointer;overflow: hidden;margin-top: 2rem;}
body .ui-datepicker-prev.ui-corner-all {float: left;margin-left: 1.2rem;opacity:1 ;top:-3px;left:0;overflow:visible;}
body .ui-datepicker-prev:after {transform: rotate(45deg);margin: -4.3rem 0rem 0rem 0.8rem;}
body .ui-datepicker-next.ui-corner-all {float: right;margin-right: 1.2rem;top:-5px;overflow:visible;}
body .ui-datepicker-next:after {transform: rotate(-135deg);} 
body .ui-datepicker-prev:after, .ui-datepicker-next:after {content: "";position: absolute;display: block;width: 0.8rem;height: 0.8rem;border-left: 0.2rem solid #FFFFFF;border-bottom: 0.2rem solid #FFFFFF;}
body .ui-datepicker-prev:hover, .ui-datepicker-next:hover, .ui-datepicker-prev:hover:after, .ui-datepicker-next:hover:after {background: transparent;border:none ;border-left: 0.2rem solid #FFFFFF ;border-bottom: 0.2rem solid #FFFFFF ;}
body .ui-datepicker-title {text-align: center;font-size: 1.8rem;}
body .ui-datepicker-calendar {width: 100%;text-align: center;}
body .ui-datepicker-title :focus-visible {outline: none !important;} 
body .ui-datepicker-calendar thead tr th span {display: block;width: 25px;color: #DD3E4D;margin-bottom: 0.5rem;font-size: 1.6rem;font-weight:600;}
body .ui-state-default {display: block;text-decoration: none;color: #2C3039;line-height: 3rem;width: 3rem;height: 3rem;font-size: 1.4rem;}
body .ui-state-default:hover {color: #FFFFFF;background: #DD3E4D;border-radius: 5rem;transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);}
body .ui-widget-content .ui-state-highlight,
body .ui-widget-content .ui-state-active {background-color: #DD3E4D !important;color: #FFFFFF;border-radius: 50%;}
body .ui-datepicker-unselectable .ui-state-default {color: #454545;border: 0.2rem solid transparent;}
body #ui-datepicker-div {z-index: 1070 !important;position: absolute;}
body .ui-widget-content .ui-state-default{background-color:transparent;border:0;}
body .ui-state-default:hover {color: #FFFFFF;background: #DD3E4D;border-radius: 5rem;transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);}
body .ui-datepicker td span, .ui-datepicker td a{text-align:center;padding:0;}
body .ui-datepicker .ui-datepicker-prev::before {content: "";display: inline-block;margin-top: 4px;font: 20px / 1 FontAwesome;color:#fff;}
body .ui-datepicker a[title]:hover:after {content: "" ;position: absolute;padding: 0px;background: none;border:0;border-left: 0.2rem solid #FFFFFF;border-bottom: 0.2rem solid #FFFFFF;z-index: 0;opacity: 1;transition:none;}
body .ui-datepicker-month, .ui-datepicker-year {font-size: 1.4rem;margin: 0 0.5rem;text-align: center;padding: 0.3rem;border: 0;border-radius: 0.4rem;box-shadow: 0rem 0.3rem 0.5rem #DD3E4D;background-color: transparent;color: #FFFFFF !important;}
body .ui-datepicker-group-first {padding-right: 0.1rem;}
body .ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
body .ui-datepicker-multi .ui-datepicker-group {float: left;}
body .ui-datepicker.ui-datepicker-multi {width: auto !important;}
body .ui-datepicker-month option,.ui-datepicker-year option{background-color:transparent !important;color:#DD3E4D;}
body .ui-datepicker-month select option:checked {background-color: #fff !important;color:#DD3E4D !important;}
body .ui-datepicker-month select option:hover {background-color: #fff !important;color:#DD3E4D;}
body .calendar-box .arrow {width: 2rem;height: 2rem;border-radius: 5rem;border: 0.1rem solid #7E7E7E;display: inline-block;font-size: 1.3rem;color: #7E7E7E;text-align: center;line-height: 2rem;}
body .calendar-box .arrow:hover, .calendar-box .arrow.active {background: #7E7E7E;color: #FFFFFF;}
body .calendar-box .arrow.dep-prev-day, .calendar-box .arrow.re-prev-day {margin: 0 0.5rem;}
body .ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-first{border-right: 1px solid #9d9d9d;}
/*===============================
         w2ui-grid
=================================*/

body .w2ui-grid{font-family: "Nunito";border:none;}
body .w2ui-grid #grid_CommonReport_body.w2ui-grid-body, .w2ui-grid-box #grid_TrackDetails_body{top:0 !important;/*height:355px !important*/}
body .w2ui-grid .w2ui-grid-body table .w2ui-head {box-shadow:none;background: var(--color-light);padding: 0 ;font-family: "Nunito";border: 0;line-height: 2px;color:#555555;font-weight: 700 !important;height: 50px;font-size: 16px !important;vertical-align: middle;text-transform: capitalize;}
body .w2ui-grid #grid_CommonReport_columns.w2ui-grid-columns, .w2ui-grid-box #grid_TrackDetails_columns.w2ui-grid-columns, .w2ui-grid-box #grid_TrackDetails_fcolumns{box-shadow:none}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even, .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even{background-color:transparent;}
body .w2ui-grid  .w2ui-grid-frecords td , .w2ui-grid  .w2ui-grid-records td{font-size:1.4rem;color:#2C3039;font-weight:500;}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data{vertical-align:middle;border-right:0;}
body .w2ui-grid .w2ui-grid-records table tr:hover, .w2ui-grid .w2ui-grid-frecords table tr:hover{background-color:rgba(0, 0, 0, 0.075) !important}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover, 
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even:hover,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd:hover,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-record-hover,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-record-hover, 
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-even.w2ui-record-hover,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-odd.w2ui-record-hover{background-color:rgba(0, 0, 0, 0.075) !important;cursor:pointer;}
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-inactive,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr.w2ui-inactive,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-inactive,
body .w2ui-grid .w2ui-grid-body .w2ui-grid-frecords table tr td.w2ui-inactive{background-color:rgba(0, 0, 0, 0.075) !important;}
body .w2ui-grid .w2ui-grid-records table tr:hover .w2ui-grid-frecords table tr{background-color:rgba(0, 0, 0, 0.075) !important}
body .w2ui-grid .w2ui-grid-body table td.w2ui-grid-data > div{max-height: 100% !important;padding: 1rem !important;}
body .w2ui-grid .w2ui-grid-records tr.w2ui-selected, .w2ui-grid .w2ui-grid-frecords tr.w2ui-selected{background-color:rgba(0, 0, 0, 0.075) !important}
body .w2ui-grid .w2ui-grid-body div.w2ui-col-header > div.w2ui-sort-up{border:none;}
body .w2ui-grid .w2ui-grid-footer{box-shadow:none;border:none;background-color:transparent;}
body .w2ui-grid {min-height:360px !important;}
body #grid_CommonReport_scroll1, #grid_TrackDetails_scroll1{display:none !important;}
body .w2ui-grid-frecords tr td{border-bottom: 0.1rem solid #EEEEEE;/*height:50px;*/}
body .w2ui-grid-frecords tr td a{text-decoration:none;font-size: 13px;color: #2C3039;font-weight: 500;cursor:pointer;}
body .w2ui-grid-frecords tr td a:hover{color:#e00041;}
body .w2ui-grid-records::-webkit-scrollbar {width: 6px;height:6px;}
body .w2ui-grid-records::-webkit-scrollbar-thumb {background: #757575;border-radius: 0;}
body .w2ui-grid-records::-webkit-scrollbar-track {background-color: #f3f3f3;border-left: 1px solid #ededed;}
body .w2ui-grid #grid_TrackDetails_body #grid_TrackDetails_records .pndtrcksts{font-weight:700;}
body .w2ui-grid.w2ui-reset .w2ui-grid-body table .w2ui-col-select div{padding: 8px 5px !important;}