@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
body{font-family: 'Open Sans', sans-serif;background:#606163;}
.clear{clear:both;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
sup{vertical-align:0;position:relative;top:-0.25em;}
.wrapper{width:100%;overflow:hidden;z-index:0;}
/******Form Fields******/
/**Input text field**/
input[type="text"],input[type="password"]{font-family: 'Open Sans', sans-serif;color:#606163;font-size:13px;border-radius:5px;border:none;padding:10px 10px;background:#ffffff;color:#606163;margin:5px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;}
input[type="text"].calendar{background-image:url(../images/calendar-icon.png);background-position:98% center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"].time{background-image:url(../images/time-icon.png);background-position:98% center;background-repeat:no-repeat;padding-right:30px;}
input[type="text"]:disabled{background:#f4f4f4;border:1px solid #d7d7d7;}
input[type="text"].calendar:disabled{background:#f4f4f4 url(../images/calendar-icon.png);background-position:98% center;background-repeat:no-repeat;}
input[type="text"].time:disabled{background:#f4f4f4 url(../images/calendar-icon.png);background-position:98% center;background-repeat:no-repeat;}
::-webkit-input-placeholder{color:#606163;opacity:0.5;}
:-ms-input-placeholder{color:#606163;opacity:0.5;}
::placeholder {color:#606163;opacity:0.5;}
/**Upload Btn**/
.upload{width:100%;position:relative;overflow:hidden;margin-bottom:5px;}
.upload input[type=file]{width:80px;padding:12px 15px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;}
.uploadBtn{font-size:14px;line-height:14px;background:#ed1b24;border-radius:5px;padding:12px 15px;display:inline-block;color:#ffffff;font-weight:700;text-decoration:none;cursor:pointer;margin:0 !important;}
.upload label{display:inline-block;font-size:14px;line-height:18px;color:#000000;vertical-align:top;width:calc(100% - 115px);}
.upload label input[type=text]{background:#ffffff;margin:0 !important;}
/**TextArea**/
textarea{font-family: 'Open Sans', sans-serif;color:#606163;font-size:13px;border-radius:5px;border:none;padding:10px 10px;background:#ffffff;border:1px solid #d7d7d7;margin:5px 0;height:150px;resize:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width:100%;}
textarea:disabled{background:#f4f4f4;border:1px solid #d7d7d7;}
/**Input select field**/
select{font-family: 'Open Sans', sans-serif;color:#606163;font-size:13px;border-radius:5px;border:none;padding:10px 25px 10px 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/arrow-down.png) 98% no-repeat #ffffff;margin:5px 0;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border:none;width:100%;}
select::-ms-expand{display: none; /* remove default arrow on ie10 and ie11 */}
select option{background:#e5e0ef;border:none;padding:5px 0;font-family: 'Open Sans', sans-serif;}
select option:hover{background:#ffffff;}
select:disabled{background:#f1f1f1;}
select option:disabled{color:#6c1b78;}
@media screen and (min-width:0\0){select {background:none\9;padding: 5px\9;}}
/**Input checkbox**/
.checkBoxStyle{display:block;position:relative;padding-left:25px !important;margin:0 0 5px 0 !important;cursor:pointer;font-size:12px;line-height:14px;color:#606163;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:left !important;}
.checkBoxStyle input{position:absolute;opacity:0;cursor:pointer;height:0;width 0;}
.checkmark{position:absolute;top:0;left:0;height:13px;width:13px;border-radius:5px;background-color:#ffffff;border:2px solid #ed1b24;}
.checkBoxStyle:hover input ~ .checkmark {background-color:#ffffff;border:2px solid #ed1b24;}
.checkBoxStyle input:checked ~ .checkmark {background-color:#ed1b24;border:2px solid #ed1b24;}
.checkmark:after {content:"";position:absolute;display:none;}
.checkBoxStyle input:checked ~ .checkmark:after{display: block;}
.checkBoxStyle .checkmark:after{left:4px;top:2px;width:3px;height:6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*Input radio*/
[type="radio"]:checked, [type="radio"]:not(:checked){position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{position:relative;padding-left:20px;cursor:pointer;line-height:15px;display:inline-block;color:#606163;font-size:13px;font-weight:400;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before{content: '';position: absolute;left: 0;top: 0;width: 12px;height: 12px;border: 1px solid #d7d7d7;border-radius: 100%;background: #ffffff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after{content: '';width: 5px;height: 5px;border: 5px solid #ed1b24;background: #ffffff;position: absolute;top:0;left:0;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after{opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
/**Submit Button**/
input[type=submit]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none;font-family: 'Open Sans', sans-serif;}
input[type=button]{cursor:pointer;-webkit-appearance:none;border-radius:5px;width:auto;border:none;font-family: 'Open Sans', sans-serif;}
/**Error msg**/
.error{font-size:10px !important;line-height:12px !important;color:#fe0350 !important;margin-bottom:10px;display:block;text-transform:none !important;font-weight:400 !important;}
/**Buttons style**/
.submitBtn{background:#ed1b24 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 30px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:700;margin:0 auto;border:none !important;text-transform:uppercase;}
.backBtn{background:#606163 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 20px;display:inline-block;border-radius:5px;text-decoration:none;font-weight:700;margin:0 5px 5px 5px;border:none !important;text-transform:uppercase;}
.searchBtn{width:125px !important;background:#606163 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 0;display:block;border-radius:5px;text-decoration:none;font-weight:700;text-transform:uppercase;}
.actionBtn{width:100% !important;background:#ed1b24 !important;color:#ffffff;text-align:center;font-size:14px;line-height:16px;padding:10px 0;display:block;border-radius:5px;text-decoration:none;font-weight:700;margin-bottom:10px;margin-top:0 !important;}
.actionBtn.grey{background:#606163 !important;}
.loginBtn{background:#ed1b24;color:#ffffff;text-align:center;font-size:14px;line-height:18px;padding:10px 40px;display:block;border-radius:5px;text-decoration:none;font-weight:700;margin:0 auto 5px auto;text-transform:uppercase;width:auto;}
.refreshBtn{background:url(../images/refresh-btn.png) no-repeat left center;padding:5px 5px 5px 22px;font-size:13px;line-height:18px;color:#6c1b78;float:right;display:inline-block;text-decoration:none;font-weight:400 !important;}
/**Header**/
.header{width:100%;background:#ffffff;position:relative;}
.header .container{width:100%;}
.header .container .mainMenu{width:100%;font-size:0;padding:10px 0;border-bottom:3px solid #000000;}
.header .container .mainMenu li{display:inline-block;vertical-align:middle;padding:0 20px;}
.header .container .mainMenu li.logo{width:130px;padding-right:40px;}
.header .container .mainMenu li.logo img{width:100%;display:block;}
.header .container .mainMenu li a{font-size:14px;line-height:18px;color:#606163;font-weight:700;text-decoration:none;}
.header .container .mainMenu li a:hover{color:#ed1b24;}
.header .container .rightSideMenu{position:absolute;right:20px;top:20px;}
.header .container .rightSideMenu ul{list-style:none;text-align:right;}
.header .container .rightSideMenu ul li{display:inline-block;padding:0 10px;border-right:1px solid #000000;vertical-align:middle;}
.header .container .rightSideMenu ul li:nth-child(even){border-right:none;}
.header .container .rightSideMenu ul li a{color:#606163;text-decoration:none;font-size:14px;line-height:14px;text-transform:uppercase;font-weight:700;}
.header .container .rightSideMenu ul li span{display:inline-block;vertical-align:middle;}
.header .container .rightSideMenu ul li span img{width:18px;border:2px solid #606163;border-radius:3px;}
.header .container .rightSideMenu ul li .logoutBtn{background:url(../images/logout-icon.png) no-repeat left center; padding-left:25px;}
.HOME .mainMenu li a.homeBtn, .HISTORY .mainMenu li a.historyBtn, .PERFORMANCE .mainMenu li a.performanceBtn{color:#ed1b24;}
/**Mobile Menu**/
.header .mobileMenu{width:100%;padding:10px 0;position:relative;display:none;border-bottom:3px solid #000000;}
.header .mobileMenu .logo{width:130px;margin-left:20px}
.header .mobileMenu .logo img{width:100%;display:block;}
.mobileMenu .mobileMenuBtn{position:absolute;top:20px;right:20px;cursor:pointer;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;width:29px;height:22px;z-index:999;}
.mobileMenu .mobileMenuBtn span{display:block;position:absolute;height:3px;width:100%;background:#606163 !important;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.mobileMenu .mobileMenuBtn span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(2){top:9px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn span:nth-child(3){top: 18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
.mobileMenu .mobileMenuBtn.open span:nth-child(1){-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0;left:0;background:#ffffff !important;}
.mobileMenu .mobileMenuBtn.open span:nth-child(2){width:0;opacity:0;}
.mobileMenu .mobileMenuBtn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:0;background:#ffffff !important;}
.mobileMainMenu{width:320px;position:absolute;right:0;top:0;z-index:99;display:none;border:1px solid #f1f1f1;}
.mobileMainMenu .userAcct{width:calc(100% - 20px);background:#606163;padding:40px 10px;}
.mobileMainMenu .userAcct .imgPhoto{width:100px;margin:0 auto 10px auto;}
.mobileMainMenu .userAcct .imgPhoto img{border-radius:5px;width:100%;}
.mobileMainMenu .userAcct .userName{text-align:center;font-size:12px;line-heigh:16px;color:#ffffff;font-weight:700;}
.mobileMainMenu .userAcct .userPos{text-align:center;font-size:12px;line-heigh:16px;color:#ffffff;}
.mobileMainMenu ul{width:100%;background:#ffffff;padding:20px 0;}
.mobileMainMenu ul li{padding:10px;}
.mobileMainMenu ul li a{text-decoration:none;font-size:14px;line-height:18px;color:#606163;}
a.homeIcon{background:url(../images/home-icon.png) no-repeat left center;padding-left:25px;}
a.profileIcon{background:url(../images/acct-icon.jpg) no-repeat left center;padding-left:25px;}
a.historyIcon{background:url(../images/history-icon.png) no-repeat left center;padding-left:25px;}
a.performanceIcon{background:url(../images/performance-icon.png) no-repeat left center;padding-left:25px;}
a.logoutIcon{background:url(../images/logout-icon.png) no-repeat left center;padding-left:25px;}
.HOME .mainMenu li a.homeIcon{background:url(../images/home-icon-red.png) no-repeat left center;}
.HISTORY .mainMenu li a.historyBtn{background:url(../images/history-icon-red.png) no-repeat left center;}
.PERFORMANCE .mainMenu li a.performanceBtn{background:url(../images/performance-icon-red.png) no-repeat left center;}
/**Footer**/
.footer{font-size:10px;line-height:10px;color:#ffffff;background:#606163;width:calc(100% - 10px);text-align:center;padding:20px 5px;position:relative;}
.login .footer{position:absolute;left:0;bottom:0;z-index:2;}
/**Popup**/
@-webkit-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@-moz-keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
@keyframes popupAnim{from{opacity:0;margin-top:-200px;}
to{opacity:1;}
}
.modal-open{overflow: hidden;}
.modal {position: fixed;top:0;right:0;bottom:0;left:0;/*z-index: 99999999;*/z-index:3000;display: none;overflow:auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;outline: 0;-webkit-animation:popupAnim 2s;-moz-animation:popupAnim}
.modal-dialog:target{-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;opacity:0;visibility:hidden;}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog{position: relative;width: auto;margin:10% 0;}
#subForm .modal-dialog{margin:5% 0;}
.modal-content{position: relative;background-color:#ffffff;background-clip:padding-box;width:95%;max-width:550px;height:auto;margin:0 auto;border-radius:5px;
  outline: none;
  /*z-index:999999;*/
  z-index:2998;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2999;background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0);opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=80);opacity: .8;}
.modal-body{position: relative;width:100%;padding:5% 0;}
.modal-body .container{width:90%;margin:0 auto;color:#606163;font-size:13px;line-height:18px;}
.modal-body .container h1{color:#6c1b78;font-size:20px;line-height:26px;margin:0 0 10px 0;}
.modal-body .container .contents{font-size:0;width:100%;margin-bottom:20px;border-bottom:1px solid #2dbecd;}
.modal-body .container .contents span{color:#606163;font-size:12px;line-height:14px;display:inline-block;width:49.5%;margin-right:0.5%;margin-bottom:10px;}
.modal-body .container .contents span:nth-of-type(even){margin-right:0;margin-left:0.5%;}
.modal-body .container p{margin:0 0 10px 0;color:#606163;font-size:13px;line-height:18px;}
.modal-body .container form .block{margin-bottom:10px;}
.modal-body .container form .upload{width:100% !important;}
.modal-body .container form .addNew,
.modal-body .container form .addExist{display:none;}
.modal-body .container form input{margin:0;}
.modal-body .container ul.alpha{list-style:lower-alpha;margin-left:20px;margin-bottom:10px;}
.modal-body .container ul.alpha li{padding:3px;}
.modal-body .container .groupBtn{font-size:0;}
.modal-body .container .groupBtn .col{display:inline-block;width:49.5%;vertical-align:top;margin-bottom:10px;margin-right:0.5%;}
.modal-body .container .groupBtn .col:nth-of-type(even){margin-left:0.5%;margin-right:0;}
.thankyoumsg{font-size:14px;line-height:14px;color:#ffffff;}
.thankyoumsg p{margin-bottom:10px;}
.modal-content.subFormLayout{width:95%;max-width:850px;position:relative;}
.subFormLayout .modal-body{padding:10px 0;}
.subFormLayout .modal-body .container{width:100%;}
.subFormLayout .modal-body .container h1{width:calc(100% - 30px);color:#606163;font-size:16px;line-height:20px;border-bottom:1px solid #d7d7d7;padding:10px 15px 10px 15px;margin-bottom:15px;}
.subFormLayout .modal-body .container h1 span{font-weight:400;font-size:13px;line-height:18px;font-style:italic;display:inline-block !important;}
.closePopUpBtn{display:block;position:absolute;top:25px;right:15px;}
.subFormLayout form{width:calc(100% - 30px);padding:0 15px 0 15px;text-align:center;}
.subFormLayout form span{color:#606163;font-size:13px;line-height:18px;display:inline-block;vertical-align:top;width:calc(100% - 200px);padding:5px 0;text-align:left !important;}
.subFormLayout form span.fieldName{width:200px;color:#6c1b78;font-size:11px;line-height:18px;text-transform:uppercase;font-weight:700;vertical-align:top;}
.subFormLayout .backBtn,.subFormLayout .submitBtn{display:inline-block;text-align:center !important;width:120px !important;margin:0 5px 10px 5px !important;}
.subFormLayout .backBtn.left{text-align:left;display:block;margin:0 0 10px 0 !important;}
.editor{width:100%;border:1px solid #d7d7d7;}
.editor img{width:100%;display:block;}