@charset "utf-8"; /*------------------------------------------------------------------ IMPORT FILES -------------------------------------------------------------------*/ @import url(MediaQueryStyle.css); @import url(New-Buttons-Style.css); /*@import url(strip.css); @import url(New-Mainmenu-Style.css); */ @media print{@page {size:landscape}} body{ padding:0px; margin:0px; background-color:#EFEFEF; } *{ padding:0px; margin:0px; } html,body { height:100%; } a, a:hover{text-decoration:none !Important;color:#3F4855} .btn-secondary { color: #fff; background-color: #424242; border-color: #6c757d; } /* ------- Remove Chrome's border around active fields ------- */ *:focus { outline: none; box-shadow:none !Important; /*background-color:transparent !Important;*/ } .clear{ clear:both; padding:4px } .popover, .tooltip{ pointer-events:none; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } /* ----------------- Special Font Color Style ------------- */ .normal-text-font{ font:normal 14px 'Roboto', sans-serif; color:#3F4855; text-decoration:none; line-height:24px; letter-spacing:1px; } .normal-text-font a{ font:normal 14px 'Roboto', sans-serif; color:#3F4855; text-decoration:none; line-height:24px; letter-spacing:1px; } .normal-text-font a:hover{ font:normal 14px 'Roboto', sans-serif; color:#000; text-decoration:none; line-height:24px; letter-spacing:1px; } .value-text-font{ font:normal 14px 'Roboto', sans-serif; color:#3F4855 !Important; text-decoration:none; line-height:21px; display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .copyright-text-font { font: normal 12px Tahoma, Geneva, sans-serif; color: #595959; text-decoration: none; line-height: 21px; } /* --------------------------- Styels for background login page ---------------------------------------------------------------*/ .main-bg-image{ background-image:url(../../images/mane-bg-blue.jpg); background-position: center center; background-repeat: repeat; background-size: cover; } .vertical-center { min-height: 100%; /* Fallback for vh unit */ min-height: 100vh; /* You might also want to use 'height' property instead. Note that for percentage values of 'height' or 'min-height' properties, the 'height' of the parent element should be specified explicitly. In this case the parent of '.vertical-center' is the element */ /* Make it a flex container */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* Align the bootstrap's container vertically */ -webkit-box-align : center; -webkit-align-items : center; -moz-box-align : center; -ms-flex-align : center; align-items : center; /* In legacy web browsers such as Firefox 9 we need to specify the width of the flex container */ width: 100%; /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers hence the bootstrap's container won't be aligned to the center anymore. Therefore, we should use the following declarations to get it centered again */ -webkit-box-pack : center; -moz-box-pack : center; -ms-flex-pack : center; -webkit-justify-content : center; justify-content : center; } .login-box-shadow{ -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); } .dorder-radiu-all{ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .dorder-right{ -moz-border-radius:0px 8px 8px 0px; -webkit-border-radius:0px 8px 8px 0px; border-radius:0px 8px 8px 0px; } .text-filed-bottom-border{ border-bottom:2px solid #007bff; } .login-button{ background-color:#545454; color:#fff; font:normal 13px 'Roboto', sans-serif; text-decoration:none; line-height:21px; border:2px solid rgb(32, 30, 30) !important; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; min-width:100px; } .login-button:hover{ background-color:#545454; color:#fff; font:normal 13px 'Roboto', sans-serif; text-decoration:none; line-height:21px; border:2px solid rgb(90, 80, 76) !important; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; min-width:100px; } /* ----------------- Inner Screens -----2b6777-------- */ .main-header-box{ background: rgb(90,157,223); background: -moz-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); background: -webkit-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); background: linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9ddf",endColorstr="#194dab",GradientType=1); height:100px; } /* Used in select lang in header */ .mm-dropdown-bg{background-color:#bacfe4 !important;} div.mm-dropdown { -moz-border-radius:8px;/* FireFox 1+ */ -webkit-border-radius:8px;/* Safari 3+, Chrome */ border-radius:8px; -khtml-border-radius:8px; border-radius:8px; z-index: 99999; position:absolute; width:100px; color:#577182; right:0; margin-top:8px; } div.mm-dropdown ul { list-style: none; padding: 0; margin: 0; border: 0; } div.mm-dropdown ul li, div.mm-dropdown div.textfirst { padding: 0; color: #333; border-bottom: 0px solid #454545; padding:2px 10px 5px 10px; background-color:#fff; } div.mm-dropdown div.textfirst img.down { float: right; margin-top: 5px; } div.mm-dropdown ul li:last-child { border-bottom: 0px solid #454545; } div.mm-dropdown ul li { display: none; padding-left: 15px; } div.mm-dropdown ul li.main { display: block; } div.mm-dropdown ul li img { width: 20px; height: 20px; } .headercompany-title{ font-family: 'Lato', sans-serif; font-size:26px; font-weight:400; color:#fff; letter-spacing:1px; } .page-title{ line-height:41px; font-family:'Lato', sans-serif; font-size:18px; font-weight:400; color:#fff; height:41px; letter-spacing:1px; text-align:center; background-color:#424242; } .section-title{ font-family:'Roboto', sans-serif; color:#3F4855; font-size:15px; font-weight:bold; border-bottom:1px solid #3F4855; text-decoration:none; margin-bottom:10px !important; padding-bottom:0.5% !important; margin-top:1%; } .section-title a:link{ font-family:'Roboto', sans-serif; color:#3F4855; font-size:15px; font-weight:bold; padding:0.5% !important; text-decoration:none; } .section-title a:visited{color:#3F4855} .section-title a:hover{color:#7C7C7C} /* Regular Section Box */ .card{ -moz-border-radius:5px !important;/* FireFox 1+ */ -webkit-border-radius:5px !important;/* Safari 3+, Chrome */ border-radius:5px !important; -khtml-border-radius:5px !important; background-color:#fff; padding:0px 10px !important; border:1px solid #f4f4f4; -webkit-box-shadow: 0px 0px 5px 3px rgba(230,230,230,1); -moz-box-shadow: 0px 0px 5px 3px rgba(230,230,230,1); box-shadow: 0px 0px 5px 3px rgba(230,230,230,1); } .card-header, .card-banner-regular{ color:#1b50ad !Important; font-family:'Roboto', sans-serif !Important; font-size:18px !Important; font-weight:600 !Important; text-align:left !Important; background-color:transparent; border-bottom:0px !Important; letter-spacing:1px; } .card-banner-regular a{ color:#FFF !Important; text-transform: uppercase; } .card-body, .card-background-regular{ } .change-box-left{ background-color:#f2f6f5 !Important; -moz-border-radius:8px !important;/* FireFox 1+ */ -webkit-border-radius:8px !important;/* Safari 3+, Chrome */ border-radius:8px !important; -khtml-border-radius:8px !important; padding:0px !important; margin:0px !important; } .change-button-big { background: rgb(232,170,78); background: linear-gradient(270deg, rgba(232,170,78,1) 0%, rgba(240,146,54,1) 100%); -moz-border-radius:5px !important;/* FireFox 1+ */ -webkit-border-radius:5px !important;/* Safari 3+, Chrome */ border-radius:5px !important; -khtml-border-radius:5px !important; font-size: 14px; color: #FFF; text-align: center; margin:0px !important; font-weight:normal; letter-spacing:1px; font-family: 'Roboto', sans-serif !Important; padding:5px 10px; border:1px solid #f07f10; } .change-button-big:hover{ background-color:#52ab98 !Important; } .tooltip-inner{background-color:#2c6e8c !Important;} .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #2c6e8c; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #2c6e8c; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #2c6e8c; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #2c6e8c; } .card-background{ background-color:#FCF8F3 !Important; border-left:1px solid #8B8682 !Important; border-right:1px solid #8B8682 !Important; padding:10px !Important; } .required::after { content:" *"; color:#f00; font-weight:normal; } .col-form-label{ color:#3F4855 !Important; font-family:'Roboto', sans-serif !Important; font-size:16px !Important; font-weight:bold !Important; line-height:19px !Important; letter-spacing:1px; } .col-form-label a, .col-form-label a:hover{ color:#3F4855 !Important; font-family:'Roboto', sans-serif !Important; font-size:15px !Important; font-weight:normal !Important; line-height:19px !Important; } .form-control-plaintext{ color:#3F4855 !Important; font-family:'Roboto', sans-serif !Important; font-size:15px !Important; font-weight:normal !Important; line-height:19px !Important; letter-spacing:1px; } .form-control-plaintext::before{ content:":" " "; color:#000; margin-left:-10px; } /* table Related Class */ .table-bordered td, .table-bordered th { border: 1px solid #DEDBD6; background-color: #fff; } .table-borderless td, .table-borderless th { border: 0; } .tabel-main-header{ font-family:'Roboto', sans-serif; font-size:14px; font-weight:bold; letter-spacing:1px; text-align:left; color:#000; text-align:center; border:1px solid #9c9c9c; border-bottom:none; background-color:#d6effb !Important; height:30px; line-height: 30px; } .table-sub-header{ font-family:'Roboto', sans-serif; font-size:14px; font-weight:bold; letter-spacing:1px; text-align:left; color:#000; text-align:center; border:1px solid #9c9c9c; border-bottom:none; background-color:#cdcdcd !Important; height:30px; line-height: 30px; } .table-header-label { font: bold 14px 'Roboto', sans-serif; color: #3F4855; /* background-color: rgba(255, 249, 235, 1) !Important;*/ background-color: #d6effb !Important; text-decoration: none; height: 30px; line-height: 30px; letter-spacing:1px; } .table-header-label a:link{ font:bold 14px 'Roboto', sans-serif; color:#3F4855; text-decoration:none; height:30px; line-height:30px; letter-spacing:1px; } .table-header-label a:visited{ color:#3F4855; } .table-header-label a:hover{ color:#fff; } .table-value { font:normal 14px 'Roboto', sans-serif; color:#3F4855; text-decoration:none; height:21px; line-height:21px; } .table-value a:link{ font:normal 14px 'Roboto', sans-serif; color:#3F4855; text-decoration:none; height:21px; line-height:21px; } .table-value a:visited{ color:#000 } .table-value a:hover{ color:#5f5f5f; } .form-check-label, .form-control, .custom-select, .form-control-plaintext{ font:normal 15px 'Roboto', sans-serif; color:#3F4855; line-height:21px; } .form-control-plaintext a{ font:normal 15px 'Roboto', sans-serif; color:#3F4855; line-height:21px; } .form-control-plaintext a:hover{ font:normal 15px 'Roboto', sans-serif; color:#3F4855; line-height:21px; } /* Over Righting Bootstrap Class*/ .form-group { margin-bottom: 0.4rem !Important; } /* -------------- Notification Box Styles Starting ------------ */ .alert_section_left{ margin:0 auto; text-align:left; } .alert_section{ margin:0 auto; text-align:center; } .alert-box { color:#555; border-radius:10px; font-family: -apple-system, Helvetica, Arial, sans-serif; font-size:14px; padding:5px 10px 5px 36px ; margin:10px 0px; display:inline-block; } .alert-box-no-border { color:#555; border-radius:0px; font-family: -apple-system, Helvetica, Arial, sans-serif; font-size:14px; padding:5px 10px 5px 36px ; margin:0px; display:inline-block; } .notice-no-border { background:#fff url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%; border:0px solid #3F4855; } .alert-box span { font-weight:bold; text-transform:uppercase; } .error { background:#f2f2f2 url('../../images/notificatio_icons/error.png') no-repeat 10px 50%; border:1px solid #3F4855;color:#ff0000; } .success { background:#f2f2f2 url('../../images/notificatio_icons/success.png') no-repeat 10px 50%; border:1px solid #3F4855; } .warning { background:#f2f2f2 url('../../images/notificatio_icons/warning.png') no-repeat 10px 50%; border:1px solid #3F4855; } .notice { background:#f2f2f2 url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%; border:1px solid #3F4855; } .errorColor { background:#ffecec url('../../images/notificatio_icons/error.png') no-repeat 10px 50%; border:1px solid #f5aca6;color:#ff0000; } .successColor { background:#e9ffd9 url('../../images/notificatio_icons/success.png') no-repeat 10px 50%; border:1px solid #a6ca8a; } .warningColor { background:#fff8c4 url('../../images/notificatio_icons/warning.png') no-repeat 10px 50%; border:1px solid #f2c779; } .noticeColor { background:#e3f7fc url('../../images/notificatio_icons/notice.png') no-repeat 10px 50%; border:1px solid #8ed9f6; } .pagerResult-box { font:normal 12px 'Roboto', sans-serif; color:#3F4855 !Important; text-decoration:none; padding-bottom:8px !Important; } .pagerResult-box a:link,.pagerResult-box a:visited{ font:normal 12px 'Roboto', sans-serif; color:#fff; background-color:#3F4855; text-decoration:none; padding:2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #3F4855 } .pagerResult-box a:hover{color:#f2f2f2 !Important} .pagerResult-box span {color:#959595 !Important;text-decoration:none;border:1px solid #959595 !Important} .btn-light { color: #000 !important; background-color: #fff !important; border-color: #ced4da !important; height: 31px; margin:0px 0px; font:normal 14px 'Roboto', sans-serif; color:#3F4855; } .bootstrap-select .dropdown-toggle .filter-option { padding-top: none !important; font:normal 14px 'Roboto', sans-serif; color:#3F4855; } /* Used to change the radio button and check box as buttons */ .radio,.checkbox{margin:5px} .transition{ transition: all .3s ease-out; } .hide input[type="radio"]{ visibility: hidden; } .hide input[type="checkbox"]{ visibility: hidden; } .customize-label-box { text-align: center; cursor: pointer; background-color: #f8f9fa; color: #434141; padding:2px 8px; -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; border:1px solid #434141; margin-top:10px; font-size:16px; font-weight:normal; letter-spacing:0.5px; min-width: 80px; } .customize-label-box:hover { text-align: center; cursor: pointer; background-color: #f0f0f0; color: #000; padding:2px 8px; -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; border:1px solid #434141; margin-top:10px; font-size:16px; min-width: 80px; } input[type="radio"]:checked + label.selected{ background-color: #6a6a6a; color: #fff; } input[type="radio"]:checked + label.darkgreen{ background-color: #006d19; color: #fff; } input[type="radio"]:checked + label.green{ background-color: #28a745; color: #fff; } input[type="radio"]:checked + label.blue{ background-color: #17a2b8; color: #fff; } input[type="radio"]:checked + label.yellow{ background-color: #ffc107; color: #000; } input[type="radio"]:checked + label.red{ background-color: #ff7c88; color: #fff; } input[type="radio"]:checked + label.darkred{ background-color: #85000d; color: #fff; } input[type="checkbox"]:checked + label.selected{ background-color: #6a6a6a; color: #fff; } input[type="checkbox"]:checked + label.darkgreen{ background-color: #006d19; color: #fff; } input[type="checkbox"]:checked + label.green{ background-color: #28a745; color: #fff; } input[type="checkbox"]:checked + label.blue{ background-color: #17a2b8; color: #fff; } input[type="checkbox"]:checked + label.yellow{ background-color: #ffc107; color: #000; } input[type="checkbox"]:checked + label.red{ background-color: #ff7c88; color: #fff; } input[type="checkbox"]:checked + label.darkred{ background-color: #85000d; color: #fff; } .radio .label {margin-right:0px !important} /* Used before Session Time Out alert box */ .progress-bar{animation: load infinite 60s;} @keyframes load { 0%{ width:0%; background-color:#28a745; } 50%{ width:50%; background-color:#ffc107; } 100%{ width:100%; background-color:#dc3545; } } .time_out_red{font:bold 14px Tahoma, Geneva, sans-serif; color:#ff0000;letter-spacing:1px} .time_out_black{font:bold 16px Tahoma, Geneva, sans-serif; color:#000000;letter-spacing:1px} .time_font{font:normal 16px Tahoma, Geneva, sans-serif; color:#000000;} .selectedLocation a{ background-color: #336abb !important; color:#fff !important; cursor: pointer; -moz-border-radius:3px;/* FireFox 1+ */ -webkit-border-radius:3px;/* Safari 3+, Chrome */ border-radius:3px; -khtml-border-radius:3px; border-radius:3px; font-family:'Roboto', sans-serif; font-size:16px; } .unselectedLocation a{ font-family:'Roboto', sans-serif; font-size:16px; } /* Search filter new design */ .search-filter-heading{background-color:#ffc107; border:1px solid #e6ae04; letter-spacing:1px; border-bottom:0px; color:#545454} .search-filter-box{background-color:rgba(255, 226, 118, 0.11); border:1px solid #e6ae04; padding:10px !important} .select-team-box{ background-color:#fff !important; color:#545454 !important; cursor: pointer; -moz-border-radius:0px 0px 10px 10px;/* FireFox 1+ */ -webkit-border-radius:0px 0px 10px 10px;/* Safari 3+, Chrome */ border-radius:0px 0px 10px 10px; -khtml-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; padding:0px 10px 5px 10px; position:absolute; top:0px; right:10px; z-index:99999999; } .message-page-top{background-color:#79c5e8} .message-page-top h1{font-size: 28px; font-weight: 400; margin: 2;} .message-page-bottom{background-color:#f4f4f4; height:50vh} .message-text{font-family: -apple-system, Helvetica, Arial, sans-serif; font-size:18px;} .help-box{color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; line-height: 25px; background-color:#caeaf9; display:inline-block;padding:5px 150px} .help-box-font-one{color: #0e5f86; font-size: 18px; font-weight: 400;} .help-box-font-two{color: #666666; font-size: 16px; font-weight: 400;} .footer-section { width:100%; height:30px; position:fixed; bottom:0; left:0; padding:0; margin:0; background: rgb(90,157,223); background: -moz-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); background: -webkit-linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); background: linear-gradient(265deg, rgba(90,157,223,1) 0%, rgba(25,77,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5a9ddf",endColorstr="#194dab",GradientType=1); color:#fff; line-height:30px; text-align:center; font-family: 'Roboto', sans-serif; font-size: 12px; } .intl-tel-input { position: relative; display: flex !Important; } .intl-tel-input .country-list {width:372px !important;overflow-x: hidden !important;} .paging_font a{ background-color:#3179cf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #0250AC; display:inline-block; cursor:pointer; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0px; } .paging_font a:hover { background-color:#0250AC; border:1px solid #3179cf; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #858585; display:inline-block; cursor:pointer; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0px; }