@import url("page-preloader.css?v=fa72"); @import url("easyui/eilisys-easyui.css?v=fa72"); @import url("jqgrid/ui.jqgrid.css?v=fa72"); @import url("fontawesome.css?v=fa72"); @import url("et-fonts.css?v=fa72"); @import url("et-fonts-icon.css?v=fa72"); @import url("et-text-font.css?v=fa72"); .combo-arrow{background:url(easyui/images/combo_arrow.png) no-repeat center center} .textbox.combo textarea {width:inherit!important} *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /** base size is 13px*/ html,body{ margin:0px auto 10px; padding:0px; font-size: 0.9rem; color: #5E5E5E; font-family: 'Roboto', sans-serif; line-height: 1.8em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background:#EAEAEA; -webkit-text-size-adjust: 100%; letter-spacing:0.03rem} body{overflow-x:hidden;} img{max-width:100%} @media (max-width: 700px) { /*body, html {overflow-x: hidden;} */} tr:focus, a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus , input:focus {border: 0; outline: -webkit-focus-ring-color auto 0px;outline: 0; outline: none; } .switchbutton:focus {outline: 0; outline: none; } input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration ,input[type=search]::-ms-clear, input[type=search]::-ms-reveal,::-ms-reveal,::-ms-clear,input[type=text]::-ms-clear, input[type=text]::-ms-reveal { display: none;width : 0; height: 0; } .bodycover{position:fixed;background:#fff; top:0px; left:0px; width:100%;height:100%; z-index:99} .anchor-color et-row-eye:before, .anchor-color.et-message-28:before,.anchor-color,a:focus,a:hover,a { color: #739cfd; text-decoration: none; } .anchor-color.et-message-28:before :hover,.anchor-color:hover,a:hover { color: #72afd2 } /*a i{color:#565656}*/ .cursor-pointer{cursor:pointer} .cursor-text{cursor:text} .fade.in { opacity: 1;} .hide { display: none!important;} .imgradius{border-radius:50%} body .no-radius{border-radius:0} .no-background{background:none} et-h1,h1,et-h2,h2,et-h3,h3,et-h4,h4,et-h5,h5,et-h6,h6{margin:0px auto 10px; padding:0px} et-h1:before, et-h1:after,et-h2:before, et-h2:after,et-h3:before, et-h3:after,et-h4:before, et-h4:after,et-h5:before, et-h5:after,et-h6:before, et-h6:after { content: " "; display: table; clear: both;} et-h1{font-size:1.615rem; font-weight:600; display:block; color:#797979; line-height:30px} et-h2{font-size:1.154rem; font-weight:600; display:block; color:#5B5B5B; line-height:22px} et-h3{font-size:1rem; font-weight:600; display:block; color:#5B5B5B; line-height:16px} et-h4{font-size:0.9rem; font-weight:600; display:block; color:#5B5B5B; line-height:16px} et-h5{font-size:0.8rem; font-weight:600; display:block; color:#5B5B5B; line-height:14px} et-h6{font-size:0.7rem; font-weight:600; display:block; color:#5B5B5B; line-height:13px} .et-pull-right { float: right !important; }.et-pull-left { float: left !important; }.et-pull-none { float: none !important; } .clearfix:before, .clearfix:after { content: " "; display: table; clear: both;} et-main-page-content-body{display:block} et-main-page-content-body:before,et-main-page-content-body:after{ content: " "; display: table; clear: both;} .approve-decline-all { float:right;} a.approve-decline-grey-icon, .approve-decline-all a {color:#AEAEAE; margin-left:8px } a.approve-decline-grey-icon {margin-left:5px} .et-text-center { text-align: center!important ; }body .et-text-left { text-align: left!important; }.et-text-right { text-align: right; }.et-text-justify { text-align: justify; } .et-text-danger-icon, body .et-text-danger .et-vm-information:before, body .et-text-danger, .et-text-danger{color:#E57373!important}body .et-text-success, body .et-text-success-icon{color:#27C05A!important}.et-text-danger1-icon,.et-text-danger1{color:#ff0000}.et-text-close-icon,.et-text-close{color:#AEAEAE}body .et-text-white{color:#fff!important}.et-text-warning-icon,.et-text-warning{color:#FFB74D} .et-overflow-hidden {overflow:hidden} .et-overflow-x-hidden {overflow-x:hidden} .et-overflow-y-hidden {overflow-y:hidden}.et-overflow-x-scroll {overflow-x:scroll} .et-overflow-y-scroll {overflow-y:scroll} .et-blue-border-icon {color:#223f8b; border:1px solid #223f8b; width:35px; height:35px; border-radius:50%; font-size:1.3rem} .et-warning-border-icon {color:#FFB74D; border:1px solid #FFB74D; width:35px; height:35px; border-radius:50%; font-size:1.3rem} .et-danger1-border-icon {color:#ff0000; border:1px solid #ff0000; width:35px; height:35px; border-radius:50%; font-size:1.3rem} .et-danger-border-icon {color:#E57373; border:1px solid #E57373; width:35px; height:35px; border-radius:50%; font-size:1.3rem} .et-success-border-icon {color:#27C05A; border:1px solid #27C05A; width:35px; height:35px; border-radius:50%; font-size:1.3rem} .et-inline{display:inline}.et-block{display:block!important}.et-inline-block{display:inline-block}.et-v-middle{vertical-align:middle!important} .et-v-top,.et-t-middle{vertical-align:top}.et-b-middle,.et-v-bottom{vertical-align:bottom} .et-u-middle{vertical-align:unset}body .et-hide,.et-hide{display:none} .et-v-inherit{vertical-align:inherit}body .et-v-baseline{vertical-align:baseline!important}.et-v-sub{vertical-align:sub}.et-v-text-top{vertical-align:text-top} .et-hidecomplosury{display:none!important}.et-inline-blockcomplosury{display:inline-block!important} .et-visibilityhidden{visibility: hidden}.et-visibilityvisible{visibility: visible} .et-word-break {word-break:break-all} .et-relative{position:relative}body .et-absolute,.et-absolute{position:absolute!important}.et-fixed{position:fixed} .et-ellipsis{ white-space: nowrap; width: 95%; overflow: hidden; text-overflow: ellipsis;} .et-error-ellipsis{ white-space: nowrap; text-overflow: ellipsis; width: 95%!important; overflow: hidden!important;position:relative } .et-error-ellipsis:before { content: '\eafa';font-family: 'etfonts';speak: none; font-size:11px; font-weight:600; position: absolute; right: 0;z-index:9;background:white;padding-left:3px;top:2px; bottom: 0;} .nowhitewrap{white-space: nowrap;} .wordwrap {word-break:break-all} .text1 {color: #8C8C8C; font-size: 0.8rem; font-weight: 500; line-height: 16px;} .text2 {color: #5b5b5b; font-size: 0.9rem; font-weight: 600; line-height: 16px;} .text3 {color: #8c8c8c; font-size: 1.385rem; line-height: 30px; }.text3 span{font-weight:600; color:#5b5b5b} .text4 {color: #5b5b5b; font-size: 1rem; font-weight: 600; line-height: 16px;}.text4 span{font-weight:100} .text4 i{vertical-align: middle; margin-right: 5px; position: relative; top: -2px;} .text5 {color: #8C8C8C; font-size: 0.7rem; font-weight: 100; line-height: 16px;} .text6 {color: #5b5b5b; font-size:1.615rem; font-weight: 600; line-height: 20px;} .text7 {color: #5b5b5b; font-size: 0.8rem; font-weight: 600; line-height: 16px;} .text8 {color: #000000; font-size: 1rem; font-weight: 600; line-height: 30px; } .text9 {color: #5b5b5b; font-size: 0.7rem; font-weight: 600; line-height: 16px;} .text10{color: #000000; font-size: 0.9rem; font-weight: 600; line-height: 16px;} .text11{color: #000000; font-size: 0.9rem; line-height: 16px;} .text12{color: #000000; font-size: 0.9rem; font-weight: 600; line-height: 12px; } .text13{color: #3253B4; font-size: 0.9rem; font-weight: 600; line-height: 16px;} .text14{color: #000000; font-size: 1.2rem; line-height: 16px;} .text15{color: #8C8C8C; font-size: 0.9rem; font-weight: 100; line-height: 12px;} .text16{color: #6c6c6c} .text17{color: #5b5b5b; font-size: 0.9rem; font-weight: 100; line-height: 17px;} .text22{color: #8c8c8c; font-size: 0.8rem;} .text23{color: #5b5b5b; font-size: 0.8rem; font-weight: 600; line-height: 16px;} .text24{color: #5b5b5b; font-weight: 100;} .text25{color: #5b5b5b; font-size: 1rem; font-weight: 100; line-height: 1.5rem;} .text25 span{font-weight:600} .textbold{font-weight:600} .text26 {color: #000000; font-size: 1rem;} .text27 {color: #3a3a3a; font-size: 1rem;} .text28 .textbox-label-after {font-size:1.385rem!important; color: #5b5b5b; font-weight: 600; line-height:21px!important } .text29.adddestinationradiotext .textbox-label {font-size:0.95rem!important; width:auto; font-weight:300 } .text29.adddestinationradiotext .textbox-label i{font-size:1.285rem!important;} .text29.adddestinationradiotext .textbox-label i.et-transport-flight-1 { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg);-o-transform: rotate(30deg); } .et-font-color-black {color:#000!important} .textcolorblack {color:#000} .text30 {color: #7D7D7D; font-size: 1rem; font-weight: 600; line-height: 30px; } .et-font-color-black{color:#000!important} .et-font-color-black1{color:#333!important} .cross-flight { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg);-o-transform: rotate(30deg); } xmp { white-space:pre ; font-size:1rem ; overflow-x:scroll} .text31 {line-height: 16px; color: #8C8C8C!important; font-size: 0.75rem;} .text32.adddestinationradiotext .textbox-label {font-size:0.9rem!important; width:auto; font-weight:300 } .text32.adddestinationradiotext .textbox-label i{font-size:1rem!important;} .text32.adddestinationradiotext .textbox-label i.et-transport-flight-1 { transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg);-o-transform: rotate(30deg); } .text32.adddestinationradiotext .textbox-label {width:auto} .text34 {color:#656565;} .text36 {color:#595959; opacity:0.5} .text37{color:#969696!important} .text38 .textbox-label-after {font-size:16px!important; color: #5b5b5b; font-weight: 600; line-height:21px!important } .text39{color: #000000; font-size: 0.9rem; font-weight: 500; line-height: 16px;} .text40 {color:#595959;} .background1 {background:#F7F7F7} .backgroundgrey {background:#f5f5f5} body .errorbodylink .et-message-28:before, .boldblue{color:#303967} /* all div table **/ et-center-table{display:table;width:100%;height:100%; text-align:center; vertical-align:middle; table-layout:fixed} et-center-table et-center-table-cell{display:table-cell;width:100%;height:100%; text-align:center; vertical-align:middle; } .et-tablecell-space{padding-left:1px; padding-right:1px; text-align:left} et-center-table et-center-table-cell:last-child{padding-right:0px} .et-tablecell-space-1{padding-left:1px; padding-right:1px; text-align:left} .et-tablecell-space-1 et-content-bg-color-white{margin-bottom:2px} et-center-table1{display:table;width:100%;height:100%; text-align:center; vertical-align:middle; table-layout:fixed} et-center-table1 et-center-table1-cell{display:table-cell;width:100%;height:100%; text-align:center; vertical-align:middle; } .et-table2{display:table;width:100%;height:100%; text-align:center; vertical-align:middle; table-layout:fixed} .et-table2 .et-table2-cell{display:table-cell;width:100%;height:100%; text-align:center; vertical-align:middle; } .et-table2 .et-table2-row{display:table-row;width:100%; } .et-table3{display:table;width:100%;height:100%; vertical-align:middle; table-layout:fixed} .et-table3 .et-table3-row{display:table-row;width:100%; } .et-table3 .et-table3-cell{display:table-cell;height:100%; vertical-align:top; } .et-table4{display:table;width:100%;height:100%; vertical-align:middle; } .et-table4 .et-table4-row{display:table-row;width:100%; text-align:center } .et-table4 .et-table4-cell{display:table-cell;height:100%; vertical-align:top; padding-left:10px } /* all div table **/ .preloader1 { display: inline-block; position: relative; width: 15px; height: 15px;} .preloader1:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 0px; box-sizing: border-box; border: 6px solid #fff; border-color: #fff transparent #fff transparent; animation: preloader1 1.2s infinite;} @keyframes preloader1 { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } @-webkit-keyframes preloader2 { 100% { -webkit-transform: rotate(360deg); }} @-moz-keyframes preloader2 { 100% { -moz-transform: rotate(360deg); }} @keyframes preloader2 { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }} .preloader2 { border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; display: inline-block; vertical-align:middle; width: 10px; height: 10px; -webkit-animation: preloader2 0.75s linear infinite; -moz-animation: preloader2 0.75s linear infinite; animation: preloader2 0.75s linear infinite; position:relative; top:-2px} .preloader3 { border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid #3498db; width: 10px; height: 10px; display:inline-block; vertical-align:middle; position:relative;top:-2px; -webkit-animation: preloader3 2s linear infinite; animation: preloader3 2s linear infinite;} @-webkit-keyframes preloader3 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }} @keyframes preloader3 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }} /** all border**/ .border-top-1,.border-bottom-1,.headertitle,.listedborderset .listedborder,.border-left-1,.border-right-1,.border-all-1 { border-color: #d9d9d9; border-width: 1px; } .border-top-3,.border-top-2,.border-top-1 { border-top-style: solid; } .border-bottom-3,.border-bottom-2,.border-bottom-1, .headertitle, .listedborderset .listedborder { border-bottom-style: solid; } .border-left-3,.border-left-2,.border-left-1 { border-left-style: solid; } .border-right-3,.border-right-2,.border-right-1 { border-right-style: solid; } .border-all-3,.border-all-2,.border-all-1 { border-style: solid; } .no-border,.no-border-right,.no-border-left,.no-border-top,.no-border-bottom { border-style: none!important; border-width: 0px;} .dotted-border-light-bottom { border-bottom: 1px dotted #eeeeee; } .border-top-2,.border-bottom-2,.border-left-2,.border-right-2,.border-all-2 { border-width: 2px!important;border-color: #d9d9d9; } .border-top-3,.border-bottom-3,.border-left-3,.border-right-3,.border-all-3 { border-width: 3px!important;border-color: #d9d9d9; } .dashborder-border-left {border-left:1px solid #d9d9d9} .dashborder-border-right {border-right:1px solid #d9d9d9} .border-radius-top-0 {border-radius:0px 5px 5px 5px} .border-radius-right-0 {border-radius:5px 0px 5px 5px} .border-radius-bottom-0 {border-radius:5px 5px 0px 5px} .border-radius-left-0 {border-radius:5px 5px 5px 0px} .border-radius-top-right-0 {border-radius:0px 0px 5px 5px } .border-radius-top-right-5 {border-radius: 5px 5px 0px 0px;} .border-radius-bottom-right-5 {border-radius: 0px 0px 5px 5px;} .border-radius-5 {border-radius:5px} .border-radius-right-5 {border-radius:0px 5px 0px 0px} .border-radius-left-5 {border-radius:5px 0px 0px 0px} .border-radius-left-bottom-0 {border-radius:5px 5px 0px 0px} .border-radius-left-top-bottom-0 {border-radius:0px 5px 0px 0px} .noborderleftlastset {border-left: 1px solid #d9d9d9; } .noborderleftlastset:last-child {border-left:0px } .noborderleftlastdivset {} .noborderleftlastdivset div{border-left: 1px solid #d9d9d9; } .noborderleftlastdivset div:last-child {border-left:0px } .noborderrightlastdivset {} .noborderrightlastdivset div{border-right: 1px solid #d9d9d9; } .noborderrightlastdivset div:last-child {border-right:0px } .noborderbottomlastdivset {} .noborderbottomlastdiv{border-bottom: 1px solid #d9d9d9; } body .noborderbottomlastdiv:last-child {border-bottom:0px; padding-bottom:0px!important } body .border-light-1 {border-color: #e5e3e3;} /** all border**/ /**font size**/ body .et-font-size-7 { font-size: 0.4rem!important} body .et-font-size-8 { font-size: 0.5rem!important} body .et-font-size-9 { font-size: 0.6rem!important} body .et-font-size-10 { font-size: 0.7rem!important} body .et-font-size-10-5 { font-size: 0.75rem!important} body .et-font-size-11 { font-size: 0.8rem!important} body .et-font-size-12 { font-size: 0.9rem!important} body .et-font-size-13 { font-size: 1rem!important} body .et-font-size-14 { font-size: 1.077rem!important} body .et-font-size-15 { font-size: 1.154rem!important} body .et-font-size-16 { font-size: 1.231rem!important} body .et-font-size-17 { font-size: 1.308rem!important} body .et-font-size-18 { font-size: 1.385rem!important} body .et-font-size-19 { font-size: 1.462rem!important} body .et-font-size-20 { font-size: 1.538rem!important} body .et-font-size-21 { font-size: 1.615rem!important} body .et-font-size-22 { font-size: 1.692rem!important} body .et-font-size-23 { font-size: 1.769rem!important} body .et-font-size-24 { font-size: 1.846rem!important} body .et-font-size-25 { font-size: 1.923rem!important} body .et-font-size-26 { font-size: 1.110rem!important} body .et-font-size-27 { font-size: 2.077rem!important} body .et-font-size-28 { font-size: 2.154rem!important} body .et-font-size-29 { font-size: 2.231rem!important} body .et-font-size-30 { font-size: 2.308rem!important} body .et-font-size-31 { font-size: 2.385rem!important} body .et-font-size-32 { font-size: 2.462rem!important} body .et-font-size-33 { font-size: 2.538rem!important} body .et-font-size-34 { font-size: 2.615rem!important} body .et-font-size-35 { font-size: 2.692rem!important} body .et-font-size-36 { font-size: 2.769rem!important} body .et-font-size-37 { font-size: 2.846rem!important} body .et-font-size-38 { font-size: 2.923rem!important} body .et-font-size-39 { font-size: 3rem!important} body .et-font-size-40 { font-size: 3.077rem!important} body .et-font-size-41 { font-size: 3.154rem!important} body .et-font-size-42 { font-size: 3.231rem!important} body .et-font-size-43 { font-size: 3.308rem!important} body .et-font-size-44 { font-size: 3.385rem!important} body .et-font-size-45 { font-size: 3.462rem!important} body .et-font-size-46 { font-size: 3.538rem!important} body .et-font-size-47 { font-size: 3.615rem!important} body .et-font-size-48 { font-size: 3.692rem!important} body .et-font-size-49 { font-size: 3.769rem!important} body .et-font-size-50 { font-size: 3.846rem!important} body .et-font-size-51 { font-size: 4rem!important} body .et-font-size-52 { font-size: 4.077rem!important} body .et-font-size-53 { font-size: 4.154rem!important} body .et-font-size-54 { font-size: 4.231rem!important} body .et-font-size-55 { font-size: 4.308rem!important} body .et-font-size-56 { font-size: 4.385rem!important} body .et-font-size-57 { font-size: 4.462rem!important} body .et-font-size-58 { font-size: 4.538rem!important} body .et-font-size-59 { font-size: 4.615rem!important} body .et-font-size-61 { font-size: 5rem!important} body .et-font-size-62 { font-size: 5.077rem!important} body .et-font-size-63 { font-size: 5.154rem!important} body .et-font-size-64 { font-size: 5.231rem!important} body .et-font-size-65 { font-size: 5.308rem!important} body .et-font-size-66 { font-size: 5.385rem!important} body .et-font-size-67 { font-size: 5.462rem!important} body .et-font-size-68 { font-size: 5.538rem!important} body .et-font-size-69 { font-size: 5.615rem!important} body .et-font-weight-100{font-weight:100}body .et-font-weight-200{font-weight:200}body .et-font-weight-300{font-weight:300}body .et-font-weight-400{font-weight:400!important}body .et-font-weight-500{font-weight:500}body .et-font-weight-600{font-weight:600}body .et-font-weight-700{font-weight:700}body .et-font-weight-800{font-weight:800}body .et-font-weight-900{font-weight:900}body .et-font-weight-1000{font-weight:1000} body .et-text-transform-none {text-transform:none} body .et-text-uppercase , body .et-text-transform-uppercase {text-transform:uppercase} body .et-text-capitalize , body .et-text-transform-capitalize {text-transform:capitalize} body .et-wrapword { word-break: break-all; } et-calendar-form-group:before { content: '\e952'; font-family: 'etfonts'; speak: none; font-size: 0.9rem; font-weight:bold} et-time-form-group:before { content: '\e9f9'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold} et-inline-search a:nth-child(2):before { content: "\e954"; font-family: 'etfonts'; speak: none; cursor:pointer;} et-inline-search a:nth-child(3):before { content: "\e9ca"; font-family: 'etfonts'; speak: none; cursor:pointer; } et-table-search et-inline-search a:nth-child(2):before { content: "\e954"; font-family: 'etfonts'; speak: none; cursor:pointer;} et-table-search et-inline-search a:nth-child(1):before { content: "\e9ca"; font-family: 'etfonts'; speak: none; cursor:pointer; } .et-collapse-section-open{content: '\e9ab';font-family: 'etfonts';speak: none;} .et-collapse-section-close{content: '\e9aa';font-family: 'etfonts';speak: none;} et-edit-row:after{content: '\e978';font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} et-edit-row:hover::after { color:#9E9E9E} et-edit-cancel:before { content: "\eb00"; font-family: 'icomoon';speak: none; cursor:pointer} et-row-cancel:after{content: '\e954';font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} et-row-cancel:hover::before { color:#E57373} et-row-eye:before { content: "\eac0";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} et-delete:before { content: '\e965';font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; /*color:#E57373*/ color:#9E9E9E} et-delete:hover::before { color:#E57373} .et-cnl-1:after{content: '\e954';font-family: 'etfonts';speak: none; cursor:pointer; font-size:14px; color:#E57373;position:relative;top:-4px;font-weight:500} .et-rotate-1:after{content: '\e9d8';font-family: 'etfonts';speak: none; cursor:pointer; font-size:14px; color:#000;position:relative;top:-4px;font-weight:500} .et-right-1:after{content: '\e938';font-family: 'etfonts';speak: none; cursor:pointer; font-size:14px; color:#E57373;position:relative;top:-4px;font-weight:500} .et-left-1:after{content: '\e930';font-family: 'etfonts';speak: none; cursor:pointer; font-size:14px; color:#E57373;position:relative;top:-4px;font-weight:500} #fmlayout .panel-tool a {margin-left:6px} et-search:before { content: "\e9ca"; font-family: 'etfonts';speak: none; cursor:pointer} et-modal-close{margin-right:5px} et-modal-close:before { content: "\ea05"; font-family: 'etfonts';speak: none; cursor:pointer; font-weight:bold; font-size:15px} /*et-modal-close:before { content: "\eb00"; font-family: 'icomoon';speak: none; cursor:pointer}*/ et-right-menu-table-icon:before { content: "\ea9f"; font-family: 'etfonts';speak: none; cursor:pointer} et-right-menu-code-icon:before { content: "\eaab"; font-family: 'etfonts';speak: none; cursor:pointer} et-content-area-close:before { content: "\ea05"; font-family: 'etfonts';speak: none; cursor:pointer; font-weight:bold; font-size:1rem } list-file-name a:before { content: "\e954"; font-family: 'etfonts';speak: none; cursor:pointer;} et-group{ display:block; margin-bottom:10px} et-group:before, et-group:after { content: " "; display: table; clear: both;} et-group:last-child{margin-bottom:0px} et-row { margin-left: -10px; margin-right: -10px; display: block;clear: both; } et-row:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } et-row-two { margin-left: -15px; margin-right: -15px; display: block;clear: both; } et-row-two:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } et-row-sticky2{ margin-left: -2px; margin-right: -2px; display: block;clear: both; } et-row-sticky2:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } et-row-2 { margin-left: -15px; margin-right: -15px; display: block;clear: both; } et-row-2:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } @media (max-width:700px) { et-row {margin:0px; padding-left:0px; padding-right:0px} } et-content-area-1, et-content-area-2, et-content-area-3, et-content-area-4, et-content-area-5, et-content-area-6, et-content-area-7, et-content-area-8,et-content-area-9, et-content-area-10, et-content-area-11, et-content-area-12, et-content-area-13, et-content-area-14, et-content-area-15,et-content-area-16, et-content-area-17, et-content-area-18, et-content-area-19, et-content-area-20, et-content-area-21, et-content-area-22,et-content-area-23, et-content-area-24 ,[class*="et-content-area-"], [class~=et-content-area], [class*=et-content-area], [class*=' et-content-area-'], [class~=col], [class*=' col-'] { float: left; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px auto 0px; word-wrap: break-word; } /** col--- **/ @media (max-width: 3000px) { et-content-area-1 {width: 4.1666666667%; }et-content-area-2 {width: 8.3333333333%; }et-content-area-3 {width: 12.5%; }et-content-area-4 {width: 16.6666666667%; }et-content-area-5 {width: 20%; }et-content-area-6 {width: 25%; }et-content-area-7 {width: 29.1666666667%; }et-content-area-8 {width: 33.3333333333%; }et-content-area-9 {width: 37.5%; }et-content-area-10 {width: 41.6666666667%; }et-content-area-11 {width: 45.8333333333%; }et-content-area-12 {width: 50%; }et-content-area-13 {width: 54.1666666667%; }et-content-area-14 {width: 58.3333333333%; }et-content-area-15 {width: 62.5%; }et-content-area-16 {width: 66.6666666667%; } et-content-area-17 {width: 70.8333333333%; }et-content-area-18 {width: 75%; }et-content-area-19 {width: 79.1666666667%; }et-content-area-20 {width: 83.3333333333%; } et-content-area-21 {width: 87.5%; }et-content-area-22 {width: 91.6666666667%; }et-content-area-23 {width: 95.8333333333%; }et-content-area-24 {width: 100%; } } @media (max-width: 1024px) {et-content-area-1 {width: 4.1666666667%; }et-content-area-2 {width: 8.3333333333%; }et-content-area-3 {width: 12.5%; }et-content-area-4 {width: 16.6666666667%; }et-content-area-5 {width: 20%; }et-content-area-6 {width: 25%; }et-content-area-7 {width: 29.1666666667%; }et-content-area-8 {width: 33.3333333333%; }et-content-area-9 {width: 37.5%; }et-content-area-10 {width: 41.6666666667%; }et-content-area-11 {width: 45.8333333333%; }et-content-area-12 {width: 50%; }et-content-area-13 {width: 54.1666666667%; }et-content-area-14 {width: 58.3333333333%; }et-content-area-15 {width: 62.5%; }et-content-area-16 {width: 66.6666666667%; } et-content-area-17 {width: 70.8333333333%; }et-content-area-18 {width: 75%; }et-content-area-19 {width: 79.1666666667%; }et-content-area-20 {width: 83.3333333333%; } et-content-area-21 {width: 87.5%; }et-content-area-22 {width: 91.6666666667%; }et-content-area-23 {width: 95.8333333333%; }et-content-area-24 {width: 100%; } } @media (max-width: 768px) {et-content-area-1 {width: 4.1666666667%; }et-content-area-2 {width: 8.3333333333%; }et-content-area-3 {width: 12.5%; }et-content-area-4 {width: 16.6666666667%; }et-content-area-5 {width: 20%; }et-content-area-6 {width: 25%; }et-content-area-7 {width: 29.1666666667%; }et-content-area-8 {width: 33.3333333333%; }et-content-area-9 {width: 37.5%; }et-content-area-10 {width: 41.6666666667%; }et-content-area-11 {width: 45.8333333333%; }et-content-area-12 {width: 50%; }et-content-area-13 {width: 54.1666666667%; }et-content-area-14 {width: 58.3333333333%; }et-content-area-15 {width: 62.5%; }et-content-area-16 {width: 66.6666666667%; } et-content-area-17 {width: 70.8333333333%; }et-content-area-18 {width: 75%; }et-content-area-19 {width: 79.1666666667%; }et-content-area-20 {width: 83.3333333333%; } et-content-area-21 {width: 87.5%; }et-content-area-22 {width: 91.6666666667%; }et-content-area-23 {width: 95.8333333333%; }et-content-area-24 {width: 100%; } } @media screen and (max-width: 765px) { et-content-area-1, et-content-area-2, et-content-area-3, et-content-area-4, et-content-area-5, et-content-area-6, et-content-area-7, et-content-area-8,et-content-area-9, et-content-area-10, et-content-area-11, et-content-area-12, et-content-area-13, et-content-area-14, et-content-area-15, et-content-area-16,et-content-area-17, et-content-area-18, et-content-area-19, et-content-area-20, et-content-area-21, et-content-area-22, et-content-area-23, et-content-area-24 { width: 100%; margin-bottom:8px; /*padding-left:0px; padding-right:0px; */} .containernew { width: auto; margin: 0px auto; } et-row{ margin-left:0px; margin-right:0px} } @media screen and (max-width: 320px) { et-content-area-1, et-content-area-2, et-content-area-3, et-content-area-4, et-content-area-5, et-content-area-6, et-content-area-7, et-content-area-8,et-content-area-9, et-content-area-10, et-content-area-11, et-content-area-12, et-content-area-13, et-content-area-14, et-content-area-15, et-content-area-16,et-content-area-17, et-content-area-18, et-content-area-19, et-content-area-20, et-content-area-21, et-content-area-22, et-content-area-23, et-content-area-24 { width: 100%; margin-bottom:0px ; /*padding-left:0px; padding-right:0px; */ } .containernew { width: auto; margin: 0px auto; } } /** page contaier **/ et-main-page-content { padding-left: 10px; padding-right: 10px; display:block; margin: 0px auto 0px; } @media (max-width: 3000px) { et-main-page-content { width: 1000px; padding-left:0px; padding-right:0px} } @media (max-width: 1024px) { et-main-page-content { width: 1000px; padding-left:0px; padding-right:0px} } @media (max-width: 999px) { et-main-page-content {width: 100%; padding-left:10px; padding-right:10px} } @media (max-width: 768px) { et-main-page-content {width: 100%; padding-left:10px; padding-right:10px} } @media (max-width: 320px) { et-breadcrumb { display: block; margin: 10px 0px; padding-left: 10px; padding-right: 10px;} } /*** content bg color**/ et-content-bg-color-transparent, .et-content-bg-color-transparent {background:transparent} et-content-bg-color-white{display:block; background:#fff; padding:0px; box-shadow:0 0px 5px rgba(0, 0, 0, 0.14);border-radius:5px; margin-bottom:5px } et-content-bg-color-white:before,et-content-bg-color-white:after {content: " ";display: table; clear: both;} et-content-bg-color-white + et-content-bg-color-info,et-content-bg-color-white + et-content-bg-color-gray,et-content-bg-color-white + et-content-bg-color-success, et-content-bg-color-white + et-content-bg-color-default,et-content-bg-color-white + et-content-bg-color-primary,et-content-bg-color-white + et-content-bg-color-danger, et-content-bg-color-white + et-content-bg-color-grey1,et-content-bg-color-white + et-content-bg-color-grey2, et-content-bg-color-white + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-white-no-shadow{display:block; background:#fff; padding:0px; } et-content-bg-color-white-no-shadow:before,et-content-bg-color-white-no-shadow:after {content: " ";display: table; clear: both;} et-content-bg-color-white-no-shadow + et-content-bg-color-info,et-content-bg-color-white-no-shadow + et-content-bg-color-gray,et-content-bg-color-white-no-shadow + et-content-bg-color-success, et-content-bg-color-white-no-shadow + et-content-bg-color-default,et-content-bg-color-white-no-shadow + et-content-bg-color-primary,et-content-bg-color-white-no-shadow + et-content-bg-color-danger, et-content-bg-color-white-no-shadow + et-content-bg-color-grey1,et-content-bg-color-white-no-shadow + et-content-bg-color-grey2, et-content-bg-color-white-no-shadow + et-content-bg-color-white-no-shadow{margin-bottom:5px} et-contentbgcolor-gray{display:block; background:#ccc; padding:0px; /*box-shadow:0 1px 4px 0 rgba(38,38,38,.3)*/border-radius:5px } et-contentbgcolor-gray:before, et-contentbgcolor-gray:after {content: " ";display: table; clear: both;} et-content-bg-color-gray + et-content-bg-color-gray,et-content-bg-color-gray + et-content-bg-color-success,et-content-bg-color-gray + et-content-bg-color-default, et-content-bg-color-gray + et-content-bg-color-primary,et-content-bg-color-gray + et-content-bg-color-danger,et-content-bg-color-gray + et-content-bg-color-grey1, et-content-bg-color-gray + et-content-bg-color-grey2,et-content-bg-color-gray + et-content-bg-color-info, et-content-bg-color-gray + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-success{display:block; background:#2fad71; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-success:before,et-content-bg-color-success:after {content: " ";display: table; clear: both;} et-content-bg-color-success + et-content-bg-color-gray,et-content-bg-color-success + et-content-bg-color-success,et-content-bg-color-success + et-content-bg-color-default, et-content-bg-color-success + et-content-bg-color-primary,et-content-bg-color-success + et-content-bg-color-danger,et-content-bg-color-success + et-content-bg-color-grey1, et-content-bg-color-success + et-content-bg-color-grey2,et-content-bg-color-success + et-content-bg-color-info, et-content-bg-color-success + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-default{display:block; background:#9f9f9f; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-default:before,et-content-bg-color-default:after {content: " ";display: table; clear: both;} et-content-bg-color-default + et-content-bg-color-gray,et-content-bg-color-default + et-content-bg-color-success, et-content-bg-color-default + et-content-bg-color-default,et-content-bg-color-default + et-content-bg-color-primary, et-content-bg-color-default + et-content-bg-color-danger,et-content-bg-color-default + et-content-bg-color-grey1, et-content-bg-color-default + et-content-bg-color-grey2,et-content-bg-color-default + et-content-bg-color-info, et-content-bg-color-default + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-primary{display:block; background:#3253B4; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-primary:before,et-content-bg-color-primary:after {content: " ";display: table; clear: both;} et-content-bg-color-primary + et-content-bg-color-gray,et-content-bg-color-primary + et-content-bg-color-success, et-content-bg-color-primary + et-content-bg-color-default,et-content-bg-color-primary + et-content-bg-color-primary, et-content-bg-color-primary + et-content-bg-color-danger,et-content-bg-color-primary + et-content-bg-color-grey1, et-content-bg-color-primary + et-content-bg-color-grey2,et-content-bg-color-primary + et-content-bg-color-info, et-content-bg-color-primary + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-danger{display:block; background:#d9534f; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-danger:before, et-content-bg-color-danger:after {content: " ";display: table; clear: both;} et-content-bg-color-danger + et-content-bg-color-gray,et-content-bg-color-danger + et-content-bg-color-success, et-content-bg-color-danger + et-content-bg-color-default,et-content-bg-color-danger + et-content-bg-color-primary, et-content-bg-color-danger + et-content-bg-color-danger,et-content-bg-color-danger + et-content-bg-color-grey1, et-content-bg-color-danger + et-content-bg-color-grey2,et-content-bg-color-danger + et-content-bg-color-info, et-content-bg-color-danger + et-content-bg-color-white{margin-bottom:5px} et-contentbgcolor-grey1{display:block; background:#f7f7f7; padding:13px 0px;border-radius:0px 0px 5px 5px; border:2px solid #f1f1f1 } et-contentbgcolor-grey1:before, et-contentbgcolor-grey1:after {content: " ";display: table; clear: both;} et-content-bg-color-grey1 + et-content-bg-color-gray,et-content-bg-color-grey1 + et-content-bg-color-success, et-content-bg-color-grey1 + et-content-bg-color-default,et-content-bg-color-grey1 + et-content-bg-color-primary, et-content-bg-color-grey1 + et-content-bg-color-danger,et-content-bg-color-grey1 + et-content-bg-color-grey1, et-content-bg-color-grey1 + et-content-bg-color-grey2,et-content-bg-color-grey1 + et-content-bg-color-info, et-content-bg-color-grey1 + et-content-bg-color-white{margin-bottom:5px} et-contentbgcolor-grey2{display:block; background:#f7f7f7; padding:15px;border-radius:0px 0px 0px 0px; border:0px solid #f1f1f1 } et-contentbgcolor-grey2:before, et-contentbgcolor-grey2:after {content: " ";display: table; clear: both;} et-content-bg-color-grey2 + et-content-bg-color-gray,et-content-bg-color-grey2 + et-content-bg-color-success, et-content-bg-color-grey2 + et-content-bg-color-default,et-content-bg-color-grey2 + et-content-bg-color-primary, et-content-bg-color-grey2 + et-content-bg-color-danger,et-content-bg-color-grey2 + et-content-bg-color-grey1, et-content-bg-color-grey2 + et-content-bg-color-grey2,et-content-bg-color-grey2 + et-content-bg-color-info, et-content-bg-color-grey2 + et-content-bg-color-white{margin-bottom:5px} et-contentbgcolor-gray3{display:block; background:#E4E4E4; padding:0px; /*box-shadow:0 1px 4px 0 rgba(38,38,38,.3)*/border-radius:0px } et-contentbgcolor-gray3:before, et-contentbgcolor-gray3:after {content: " ";display: table; clear: both;} et-content-bg-color-gray3 + et-content-bg-color-gray,et-content-bg-color-gray3 + et-content-bg-color-success,et-content-bg-color-gray3 + et-content-bg-color-default,et-content-bg-color-gray3 + et-content-bg-color-primary, et-content-bg-color-gray3 + et-content-bg-color-danger,et-content-bg-color-gray3 + et-content-bg-color-grey1,et-content-bg-color-gray3 + et-content-bg-color-grey2, et-content-bg-color-gray3 + et-content-bg-color-info,et-content-bg-color-gray3 + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-info{display:block; background:#4FC3F7; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-info:before,et-content-bg-color-info:after {content: " ";display: table; clear: both; color:#fff} et-content-bg-color-info + et-content-bg-color-gray,et-content-bg-color-info + et-content-bg-color-success, et-content-bg-color-info + et-content-bg-color-default,et-content-bg-color-info + et-content-bg-color-primary, et-content-bg-color-info + et-content-bg-color-danger,et-content-bg-color-info + et-content-bg-color-grey1, et-content-bg-color-info + et-content-bg-color-grey2,et-content-bg-color-info + et-content-bg-color-info, et-content-bg-color-info + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-blue-info{display:block; background:#E3F2FD; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#A7ABAF; line-height: 16px; font-weight:100; border:1px solid #CFE8FC} et-content-bg-color-blue-info:before,et-content-bg-color-blue-info:after {content: " ";display: table; clear: both; } et-content-bg-color-none{display:block; background:#fff; padding:0px; box-shadow:0 0px 0px rgba(0, 0, 0, 0.14);border-radius:5px; margin-bottom:5px } et-content-bg-color-none:before,et-content-bg-color-none:after {content: " ";display: table; clear: both;} et-content-bg-color-none + et-content-bg-color-info,et-content-bg-color-none + et-content-bg-color-gray,et-content-bg-color-none + et-content-bg-color-success, et-content-bg-color-none + et-content-bg-color-default,et-content-bg-color-none + et-content-bg-color-primary,et-content-bg-color-none + et-content-bg-color-danger, et-content-bg-color-none + et-content-bg-color-grey1,et-content-bg-color-none + et-content-bg-color-grey2, et-content-bg-color-none + et-content-bg-color-none {margin-bottom:5px} et-bg-color-blue-travel-dashbaord{display:block; background:#4550B9; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#fff; line-height: 16px; font-weight:100; border:1px solid #4550B9} et-bg-color-blue-travel-dashbaord:before,et-bg-color-blue-travel-dashbaord:after {content: " ";display: table; clear: both; } et-bg-color-grey-travel-dashbaord{display:block; background:#677483; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#fff; line-height: 16px; font-weight:100; border:1px solid #677483; margin-bottom:1px} et-bg-color-grey-travel-dashbaord:before,et-bg-color-grey-travel-dashbaord:after {content: " ";display: table; clear: both; } et-content-bg-color-warning{display:block; background:#FFB74D; padding:0px; box-shadow:0 1px 4px 0 #999999;border-radius:5px; color:#fff} et-content-bg-color-warning:before, et-content-bg-color-warning:after {content: " ";display: table; clear: both;} et-content-bg-color-warning + et-content-bg-color-gray,et-content-bg-color-warning + et-content-bg-color-success, et-content-bg-color-warning + et-content-bg-color-default,et-content-bg-color-warning + et-content-bg-color-primary, et-content-bg-color-warning + et-content-bg-color-danger,et-content-bg-color-warning + et-content-bg-color-grey1, et-content-bg-color-warning + et-content-bg-color-grey2,et-content-bg-color-warning + et-content-bg-color-info, et-content-bg-color-warning + et-content-bg-color-white{margin-bottom:5px} et-content-bg-color-blue-grad{display:block; background: #01319d;background: -moz-linear-gradient(top, #01319d 0%, #0889e3 100%);background: -webkit-linear-gradient(top, #01319d 0%,#0889e3 100%);background: linear-gradient(to bottom, #01319d 0%,#0889e3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01319d', endColorstr='#0889e3',GradientType=0 ); padding:0px; box-shadow:0 0px 5px rgba(0, 0, 0, 0.14);border-radius:5px; margin-bottom:5px } et-content-bg-color-blue-grad:before,et-content-bg-color-blue-grad:after {content: " ";display: table; clear: both;} et-content-bg-color-blue1-grad{display:block; background: #16369b; background: -moz-linear-gradient(top, #16369b 0%, #4497e6 100%); background: -webkit-linear-gradient(top, #16369b 0%,#4497e6 100%); background: linear-gradient(to bottom, #16369b 0%,#4497e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16369b', endColorstr='#4497e6',GradientType=0 ); padding:0px; box-shadow:0 0px 5px rgba(0, 0, 0, 0.14);border-radius:5px; margin-bottom:5px } et-content-bg-color-blue1-grad:before,et-content-bg-color-blue1-grad:after {content: " ";display: table; clear: both;} et-content-bg-color-blue2-grad{display:block; background: #66b6fc; background: -moz-linear-gradient(top, #66b6fc 0%, #4395e4 100%); background: -webkit-linear-gradient(top, #66b6fc 0%,#4395e4 100%); background: linear-gradient(to bottom, #66b6fc 0%,#4395e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b6fc', endColorstr='#4395e4',GradientType=0 ); border-radius:5px; margin-bottom:5px } et-content-bg-color-blue2-grad:before,et-content-bg-color-blue2-grad:after {content: " ";display: table; clear: both;} et-content-bg-color-blue3-grad{display:block; background: #4395e4; background: -moz-linear-gradient(top, #4395e4 0%, #66b6fc 100%); background: -webkit-linear-gradient(top, #4395e4 0%,#66b6fc 100%); background: linear-gradient(to bottom, #4395e4 0%,#66b6fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4395e4', endColorstr='#66b6fc',GradientType=0 ); border-radius:5px; margin-bottom:5px } et-content-bg-color-blue3-grad:before,et-content-bg-color-blue2-grad:after {content: " ";display: table; clear: both;} a et-content-bg-color-warning{display:block; background:#FFB74D; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#fff} a et-content-bg-color-danger{display:block; background:#d9534f; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#fff} a et-content-bg-color-success{display:block; background:#2fad71; padding:0px; box-shadow:0 0px 0px 0 #999999;border-radius:5px; color:#fff} a et-content-bg-color-white-no-shadow:hover, a:hover et-content-bg-color-warning et-content-bg-color-white-no-shadow {background:#E2E4E6; color:#fff} et-content-bg-color-cash-advance{display:block; /*background:#595959;*/ padding:0px; border-radius:5px; color:#fff; background: #434343; background: -moz-linear-gradient(left, #434343 0%, #000000 100%); background: -webkit-linear-gradient(left, #434343 0%,#000000 100%); background: linear-gradient(to right, #434343 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#000000',GradientType=1 ); } et-content-bg-new-white{border-radius:5px;background-color: #FFFFFF;-webkit-box-shadow: 0px 2px 2px 0px rgba(183,183,183,0.29); -moz-box-shadow: 0px 2px 2px 0px rgba(183,183,183,0.29);box-shadow: 0px 2px 2px 0px rgba(183,183,183,0.29); padding:0px; margin-bottom:2px; background:#fff;display:block; position:relative} et-content-bg-new-white:before,et-content-bg-new-white:after {content: " ";display: table; clear: both;} .bg-color-success {background:#2fad71;} .bg-color-warning {background:#FFB74D;} .bg-color-danger {background:#d9534f;} .bg-color-blue {background:#50E3C2;} .bg-color-success-1 {background:#A4D8B3;} .bg-color-warning-1 {background:#FDD49E;} .bg-color-danger-1 {background:#FFC7CE;} .et-text-success-1 {color:#068466;} .et-text-warning-1 {color:#AA6F17;} .et-text-danger-1 {color:#D23D3D;} .bg-color-grey-1 {background:#D8D8D8;} .et-text-grey-1 {color:#A7A7A7;} .bg-status-red {background:#FFE1E7;color:#E23129;} .bg-status-green {background:#E4F4E8;color:#39AE55;} .bg-status-yellow {background:#FFF1CC;color:#C19D19;} .bg-status-blue {background:#E2F2FF;color:#2171B5;} .bg-status-grey {background:#F1F1F1;color:#2171B5;} /*** content bg color**/ /** breadcrumbs**/ et-breadcrumb{ display:block; margin:10px 0px } et-breadcrumb et-breadcrumb-item{ display:inline-block; vertical-align:bottom;font-size:1rem ;margin-right:4px;color:#212121;} et-breadcrumb et-breadcrumb-item::after{ content:"/"; padding-left:4px ;font-family: 'etfonts';speak: none; cursor:pointer; font-size:0.8rem; display:inline-block; vertical-align:middle; line-height:17px; position:relative; top:-1px} et-breadcrumb et-breadcrumb-item{color:#5B5B5B;cursor:pointer; font-size:0.8rem; line-height:17px; text-transform:uppercase } et-breadcrumb et-breadcrumb-item:hover { color:#129cff } et-breadcrumb et-breadcrumb-item:last-child{font-weight:600!important;color:#5B5B5B!important;cursor:text; font-size:1.154rem; line-height:22px } et-breadcrumb et-breadcrumb-item:last-child:after, et-breadcrumb et-breadcrumb-item:last-child::after{content:"";padding-left:0px; margin-right:0px; cursor:text;} et-breadcrumb.newlink{margin:0px; padding:8px 0px; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0} et-breadcrumb.newlink et-breadcrumb-item:last-child , et-breadcrumb.newlink{ font-size:14px!important; color:#303967!important; font-weight:500!important; line-height:16px!important; text-transform:capitalize; background:#FAFAFA } .newbreadcrumb::after{content:"";} et-breadcrumb.newlink1{margin:0px; padding:8px 0px; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0} et-breadcrumb.newlink1 et-breadcrumb-item:last-child , et-breadcrumb.newlink1{ font-size:14px!important; color:#303967!important; font-weight:500!important; line-height:16px!important; text-transform:capitalize; background:#fff } @media screen and (max-width: 600px) { body et-breadcrumb.newlink1 a, body et-breadcrumb.newlink1 .et-vm-backward-arrow, body et-breadcrumb.newlink1 et-breadcrumb-item:last-child, body et-breadcrumb.newlink1 {color:#fff!important} } /** breadcrumbs**/ /** page contaier title **/ /*et-main-page-content-title{border-bottom:1px solid #dfdfdf; display:block; margin-bottom:0px; padding:8px 20px 8px 15px; line-height: 2.2em;}*/ et-main-page-content-title{border-bottom:0px solid #dfdfdf; display:block; margin-bottom:0px; padding:24px 14px 8px 14px; line-height: 2.2em;} et-main-page-content-title.new{padding: 14px 0px;} et-main-page-content-title.new et-content-area-title-text{/*color: #303967; */ font-weight: 500; line-height: 16px; font-size: 16px; padding: 0px;} et-main-page-content-title:before, et-main-page-content-title:after {content: " ";display: table; clear: both;} /*et-content-title-text,et-content-area-title-text{font-weight:600; text-transform:none; color:#212529; font-size: 0.7692rem; }*/ et-content-title-text,et-content-area-title-text{font-weight:600; text-transform:none; color:#5b5b5b; font-size: 1.538rem; line-height:22px } et-content-area-title-text1{font-weight:600; text-transform:none; color:#434343; font-size: 0.9rem; } et-main-page-content-title-action{ float:right; text-align:right} et-main-page-content-title-action .collapse,et-main-page-content-title-action a{display:inline-block; vertical-align:middle; margin-left:10px; font-size: 0.9rem; color:#212529; } et-main-page-content-withoutborder-title{border-bottom:0px solid transparent; display:block; margin-bottom:0px; padding:15px 20px 8px 20px; line-height: 1.2em;} et-main-page-content-withoutborder-title:before, et-main-page-content-withoutborder-title:after {content: " ";display: table; clear: both;} et-main-page-content-titletwo{border-bottom:2px solid #e7ebed; display:block; margin-bottom:15px; padding:15px 20px 8px 0px; line-height: 1.2em;} et-main-page-content-titletwo:before, et-main-page-content-titletwo:after {content: " ";display: table; clear: both;} et-content-area-title-two-text{text-transform:none; color: #5b5b5b; font-size: 14px; font-weight: 600; line-height: 16px;float:left} et-main-page-content-titletwo-action{ float:right; text-align:right} et-main-page-content-titletwo-action .collapse,et-main-page-content-titletwo-action a{display:inline-block; vertical-align:middle; margin-left:10px; font-size: 0.9rem; color:#212529; } et-main-page-content-titlethree{border-bottom:1px solid #dfdfdf; display:block; margin-bottom:8px; padding:0px 0px 8px 0px; line-height: 1.2em;} et-main-page-content-titlethree:before, et-main-page-content-titlethree:after {content: " ";display: table; clear: both;} et-content-area-titletitlethree-text{font-weight:600; text-transform:none; color:#212529; font-size: 0.7692rem; float:left} et-main-page-content-titletitlethree-action{ float:right; text-align:right} et-main-page-content-titletitlethree-action .collapse,et-main-page-content-titletitlethree-action a{display:inline-block; vertical-align:middle; margin-left:10px; font-size: 0.9rem; color:#212529; } et-main-page-content-titlefour{border-bottom:2px solid #e7ebed; display:block; margin-bottom:0px; padding:8px 20px 8px 15px; line-height: 1.2em!important;} et-main-page-content-titlefour:before, et-main-page-content-titlefour:after {content: " ";display: table; clear: both;} et-content-area-title-two-text{text-transform:none; color: #5b5b5b; font-size: 14px; font-weight: 600; line-height: 16px;float:left} et-main-page-content-titlefour-action{ float:right; text-align:right} et-main-page-content-titlefour-action .collapse,et-main-page-content-titletwo-action a{display:inline-block; vertical-align:middle; margin-left:10px; font-size: 0.9rem; color:#212529; } et-section-title{display:block;font-size: 0.9rem; color:#6c6c6c; font-weight:600; text-transform:uppercase; line-height:32px; /*margin:20px 0px 10px 0px ;*/ margin:0px 0px 10px 0px } et-section-title:before, et-section-title:after { content: " "; display: table; clear: both;} et-section-title i{display:inline-block; width:19px; vertical-align:sub; font-size:16px; color:#a6a6a6} et-section-title .roundcircle{display:inline-block; margin-top:-7px; margin-left:10px} et-collapse-section et-content-title-two-text {line-height:1.19em} et-content-title-two-text {font-weight:600; font-size:0.9rem} et-section-title-dashboard{display:block;font-size: 0.9rem; color:#6c6c6c; font-weight:600; text-transform:uppercase; line-height:normal; /*margin:20px 0px 10px 0px ;*/ margin:0px 0px 10px 0px } et-section-title-dashboard:before, et-section-title-dashboard:after { content: " "; display: table; clear: both;} /** page contaier title **/ et-content-body{display:block; padding:8px 15px 10px 15px} et-content-body:before, et-content-body:after {content: " ";display: table; clear: both;} et-content-body1{display:block; padding:0px 15px} et-content-body1:before, et-content-body1:after {content: " ";display: table; clear: both;} et-content-body-space-top{display:block; padding:25px 15px 0px 15px} et-content-body-space-top:before, et-content-body-space-top:after {content: " ";display: table; clear: both;} et-content-body-space-top-bottom{display:block; padding:25px 15px 25px 15px} et-content-body-space-top-bottom:before, et-content-body-space-top-bottom:after {content: " ";display: table; clear: both;} et-content-body-space-top-bottom1{display:block; padding:25px 10px 25px 10px} et-content-body-space-top-bottom1:before, et-content-body-space-top-bottom1:after {content: " ";display: table; clear: both;} /** para **/ p{ margin:0px; padding:0px; color:#8C8C8C; font-size:0.9rem} p + p { margin-top: 10px; } .spanbold span{font-weight:600;} /*** form**/ et-form-group-block:before, et-form-group-block:after {content: " ";display: table; clear: both;} et-form-group-block{margin-bottom:21px; display:block; position:relative} et-form-group-block-eight:before, et-form-group-block-eight:after {content: " ";display: table; clear: both;} et-form-group-block-eight{margin-bottom:8px; display:block; position:relative } et-form-group-block-ten:before, et-form-group-block-ten:after {content: " ";display: table; clear: both;} et-form-group-block-ten{margin-bottom:10px; display:block; position:relative } /*et-form-group-block:last-child{margin-bottom:0px}*/ et-label-block{display:block;/*font-size:0.6923rem;*/ font-size:0.8rem; color:#6f6f6f; line-height:15px; margin-bottom:0px} et-label-block:before, et-label-block:after { content: " "; display: table; clear: both;} /*et-form-group-block-button-right{float:right;width:100%;text-align:right}*/ et-form-group-block-button-right{float:right;text-align:right} et-form-group-block-button-right:before, et-form-group-block-button-right:after {content: " ";display: table; clear: both;} et-form-group-block-button-right .et-btn{margin-left:8px} et-form-group-block-button-left{float:left;text-align:left} et-form-group-block-button-left:before, et-form-group-block-button-left:after {content: " ";display: table; clear: both;} et-form-group-block-button-left .et-btn{margin-right:8px} et-form-group-block-button-center{float:none;text-align:center} et-form-group-block-button-center:before, et-form-group-block-button-center:after {content: " ";display: table; clear: both;} et-form-group-block-button-center .et-btn{margin-left:8px} .labelcompulsory:after {content: "*";color:#dd4245; font-size:0.9rem; display: inline;} .chosen-container,.chosen-select{height:auto!important} /*.chosen-container{width:97%!important}*/ et-label-block-text{display:block;font-size:1rem; /*color:#B9B9B9;*/ color:#010101; line-height:18px; margin-bottom:6px} et-label-block-text:before, et-label-block-text:after { content: " "; display: table; clear: both;} et-label-block-value{display:block;font-size:1rem; color:#5b5b5b; line-height:20px; margin-bottom:0px} et-label-block-value:before, et-label-block-value:after { content: " "; display: table; clear: both;} et-label-read-only-block{margin-bottom:21px; display:block; position:relative } et-label-read-only-block:before, et-label-read-only-block:after { content: " "; display: table; clear: both;} et-label-read-only-block-fifteen{margin-bottom:15px; display:block; position:relative } et-label-read-only-block-fifteen:before, et-label-read-only-block-fifteen:after { content: " "; display: table; clear: both;} .et-label-blockvalue ,et-label-blockvalue{display:block;font-size:1rem; color:#000; line-height:20px; margin-bottom:0px; margin-top:13px} et-label-blockvalue:before, et-label-block-value:after { content: " "; display: table; clear: both;} et-label-inline-block-value:before,et-label-inline-block-value:after { content: " "; display: table; clear: both;} et-label-inline-block-value,.et-label-inline-block-value{display:block;font-size:1rem; color:#000; margin-bottom:0px; } input[type=text]:disabled ,input[type=password]:disabled ,input[type=number]:disabled ,input[type=email]:disabled,input[type=date]:disabled,input[type=time]:disabled {border: 1px solid #E6E7E8; background-color: #F2F2F2;} .chosen-container,.et-form-control { display:block; outline:0px; width: -moz-available;width: -webkit-fill-available; width: fill-available; padding: 9px 2%;font-size: 1rem;line-height: 20px;color: #404040;background-color: #fff;background-image: none;border: 1px solid #E6E7E8;border-radius: 3px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 1px 2px #9f9f9f;transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-webkit-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-moz-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear; } .et-form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 8px rgba(102, 175, 233, 0.6) 2px #9f9f9f; } .et-form-control::-ms-expand { border: 0; background-color: transparent; } .et-form-control[disabled], .et-form-control[readonly], fieldset[disabled] .et-form-control { background-color: #eeeeee; opacity: 1; }.et-form-control[disabled], fieldset[disabled] .et-form-control { cursor: not-allowed; } .small-input input[type=text],.small-input input[type=password],.small-input input[type=password],.small-input input[type=number], .small-input input[type=email],.small-input input[type=date],.small-input input[type=time]{padding:3px 2%} .medium-input input[type=text],.medium-input input[type=password],.medium-input input[type=password],.medium-input input[type=number], .medium-input input[type=email],.medium-input input[type=date],.medium-input input[type=time]{padding:7px 2%} .chosen-container.chosen-container-multi{padding:6px 5px 5px 5px} .chosen-container.chosen-container-single{padding: 7px 5px 6px 5px;} .chosen-container-single .chosen-single{border:0px!important; background:none!important; box-shadow:0 0 0px #fff inset, 0 0px 0px rgba(0, 0, 0, 0.1)!important} textarea {font-family: robotoregular,sans-serif; font-family: inherit; font-size: inherit;} .error-message{font-size:11px; line-height:normal; position:absolute;text-align:left} .error-message,.has-error, .help-block{color:#D92B2F} .has-error .chekboxcontainer, .has-error .select2-container--default .select2-selection--single, .has-error .chekboxcontainer input:checked ~ .checkboxmark:after,.has-error .radioboxcontainer input:checked ~ .radiocheck:after, .has-error .radioboxcontainer, .has-error .chosen-container, .has-error input[type=text],.has-error input[type=password],.has-error input[type=number],.has-error input[type=email],.has-error select,.has-error textarea, .has-error et-inline-search a:nth-child(2),.has-error et-inline-search a:nth-child(3){border-color:#D92B2F;color:#D92B2F} .has-error .help-block, formerror{display:block; font-size:10px; line-height:10px; position:absolute; bottom:-13px;color:#D92B2F} formhint:before {content: '\e984\00a0';font-family: 'etfonts';speak: none;font-size: 0.9rem; display: inline-block; vertical-align: bottom;} .has-error .checkboxmark,.has-error .chekboxcontainer input:checked ~ .checkboxmark,.has-error .radioboxcontainer input:checked ~ .radiocheck, .has-error .radiocheck{border:1px solid #D92B2F} .has-success{color:#2bc15d} .has-success .chosen-container, .has-success input[type=text],.has-success input[type=password],.has-success input[type=number],.has-success input[type=email],.has-success select,.has-success textarea,.has-success et-inline-search a:nth-child(2),.has-success et-inline-search a:nth-child(3){border-color:#2bc15d;color:#2bc15d} formsuccess{display:block; font-size:10px; line-height:10px; position:absolute; bottom:-13px;color:#2bc15d} et-inline-block-form-group{margin-bottom:25px; display:inline-block; vertical-align:middle; width:auto ; min-height:30px; position:relative; margin-right:10px} et-inline-block-form-group:before, et-inline-block-form-group:after {content: " ";display: table; clear: both;} et-label-inline-block{ display:inline-block;vertical-align:middle; white-space:nowrap ; font-size:0.6923rem; color:#666} et-inline-block-form-group-text-set{display:block} et-inline-block-form-group-text-set:before, et-inline-block-form-group-text-set:after {content: " ";display: table; clear: both;} et-inline-block-form-group-text{margin-bottom:0px; display:inline-block; vertical-align:middle; width:auto ; position:relative; margin:0px 5px 10px 5px} et-inline-block-form-group-text:before, et-inline-block-form-group-text:after {content: " ";display: table; clear: both;} et-inline-block-form-group-text{ display:inline-block;vertical-align:unset; } et-inline-block-form-group-text et-switch-inline et-switch{float:none; display:inline-block} et-inline-block-form-group-text et-checkbox-inline .chekboxcontainer,et-inline-block-form-group-text et-radio-inline .radioboxcontainer{margin-bottom:0px} et-inline-block-form-group-text .chekboxcontainer,et-inline-block-form-group-text .radioboxcontainer{line-height:14px} et-inline-block-form-group-text et-checkbox-inline label:last-child,et-inline-block-form-group-text et-radio-inline label:last-child{margin-right:0px} et-inline-block-form-group-text et-switch-inline et-switch:last-child{margin-right:0px} et-inline-block-form-group et-file-upload,et-inline-block-form-group textarea,et-inline-block-form-group input[type=text],et-inline-block-form-group select,et-inline-block-form-group input[type=password],et-inline-block-form-group input[type=password],et-inline-block-form-group input[type=number], et-inline-block-form-group input[type=email],et-inline-block-form-group input[type=date],et-inline-block-form-group input[type=time],et-inline-block-form-group et-inline-search input[type=text] { display:inline-block;vertical-align:middle; margin-left:8px; width:auto} et-inline-block-form-group et-switch{width:100px; display:inline-block} et-inline-block-form-group et-switch-inline{display:inline-block; vertical-align:middle} et-inline-block-form-group select{/*height: 28px!important; line-height: 28px;*/} et-inline-block-form-group et-switch +et-switch{margin-bottom:0px} et-inline-block-form-group et-file-upload{float:none} et-inline-block-form-group et-checkbox-inline,et-inline-block-form-group et-radio-inline,et-inline-block-form-group et-inline-search a:nth-child(3), et-inline-block-form-group et-inline-search a:nth-child(2),et-inline-block-form-group et-inline-search{display:inline-block;width:auto} et-inline-block-form-group et-inline-search a:nth-child(3),et-inline-block-form-group et-inline-search a:nth-child(2){height:38px;} et-inline-block-form-group et-inline-search a:nth-child(2){margin-left:-4px;margin-right:-4px} et-inline-block-form-group formerror,et-inline-block-form-group formsuccess{right:0px} .color-rating-set{position:relative;height:18px; margin-bottom:0px} .color-rating-set b{position:absolute; left:5px; top:1px; z-index:9} .color-rating-set .color-ratings-1,.color-rating-set .color-ratings-2,.color-rating-set .color-ratings-3,.color-rating-set .color-ratings-4, .color-rating-set .color-ratings-5{height:18px; width:18px} .color-ratings-1{border:1px solid #C62828} .color-ratings-2{border:1px solid #9f9f9f} .color-ratings-3{border:1px solid #3253B4} .color-ratings-4{border:1px solid #FFB74D} .color-ratings-5{border:1px solid #558B2F} input:read-only, textarea:read-only,[contenteditable]:read-only,input:-moz-read-only { background-color: #E6E7E8; color:#000} input:read-only, textarea:read-only,[contenteditable]:read-only,input:read-only { background-color: #E6E7E8; color:#000} /*** form**/ .purpose-padding-left {padding-left:0px} .purpose-padding-right{padding-right:0px} /** button **/ .l-btn:nth-child(2), .btn,.et-btn, a.et-btn{height:30px; line-height: 30px; padding:0px 13px} .btn,.et-btn {color: white;text-decoration: none; height:30px; line-height: 30px; padding:0px 13px; display: inline-block;border-radius: 3px; cursor:pointer; text-transform:initial; font-family: robotoregular,sans-serif; min-width:74px; color:#F8F8F8 ;font-weight:100; white-space:nowrap; vertical-align:middle} @media screen\0{.et-btn{height:30px; padding:0px 13px}} .ie9 .et-btn, .ie10 .et-btn{height:30px; line-height:30px} a.et-btn-block,.et-btn-block{display: block; width: 100%; padding-left: 0px!important; padding-right: 0px!important;} body .et-btn-bigger-one {min-width:155px!important; height:36px!important; line-height:37px!important} body .et-btn-bigger-two {min-width:125px!important; height:36px!important; line-height:37px!important} .biggerbtn1 { height: auto; min-width: unset; width: 100%; padding: 5px 0px;} .biggerbtn2 { height: auto; min-width: unset; width: auto; padding: 5px 40px;} body .biggerbtn3{min-width:100%!important; height:36px; line-height:35px} body .biggerbtn4 { height: 30px!important; line-height: 30px!important; display: block; width: 100%;} body .et-btn-bigger{max-width:400px;min-width:400px!important} body .et-btn-medium{max-width:100px;min-width:100px!important} a.et-btn-success,.et-btn-success {background: #2fad71;border: 1px solid #2fad71; font-size:0.9rem} a.et-btn-success:active,a.et-btn-success:hover,.et-btn-success:active, .et-btn-success:hover { background: #1E6A46; transition: all 0.2s ease; border: 1px solid #1E6A46; } a.et-btn-success:focus,.et-btn-success:focus{ background: #8CDFB8; transition: all 0.2s ease; border: 1px solid #8CDFB8; } a.et-btn-success-reverse,.et-btn-success-reverse {background: #2fad71;border:1px solid #C1EED9;color: #2fad71;background: white; font-size:0.9rem} a.et-btn-success-reverse:hover,.et-btn-success-reverse:hover { background: #2fad71; border: 1px solid #2fad71; transition: all 0.3s ease; color: #fff; } .et-btn-success-reverse-active, a.et-btn-success-reverse:active,.et-btn-success-reverse:active { background: #2fad71;border: 1px solid #2fad71; color: #fff; } a.et-btn-success-reverse:focus,.et-btn-success-reverse:focus { background: #8CDFB8; border: 1px solid #8CDFB8; color: #fff; } .dialog-button.messager-button .l-btn:first-child, #addrowbutton, .messager-button .l-btn,.btn-primary,a.et-btn-primary,.et-btn-primary {color:#F8F8F8; min-width:74px; text-align:center; box-shadow: 0 5px 14px 0 rgba(118,126,225,0.55); background:#161D72; background: -moz-linear-gradient(225deg, #5D6ADD 0%, #161D72 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #161D72), color-stop(100%, #5D6ADD)); /* safari4+,chrome */ background: -webkit-linear-gradient(225deg, #5D6ADD 0%, #161D72 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(225deg, #5D6ADD 0%, #161D72 100%); /* opera 11.10+ */ background: -ms-linear-gradient(225deg, #5D6ADD 0%, #161D72 100%); /* ie10+ */ background: linear-gradient(225deg, #5D6ADD 0%, #161D72 100%); /* w3c */ border-radius: 3px; } .dialog-button.messager-button .l-btn:first-child, .et-btn-primary, a.et-btn-primary{height:30px; line-height:30px; padding:0px 13px; font-size:0.9rem} a.et-btn-primary:active,.et-btn-primary:active,.btn-primary:active,.messager-button .l-btn:active, a.et-btn-primary:focus,.et-btn-primary:focus,.btn-primary:focus,.dialog-button.messager-button .l-btn:first-child:focus{ background:#161D72; color:#fff;box-shadow: 0 5px 14px 0 rgba(118,126,225,0.55);} a.et-btn-primary:hover,.et-btn-primary:hover,.btn-primary:hover,.dialog-button.messager-button .l-btn:first-child:hover{ background: #5D6ADD; color:#fff;box-shadow: 0 5px 14px 0 rgba(118,126,225,0.55);} /* New 02-02-2023 */ .dialog-button.messager-button .l-btn:nth-child(2), input[type="submit"].inputsubmit, a.et-btn-primary-reverse,.et-btn-primary-reverse {border:1px solid rgba(91,100,198,0.5);color: #5D64CA; background:#FAFAFF;background-color:#FAFAFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); font-size: 0.9rem;} .grayfooterbuttonbg a.et-btn-primary-reverse, .grayfooterbuttonbg .et-btn-primary-reverse {border:1px solid transparent; color: #5D64CA; background:transparent; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.05); font-size: 0.9rem;} .grayfooterbuttonbg a.et-btn-primary-reverse:hover, .grayfooterbuttonbg .et-btn-primary-reverse:hover {background: transparent;border: 1px solid #F4CDCC;color: #d9534f } .dialog-button.messager-button .l-btn:nth-child(2):hover,.dialog-button.messager-button .l-btn:nth-child(2):active, a.et-btn-primary-reverse:hover,.et-btn-primary-reverse:hover,input[type="submit"].inputsubmit:hover { background-color: #5D6ADD; border: 1px solid rgba(91,100,198,0.5); transition: all 0.3s ease; color: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } a.et-btn-primary-reverse:active,.et-btn-primary-reverse:active , a.et-btn-primary-reverse:focus,.et-btn-primary-reverse:focus{ box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);/*background: #161D72;*/background:transparent; border: 1px solid rgba(91,100,198,0.5);color:#5D64CA} _:-ms-lang(x), .et-btn-primary-reverse { line-height: 25px; }/* ie11 */ a.et-btn-disabled,.et-btn-disabled , a.et-btn-disabled:hover,.et-btn-disabled:hover , a.et-btn-disabled:active,.et-btn-disabled:active ,a.et-btn-disabled:focus,.et-btn-disabled:focus {background: #D7D7D7;border:1px solid #D7D7D7;color: #989696; cursor:not-allowed;font-size: 0.9rem;} a.et-btn-default,.et-btn-default {background: #9f9f9f;border: 1px solid #9f9f9f; font-size:0.9rem } a.et-btn-default:hover,.et-btn-default:hover { background: #8b8b8b; transition: all 0.3s ease; border: 1px solid #9f9f9f; } a.et-btn-default:active,.et-btn-default:active { background: #5f5f5f; border: 1px solid #9f9f9f; } a.et-btn-default:focus,.et-btn-default:focus { background: #BBBBBB; border: 1px solid #BBBBBB; } a.et-btn-default-reverse,.et-btn-default-reverse {background: #fff;border: 1px solid #E2E2E2;color: #9f9f9f; font-size:0.9rem} a.et-btn-default-reverse:hover,.et-btn-default-reverse:hover { background: #9f9f9f; border: 1px solid #9f9f9f; transition: all 0.3s ease; color: #fff; } a.et-btn-default-reverse:active, .et-btn-default-reverse:active { background: black; border: 1px solid #9f9f9f; color: #fff; } a.et-btn-default-reverse:focus,.et-btn-default-reverse:focus { background: #BBBBBB; border: 1px solid #BBBBBB; } a.et-btn-danger,.et-btn-danger {background: #d9534f;border: 1px solid #d9534f; font-size:0.9rem} a.et-btn-danger:hover,.et-btn-danger:hover { background: #d2322d; transition: all 0.3s ease; border: 1px solid #d9534f; } a.et-btn-danger:active,.et-btn-danger:active { background: #8b211e; border: 1px solid #d9534f; } a.et-btn-danger:focus,.et-btn-danger:focus { background: #DD6562; border: 1px solid #DD6562; } a.et-btn-danger-reverse,.et-btn-danger-reverse {background: #fff;border: 1px solid #F4CDCC;color: #d9534f; font-size:0.9rem} a.et-btn-danger-reverse:hover,.et-btn-danger-reverse:hover { background: #d9534f; border: 1px solid #d9534f; transition: all 0.3s ease; color: #fff; } a.et-btn-danger-reverse:active,.et-btn-danger-reverse:active { background: black; border: 1px solid #d9534f; color: #fff; } a.et-btn-danger-reverse:focus,.et-btn-danger-reverse:focus { background: #DD6562; border: 1px solid #DD6562; color: #fff; } .et-btn-hsbcprimary-reverse {background: #d9534f;/* border: 1px solid #d9534f;*/border: 1px solid #DEDEDE;color: #CC3300;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dedede+95 */background: #ffffff;/* Old browsers */background: -moz-linear-gradient(top, #ffffff 50%, #dedede 95%);/* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 50%, #dedede 95%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 50%, #dedede 95%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );/* IE6-9 */ } .et-btn-hsbcprimary-reverse:hover {background: #ffffff;/* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #dedede 95%);/* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%, #dedede 95%);/* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #ffffff 0%, #dedede 95%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );/* IE6-9 */border: 1px solid #DEDEDE;transition: all 0.3s ease;color: #CC3300; } .et-btn-hsbcprimary-reverse:active {background: #d9534f;border: 1px solid #CC3300;color: #fff; } a.et-btn-transparent,.et-btn-transparent {background: transparent;border: 1px solid transparent; color: #729BFC; font-size: 0.9rem; font-weight: 600; line-height: 26px; text-align:center} a.et-btn-transparent:active, a.et-btn-transparent:hover, .et-btn-transparent:active, .et-btn-transparent:hover, a.et-btn-transparent:focus,.et-btn-transparent:focus{ background: transparent; transition: all 0.2s ease; border: 1px solid transparent; color: #72afd2;} a.et-btn-upload,.et-btn-upload {background: #fff;border: 0px solid #2fad71; color: #729BFC; font-weight: 600; line-height: 17px; font-size:0.9rem} a.et-btn-upload:active,a.et-btn-upload:hover,.et-btn-upload:active, .et-btn-upload:hover , a.et-btn-upload:focus,.et-btn-upload:focus{ background: transparent; transition: all 0.2s ease; border: 0px solid #8CDFB8; color:#72afd2} a.et-btn-dropdown,.et-btn-dropdown {background: transparent;border: 1px solid #ccc; color: #729BFC; font-size: 0.8rem; font-weight: 100; line-height: 17px; white-space:unset; text-align:left; padding-left:2px; padding-right:2px; min-width:initial; width:100%} a.et-btn-dropdown:active, a.et-btn-dropdown:hover, .et-btn-dropdown:active, .et-btn-dropdown:hover, a.et-btn-dropdown:focus,.et-btn-dropdown:focus{ background: transparent; transition: all 0.2s ease; border: 1px solid #ccc; color: #72afd2;} .et-btn-dropdown .caret {float:right; position:relative; top:5px } a.et-btn-primary-flat,.et-btn-primary-flat {background: #5D6ADD; color:#fff; min-width:74px; text-align:center; line-height:24px;font-size:0.9rem } a.et-btn-primary-flat{height:28px; line-height:29px; padding:0px 13px} a.et-btn-primary-flat:active,.et-btn-primary-flat:active,a.et-btn-primary:focus,.et-btn-primary:focus, a.et-btn-primary-flat:hover,.et-btn-primary-flat:hover{ color:#F8F8F8; background:#161D72;} a.et-btn-calendar,.et-btn-calendar { color:#5f6368; min-width:0px; text-align:center; } a.et-btn-calendar{height:28px; line-height:26px; padding:0px 13px} a.et-btn-calendar:active,.et-btn-calendar:active,a.et-btn-primary:focus,.et-btn-primary:focus, a.et-btn-calendar:hover,.et-btn-calendar:hover{ color:#fff; background:#1e2b37;} a.et-btn-success-hallow,.et-btn-success-hallow {background: transparent;border: 1px solid #2fad71; color: #2fad71; font-size: 0.9rem; font-weight: 600; line-height: 26px!important; text-align:center} a.et-btn-success-hallow:active, a.et-btn-success-hallow:hover, .et-btn-success-hallow:active, .et-btn-success-hallow:hover, a.et-btn-success-hallow:focus,.et-btn-success-hallow:focus{ background: #2fad71; transition: all 0.2s ease; border: 1px solid #2fad71; color: #fff;} a.et-btn-danger-hallow,.et-btn-danger-hallow {background: transparent;border: 1px solid #d9534f; color: #d9534f; font-size: 0.9rem; font-weight: 600; line-height: 26px!important; text-align:center} a.et-btn-danger-hallow:active, a.et-btn-danger-hallow:hover, .et-btn-danger-hallow:active, .et-btn-danger-hallow:hover, a.et-btn-danger-hallow:focus,.et-btn-danger-hallow:focus{ background: #d9534f; transition: all 0.2s ease; border: 1px solid #d9534f; color: #fff;} a.et-btn-warning-hallow,.et-btn-warning-hallow {background: transparent;border: 1px solid #FFB74D; color: #FFB74D; font-size: 0.9rem; font-weight: 600; line-height: 26px!important; text-align:center} a.et-btn-warning-hallow:active, a.et-btn-warning-hallow:hover, .et-btn-warning-hallow:active, .et-btn-warning-hallow:hover, a.et-btn-warning-hallow:focus,.et-btn-warning-hallow:focus{ background: #FFB74D; transition: all 0.2s ease; border: 1px solid #FFB74D; color: #fff;} a.et-btn-disabled,.et-btn-disabled,a.et-btn-disabled:hover,.et-btn-disabled:hover {background: #9f9f9f;border: 1px solid #9f9f9f; font-size:0.9rem;color:#ccc } /** button **/ /*** table**/ .hiddendiv{position:absolute;left:0px; top:0px; width:100%; height:100%; display:none} .ui-jqgrid .ui-search-table {width:auto!important} .ui-search-menu.modal-content {position:absolute} .ui-search-menu.ui-menu .ui-menu-item {list-style-type:none} .ui-jqgrid td input {width:95%} table{ border-spacing: 0; border-collapse: collapse;} /*.table>thead>tr>th { vertical-align: top; border-bottom: 2px solid #e9eced; padding:3px; background:#f7f7f7; color:#7c7c7c; font-weight:normal; font-size:0.6923rem }*/ .ui-jqgrid-bdiv,.ui-pager-control,.ui-jqgrid-htable,.table { width: 100%; max-width: 100%; margin-bottom: 20px; } .ui-pager-control{width:100%!important} .ui-jqgrid-htable{width:98%!important} .ui-jqgrid-bdiv{width:unset!important} .ui-jqgrid-bdiv>thead>tr>th,.ui-pager-control>thead>tr>th,.ui-jqgrid-htable>thead>tr>th,.table>thead>tr>th { vertical-align: top; border-bottom: 2px solid #e9eced; padding:3px 0px; background:#f7f7f7; color:#626262; font-weight:500; font-size:0.8rem ; text-align:left} .ui-jqgrid-bdiv>tbody>tr>td,.ui-pager-control>tbody>tr>td,.ui-jqgrid-htable>tbody>tr>td,.table>tbody>tr>td { vertical-align: top; border-bottom: 1px solid #f3f2f0; /*padding:8px 0px*/padding:5px 0px; font-size:0.9rem; } .ui-jqgrid-bdiv.compact>tbody>tr>td,.ui-pager-control.compact>tbody>tr>td,.ui-jqgrid-htable.compact>tbody>tr>td,.table.compact>tbody>tr>td{padding:4px 3px;} .table-responsive et-inline-search{margin-bottom:20px; width:auto; float:right; text-align:right} .table-responsive et-inline-search :before, .table-responsive et-inline-search:after { content: " "; clear: both;} et-head-table {display:block; width:100%; width:auto} et-head-table:before, et-head-table:after { content: " "; display: table; clear: both;} .ui-jqgrid-bdiv>tbody>tr.hiddenrow>td,.ui-pager-control>tbody>tr.hiddenrow>td,.ui-jqgrid-htable>tbody>tr.hiddenrow>td,.table>tbody>tr.hiddenrow>td{height:0px; padding:0px; border:0px} et-tableresponsive,.table-responsive {min-height: .01%; width: 100%; margin-bottom: 15px; } .tableedge .table>tbody>tr>td:first-child,.tableedge .table>thead>tr>th:first-child{padding-left:11px} .tableedge .table>tbody>tr>td:last-child,.tableedge .table>thead>tr>th:last-child{padding-right:15px} .tableedge .table>tfoot>tr>td{padding-left:0px;padding-right:0px} .tableedge et-head-table{padding-left:15px;padding-right:15px} .tableedge et-table-pagination{float:right; display:inline-block; margin-top:10px; border:0px solid #ccc; border-right:0px; font-size:0.6923rem; color:#b3b3b3 } .tableedge et-table-pagination span{display:inline-block; vertical-align:middle; margin-left:5px; line-height:10px} .tableedge et-table-pagination span a{border:0px; padding:0px} .tableedge et-table-pagination span .pagiarrow{display:inline-block; font-size:0.6923rem; line-height:10px; color:#b1b1b1} .tableedge et-table-pagination span .pagiarrow i{color:#b1b1b1} .tableedge et-table-pagination span .pagiarrow:first-child{margin-right:5px; margin-left:10px} .tableedge et-table-pagination span .pagiarrow:last-child{margin-left:5px;} .tableedge et-table-pagination span .pagiarrow i:hover{color:#5e5e5e; background:none} .tableedge et-table-pagination span .pagiarrow:hover{background:none} .tableedge .table>tbody>.hiddenrow>td:last-child,.tableedge .table>thead>.hiddenrow>th:last-child{padding-right:0px; padding-left:0px;} .tableedge et-table-pagination .dropdown-menu{ text-align: center; min-width:30px; padding:8px 12px; font-size: 0.7692rem} .tableedge et-table-pagination .dropdown-menu li{border-top:1px solid #ccc; clear:both;display:block;text-align: center; padding:2px 0px} .tableedge et-table-pagination .dropdown-menu li:first-child{border:0px} .tableedge et-table-pagination .dropdown-menu li a{display:block;text-align:center; clear:both; width:100%} .tableedge1 .table > thead > tr > th,.tableedge1 .table > tbody > tr > td {padding:0px 6px; height:30px; vertical-align:middle} .tableedge1 input:read-only {height:25px; border:1px solid #E6E7E8; color:#000} .tableedge1 input {height:23px; padding:3px 1%!important} .tableedge1 .table,.tableedge2 .table {margin-bottom:0px; table-layout:fixed} .tableedge2 .table > thead > tr > th,.tableedge2 .table > tbody > tr > td {border:0px; padding-right:0px; padding-left:0px} .tableedge1 input:focus, .tableedge2 .table > tbody > tr > td input:focus {border:1px solid #A9A9A9} .travlerequettable .table>tbody>tr>td{vertical-align:middle; padding:2px 5px; border:1px solid #e9eced; border-bottom:0px;border-top:0px} .travlerequettable .table>thead>tr>th{border:1px solid #e9eced; border-bottom:0px; border-top:0px; background:transparent; padding:2px 5px;} .travlerequettable .table>thead>tr>th:last-child{border-right:0px} .travlerequettable .table{border-bottom:1px solid #e9eced} .travlerequettable .table + .table{margin-top:-20px} et-table-search{display:block;width:100%; width:auto} et-table-search:before, et-table-search:after { content: " "; display: table; clear: both;} et-table-search a{ color:#949494; display:inline-block; /*margin-top:15px*/ vertical-align:middle} et-table-search a i{font-size:16px; display:inline-block; vertical-align:middle; line-height:16px; color:#797979;line-height:14px} et-table-search a span{font-weight:600; font-size:0.6923rem; display:inline-block; vertical-align:text-bottom ; color:#797979; line-height:14px} .table-responsive et-table-search et-inline-search, et-table-search et-inline-search{display:table; position:relative; width:100%; table-layout:fixed; margin-bottom:0px} et-table-search et-inline-search input[type=text]{display:table-cell; border:0px; border-radius:3px 0px 0px 3px;padding:0px; height:43px} et-table-search et-inline-search a:nth-child(1){display:table-cell;position: relative;right: 0px;top: 0px;z-index: 5;background: none;height: 100%;border-radius: 0px 5px 5px 0px;padding: 0px 10px 0px 0px;text-align:center; border:0px solid #e6e7e8;border-left:0px; width:10px; vertical-align:middle; line-height:28px; color:#7c7c7c} et-table-search et-inline-search a:nth-child(1):before { cursor:pointer; position:relative;top:2px; font-size:18px; left:0px} et-table-search et-inline-search a:nth-child(2){display:table-cell;position:relative;top: 0px;z-index: 5;background:none;height: 100%;border-radius: 0px ;padding: 0px 10px; text-align:center; border:0px solid #e6e7e8; border-left:0px; width:10px; vertical-align:middle; border-right:0px;line-height:28px} et-table-search et-inline-search a:nth-child(2):before {cursor:pointer; position:relative;top:3px; color:#d9534f; font-size:16px} et-table-caption{display:table-caption; width:100%} et-table{display: table;width:100%;border: 1px solid #dee2e6;margin-bottom: 10px;border-bottom: 0px;border-right: 0px;border-left: 0px;table-layout: fixed;max-width: 100%} et-table-head{display:table-header-group;width:100% ; float:left } et-table-row{display:table-row; width:100%;border-bottom:1px solid #dee2e6} et-table-data-hd{display:table-cell; font-weight:600; border-bottom:2px solid #dee2e6; padding:2px 6px; word-wrap:break-word; color:#565656} et-table-body{ display:table-header-group;width:100%} et-table-footer{ width:100% ;display:block} et-table-data{display:table-cell;border-bottom:1px solid #dee2e6; padding:2px 6px; vertical-align:top; height:100%; word-wrap:break-word; } et-table-pagination{float:right; display:inline-block; margin-top:8px; border:1px solid #ccc; border-right:0px; border-radius:4px} et-table-pagination a{float:left; padding:2px 8px; border-right:1px solid #ccc; } et-table-pagination a:last-child{border-right:1px solid #ccc} et-table-pagination .active, et-table-pagination a.active{background:#ccc} et-table-pagination a:hover{background:#E0E0E0} et-table-all-border{display: table;width: 100%;border: 1px solid #dee2e6; margin-bottom: 10px;table-layout: fixed;max-width: 100%;} et-table-all-border et-table-data-hd, et-table-all-border et-table-data{border-right:1px solid #dee2e6;} et-table-even-odd{display:table;width:100%; table-layout:fixed;border:1px solid #dee2e6; margin-bottom:10px; border-bottom:0px; border-right:0px ; border-left:0px ; } /*et-table-even-odd et-table-row:nth-child(even){background:#F0F0F0} et-table-even-odd et-table-row:nth-child(even):hover, et-table-row:hover{background:#E0E0E0}*/ .et-hidden-row{background:#F0F0F0; padding-left:0px ; padding-right:0px; position:relative} et-table-even-odd et-table-caption et-content-area-5{padding-right:0px; margin-bottom:8px} et-table-even-odd et-table-head et-table-row:hover, et-table-all-border et-table-head et-table-row:hover, et-table et-table-head et-table-row:hover{background:transparent} .et-table-layout-fixed {table-layout:fixed} .fixedoverflowscroll table{table-layout:fixed} .fixedoverflowscroll {overflow:auto;} .fixedoverflowscroll .ui-jqgrid-bdiv{overflow-x:hidden!important;overflow-y:auto!important} .fixedoverflowscroll .ui-jqgrid-view, .fixedoverflowscroll .ui-jqgrid {width:1250px!important } .fixedoverflowscroll .ui-jqgrid-bdiv{overflow:hidden!important} @media screen and (max-width: 810px) { et-table-all-border,et-table-even-odd, et-table{table-layout:auto} et-table-data div{white-space: nowrap; word-wrap:break-word} et-tableresponsive,.table-responsive { overflow-x: scroll; overflow-y: hidden;} et-table-data,et-table-data-hd{white-space: nowrap; word-wrap:break-word} } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05);} .tablepaddingeight>tbody>tr>td{padding:8px 3px} /*** tablee**/ /**static width per**/ body .jqgridautoheight .ui-jqgrid-htable.et-width-auto { width: auto!important; } body .et-width-auto { width: auto!important; }body .et-width-0 { width: 0% !important; }body .et-width-1 { width: 1% !important; }body .et-width-2 { width: 2% !important; }body .et-width-3 { width: 3% !important; }body .et-width-4 { width: 4% !important; }body .et-width-5 { width: 5% !important; }body .et-width-6 { width: 6% !important; }body .et-width-7 { width: 7% !important; }body .et-width-8 { width: 8% !important; }body .et-width-9 { width: 9% !important; }body .et-width-10 { width: 10% !important; }body .et-width-11 { width: 11% !important; }body .et-width-12 { width: 12% !important; }body .et-width-13 { width: 13% !important; }body .et-width-14 { width: 14% !important; }body .et-width-15 { width: 15% !important; }body .et-width-16 { width: 16% !important; }body .et-width-17 { width: 17% !important; }body .et-width-18 { width: 18% !important; }body .et-width-19 { width: 19% !important; }body .et-width-20 { width: 20% !important; }body .et-width-21 { width: 21% !important; }body .et-width-22 { width: 22% !important; }body .et-width-23 { width: 23% !important; }body .et-width-24 { width: 24% !important; }body .et-width-25 { width: 25% !important; }body .et-width-26 { width: 26% !important; }body .et-width-27 { width: 27% !important; }body .et-width-28 { width: 28% !important; }body .et-width-29 { width: 29% !important; }body .et-width-30 { width: 30% !important; }body .et-width-31 { width: 31% !important; }body .et-width-32 { width: 32% !important; }body .et-width-33 { width: 33% !important; }body .et-width-34 { width: 34% !important; }body .et-width-35 { width: 35% !important; }body .et-width-36 { width: 36% !important; }body .et-width-37 { width: 37% !important; }body .et-width-38 { width: 38% !important; }body .et-width-39 { width: 39% !important; }body .et-width-40 { width: 40% !important; }body .et-width-41 { width: 41% !important; }body .et-width-42 { width: 42% !important; }body .et-width-43 { width: 43% !important; }body .et-width-44 { width: 44% !important; }body .et-width-45 { width: 45% !important; }body .et-width-46 { width: 46% !important; }body .et-width-47 { width: 47% !important; }body .et-width-48 { width: 48% !important; }body .et-width-49 { width: 49% !important; }body .et-width-50 { width: 50% !important; }body .et-width-51 { width: 51% !important; }body .et-width-52 { width: 52% !important; }body .et-width-53 { width: 53% !important; }body .et-width-54 { width: 54% !important; }body .et-width-55 { width: 55% !important; }body .et-width-56 { width: 56% !important; }body .et-width-57 { width: 57% !important; }body .et-width-58 { width: 58% !important; }body .et-width-59 { width: 59% !important; }body .et-width-60 { width: 60% !important; }body .et-width-61 { width: 61% !important; }body .et-width-62 { width: 62% !important; }body .et-width-63 { width: 63% !important; }body .et-width-64 { width: 64% !important; }body .et-width-65 { width: 65% !important; }body .et-width-66 { width: 66% !important; }body .et-width-67 { width: 67% !important; }body .et-width-68 { width: 68% !important; }body .et-width-69 { width: 69% !important; }body .et-width-70 { width: 70% !important; }body .et-width-71 { width: 71% !important; }body .et-width-72 { width: 72% !important; }body .et-width-73 { width: 73% !important; }body .et-width-74 { width: 74% !important; }body .et-width-75 { width: 75% !important; }body .et-width-76 { width: 76% !important; }body .et-width-77 { width: 77% !important; }body .et-width-78 { width: 78% !important; }body .et-width-79 { width: 79% !important; }body .et-width-80 { width: 80% !important; }body .et-width-81 { width: 81% !important; }body .et-width-82 { width: 82% !important; }body .et-width-83 { width: 83% !important; }body .et-width-84 { width: 84% !important; }body .et-width-85 { width: 85% !important; }body .et-width-86 { width: 86% !important; }body .et-width-87 { width: 87% !important; }body .et-width-88 { width: 88% !important; }body .et-width-89 { width: 89% !important; }body .et-width-90 { width: 90% !important; }body .et-width-91 { width: 91% !important; }body .et-width-92 { width: 92% !important; }body .et-width-93 { width: 93% !important; }body .et-width-94 { width: 94% !important; }body .et-width-95 { width: 95% !important; }body .et-width-96 { width: 96% !important; }body .et-width-97 { width: 97% !important; }body .et-width-98 { width: 98% !important; }body .et-width-99 { width: 99% !important; }body .et-width-100 { width: 100% !important; } /**static width per**/ /**static width px**/ body .et-width-px-0 { width: 0px; }body .et-width-px-1 { width: 1px; }body .et-width-px-2 { width: 2px; }body .et-width-px-3 { width: 3px; }body .et-width-px-4 { width: 4px; }body .et-width-px-5 { width: 5px; }body .et-width-px-6 { width: 6px; }body .et-width-px-7 { width: 7px; }body .et-width-px-8 { width: 8px; }body .et-width-px-9 { width: 9px; }body .et-width-px-10 { width: 10px; }body .et-width-px-11 { width: 11px; }body .et-width-px-12 { width: 12px; }body .et-width-px-13 { width: 13px; }body .et-width-px-14 { width: 14px; }body .et-width-px-15 { width: 15px; }body .et-width-px-16 { width: 16px; }body .et-width-px-17 { width: 17px; }body .et-width-px-18 { width: 18px; }body .et-width-px-19 { width: 19px; }body .et-width-px-20 { width: 20px; }body .et-width-px-21 { width: 21px; }body .et-width-px-22 { width: 22px; }body .et-width-px-23 { width: 23px; }body .et-width-px-24 { width: 24px; }body .et-width-px-25 { width: 25px; }body .et-width-px-26 { width: 26px; }body .et-width-px-27 { width: 27px; }body .et-width-px-28 { width: 28px; }body .et-width-px-29 { width: 29px; }body .et-width-px-30 { width: 30px; }body .et-width-px-31 { width: 31px; }body .et-width-px-32 { width: 32px; }body .et-width-px-33 { width: 33px; }body .et-width-px-34 { width: 34px; }body .et-width-px-35 { width: 35px; }body .et-width-px-36 { width: 36px; }body .et-width-px-37 { width: 37px; }body .et-width-px-38 { width: 38px; }body .et-width-px-39 { width: 39px; }body .et-width-px-40 { width: 40px; }body .et-width-px-41 { width: 41px; }body .et-width-px-42 { width: 42px; }body .et-width-px-43 { width: 43px; }body .et-width-px-44 { width: 44px; }body .et-width-px-45 { width: 45px; }body .et-width-px-46 { width: 46px; }body .et-width-px-47 { width: 47px; }body .et-width-px-48 { width: 48px; }body .et-width-px-49 { width: 49px; }body .et-width-px-50 { width: 50px; }body .et-width-px-51 { width: 51px; }body .et-width-px-52 { width: 52px; }body .et-width-px-53 { width: 53px; }body .et-width-px-54 { width: 54px; }body .et-width-px-55 { width: 55px; }body .et-width-px-56 { width: 56px; }body .et-width-px-57 { width: 57px; }body .et-width-px-58 { width: 58px; }body .et-width-px-59 { width: 59px; }body .et-width-px-60 { width: 60px; }body .et-width-px-61 { width: 61px; }body .et-width-px-62 { width: 62px; }body .et-width-px-63 { width: 63px; }body .et-width-px-64 { width: 64px; }body .et-width-px-65 { width: 65px; }body .et-width-px-66 { width: 66px; }body .et-width-px-67 { width: 67px; }body .et-width-px-68 { width: 68px; }body .et-width-px-69 { width: 69px; }body .et-width-px-70 { width: 70px; }body .et-width-px-71 { width: 71px; }body .et-width-px-72 { width: 72px; }body .et-width-px-73 { width: 73px; }body .et-width-px-74 { width: 74px; }body .et-width-px-75 { width: 75px!important; }body .et-width-px-76 { width: 76px; }body .et-width-px-77 { width: 77px; }body .et-width-px-78 { width: 78px; }body .et-width-px-79 { width: 79px; }body .et-width-px-80 { width: 80px; }body .et-width-px-81 { width: 81px; }body .et-width-px-82 { width: 82px; }body .et-width-px-83 { width: 83px; }body .et-width-px-84 { width: 84px; }body .et-width-px-85 { width: 85px; }body .et-width-px-86 { width: 86px; }body .et-width-px-87 { width: 87px; }body .et-width-px-88 { width: 88px; }body .et-width-px-89 { width: 89px; }body .et-width-px-90 { width: 90px; }body .et-width-px-91 { width: 91px; }body .et-width-px-92 { width: 92px; }body .et-width-px-93 { width: 93px; }body .et-width-px-94 { width: 94px; }body .et-width-px-95 { width: 95px; }body .et-width-px-96 { width: 96px; }body .et-width-px-97 { width: 97px; }body .et-width-px-98 { width: 98px; }body .et-width-px-99 { width: 99px; }body .et-width-px-100 { width: 100px; }body .et-width-px-110 { width: 110px; }body .et-width-px-111 { width: 111px; }body .et-width-px-112 { width: 112px; }body .et-width-px-113 { width: 113px; }body .et-width-px-114 { width: 114px; }body .et-width-px-115 { width: 115px; }body .et-width-px-116 { width: 116px; }body .et-width-px-117 { width: 117px; }body .et-width-px-118 { width: 118px; }body .et-width-px-119 { width: 119px; }body .et-width-px-120 { width: 120px; }body .et-width-px-125 { width: 125px; }body .et-width-px-140 { width: 140px; }body .et-width-px-141 { width: 141px; }body .et-width-px-142 { width: 142px; }body .et-width-px-143 { width: 143px; }body .et-width-px-144 { width: 144px; }body .et-width-px-145 { width: 145px; }body .et-width-px-146 { width: 146px; }body .et-width-px-147 { width: 147px; }body .et-width-px-148 { width: 148px; }body .et-width-px-149 { width: 149px; }body .et-width-px-150 { width: 150px; }body .et-width-px-175 { width: 175px; }body .et-width-px-185 { width: 185px; }body .et-width-px-200 { width: 200px; }body .et-width-px-300 { width: 300px; }body .et-width-px-325 { width: 325px; }body .et-width-px-350 { width: 350px; }body .et-width-px-380 { width: 380px; }body .et-width-px-425 { width: 425px; } /**static width px**/ /**static height px**/ body .et-height-auto { height: auto!important; } body .et-height-0 { height: 0px; }body .et-height-1 { height: 1px; }body .et-height-2 { height: 2px; }body .et-height-3 { height: 3px; }body .et-height-4 { height: 4px; }body .et-height-5 { height: 5px; }body .et-height-6 { height: 6px; }body .et-height-7 { height: 7px; }body .et-height-8 { height: 8px; }body .et-height-9 { height: 9px; }body .et-height-10 { height: 10px; }body .et-height-11 { height: 11px; }body .et-height-12 { height: 12px; }body .et-height-13 { height: 13px; }body .et-height-14 { height: 14px; }body .et-height-15 { height: 15px; }body .et-height-16 { height: 16px; }body .et-height-17 { height: 17px; }body .et-height-18 { height: 18px; }body .et-height-19 { height: 19px; }body .et-height-20 { height: 20px; }body .et-height-21 { height: 21px; }body .et-height-22 { height: 22px; }body .et-height-23 { height: 23px; }body .et-height-24 { height: 24px; }body .et-height-25 { height: 25px; }body .et-height-26 { height: 26px; }body .et-height-27 { height: 27px; }body .et-height-28 { height: 28px; }body .et-height-29 { height: 29px; }body .et-height-30 { height: 30px; }body .et-height-31 { height: 31px; }body .et-height-32 { height: 32px; }body .et-height-33 { height: 33px; }body .et-height-34 { height: 34px; }body .et-height-35 { height: 35px!important; }body .et-height-36 { height: 36px; }body .et-height-37 { height: 37px; }body .et-height-38 { height: 38px; }body .et-height-39 { height: 39px; }body .et-height-40 { height: 40px; }body .et-height-41 { height: 41px; }body .et-height-42 { height: 42px; }body .et-height-43 { height: 43px; }body .et-height-44 { height: 44px; }body .et-height-45 { height: 45px; }body .et-height-46 { height: 46px; }body .et-height-47 { height: 47px; }body .et-height-48 { height: 48px; }body .et-height-49 { height: 49px; }body .et-height-50 { height: 50px; }body .et-height-51 { height: 51px; }body .et-height-52 { height: 52px; }body .et-height-53 { height: 53px; }body .et-height-54 { height: 54px; }body .et-height-55 { height: 55px; }body .et-height-56 { height: 56px; }body .et-height-57 { height: 57px; }body .et-height-58 { height: 58px; }body .et-height-59 { height: 59px; }body .et-height-60 { height: 60px; }body .et-height-61 { height: 61px; }body .et-height-62 { height: 62px; }body .et-height-63 { height: 63px; }body .et-height-64 { height: 64px; }body .et-height-65 { height: 65px; }body .et-height-66 { height: 66px; }body .et-height-67 { height: 67px; }body .et-height-68 { height: 68px; }body .et-height-69 { height: 69px; }body .et-height-70 { height: 70px; }body .et-height-71 { height: 71px; }body .et-height-72 { height: 72px; }body .et-height-73 { height: 73px; }body .et-height-74 { height: 74px; }body .et-height-75 { height: 75px; }body .et-height-76 { height: 76px; }body .et-height-77 { height: 77px; }body .et-height-78 { height: 78px; }body .et-height-79 { height: 79px; }body .et-height-80 { height: 80px; }body .et-height-81 { height: 81px; }body .et-height-82 { height: 82px; }body .et-height-83 { height: 83px; }body .et-height-84 { height: 84px; }body .et-height-85 { height: 85px; }body .et-height-86 { height: 86px; }body .et-height-87 { height: 87px; }body .et-height-88 { height: 88px; }body .et-height-89 { height: 89px; }body .et-height-90 { height: 90px; }body .et-height-91 { height: 91px; }body .et-height-92 { height: 92px; }body .et-height-93 { height: 93px; }body .et-height-94 { height: 94px; }body .et-height-95 { height: 95px; }body .et-height-96 { height: 96px; }body .et-height-97 { height: 97px; }body .et-height-98 { height: 98px; }body .et-height-99 { height: 99px; }body .et-height-100 { height: 100px !important; }body .et-height-121 { height: 121px; } body .et-height-140 { height: 140px; }body .et-height-141 { height: 141px; }body .et-height-142 { height: 142px; }body .et-height-143 { height: 143px; }body .et-height-144 { height: 144px; }body .et-height-145 { height: 145px; }body .et-height-146 { height: 146px; }body .et-height-147 { height: 147px; }body .et-height-148 { height: 148px; }body .et-height-149 { height: 149px; }body .et-height-150 { height: 150px; }body .et-height-320 { height: 320px; } /**static height px**/ /**static height percentage**/ body .et-height-per-0 { height: 0%; }body .et-height-per-1 { height: 1%; }body .et-height-per-2 { height: 2%; }body .et-height-per-3 { height: 3%; }body .et-height-per-4 { height: 4%; }body .et-height-per-5 { height: 5%; }body .et-height-per-6 { height: 6%; }body .et-height-per-7 { height: 7%; }body .et-height-per-8 { height: 8%; }body .et-height-per-9 { height: 9%; }body .et-height-per-10 { height: 10%; }body .et-height-per-11 { height: 11%; }body .et-height-per-12 { height: 12%; }body .et-height-per-13 { height: 13%; }body .et-height-per-14 { height: 14%; }body .et-height-per-15 { height: 15%; }body .et-height-per-16 { height: 16%; }body .et-height-per-17 { height: 17%; }body .et-height-per-18 { height: 18%; }body .et-height-per-19 { height: 19%; }body .et-height-per-20 { height: 20%; }body .et-height-per-21 { height: 21%; }body .et-height-per-22 { height: 22%; }body .et-height-per-23 { height: 23%; }body .et-height-per-24 { height: 24%; }body .et-height-per-25 { height: 25%; }body .et-height-per-26 { height: 26%; }body .et-height-per-27 { height: 27%; }body .et-height-per-28 { height: 28%; }body .et-height-per-29 { height: 29%; }body .et-height-per-30 { height: 30%; }body .et-height-per-31 { height: 31%; }body .et-height-per-32 { height: 32%; }body .et-height-per-33 { height: 33%; }body .et-height-per-34 { height: 34%; }body .et-height-per-35 { height: 35%; }body .et-height-per-36 { height: 36%; }body .et-height-per-37 { height: 37%; }body .et-height-per-38 { height: 38%; }body .et-height-per-39 { height: 39%; }body .et-height-per-40 { height: 40%; }body .et-height-per-41 { height: 41%; }body .et-height-per-42 { height: 42%; }body .et-height-per-43 { height: 43%; }body .et-height-per-44 { height: 44%; }body .et-height-per-45 { height: 45%; }body .et-height-per-46 { height: 46%; }body .et-height-per-47 { height: 47%; }body .et-height-per-48 { height: 48%; }body .et-height-per-49 { height: 49%; }body .et-height-per-50 { height: 50%; }body .et-height-per-51 { height: 51%; }body .et-height-per-52 { height: 52%; }body .et-height-per-53 { height: 53%; }body .et-height-per-54 { height: 54%; }body .et-height-per-55 { height: 55%; }body .et-height-per-56 { height: 56%; }body .et-height-per-57 { height: 57%; }body .et-height-per-58 { height: 58%; }body .et-height-per-59 { height: 59%; }body .et-height-per-60 { height: 60%; }body .et-height-per-61 { height: 61%; }body .et-height-per-62 { height: 62%; }body .et-height-per-63 { height: 63%; }body .et-height-per-64 { height: 64%; }body .et-height-per-65 { height: 65%; }body .et-height-per-66 { height: 66%; }body .et-height-per-67 { height: 67%; }body .et-height-per-68 { height: 68%; }body .et-height-per-69 { height: 69%; }body .et-height-per-70 { height: 70%; }body .et-height-per-71 { height: 71%; }body .et-height-per-72 { height: 72%; }body .et-height-per-73 { height: 73%; }body .et-height-per-74 { height: 74%; }body .et-height-per-75 { height: 75%; }body .et-height-per-76 { height: 76%; }body .et-height-per-77 { height: 77%; }body .et-height-per-78 { height: 78%; }body .et-height-per-79 { height: 79%; }body .et-height-per-80 { height: 80%; }body .et-height-per-81 { height: 81%; }body .et-height-per-82 { height: 82%; }body .et-height-per-83 { height: 83%; }body .et-height-per-84 { height: 84%; }body .et-height-per-85 { height: 85%; }body .et-height-per-86 { height: 86%; }body .et-height-per-87 { height: 87%; }body .et-height-per-88 { height: 88%; }body .et-height-per-89 { height: 89%; }body .et-height-per-90 { height: 90%; }body .et-height-per-91 { height: 91%; }body .et-height-per-92 { height: 92%; }body .et-height-per-93 { height: 93%; }body .et-height-per-94 { height: 94%; }body .et-height-per-95 { height: 95%; }body .et-height-per-96 { height: 96%; }body .et-height-per-97 { height: 97%; }body .et-height-per-98 { height: 98%; }body .et-height-per-99 { height: 99%; }body .et-height-per-100 { height: 100%; }body .et-height-per-121 { height: 121%; } body .et-height-per-140 { height: 140%; }body .et-height-per-141 { height: 141%; }body .et-height-per-142 { height: 142%; }body .et-height-per-143 { height: 143%; }body .et-height-per-144 { height: 144%; }body .et-height-per-145 { height: 145%; }body .et-height-per-146 { height: 146%; }body .et-height-per-147 { height: 147%; }body .et-height-per-148 { height: 148%; }body .et-height-per-149 { height: 149%; }body .et-height-per-150 { height: 150%; }body .et-height-per-320 { height: 320%; } /**static height percentage**/ /**static min height**/ body .et-min-height-auto { height: auto!important; } body .et-min-height-0 { height: 0px; }body .et-min-height-1 { height: 1px; }body .et-min-height-2 { height: 2px; }body .et-min-height-3 { height: 3px; }body .et-min-height-4 { height: 4px; }body .et-min-height-5 { height: 5px; }body .et-min-height-6 { height: 6px; }body .et-min-height-7 { height: 7px; }body .et-min-height-8 { height: 8px; }body .et-min-height-9 { height: 9px; }body .et-min-height-10 { height: 10px; }body .et-min-height-11 { height: 11px; }body .et-min-height-12 { height: 12px; }body .et-min-height-13 { height: 13px; }body .et-min-height-14 { height: 14px; }body .et-min-height-15 { height: 15px; }body .et-min-height-16 { height: 16px; }body .et-min-height-17 { height: 17px; }body .et-min-height-18 { height: 18px; }body .et-min-height-19 { height: 19px; }body .et-min-height-20 { height: 20px; }body .et-min-height-21 { height: 21px; }body .et-min-height-22 { height: 22px; }body .et-min-height-23 { height: 23px; }body .et-min-height-24 { height: 24px; }body .et-min-height-25 { height: 25px; }body .et-min-height-26 { height: 26px; }body .et-min-height-27 { height: 27px; }body .et-min-height-28 { height: 28px; }body .et-min-height-29 { height: 29px; }body .et-min-height-30 { height: 30px; }body .et-min-height-31 { height: 31px; }body .et-min-height-32 { height: 32px; }body .et-min-height-33 { height: 33px; }body .et-min-height-34 { height: 34px; }body .et-min-height-35 { height: 35px; }body .et-min-height-36 { height: 36px; }body .et-min-height-37 { height: 37px; }body .et-min-height-38 { height: 38px; }body .et-min-height-39 { height: 39px; }body .et-min-height-40 { height: 40px; }body .et-min-height-41 { height: 41px; }body .et-min-height-42 { height: 42px; }body .et-min-height-43 { height: 43px; }body .et-min-height-44 { height: 44px; }body .et-min-height-45 { height: 45px; }body .et-min-height-46 { height: 46px; }body .et-min-height-47 { height: 47px; }body .et-min-height-48 { height: 48px; }body .et-min-height-49 { height: 49px; }body .et-min-height-50 { height: 50px; }body .et-min-height-51 { height: 51px; }body .et-min-height-52 { height: 52px; }body .et-min-height-53 { height: 53px; }body .et-min-height-54 { height: 54px; }body .et-min-height-55 { height: 55px; }body .et-min-height-56 { height: 56px; }body .et-min-height-57 { height: 57px; }body .et-min-height-58 { height: 58px; }body .et-min-height-59 { height: 59px; }body .et-min-height-60 { height: 60px; }body .et-min-height-61 { height: 61px; }body .et-min-height-62 { height: 62px; }body .et-min-height-63 { height: 63px; }body .et-min-height-64 { height: 64px; }body .et-min-height-65 { height: 65px; }body .et-min-height-66 { height: 66px; }body .et-min-height-67 { height: 67px; }body .et-min-height-68 { height: 68px; }body .et-min-height-69 { height: 69px; }body .et-min-height-70 { height: 70px; }body .et-min-height-71 { height: 71px; }body .et-min-height-72 { height: 72px; }body .et-min-height-73 { height: 73px; }body .et-min-height-74 { height: 74px; }body .et-min-height-75 { height: 75px; }body .et-min-height-76 { height: 76px; }body .et-min-height-77 { height: 77px; }body .et-min-height-78 { height: 78px; }body .et-min-height-79 { height: 79px; }body .et-min-height-80 { height: 80px; }body .et-min-height-81 { height: 81px; }body .et-min-height-82 { height: 82px; }body .et-min-height-83 { height: 83px; }body .et-min-height-84 { height: 84px; }body .et-min-height-85 { height: 85px; }body .et-min-height-86 { height: 86px; }body .et-min-height-87 { height: 87px; }body .et-min-height-88 { height: 88px; }body .et-min-height-89 { height: 89px; }body .et-min-height-90 { height: 90px; }body .et-min-height-91 { height: 91px; }body .et-min-height-92 { height: 92px; }body .et-min-height-93 { height: 93px; }body .et-min-height-94 { height: 94px; }body .et-min-height-95 { height: 95px; }body .et-min-height-96 { height: 96px; }body .et-min-height-97 { height: 97px; }body .et-min-height-98 { height: 98px; }body .et-min-height-99 { height: 99px; }body .et-min-height-100 { height: 100px; }body .et-min-height-140 { height: 140px; }body .et-min-height-141 { height: 141px; }body .et-min-height-142 { height: 142px; }body .et-min-height-143 { height: 143px; }body .et-min-height-144 { height: 144px; }body .et-min-height-145 { height: 145px; }body .et-min-height-146 { height: 146px; }body .et-min-height-147 { height: 147px; }body .et-min-height-148 { height: 148px; }body .et-min-height-149 { height: 149px; }body .et-min-height-150 { height: 150px; } /**static min height**/ /**static line height**/ body .et-line-height-normal {line-height:normal} body .et-line-height-0 { line-height: 0px; }body .et-line-height-1 { line-height: 1px; }body .et-line-height-2 { line-height: 2px; }body .et-line-height-3 { line-height: 3px; }body .et-line-height-4 { line-height: 4px; }body .et-line-height-5 { line-height: 5px; }body .et-line-height-6 { line-height: 6px; }body .et-line-height-7 { line-height: 7px; }body .et-line-height-8 { line-height: 8px; }body .et-line-height-9 { line-height: 9px; }body .et-line-height-10 { line-height: 10px; }body .et-line-height-11 { line-height: 11px; }body .et-line-height-12 { line-height: 12px; }body .et-line-height-13 { line-height: 13px; }body .et-line-height-14 { line-height: 14px; }body .et-line-height-15 { line-height: 15px; }body .et-line-height-16 { line-height: 16px; }body .et-line-height-17 { line-height: 17px; }body .et-line-height-18 { line-height: 18px; }body .et-line-height-19 { line-height: 19px; }body .et-line-height-20 { line-height: 20px; }body .et-line-height-21 { line-height: 21px; }body .et-line-height-22 { line-height: 22px; }body .et-line-height-23 { line-height: 23px; }body .et-line-height-24 { line-height: 24px; }body .et-line-height-25 { line-height: 25px; }body .et-line-height-26 { line-height: 26px; }body .et-line-height-27 { line-height: 27px; }body .et-line-height-28 { line-height: 28px; }body .et-line-height-29 { line-height: 29px; }body .et-line-height-30 { line-height: 30px; }body .et-line-height-31 { line-height: 31px; }body .et-line-height-32 { line-height: 32px; }body .et-line-height-33 { line-height: 33px; }body .et-line-height-34 { line-height: 34px; }body .et-line-height-35 { line-height: 35px; }body .et-line-height-36 { line-height: 36px; }body .et-line-height-37 { line-height: 37px; }body .et-line-height-38 { line-height: 38px; }body .et-line-height-39 { line-height: 39px; }body .et-line-height-40 { line-height: 40px; }body .et-line-height-41 { line-height: 41px; }body .et-line-height-42 { line-height: 42px; }body .et-line-height-43 { line-height: 43px; }body .et-line-height-44 { line-height: 44px; }body .et-line-height-45 { line-height: 45px; }body .et-line-height-46 { line-height: 46px; }body .et-line-height-47 { line-height: 47px; }body .et-line-height-48 { line-height: 48px; }body .et-line-height-49 { line-height: 49px; }body .et-line-height-50 { line-height: 50px; }body .et-line-height-51 { line-height: 51px; }body .et-line-height-52 { line-height: 52px; }body .et-line-height-53 { line-height: 53px; }body .et-line-height-54 { line-height: 54px; }body .et-line-height-55 { line-height: 55px; }body .et-line-height-56 { line-height: 56px; }body .et-line-height-57 { line-height: 57px; }body .et-line-height-58 { line-height: 58px; }body .et-line-height-59 { line-height: 59px; }body .et-line-height-60 { line-height: 60px; }body .et-line-height-61 { line-height: 61px; }body .et-line-height-62 { line-height: 62px; }body .et-line-height-63 { line-height: 63px; }body .et-line-height-64 { line-height: 64px; }body .et-line-height-65 { line-height: 65px; }body .et-line-height-66 { line-height: 66px; }body .et-line-height-67 { line-height: 67px; }body .et-line-height-68 { line-height: 68px; }body .et-line-height-69 { line-height: 69px; }body .et-line-height-70 { line-height: 70px; }body .et-line-height-71 { line-height: 71px; }body .et-line-height-72 { line-height: 72px; }body .et-line-height-73 { line-height: 73px; }body .et-line-height-74 { line-height: 74px; }body .et-line-height-75 { line-height: 75px; }body .et-line-height-76 { line-height: 76px; }body .et-line-height-77 { line-height: 77px; }body .et-line-height-78 { line-height: 78px; }body .et-line-height-79 { line-height: 79px; }body .et-line-height-80 { line-height: 80px; }body .et-line-height-81 { line-height: 81px; }body .et-line-height-82 { line-height: 82px; }body .et-line-height-83 { line-height: 83px; }body .et-line-height-84 { line-height: 84px; }body .et-line-height-85 { line-height: 85px; }body .et-line-height-86 { line-height: 86px; }body .et-line-height-87 { line-height: 87px; }body .et-line-height-88 { line-height: 88px; }body .et-line-height-89 { line-height: 89px; }body .et-line-height-90 { line-height: 90px; }body .et-line-height-91 { line-height: 91px; }body .et-line-height-92 { line-height: 92px; }body .et-line-height-93 { line-height: 93px; }body .et-line-height-94 { line-height: 94px; }body .et-line-height-95 { line-height: 95px; }body .et-line-height-96 { line-height: 96px; }body .et-line-height-97 { line-height: 97px; }body .et-line-height-98 { line-height: 98px; }body .et-line-height-99 { line-height: 99px; }body .et-line-height-100 { line-height: 100px; }body .et-line-height-140 { line-height: 140px; }body .et-line-height-141 { line-height: 141px; }body .et-line-height-142 { line-height: 142px; }body .et-line-height-143 { line-height: 143px; }body .et-line-height-144 { line-height: 144px; }body .et-line-height-145 { line-height: 145px; }body .et-line-height-146 { line-height: 146px; }body .et-line-height-147 { line-height: 147px; }body .et-line-height-148 { line-height: 148px; }body .et-line-height-149 { line-height: 149px; }body .et-line-height-150 { line-height: 150px; } /**static height**/ /** Dropdown menus **/ .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid \9;border-right: 4px solid transparent;border-left: 4px solid transparent; } .dropup,.dropdown {position: relative; } .dropdown-toggle:focus {outline: 0; } .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size:inherit;text-align: left;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 1px 2px #9f9f9f;background-clip: padding-box; line-height:1px} .dropdown-menu li { list-style-position:outside; list-style: none;list-style-image: none;list-style-type: none; overflow:hidden } .dropdown-menu.pull-right { right: 0; left: auto; }.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu li a, .dropdown-menu > li > a { display: block; padding: 5px 20px; clear: both; font-weight: normal; color: #333333; white-space: nowrap; line-height:normal!important} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {text-decoration: none;color: #262626;background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #fff;text-decoration: none;outline: 0;background-color: #182C61; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {text-decoration: none;background-color:transparent;background-image:none;cursor: not-allowed; } .open > .dropdown-menu {display: block; } .open > a {outline: 0; } .dropdown-menu-right { left:auto!important ;right: 0px; top:25px!important; } .dropdown-menu-left {left: 0;right: auto; } .dropdown-header {display: block;padding: 3px 20px;font-size: 0.9rem;line-height: 1.428571429;color: #777777;white-space: nowrap; } .dropdown-backdrop {position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 990; } .pull-right > .dropdown-menu {right: 0;left: auto; } .dropup .caret,.navbar-fixed-bottom .dropdown .caret {border-top: 0;border-bottom: 4px dashed;border-bottom: 4px solid \9;content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {top: auto;bottom: 100%;margin-bottom: 2px; } .dropdown-menu:before { position: absolute; top: -7px; left: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';} .dropdown-menu:after {position: absolute;top: -6px;left: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;content: '';} .dropdown-menu-right.dropdown-menu:before,.dropdown-menu-right.dropdown-menu:after {right:9px; left:auto} .dropdown-menu-right1.dropdown-menu:before,.dropdown-menu-right1.dropdown-menu:after {right:0px; left:auto} .dropdown-menu-right2.dropdown-menu:before,.dropdown-menu-right2.dropdown-menu:after {right:18px; left:auto} @media (max-width: 480px) {.navbar-right .dropdown-menu { right: 0; left: auto; }.navbar-right .dropdown-menu-left { left: 0; right: auto; } } .dropdown-menu.show {display: inline-block !important; } .dropnew {background: #F7F7F7; } .dropnew a {color: #000; } .dropnew a:hover {background: #E2E2E2; } /** Dropdown menus **/ /** modal popup**/ .modal-open { overflow: hidden; } .modal{display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9995; -webkit-overflow-scrolling: touch; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content {position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 1px 2px #9f9f9f;background-clip: padding-box;outline: 0; } .modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9991;background-color: #000; } .modal-backdrop.fade ,.modal-backdrop.in, .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header {padding:15px;border-bottom: 1px solid #e5e5e5; position:relative }.modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 15px; display:block } .modal-body:before, .modal-body:after { content: " "; display: table; }.modal-body:after { clear: both; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; display:block} .modal-footer:before, .modal-footer:after { content: " "; display: table; }.modal-footer:after { clear: both; } .modal-footer .eilisys-btn + .eilisys-btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .eilisys-btn-group .eilisys-btn + .eilisys-btn { margin-left: -1px; } .modal-footer .eilisys-btn-block + .eilisys-btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 320px) { .modal-lg{width:340px} } @media (min-width: 480px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 1px 2px #9f9f9f; } .modal-sm { width: 300px; } } @media (min-width: 768px) {.modal-lg { width: 900px; } } .bootstrap-timepicker-widget.modal { background: #fff; overflow: hidden; height: max-content; width: 300px; left: 50%; margin-left: -150px; } .bootstrap-timepicker-widget.modal .modal-content { border: 0px; } /*body.modal-open { padding-right: 0 !important; }*/ .modal.fade .modal-dialog {-webkit-transform: scale(0.1);-moz-transform: scale(0.1);-ms-transform: scale(0.1);transform: scale(0.1);top: 00px;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; } .modal.fade.in .modal-dialog,.modal.fade.show .modal-dialog {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);opacity: 1; } .vertical-alignment-helper { display: table; height: 100%; width: 100%; } .vertical-align-center { display: table-cell; vertical-align: middle; } .close { position:absolute; right:10px; background:none; border:0px; line-height:normal} /** modal popup**/ /** collapse**/ .hiddenrow et-content-body{padding-bottom:0px; padding-top:0px} .collapse { display: none;} .collapse.in,.collapse.show { display: block;} tr.collapse.in { display: table-row;} tbody.collapse.in { display: table-row-group;} .table-panel-collapse.collapse.in {display:table} .collapsing {position: relative;height: 0;overflow: hidden;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease;-webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s;-webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility;} et-collapse-section{display:block; margin-bottom:10px; cursor:pointer} et-collapse-section:before, et-collapse-section:after { content: " "; display: table; clear: both; } et-collapse-section et-collapse-toggle {font-size:1rem;color:#1e3882; display:inline-block; margin-left:8px; vertical-align:middle; cursor:pointer} et-collapse-section et-content-body{margin:0px; padding:0px 15px 0px 15px; background:#fff; border-radius:0px 0px 5px 5px; border-top:2px solid transparent} et-collapse-section et-main-page-content-title:before, et-collapse-section et-main-page-content-title:after { content: " "; display: table; clear: both; } et-collapse-section et-main-page-content-title{background:#f7f7f7; display:block; border-bottom:0px; padding:8px 20px 8px 15px; margin-bottom:0px; cursor:pointer; position:relative; line-height:normal} /*et-collapse-section et-main-page-content-title{background:#f7f7f7; display:block; border-bottom:0px; padding:15px 20px; margin-bottom:0px; cursor:pointer; position:relative}*/ et-collapse-section et-main-page-content-title et-content-area-title-text{font-family:robotoregular,sans-serif; color:#000000; font-size:1rem} et-collapse-section et-main-page-content-title et-content-area-title-text span{font-weight:600} et-collapse-section et-main-page-content-title[aria-expanded="true"]:after{ content: '\e9aa'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold; position:absolute; right:15px; top:15px} /*et-collapse-section et-main-page-content-title::after,et-collapse-section et-main-page-content-title[aria-expanded="false"]:after{ content: '\e9ad'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold; position:absolute; right:15px; top:15px}*/ et-collapse-section et-main-page-content-title::after,et-collapse-section et-main-page-content-title[aria-expanded="false"]:after{ content: '\e9ad'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold; position:absolute; right:15px; top:9px} et-collapse-section2{display:block; margin-bottom:10px; background:#fff} et-collapse-section2:before, et-collapse-section2:after { content: " "; display: table; clear: both; } et-collapse-section2 et-collapse-toggle2 {font-size:1rem;color:#1e3882; display:inline-block; margin-left:8px; vertical-align:middle; cursor:pointer} et-collapse-section2 et-content-body2{padding:0px; margin:0px 15px 0px 15px;} et-collapse-section2 et-main-page-content-title2{background:#f7f7f7; display:block; border-bottom:0px; padding:10px 15px; margin-bottom:0px; cursor:pointer; position:relative} et-collapse-section2 et-main-page-content-title2 et-content-area-title-text2{font-family:robotoregular,sans-serif; color:#000000; font-size:1rem} et-collapse-section2 et-main-page-content-title2 et-content-area-title-text2 span{font-weight:600} et-collapse-section2 et-content-body{margin:0px; padding:0px 15px 0px 15px; background:#fff; border-radius:0px 0px 5px 5px; border-top:2px solid transparent; position:relative} et-collapse-section2 et-main-page-content-title2[aria-expanded="true"]:before { content: "- Collapse"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px;} et-collapse-section2 et-main-page-content-title2::before, et-collapse-section2 et-main-page-content-title2[aria-expanded="false"]:before { content: "+ Expand"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px;} et-collapse-section2 .showhidedetails[aria-expanded="true"]:before { content: "- Hide Details"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px;} et-collapse-section2 .showhidedetails::before, et-collapse-section2 .showhidedetails[aria-expanded="false"]:before { content: "+ Show Details"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px;} et-collapse-section2 et-main-page-content-title-action {padding-right:85px } .accordian3 { background:transparent} et-collapse-section3{display:block; margin-bottom:0px; background:transparent} et-collapse-section3:before, et-collapse-section3:after { content: " "; display: table; clear: both; } et-collapse-section3 et-collapse-toggle3 {font-size:1rem;color:#1e3882; display:inline-block; margin-left:8px; vertical-align:middle; cursor:pointer} et-collapse-section3 et-main-page-content-title3 et-content-area-title-text3{font-family:robotoregular,sans-serif; color:#000000; font-size:1rem} et-collapse-section3 et-main-page-content-title3 et-content-area-title-text3 span{font-weight:600;} et-collapse-section3 et-main-page-content-title3[aria-expanded="true"]:before { content: "- Hide Graph"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px; color: #739cfd; font-size: 0.9rem; } et-collapse-section3 et-main-page-content-title3::before, et-collapse-section3 et-main-page-content-title3[aria-expanded="false"]:before { content: "+ Show Graph"; position:absolute;right:15px; top:15px; font-size: 0.6923rem; line-height: 9px;color: #739cfd; font-size: 0.9rem;} .accordion et-collapse-section3.panel { margin-bottom:0px } et-main-page-content-title3 {cursor:pointer} et-collapse-section .collpaseright{float:right; text-align:right; padding-right:20px} et-collapse-section .collpaseright a{margin-left:10px; display:inline-block} et-collase-set{display:block;} et-exp-collase-set{display:block; border-bottom:1px solid #f0f0f0} .zeroPadding { padding: 0 !important;} et-collapse-section et-main-page-content-titlefour {border-bottom:0px; line-height:1.7em!important} et-collapse-section et-content-body[aria-expanded="true"]{border-top:2px solid #e7ebed} .accordion4 {display:block} .accordion4 et-collapse-section.panel{display:block; margin-bottom:10px; } .accordion4 et-collapse-section et-main-page-content-title{background:#f7f7f7; display:block; border-bottom:0px; padding:8px 20px 8px 15px; margin-bottom:0px; position:relative; line-height:normal} .accordion4 et-collapse-section .accordion4arrow {display:block ; cursor:pointer } .accordion4 et-collapse-section .accordion4arrow:before, et-collapse-section .accordion4arrow:after { content: " "; display: table; clear: both; } .accordion4 et-collapse-section .accordion4arrow[aria-expanded="true"]:after{ content: '\e9aa'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold; position:absolute; right:15px; top:9px} .accordion4 et-collapse-section .accordion4arrow::after,.accordion4 et-collapse-section .accordion4arrow[aria-expanded="false"]:after{ content: '\e9ad'; font-family: 'etfonts'; speak: none;font-size: 0.9rem; font-weight:bold; position:absolute; right:15px; top:9px} .accordion4 et-collapse-section et-content-body { cursor:text } .accordion4 .accordion4-header {display:block ;background:#f7f7f7;padding:8px 20px 8px 15px ;cursor:text; position:relative } .accordion4 .accordion4-header .headertitle { font-family: robotoregular,sans-serif;font-size: 1rem; font-weight: 600;text-transform: none;line-height: 16px; text-decoration:none; border:0px; display:inline-block; vertical-align:middle; width:95%} .accordion4 .accordion4-header .headersubtitle{ font-family: robotoregular,sans-serif;font-size: 1.5rem; font-weight: 600;text-transform: none;line-height: 16px; display:inline-block; vertical-align:middle; } /** collapse**/ /** fixed topbar**/ et-fixed-top-bar,.fixedtopbar{background:#fff; position:fixed;width:100%; top:0px; left:0px; box-shadow: 0 0 5px 0 rgba(183,183,183,0.5); z-index:9; padding:10px 15px 10px 5px;} et-fixed-top-bar:before, et-fixed-top-bar:after { content: " "; display: table; clear: both;} et-fixed-top-bar et-fixed-top-logo-space{float:left; padding-left:0px; padding-right:15px; border:0px solid #ccc} et-fixed-right-bar,.fixedrightbar{background:#323232; position:fixed;width:200px; height:100%; top:0px; left:0px; text-align:left; word-wrap:break-word; line-height:15px; z-index:5; box-shadow: 3px 0 10px 0 #CCCCCC;} et-fixed-top-bar et-fixed-top-right-menu{float:right} et-fixed-top-bar et-fixed-top-right-menu .fontico{display:inline-block; vertical-align:middle; width:16px; position:relative; margin-left:20px; position:relative} et-fixed-top-bar et-fixed-top-right-menu .fontico i{font-size:16px; line-height:16px; color:#bababa} et-fixed-top-bar et-fixed-top-right-menu .fontico .roundcircle{position:absolute; right:-10px; top:-7px} et-fixed-top-bar et-fixed-top-right-menu .humanimage{display:inline-block; vertical-align:middle; position:relative; margin-left:20px; position:relative; text-align:center} /** fixed topbar**/ .roundcircle{display:block; height:20px; width:20px; background:#FC9272; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircleabsolute{position:relative} .roundcircleabsolute .roundcircle{position:absolute;right:-10px; top:-7px} .roundcircle-primary{display:inline-block; height:20px; width:20px; background:#3253B4; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircle-success{display:inline-block; height:20px; width:20px; background:#558B2F; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircle-danger{display:inline-block; height:20px; width:20px; background:#C62828; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircle-priority{display:inline-block; height:20px; width:20px; background:#FC826D; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircle-default{display:inline-block; height:20px; width:20px; background:#9f9f9f; color:#fff; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } .roundcircle-default-no-bg{display:inline-block; height:20px; width:20px; border:1px #9f9f9f solid ; text-align:center; vertical-align:middle; line-height:20px; border-radius:100%; font-size:0.6923rem; } /** fixed rightbar**/ et-fixed-right-bar a span{color:#969697;font-size: 0.9rem; display:inline-block; padding:0px 4px; vertical-align:top} /*et-fixed-right-bar a,.fixedrightbar a{color:#969697;font-size:0.6923rem; line-height:15px; display:block; padding:0px 0px; word-wrap:break-word; white-space:wrap; }*/ et-fixed-right-bar a,.fixedrightbar a{color:#969697; /*color:#bbb; */font-size:0.9rem; line-height:13px; display:block; padding:0px 0px; word-wrap:break-word; white-space:wrap; position:relative} et-fixed-right-bar .hassubmenu[aria-expanded="true"]{color:#fff} et-fixed-right-bar .hassubmenu[aria-expanded="true"]:before { content: "\e92c"; font-family: 'etfonts';speak: none; position:absolute;right:10px; top:0px; font-size: 1rem; color:#fff} et-fixed-right-bar .hassubmenu::before, et-fixed-right-bar .hassubmenu[aria-expanded="false"]:before { content: '\e9ab';font-family: 'etfonts';speak: none; position:absolute;right:10px; top:0px; font-size: 1.5rem;} .submenu .hassubmenu{padding-top:0px; margin-top:6px} et-fixed-right-bar .linksection ,.fixedrightbar .linksection{padding:0px 0px 17px 0px; display:block} et-fixed-right-bar .linksection:first-child ,.fixedrightbar .linksection:first-child{margin-top:15px} et-fixed-right-bar a:focus span , et-fixed-right-bar a:hover span, et-fixed-right-bar a:focus,.fixedrightbar a:focus, et-fixed-right-bar a:hover,.fixedrightbar a:hover{/*background:#454545;*/ color:#FBFBFC} et-fixed-right-bar .submenu a{margin-bottom:0px; display:block; padding:6px 0px 6px 12px} et-fixed-right-bar .submenu a:hover{/*background:#454545;*/color:#FBFBFC;} .linktolltip{top:-1px; right:12px} .linktolltip i{color:#fff; font-size:1rem; } .linktolltip.fixed-right .tooltip{font-size:0.6923rem; margin-top:7px} .linktolltip.fixed-right .tooltip:before{top:-12px; right:1px} /** fixed rightbar**/ et-page-title{display:block;font-size:1.110rem; margin:20px 0px 10px 0px ;color:#6c6c6c; font-weight:600; text-transform:uppercase} et-page-title:before, et-page-title:after { content: " "; display: table; clear: both;} et-forgot-password{float:left;margin-top:3px; font-size: 0.9rem; cursor:pointer; color: #129cff;} et-forgot-password:hover, et-forgot-password:focus{ color: #07c; } .downarrowrotate{-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari 3-8 */ transform: rotate(90deg);} et-input-text ,et-input-text{/*;width: -webkit-fill-available;width:100%;height: $input-height-base;*/display: block;width: -webkit-fill-available; padding: 4px 5px;font-size: 13px;line-height: 1.428571429;color: #000;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 1px 2px #9f9f9f;transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-webkit-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-moz-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear; } /***tab section**/ body .mobile-tab{ display:block; padding:8px 8px; margin:0px -10px 0px -10px; border-top:1px solid #ccc } body .mobile-tab-active{background:#F0F0F0; color:#729bfc; font-weight:600} body .mobile-tab-active-border{border-top:1px solid #ccc} body .mobile-margin-top-10{margin-top:10px} et-curve-tab-section,et-five-tab-section,et-four-tab-section,et-three-tab-section,et-two-tab-section,et-tab-section{display:block; } et-curve-tab-section:before,et-five-tab-section:before, et-four-tab-section:before, et-three-tab-section:before, et-two-tab-section:before, et-tab-section:before, et-tab-link:after { content: " "; display: table; clear: both;} et-tab-content{position:relative;display:block; padding:10px} et-tab-content:before, et-tab-content:after { content: " "; display: table; clear: both;} et-tab-content h3{float:left} et-five-tab-section .nav-tabs , et-four-tab-section .nav-tabs , et-three-tab-section .nav-tabs , et-two-tab-section .nav-tabs , et-tab-section .nav-tabs{margin:0px auto; padding:0px; display:block; border-bottom:2px solid #f3f3f3} et-curve-tab-section .nav-tabs{margin:0px auto; padding:0px; border-bottom:0px} et-tab-section et-curve-tab-section .nav-tabs li,et-curve-tab-section .nav-tabs li{display:inline-block; vertical-align:middle; margin-right:10px ; border:0px;list-style-type:none; list-style:none } et-tab-section et-curve-tab-section .nav-tabs li a, et-curve-tab-section .nav-tabs li a{color: #fff; background: #9CA6C7; padding: 3px 10px; border-radius: 31px; display: block;} et-tab-section et-curve-tab-section .nav-tabs li a:hover, et-tab-section et-curve-tab-section .nav-tabs li.active a, et-curve-tab-section .nav-tabs li a:hover, et-curve-tab-section .nav-tabs li.active a{background: #739cfd; border-bottom:0px; color: #fff;} et-curve-tab-page-bg{display:block; background:#fff; padding:0px; box-shadow:0 1px 4px 0 rgba(38,38,38,.3) } et-curve-tab-page-bg:before, et-tab-page-bg:after {content: " ";display: table; clear: both;} et-tab-section et-curve-tab-section .nav-tabs li:hover,et-tab-section et-curve-tab-section .nav-tabs li.active {border-bottom:0px} et-tab-section et-curve-tab-page-bg {box-shadow:0 0px 0px 0 rgba(38,38,38,.3) } et-curve-tab-page-bg-new{display:block; padding:0px; } et-curve-tab-page-bg-new:before, et-tab-page-bg-new:after {content: " ";display: table; clear: both;} et-curve-tab-page-bg-new et-tab-content{background:#fff;box-shadow:0 1px 4px 0 rgba(38,38,38,.3); margin-top:8px } et-tab-section et-curve-tab-section-new .nav-tabs li:hover,et-tab-section et-curve-tab-section-new .nav-tabs li.active {border-bottom:0px} et-tab-section et-curve-tab-page-bg {box-shadow:0 0px 0px 0 rgba(38,38,38,.3) } et-five-tab-section .nav-tabs li,et-four-tab-section .nav-tabs li, et-three-tab-section .nav-tabs li, et-two-tab-section .nav-tabs li, et-tab-section .nav-tabs li{display:inline-block; vertical-align:middle; border-bottom:0px solid #f3f3f3; margin-bottom:-2px; margin-right:-4px} et-five-tab-section .nav-tabs li:hover, et-four-tab-section .nav-tabs li:hover, et-three-tab-section .nav-tabs li:hover, et-two-tab-section .nav-tabs li:hover, et-tab-section .nav-tabs li:hover{border-bottom:0px solid /*#404040*/ transparent} et-five-tab-section .nav-tabs li a.active,et-four-tab-section .nav-tabs li a.active,et-three-tab-section .nav-tabs li a.active ,et-two-tab-section .nav-tabs li a.active , et-tab-section .nav-tabs li a.active, et-five-tab-section .nav-tabs li.active,et-four-tab-section .nav-tabs li.active,et-three-tab-section .nav-tabs li.active ,et-two-tab-section .nav-tabs li.active , et-tab-section .nav-tabs li.active{border-bottom:2px solid #729bfc;} et-tab-section .nav-tabs li.active a et-badge-default, et-tab-section .nav-tabs li.active et-badge-default { background:#3253B4; } et-five-tab-section .nav-tabs li.active a,et-four-tab-section .nav-tabs li.active a,et-three-tab-section .nav-tabs li.active a ,et-two-tab-section .nav-tabs li.active a , et-tab-section .nav-tabs li.active a{color:#729bfc; font-weight:600;} et-five-tab-section .nav-tabs li a, et-four-tab-section .nav-tabs li a, et-three-tab-section .nav-tabs li a, et-two-tab-section .nav-tabs li a , et-tab-section .nav-tabs li a{color:#797979; font-size: 0.8rem; padding:10px; display:block; text-transform:uppercase ;border-bottom:2px solid transparent} et-tab-section .nav-tabs li a span{margin-left:3px} et-tab-page-bg{display:block; background:#fff; padding:0px; box-shadow:0 1px 4px 0 rgba(38,38,38,.3) ; border-radius:5px} et-tab-page-bg:before, et-tab-page-bg:after {content: " ";display: table; clear: both;} et-tab-page-bg-transparent{display:block; padding:0px} et-tab-page-bg-transparent:before, et-tab-page-bg-transparent:after {content: " ";display: table; clear: both;} et-tab-body{display:block; padding:10px} et-tab-body:before, et-tab-body:after {content: " ";display: table; clear: both;} et-tabpage-no-bg{display:block; background:none; padding:0px; box-shadow:0 0px 0px 0 rgba(38,38,38,.3) } et-tabpage-no-bg:before, et-tabpage-no-bg:after {content: " ";display: table; clear: both;} et-tabpage-no-bg et-tab-content{padding:10px 0px } et-tabpage-no-bg .nav-tabs{display:block; background:#fff; padding:0px; box-shadow:0 0px 0px 0 rgba(38,38,38,.3); border:0px} et-two-tab-section .nav-tabs li{width:49%} et-three-tab-section .nav-tabs li{width:33%} et-four-tab-section .nav-tabs li{width:25%} et-five-tab-section .nav-tabs li{width:20%} et-tab-page-bg .nav-tabs{position:relative} et-tab-page-bg .nav-tabs .lefttab{position:absolute; left:0px; top:0px; height:100%; z-index:9; background:red} et-tab-page-bg .nav-tabs .righttab{position:absolute; right:0px; top:0px; height:100%; z-index:9; background:green} .slidetabs et-tab-page-bg{overflow:hidden} .slidetabslist{width:100000px; overflow:hidden; border-bottom:0px} .slidetabslist .nav-tabs li{margin-bottom:0px} .tab-pane.fade.in,.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;display:none} .tab-pane.active.in,.tab-pane.fade.in.active.show,.fade.in,.tab-pane.fade.active.show { opacity: 1;display:block} et-tab-content>.tab-pane{ display:none} et-tab-content>.active {display: block;} et-five-tab-section .nav-tabs li a, et-four-tab-section .nav-tabs li a, et-three-tab-section .nav-tabs li a, et-two-tab-section .nav-tabs li a {text-align:center} et-box-tab{display:block;width:100%; background:#F7F7F7} et-box-tab:before, et-box-tab:after { content: " "; display: table; clear: both;} et-box-tab .nav-tabs{margin:0px auto; padding:0px; display:block; background:#F7F7F7; } et-box-tab .nav-tabs li{display:inline-block; vertical-align:middle; margin-right:-4px } et-box-tab .nav-tabs li a{color: #6f6f6f; font-size: 1rem ; font-weight:600; padding:16px 15px;display:block } et-box-tab .nav-tabs li:hover{background:#D6D6D6;color:#fff} et-box-tab .nav-tabs li.active:hover, et-box-tab .nav-tabs li.active{background:#26408D; color:#fff} et-box-tab .nav-tabs li.active a:hover, et-box-tab .nav-tabs li.active a{color:#fff} et-curve-tab{display:block;width:100%; } et-curve-tab:before, et-curve-tab:after { content: " "; display: table; clear: both;} et-curve-tab .nav-tabs{margin:0px auto; padding:0px; display:block; /*background:#F7F7F7; */ } et-curve-tab .nav-tabs li{display:inline-block; vertical-align:middle; border-radius:8px 8px 0px 0px;background:#DFDFDF;color:#fff; margin-right:4px} et-curve-tab .nav-tabs li a{color: #6f6f6f; font-size: 1rem ; font-weight:600; padding:7px 40px;display:block } et-curve-tab .nav-tabs li:hover{background:#d6d6d6;color:#26408D} et-curve-tab .nav-tabs li.active:hover, et-curve-tab .nav-tabs li.active{background:#fff; color:#26408D} et-curve-tab .nav-tabs li.active a:hover, et-curve-tab .nav-tabs li.active a{color:#26408D} et-curve-tab et-tab-content {background:#fff } et-curve-tab et-tab-page-bg {background:transparent; box-shadow:0 0px 0px 0 rgba(38,38,38,.3) } et-nos-tab{display:block;width:100%;} et-nos-tab:before, et-nos-tab:after { content: " "; display: table; clear: both;} et-nos-tab .nav-tabs{margin:0px auto; padding:0px; display:block; border-bottom:2px solid #e8ecee} et-nos-tab .nav-tabs li{display:inline-block; vertical-align:middle; border-bottom:2px solid #e8ecee; margin-bottom:-2px; margin-right:-4px} et-nos-tab .nav-tabs li:hover{border-bottom:2px solid #404040} et-nos-tab .nav-tabs li.active{border-bottom:2px solid #729bfc;} et-nos-tab .nav-tabs li a{padding:7px 15px;display:block } et-nos-tab .nav-tabs li a .nostabtext{font-size:0.6923rem; display:block;line-height:15px; color:#797979} et-nos-tab .nav-tabs li a .nostabnos{font-size:1.231rem; display:block; font-weight:600; line-height:30px; color:#797979} et-nos-tab .nav-tabs li.active a .nostabtext{color:#729bfc} et-nos-tab .nav-tabs li.active a .nostabnos{color:#729bfc} et-vertical-tab{display:block;width:100%;} et-vertical-tab:before, et-nos-tab:after { content: " "; display: table; clear: both;} et-vertical-tab .nav-tabs{margin:0px auto; padding:10px 0px; display:inline-block; border-left:2px solid #e8ecee; width:30%; vertical-align:top; border-right:1px solid #D4D4D4} et-vertical-tab .nav-tabs li{display:block; vertical-align:middle; border-left:2px solid #e8ecee; border-top:1px solid transparent; border-bottom:1px solid transparent; margin-left:-2px; margin-right:-4px; position:relative;z-index:2} et-vertical-tab .nav-tabs li:hover{border-left:2px solid #404040; border-top:1px solid #D4D4D4 ; border-bottom:1px solid #D4D4D4} et-vertical-tab .nav-tabs li a.active{border-left:2px solid #729bfc; border-top:1px solid #D4D4D4 ; border-bottom:1px solid #D4D4D4; background: #D4D4D4; /* Old browsers */ background: -moz-linear-gradient(left, #D4D4D4 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #D4D4D4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #D4D4D4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D4D4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } et-vertical-tab .nav-tabs li a{padding:7px 15px;display:block } et-vertical-tab et-tab-content {display:inline-block;width:69%; vertical-align:top ; border-left:1px solid #D4D4D4; margin-left:-5px } et-vertical-tab .nav-tabs li.active a {color:#000 } /***tab section**/ .et-bg-white{background:#fff;} .et-bg-danger {color: #fff;background:#C62828;} .et-bg-default{color: #fff;background:#9f9f9f;} .et-bg-success{color: #fff;background:#558B2F;} .et-bg-primary{color: #fff;background:#3253B4;} .et-bg-info {color: #fff;background:#F9A825;} .et-bg-warning{color: #fff;background:#FFB74D;} et-badge-danger {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#C62828; display:inline-block;line-height:16px; font-weight:400} et-badge-default {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#9f9f9f; display:inline-block;line-height:16px; font-weight:400} et-badge-success {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#558B2F; display:inline-block;line-height:16px; font-weight:400} et-badge-primary {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#3253B4; display:inline-block;line-height:16px; font-weight:400} et-badge-info {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#F9A825; display:inline-block;line-height:16px; font-weight:400} et-badge-transparent {color: #9f9f9f;padding:0px 10px 0px 10px;font-size:0.6923rem;border-radius: 4px; background:#fff; display:inline-block;line-height:16px; border:1px solid #9f9f9f; font-weight:400} et-badge-status-attl {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#AD1457; display:inline-block;line-height:16px; font-weight:400} et-badge-status-att {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#4A148C; display:inline-block;line-height:16px; font-weight:400} et-badge-priority {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#FC826D; display:inline-block;line-height:16px; font-weight:400} et-badge-warning{color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#FFB74D; display:inline-block;line-height:16px; font-weight:400} et-badge-danger1 {color: #E74943;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#FFE1E7; display:inline-block;line-height:16px; font-weight:400} et-badge-default1 {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#9f9f9f; display:inline-block;line-height:16px; font-weight:400} et-badge-success1 {color: #44B25E;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#E4F4E8; display:inline-block;line-height:16px; font-weight:400} et-badge-primary1 {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#3253B4; display:inline-block;line-height:16px; font-weight:400} et-badge-info1 {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#F9A825; display:inline-block;line-height:16px; font-weight:400} et-badge-transparent1 {color: #9f9f9f;padding:0px 10px 0px 10px;font-size:0.6923rem;border-radius: 4px; background:#fff; display:inline-block;line-height:16px; border:1px solid #9f9f9f; font-weight:400} et-badge-priority1 {color: #fff;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#FC826D; display:inline-block;line-height:16px; font-weight:400} et-badge-warning1{color: #C19D19;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#FFF1CC; display:inline-block;line-height:16px; font-weight:400} et-badge-grey1{color: #6d767e;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#f6f6f7; display:inline-block;line-height:16px; font-weight:400} et-badge-grey2{color: #1E497D;padding:0px 10px 0px 10px;font-size: 0.6923rem;border-radius: 4px; background:#EEECE1; display:inline-block;line-height:16px; font-weight:400} et-badge-warning i, et-badge-info i , et-badge-danger i , et-badge-default i , et-badge-success i, et-badge-primary i, et-badge-status-att i{font-size: 0.9rem; display:inline-block; vertical-align:sub;width:10px; margin-right:5px} /***fixed top burger**/ et-fixed-top-burger{ float:left; margin-right:8px; display:none} et-fixed-top-burger et-fixed-top-burger-set{display:block; background:#fff; border-radius:3px; padding:5px; border:1px solid #ced4da; width:20px} et-fixed-top-burger et-fixed-top-burger-set et-fixed-top-burger-set-line{height:3px; background:#AEB8C1; display:block; margin:3px 0px} et-fixed-top-burger et-fixed-top-burger-set et-fixed-top-burger-set-line:first-child{ margin-top:0px} et-fixed-top-burger et-fixed-top-burger-set et-fixed-top-burger-set-line:last-child{ margin-bottom:0px} @media (max-width: 765px){ et-fixed-top-burger{display:block; left:-80px} } /***fixed top burger**/ /***list card **/ et-list-card{display:block;} et-list-card:before, et-list-card:after { content: " "; display: table; clear: both;} et-list-card et-list-card-img{display:block;border-radius:3px; margin-bottom:8px} et-list-card et-list-card-img img{display:block;border-radius:3px 3px 0px 0px} et-list-card et-list-card-body{display:block} et-list-card et-list-title{display:block; font-size:15px; margin-bottom:8px; font-weight:600;} et-list-card et-list-content{display:block; margin-bottom:8px; } et-list-card et-list-footer{display:block; margin-bottom:8px; } @media screen and (max-width: 480px) { et-list-card{display:block; width:100%; margin-bottom:10px} } /***list card **/ /***grid card **/ et-grid-card{display:flex; border:1px solid #ccc; border-radius:3px; margin-bottom:10px} et-grid-card:before, et-grid-card:after { content: " "; display: table; clear: both;} et-grid-card et-grid-card-img{display:inline-block;border-radius:3px 0px 0px 3px; vertical-align:top; width:200px; margin-right:10px} et-grid-card et-grid-card-img img{display:block;border-radius:3px 0px 0px 3px} et-grid-card et-grid-card-body{padding:8px 5px; display:inline-block; vertical-align:top} et-grid-card et-grid-title{display:block; font-size:15px; margin-bottom:8px; font-weight:600;} et-grid-card et-grid-content{display:block; margin-bottom:8px; } et-grid-card et-grid-footer{display:block; margin-bottom:8px; } @media screen and (max-width: 480px) { et-grid-card{display:block; width:100%; margin-bottom:10px} et-grid-card et-grid-card-img{display:block;border-radius:3px; margin-bottom:8px; width:auto} } @media all and (min-width:0\0) and (min-resolution:.001dpcm) {et-grid-card{display:block} et-grid-card et-grid-card-img{display:inline-block}et-grid-card et-grid-card-body{display:inline-block;width:80%}} .ie10 et-grid-card{display:block} .ie10 et-grid-card et-grid-card-img{display:inline-block} .ie10 et-grid-card et-grid-card-body{display:inline-block;width:80%} /***grid card **/ /*==== FADE IN UP ===*/ @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp, .bottom .tooltip, .fixed-right .tooltip { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /*=== FADE IN DOWN ===*/ .fadeInDown, .top .tooltip, .fixed-left .tooltip { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN LEFT ===*/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft, .left .tooltip, .fixed-left .tooltip, .fixed-right .tooltip { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /*==== FADE IN RIGHT ===*/ @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight, .right .tooltip { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /*=== FADE IN ===*/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /*=== FADE IN UP Big ===*/ .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN DOWN Big ===*/ .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN LEFT Big ===*/ .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /*=== FADE IN RIGHT Big ===*/ .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /**** tool tip ***/ /*=== Trigger ===*/ .animate, .top .tooltip, .bottom .tooltip, .left .tooltip, .right .tooltip, .fixed-left .tooltip, .fixed-right .tooltip { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*=== Optional Delays, change values here ===*/ .one, .top .tooltip, .bottom .tooltip, .left .tooltip, .right .tooltip, .fixed-left .tooltip, .fixed-right .tooltip { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .tooltip { min-width: 10em; padding: .5em .75em; box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.1); z-index: 999999!important} .tooltip-with-border { box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; margin-bottom: 0.75em; background-color: white; text-align: center; visibility: hidden; opacity: 0; transform: translate(-50%, 0.75em); transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s; pointer-events: none; border: 0.05em solid #999; color: #333; } .tooltip-with-border::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.7em solid white; border-left: 0.7em solid transparent; border-right: 0.7em solid transparent; margin-left: -0.7em; } .tooltip-with-border::before { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.75em solid #999; border-left: 0.75em solid transparent; border-right: 0.75em solid transparent; margin-left: -0.75em; } .tooltip-without-border { box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; margin-bottom: 0.5em; background-color: #182C61; text-align: center; visibility: hidden; opacity: 0; transform: translate(-50%, 0.5em); transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s; pointer-events: none; border: 0 solid transparent; color: #fff; } .tooltip-without-border::after { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.5em solid #182C61; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; margin-left: -0.5em; } .tooltip-without-border::before { content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; border-top: 0.5em solid transparent; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; margin-left: -0.5em; } /* --- Arrow --- */ /* --- Tooltip --- */ /* usage - examples */ .top { position: relative; } .top:hover > .tooltip { display: inline-block; } .top .tooltip:hover { display: none; } .top .tooltip { background: #2fad71; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; bottom: 100%; margin-bottom: 0px; left: 0%; margin-left: -auto20/2; } .tooltip.top:before , .top .tooltip:before { content: " "; position: absolute; bottom: -11px; left: 10%; margin-left: -6px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: #2fad71 transparent transparent transparent; } .top .tooltipright{text-align:left; left:auto;right:0%; background:#fff; margin-bottom:5px; box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.16) ; color:#000; font-weight:100; font-size:0.8rem} .top .tooltipright:before{border-color: #fff transparent transparent transparent; left:auto;right:10%;} .top .tooltipright table{width:100%} .bottom { position: relative; } .bottom:hover > .tooltip { display: inline-block; } .bottom .tooltip:hover { display: none; } .bottom .tooltip { background: #15a3ff; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; top: 100%; margin-top: 0px; left: 0%; margin-left: -auto20/2; } .bottom .tooltip:before { content: " "; position: absolute; top: -11px; left: 10%; margin-left: -6px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #15a3ff transparent; } .bottom-1 .tooltip { background:#4D4D4D} .bottom-1 .tooltip:before { border-color: transparent transparent #4D4D4D transparent; } .left { position: relative; } .left:hover > .tooltip { display: inline-block; } .left .tooltip:hover { display: none; } .left .tooltip { background: #F3AB44; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; right: 100%; top: 50%; margin-right: 10px; margin-top: -12px; } .left .tooltip:before { content: " "; position: absolute; top: 50%; right: -11px; margin-top: -6px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: transparent transparent transparent #F3AB44; } .right { position: relative; } .right:hover > .tooltip { display: inline-block; } .right .tooltip:hover { display: none; } .right .tooltip { background: #d9534f; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; left: 100%; top: 50%; margin-left: 10px; margin-top: -12px; } .right .tooltip:before { content: " "; position: absolute; top: 50%; left: -11px; margin-top: -6px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: transparent #d9534f transparent transparent; } .right .tooltip-white-bg{background:#fff; text-align:left ;-webkit-box-shadow: -1px 4px 36px -3px rgba(0,0,0,0.75);-moz-box-shadow: -1px 4px 36px -3px rgba(0,0,0,0.75);box-shadow: -1px 4px 36px -3px rgba(0,0,0,0.75); padding-top:8px; color:#797979; font-size:0.8rem} .right .tooltip-white-bg:before{border-color: transparent #fff transparent transparent; display:none} .fixed-left { position: relative; } .fixed-left:hover > .tooltip { display: inline-block; } .fixed-left .tooltip:hover { display: none; } .fixed-left .tooltip { background: #222; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; bottom: 100%; margin-bottom: 10px; left: 0; } .fixed-left .tooltip:before { content: " "; position: absolute; bottom: -11px; left: 10px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: #222 transparent transparent transparent; } .fixed-right { position: relative; } .fixed-right:hover > .tooltip { display: inline-block; } .fixed-right .tooltip:hover { display: none; } .fixed-right .tooltip { background: #222; display: none; width: auto; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 1rem ; text-align: center; text-decoration: none; line-height: 16px; padding: 4px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; top: 100%; margin-top: 10px; right: 0; } .fixed-right .tooltip:before { content: " "; position: absolute; top: -11px; right: 10px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #222 transparent; } .tooltip-main.top.in .tooltip{display:block;margin-left: -25px;} .tooltip-main .tooltip{min-width:2.5em!important; left:auto;} .tooltip-main.top .tooltip{background:#404040} .tooltip-main.top .tooltip:before{border-color: #404040 transparent transparent transparent; } .ele-clone { height: 1px; overflow: hidden; white-space: nowrap; position: fixed; } .tooltiperror { position:absolute!important; background:#000; color:white; font-size:11px; padding:3px; line-height:14px; } .tooltiperror.top:before ,.top .tooltiperror:before { content: " "; position: absolute; bottom: -11px; left: 10%; margin-left: -6px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: #000 transparent transparent transparent; } /** margin **/ .no-margin {margin:0px!important} .margin-right-0 {margin-right: 0px !important; }.margin-right-1 { margin-right: 1px !important; }.margin-right-2 { margin-right: 2px !important; }.margin-right-3 { margin-right: 3px !important; }.margin-right-4 { margin-right: 4px !important; }.margin-right-5 { margin-right: 5px !important; }.margin-right-6 { margin-right: 6px !important; }.margin-right-7 { margin-right: 7px !important; }.margin-right-8 { margin-right: 8px !important; }.margin-right-9 { margin-right: 9px !important; }.margin-right-10 { margin-right: 10px !important; }.margin-right-11 { margin-right: 11px !important; }.margin-right-12 { margin-right: 12px !important; }.margin-right-13 { margin-right: 13px !important; }.margin-right-14 { margin-right: 14px !important; }.margin-right-15 { margin-right: 15px !important; }.margin-right-16 { margin-right: 16px !important; }.margin-right-17 { margin-right: 17px !important; }.margin-right-18 { margin-right: 18px !important; }.margin-right-19 { margin-right: 19px !important; }.margin-right-20 { margin-right: 20px !important; }.margin-right-21 { margin-right: 21px !important; }.margin-right-22 { margin-right: 22px !important; }.margin-right-23 { margin-right: 23px !important; }.margin-right-24 { margin-right: 24px !important; }.margin-right-25 { margin-right: 25px !important; }.margin-right-26 { margin-right: 26px !important; }.margin-right-27 { margin-right: 27px !important; }.margin-right-28 { margin-right: 28px !important; }.margin-right-29 { margin-right: 29px !important; }.margin-right-30 { margin-right: 30px !important; }.margin-right-31 { margin-right: 31px !important; }.margin-right-32 { margin-right: 32px !important; }.margin-right-33 { margin-right: 33px !important; }.margin-right-34 { margin-right: 34px !important; }.margin-right-35 {margin-right: 35px !important; }.margin-right-36 {margin-right: 36px !important; }.margin-right-37 {margin-right: 37px !important; }.margin-right-38 {margin-right: 38px !important; }.margin-right-39 {margin-right: 39px !important; }.margin-right-40 {margin-right: 40px !important; }.margin-right-41 {margin-right: 41px !important; }.margin-right-42 {margin-right: 42px !important; }.margin-right-43 {margin-right: 43px !important; }.margin-right-44 {margin-right: 44px !important; }.margin-right-45 {margin-right: 45px !important; }.margin-right-46 {margin-right: 46px !important; }.margin-right-47 {margin-right: 47px !important; }.margin-right-48 {margin-right: 48px !important; }.margin-right-49 {margin-right: 49px !important; }.margin-right-50 {margin-right: 50px !important; } .margin-left-0 {margin-left: 0px !important; }.margin-left-1 {margin-left: 1px !important; }.margin-left-2 {margin-left: 2px !important; }.margin-left-3 {margin-left: 3px !important; }.margin-left-4 {margin-left: 4px !important; }.margin-left-5 {margin-left: 5px !important; }.margin-left-6 {margin-left: 6px !important; }.margin-left-7 {margin-left: 7px !important; }.margin-left-8 {margin-left: 8px !important; }.margin-left-9 {margin-left: 9px !important; }.margin-left-10 {margin-left: 10px !important; }.margin-left-11 {margin-left: 11px !important; }.margin-left-12 {margin-left: 12px !important; }.margin-left-13 {margin-left: 13px !important; }.margin-left-14 {margin-left: 14px !important; }.margin-left-15 {margin-left: 15px !important; }.margin-left-16 {margin-left: 16px !important; }.margin-left-17 {margin-left: 17px !important; }.margin-left-18 {margin-left: 18px !important; }.margin-left-19 {margin-left: 19px !important; }.margin-left-20 {margin-left: 20px !important; }.margin-left-21 {margin-left: 21px !important; }.margin-left-22 {margin-left: 22px !important; }.margin-left-23 {margin-left: 23px !important; }.margin-left-24 {margin-left: 24px !important; }.margin-left-25 {margin-left: 25px !important; }.margin-left-26 {margin-left: 26px !important; }.margin-left-27 {margin-left: 27px !important; }.margin-left-28 {margin-left: 28px !important; }.margin-left-29 {margin-left: 29px !important; }.margin-left-30 {margin-left: 30px !important; }.margin-left-31 {margin-left: 31px !important; }.margin-left-32 {margin-left: 32px !important; }.margin-left-33 {margin-left: 33px !important; }.margin-left-34 {margin-left: 34px !important; }.margin-left-35 {margin-left: 35px !important; }.margin-left-36 {margin-left: 36px !important; }.margin-left-37 {margin-left: 37px !important; }.margin-left-38 {margin-left: 38px !important; }.margin-left-39 {margin-left: 39px !important; }.margin-left-40 {margin-left: 40px !important; }.margin-left-41 {margin-left: 41px !important; }.margin-left-42 {margin-left: 42px !important; }.margin-left-43 {margin-left: 43px !important; }.margin-left-44 {margin-left: 44px !important; }.margin-left-45 {margin-left: 45px !important; }.margin-left-46 {margin-left: 46px !important; }.margin-left-47 {margin-left: 47px !important; }.margin-left-48 {margin-left: 48px !important; }.margin-left-49 {margin-left: 49px !important; }.margin-left-50 {margin-left: 50px !important; } body .margin-top-0 {margin-top: 0px !important; }.margin-top-1 {margin-top: 1px !important; }.margin-top-2 {margin-top: 2px !important; }.margin-top-3 {margin-top: 3px !important; }.margin-top-4 {margin-top: 4px !important; }.margin-top-5 {margin-top: 5px !important; }.margin-top-6 {margin-top: 6px !important; }.margin-top-7 {margin-top: 7px !important; }.margin-top-8 {margin-top: 8px !important; }.margin-top-9 {margin-top: 9px !important; }.margin-top-10 {margin-top: 10px !important; }.margin-top-11 {margin-top: 11px !important; }.margin-top-12 {margin-top: 12px !important; }.margin-top-13 {margin-top: 13px !important; }.margin-top-14 {margin-top: 14px !important; }.margin-top-15 {margin-top: 15px !important; }.margin-top-16 {margin-top: 16px !important; }.margin-top-17 {margin-top: 17px !important; }.margin-top-18 {margin-top: 18px !important; }.margin-top-19 {margin-top: 19px !important; }.margin-top-20 {margin-top: 20px !important; }.margin-top-21 {margin-top: 21px !important; }.margin-top-22 {margin-top: 22px !important; }.margin-top-23 {margin-top: 23px !important; }.margin-top-24 {margin-top: 24px !important; }.margin-top-25 {margin-top: 25px !important; }.margin-top-26 {margin-top: 26px !important; }.margin-top-27 {margin-top: 27px !important; }.margin-top-28 {margin-top: 28px !important; }.margin-top-29 {margin-top: 29px !important; }.margin-top-30 {margin-top: 30px !important; }.margin-top-31 {margin-top: 31px !important; }.margin-top-32 {margin-top: 32px !important; }.margin-top-33 {margin-top: 33px !important; }.margin-top-34 {margin-top: 34px !important; }.margin-top-35 {margin-top: 35px !important; }.margin-top-36 {margin-top: 36px !important; }.margin-top-37 {margin-top: 37px !important; }.margin-top-38 {margin-top: 38px !important; }.margin-top-39 {margin-top: 39px !important; }.margin-top-40 {margin-top: 40px !important; }.margin-top-41 {margin-top: 41px !important; }.margin-top-42 {margin-top: 42px !important; }.margin-top-43 {margin-top: 43px !important; }.margin-top-44 {margin-top: 44px !important; }.margin-top-45 {margin-top: 45px !important; }.margin-top-46 {margin-top: 46px !important; }.margin-top-47 {margin-top: 47px !important; }.margin-top-48 {margin-top: 48px !important; }.margin-top-49 {margin-top: 49px !important; }.margin-top-50 {margin-top: 50px !important; }.margin-top-70 {margin-top: 70px !important; }.margin-top-75 {margin-top: 75px !important; }.margin-top-80 {margin-top: 80px !important; }.margin-top-85 {margin-top: 85px !important; }.margin-top-100 {margin-top: 100px !important; }.margin-top-115 {margin-top: 115px !important; }.margin-top-200 {margin-top: 200px !important; } .margin-bottom-0 {margin-bottom: 0px !important; }.margin-bottom-1 {margin-bottom: 1px !important; }.margin-bottom-2 {margin-bottom: 2px !important; }.margin-bottom-3 {margin-bottom: 3px !important; }.margin-bottom-4 {margin-bottom: 4px !important; }.margin-bottom-5 {margin-bottom: 5px !important; }.margin-bottom-6 {margin-bottom: 6px !important; }.margin-bottom-7 {margin-bottom: 7px !important; }.margin-bottom-8 {margin-bottom: 8px !important; }.margin-bottom-9 {margin-bottom: 9px !important; }.margin-bottom-10 {margin-bottom: 10px !important; }.margin-bottom-11 {margin-bottom: 11px !important; }.margin-bottom-12 {margin-bottom: 12px !important; }.margin-bottom-13 {margin-bottom: 13px !important; }.margin-bottom-14 {margin-bottom: 14px !important; }.margin-bottom-15 {margin-bottom: 15px !important; }.margin-bottom-16 {margin-bottom: 16px !important; }.margin-bottom-17 {margin-bottom: 17px !important; }.margin-bottom-18 {margin-bottom: 18px !important; }.margin-bottom-19 {margin-bottom: 19px !important; }.margin-bottom-20 {margin-bottom: 20px !important; }.margin-bottom-21 {margin-bottom: 21px !important; }.margin-bottom-22 {margin-bottom: 22px !important; }.margin-bottom-23 {margin-bottom: 23px !important; }.margin-bottom-24 {margin-bottom: 24px !important; }.margin-bottom-25 {margin-bottom: 25px !important; }.margin-bottom-26 {margin-bottom: 26px !important; }.margin-bottom-27 {margin-bottom: 27px !important; }.margin-bottom-28 {margin-bottom: 28px !important; }.margin-bottom-29 {margin-bottom: 29px !important; }.margin-bottom-30 {margin-bottom: 30px !important; }.margin-bottom-31 {margin-bottom: 31px !important; }.margin-bottom-32 {margin-bottom: 32px !important; }.margin-bottom-33 {margin-bottom: 33px !important; }.margin-bottom-34 {margin-bottom: 34px !important; }.margin-bottom-35 {margin-bottom: 35px !important; }.margin-bottom-36 {margin-bottom: 36px !important; }.margin-bottom-37 {margin-bottom: 37px !important; }.margin-bottom-38 {margin-bottom: 38px !important; }.margin-bottom-39 {margin-bottom: 39px !important; }.margin-bottom-40 {margin-bottom: 40px !important; }.margin-bottom-41 {margin-bottom: 41px !important; }.margin-bottom-42 {margin-bottom: 42px !important; }.margin-bottom-43 {margin-bottom: 43px !important; }.margin-bottom-44 {margin-bottom: 44px !important; }.margin-bottom-45 {margin-bottom: 45px !important; }.margin-bottom-46 {margin-bottom: 46px !important; }.margin-bottom-47 {margin-bottom: 47px !important; }.margin-bottom-48 {margin-bottom: 48px !important; }.margin-bottom-49 {margin-bottom: 49px !important; }.margin-bottom-50 {margin-bottom: 50px !important; }.margin-bottom-60 {margin-bottom: 60px !important; }.margin-bottom-90 {margin-bottom: 90px !important; }.margin-bottom-100 {margin-bottom: 100px !important; } .margin-bottom-110 {margin-bottom: 110px !important; } .margin-bottom-130 {margin-bottom: 130px !important; } .margin-right-neg-0 {margin-right: 0px !important; }.margin-right-neg-1 {margin-right: -1px !important; }.margin-right-neg-2 {margin-right: -2px !important; }.margin-right-neg-3 {margin-right: -3px !important; }.margin-right-neg-4 {margin-right: -4px !important; }.margin-right-neg-5 {margin-right: -5px !important; }.margin-right-neg-6 {margin-right: -6px !important; }.margin-right-neg-7 {margin-right: -7px !important; }.margin-right-neg-8 {margin-right: -8px !important; }.margin-right-neg-9 {margin-right: -9px !important; }.margin-right-neg-10 {margin-right: -10px !important; }.margin-right-neg-11 {margin-right: -11px !important; }.margin-right-neg-12 {margin-right: -12px !important; }.margin-right-neg-13 {margin-right: -13px !important; }.margin-right-neg-14 {margin-right: -14px !important; }.margin-right-neg-15 {margin-right: -15px !important; }.margin-right-neg-16 {margin-right: -16px !important; }.margin-right-neg-17 {margin-right: -17px !important; }.margin-right-neg-18 {margin-right: -18px !important; }.margin-right-neg-19 {margin-right: -19px !important; }.margin-right-neg-20 {margin-right: -20px !important; }.margin-right-neg-21 {margin-right: -21px !important; }.margin-right-neg-22 {margin-right: -22px !important; }.margin-right-neg-23 {margin-right: -23px !important; }.margin-right-neg-24 {margin-right: -24px !important; }.margin-right-neg-25 {margin-right: -25px !important; }.margin-right-neg-26 {margin-right: -26px !important; }.margin-right-neg-27 {margin-right: -27px !important; }.margin-right-neg-28 {margin-right: -28px !important; }.margin-right-neg-29 {margin-right: -29px !important; }.margin-right-neg-30 {margin-right: -30px !important; }.margin-right-neg-31 {margin-right: -31px !important; }.margin-right-neg-32 {margin-right: -32px !important; }.margin-right-neg-33 {margin-right: -33px !important; }.margin-right-neg-34 {margin-right: -34px !important; }.margin-right-neg-35 {margin-right: -35px !important; }.margin-right-neg-36 {margin-right: -36px !important; }.margin-right-neg-37 {margin-right: -37px !important; }.margin-right-neg-38 {margin-right: -38px !important; }.margin-right-neg-39 {margin-right: -39px !important; }.margin-right-neg-40 {margin-right: -40px !important; }.margin-right-neg-41 {margin-right: -41px !important; }.margin-right-neg-42 {margin-right: -42px !important; }.margin-right-neg-43 {margin-right: -43px !important; }.margin-right-neg-44 {margin-right: -44px !important; }.margin-right-neg-45 {margin-right: -45px !important; }.margin-right-neg-46 {margin-right: -46px !important; }.margin-right-neg-47 {margin-right: -47px !important; }.margin-right-neg-48 {margin-right: -48px !important; }.margin-right-neg-49 {margin-right: -49px !important; }.margin-right-neg-50 {margin-right: -50px !important; } .margin-left-neg-0 {margin-left: 0px !important; }.margin-left-neg-1 {margin-left: -1px !important; }.margin-left-neg-2 {margin-left: -2px !important; }.margin-left-neg-3 {margin-left: -3px !important; }.margin-left-neg-4 {margin-left: -4px !important; }.margin-left-neg-5 {margin-left: -5px !important; }.margin-left-neg-6 {margin-left: -6px !important; }.margin-left-neg-7 {margin-left: -7px !important; }.margin-left-neg-8 {margin-left: -8px !important; }.margin-left-neg-9 {margin-left: -9px !important; }.margin-left-neg-10 {margin-left: -10px !important; }.margin-left-neg-11 {margin-left: -11px !important; }.margin-left-neg-12 {margin-left: -12px !important; }.margin-left-neg-13 {margin-left: -13px !important; }.margin-left-neg-14 {margin-left: -14px !important; }.margin-left-neg-15 {margin-left: -15px !important; }.margin-left-neg-16 {margin-left: -16px !important; }.margin-left-neg-17 {margin-left: -17px !important; }.margin-left-neg-18 {margin-left: -18px !important; }.margin-left-neg-19 {margin-left: -19px !important; }.margin-left-neg-20 {margin-left: -20px !important; }.margin-left-neg-21 {margin-left: -21px !important; }.margin-left-neg-22 {margin-left: -22px !important; }.margin-left-neg-23 {margin-left: -23px !important; }.margin-left-neg-24 {margin-left: -24px !important; }.margin-left-neg-25 {margin-left: -25px !important; }.margin-left-neg-26 {margin-left: -26px !important; }.margin-left-neg-27 {margin-left: -27px !important; }.margin-left-neg-28 {margin-left: -28px !important; }.margin-left-neg-29 {margin-left: -29px !important; }.margin-left-neg-30 {margin-left: -30px !important; }.margin-left-neg-31 {margin-left: -31px !important; }.margin-left-neg-32 {margin-left: -32px !important; }.margin-left-neg-33 {margin-left: -33px !important; }.margin-left-neg-34 {margin-left: -34px !important; }.margin-left-neg-35 {margin-left: -35px !important; }.margin-left-neg-36 {margin-left: -36px !important; }.margin-left-neg-37 {margin-left: -37px !important; }.margin-left-neg-38 {margin-left: -38px !important; }.margin-left-neg-39 {margin-left: -39px !important; }.margin-left-neg-40 {margin-left: -40px !important; }.margin-left-neg-41 {margin-left: -41px !important; }.margin-left-neg-42 {margin-left: -42px !important; }.margin-left-neg-43 {margin-left: -43px !important; }.margin-left-neg-44 {margin-left: -44px !important; }.margin-left-neg-45 {margin-left: -45px !important; }.margin-left-neg-46 {margin-left: -46px !important; }.margin-left-neg-47 {margin-left: -47px !important; }.margin-left-neg-48 {margin-left: -48px !important; }.margin-left-neg-49 {margin-left: -49px !important; }.margin-left-neg-50 {margin-left: -50px !important; } .margin-top-neg-0 {margin-top: 0px !important; }.margin-top-neg-1 {margin-top: -1px !important; }.margin-top-neg-2 {margin-top: -2px !important; }.margin-top-neg-3 {margin-top: -3px !important; }.margin-top-neg-4 {margin-top: -4px !important; }.margin-top-neg-5 {margin-top: -5px !important; }.margin-top-neg-6 {margin-top: -6px !important; }.margin-top-neg-7 {margin-top: -7px !important; }.margin-top-neg-8 {margin-top: -8px !important; }.margin-top-neg-9 {margin-top: -9px !important; }.margin-top-neg-10 {margin-top: -10px !important; }.margin-top-neg-11 {margin-top: -11px !important; }.margin-top-neg-12 {margin-top: -12px !important; }.margin-top-neg-13 {margin-top: -13px !important; }.margin-top-neg-14 {margin-top: -14px !important; }.margin-top-neg-15 {margin-top: -15px !important; }.margin-top-neg-16 {margin-top: -16px !important; }.margin-top-neg-17 {margin-top: -17px !important; }.margin-top-neg-18 {margin-top: -18px !important; }.margin-top-neg-19 {margin-top: -19px !important; }.margin-top-neg-20 {margin-top: -20px !important; }.margin-top-neg-21 {margin-top: -21px !important; }.margin-top-neg-22 {margin-top: -22px !important; }.margin-top-neg-23 {margin-top: -23px !important; }.margin-top-neg-24 {margin-top: -24px !important; }.margin-top-neg-25 {margin-top: -25px !important; }.margin-top-neg-26 {margin-top: -26px !important; }.margin-top-neg-27 {margin-top: -27px !important; }.margin-top-neg-28 {margin-top: -28px !important; }.margin-top-neg-29 {margin-top: -29px !important; }.margin-top-neg-30 {margin-top: -30px !important; }.margin-top-neg-31 {margin-top: -31px !important; }.margin-top-neg-32 {margin-top: -32px !important; }.margin-top-neg-33 {margin-top: -33px !important; }.margin-top-neg-34 {margin-top: -34px !important; }.margin-top-neg-35 {margin-top: -35px !important; }.margin-top-neg-36 {margin-top: -36px !important; }.margin-top-neg-37 {margin-top: -37px !important; }.margin-top-neg-38 {margin-top: -38px !important; }.margin-top-neg-39 {margin-top: -39px !important; }.margin-top-neg-40 {margin-top: -40px !important; }.margin-top-neg-41 {margin-top: -41px !important; }.margin-top-neg-42 {margin-top: -42px !important; }.margin-top-neg-43 {margin-top: -43px !important; }.margin-top-neg-44 {margin-top: -44px !important; }.margin-top-neg-45 {margin-top: -45px !important; }.margin-top-neg-46 {margin-top: -46px !important; }.margin-top-neg-47 {margin-top: -47px !important; }.margin-top-neg-48 {margin-top: -48px !important; }.margin-top-neg-49 {margin-top: -49px !important; }.margin-top-neg-50 {margin-top: -50px !important; } .margin-bottom-neg-0 {margin-bottom: 0px !important; }.margin-bottom-neg-1 {margin-bottom: -1px !important; }.margin-bottom-neg-2 {margin-bottom: -2px !important; }.margin-bottom-neg-3 {margin-bottom: -3px !important; }.margin-bottom-neg-4 {margin-bottom: -4px !important; }.margin-bottom-neg-5 {margin-bottom: -5px !important; }.margin-bottom-neg-6 {margin-bottom: -6px !important; }.margin-bottom-neg-7 {margin-bottom: -7px !important; }.margin-bottom-neg-8 {margin-bottom: -8px !important; }.margin-bottom-neg-9 {margin-bottom: -9px !important; }.margin-bottom-neg-10 {margin-bottom: -10px !important; }.margin-bottom-neg-11 {margin-bottom: -11px !important; }.margin-bottom-neg-12 {margin-bottom: -12px !important; }.margin-bottom-neg-13 {margin-bottom: -13px !important; }.margin-bottom-neg-14 {margin-bottom: -14px !important; }.margin-bottom-neg-15 {margin-bottom: -15px !important; }.margin-bottom-neg-16 {margin-bottom: -16px !important; }.margin-bottom-neg-17 {margin-bottom: -17px !important; }.margin-bottom-neg-18 {margin-bottom: -18px !important; }.margin-bottom-neg-19 {margin-bottom: -19px !important; }.margin-bottom-neg-20 {margin-bottom: -20px !important; }.margin-bottom-neg-21 {margin-bottom: -21px !important; }.margin-bottom-neg-22 {margin-bottom: -22px !important; }.margin-bottom-neg-23 {margin-bottom: -23px !important; }.margin-bottom-neg-24 {margin-bottom: -24px !important; }.margin-bottom-neg-25 {margin-bottom: -25px !important; }.margin-bottom-neg-26 {margin-bottom: -26px !important; }.margin-bottom-neg-27 {margin-bottom: -27px !important; }.margin-bottom-neg-28 {margin-bottom: -28px !important; }.margin-bottom-neg-29 {margin-bottom: -29px !important; }.margin-bottom-neg-30 {margin-bottom: -30px !important; }.margin-bottom-neg-31 {margin-bottom: -31px !important; }.margin-bottom-neg-32 {margin-bottom: -32px !important; }.margin-bottom-neg-33 {margin-bottom: -33px !important; }.margin-bottom-neg-34 {margin-bottom: -34px !important; }.margin-bottom-neg-35 {margin-bottom: -35px !important; }.margin-bottom-neg-36 {margin-bottom: -36px !important; }.margin-bottom-neg-37 {margin-bottom: -37px !important; }.margin-bottom-neg-38 {margin-bottom: -38px !important; }.margin-bottom-neg-39 {margin-bottom: -39px !important; }.margin-bottom-neg-40 {margin-bottom: -40px !important; }.margin-bottom-neg-41 {margin-bottom: -41px !important; }.margin-bottom-neg-42 {margin-bottom: -42px !important; }.margin-bottom-neg-43 {margin-bottom: -43px !important; }.margin-bottom-neg-44 {margin-bottom: -44px !important; }.margin-bottom-neg-45 {margin-bottom: -45px !important; }.margin-bottom-neg-46 {margin-bottom: -46px !important; }.margin-bottom-neg-47 {margin-bottom: -47px !important; }.margin-bottom-neg-48 {margin-bottom: -48px !important; }.margin-bottom-neg-49 {margin-bottom: -49px !important; }.margin-bottom-neg-50 {margin-bottom: -50px !important; } /** padding **/ .padding-right-0 {padding-right: 0px !important; }.padding-right-1 {padding-right: 1px !important; }.padding-right-2 {padding-right: 2px !important; }.padding-right-3 {padding-right: 3px !important; }.padding-right-4 {padding-right: 4px !important; }.padding-right-5 {padding-right: 5px !important; }.padding-right-6 {padding-right: 6px !important; }.padding-right-7 {padding-right: 7px !important; }.padding-right-8 {padding-right: 8px !important; }.padding-right-9 {padding-right: 9px !important; }.padding-right-10 {padding-right: 10px !important; }.padding-right-11 {padding-right: 11px !important; }.padding-right-12 {padding-right: 12px !important; }.padding-right-13 {padding-right: 13px !important; }.padding-right-14 {padding-right: 14px !important; }.padding-right-15 {padding-right: 15px !important; }.padding-right-16 {padding-right: 16px !important; }.padding-right-17 {padding-right: 17px !important; }.padding-right-18 {padding-right: 18px !important; }.padding-right-19 {padding-right: 19px !important; }.padding-right-20 {padding-right: 20px !important; }.padding-right-21 {padding-right: 21px !important; }.padding-right-22 {padding-right: 22px !important; }.padding-right-23 {padding-right: 23px !important; }.padding-right-24 {padding-right: 24px !important; }.padding-right-25 {padding-right: 25px !important; }.padding-right-26 {padding-right: 26px !important; }.padding-right-27 {padding-right: 27px !important; }.padding-right-28 {padding-right: 28px !important; }.padding-right-29 {padding-right: 29px !important; }.padding-right-30 {padding-right: 30px !important; }.padding-right-31 {padding-right: 31px !important; }.padding-right-32 {padding-right: 32px !important; }.padding-right-33 {padding-right: 33px !important; }.padding-right-34 {padding-right: 34px !important; }.padding-right-35 {padding-right: 35px !important; }.padding-right-36 {padding-right: 36px !important; }.padding-right-37 {padding-right: 37px !important; }.padding-right-38 {padding-right: 38px !important; }.padding-right-39 {padding-right: 39px !important; }.padding-right-40 {padding-right: 40px !important; }.padding-right-41 {padding-right: 41px !important; }.padding-right-42 {padding-right: 42px !important; }.padding-right-43 {padding-right: 43px !important; }.padding-right-44 {padding-right: 44px !important; }.padding-right-45 {padding-right: 45px !important; }.padding-right-46 {padding-right: 46px !important; }.padding-right-47 {padding-right: 47px !important; }.padding-right-48 {padding-right: 48px !important; }.padding-right-49 {padding-right: 49px !important; }.padding-right-50 {padding-right: 50px !important; }.padding-right-118 {padding-right: 118px !important; } .padding-left-0 {padding-left: 0px !important; }.padding-left-1 {padding-left: 1px !important; }.padding-left-2 {padding-left: 2px !important; }.padding-left-3 {padding-left: 3px !important; }.padding-left-4 {padding-left: 4px !important; }.padding-left-5 {padding-left: 5px !important; }.padding-left-6 {padding-left: 6px !important; }.padding-left-7 {padding-left: 7px !important; }.padding-left-8 {padding-left: 8px !important; }.padding-left-9 {padding-left: 9px !important; }.padding-left-10 {padding-left: 10px !important; }.padding-left-11 {padding-left: 11px !important; }.padding-left-12 {padding-left: 12px !important; }.padding-left-13 {padding-left: 13px !important; }.padding-left-14 {padding-left: 14px !important; }.padding-left-15 {padding-left: 15px !important; }.padding-left-16 {padding-left: 16px !important; }.padding-left-17 {padding-left: 17px !important; }.padding-left-18 {padding-left: 18px !important; }.padding-left-19 {padding-left: 19px !important; }.padding-left-20 {padding-left: 20px !important; }.padding-left-21 {padding-left: 21px !important; }.padding-left-22 {padding-left: 22px !important; }.padding-left-23 {padding-left: 23px !important; }.padding-left-24 {padding-left: 24px !important; }.padding-left-25 {padding-left: 25px !important; }.padding-left-26 {padding-left: 26px !important; }.padding-left-27 {padding-left: 27px !important; }.padding-left-28 {padding-left: 28px !important; }.padding-left-29 {padding-left: 29px !important; }.padding-left-30 {padding-left: 30px !important; }.padding-left-31 {padding-left: 31px !important; }.padding-left-32 {padding-left: 32px !important; }.padding-left-33 {padding-left: 33px !important; }.padding-left-34 {padding-left: 34px !important; }.padding-left-35 {padding-left: 35px !important; }.padding-left-36 {padding-left: 36px !important; }.padding-left-37 {padding-left: 37px !important; }.padding-left-38 {padding-left: 38px !important; }.padding-left-39 {padding-left: 39px !important; }.padding-left-40 {padding-left: 40px !important; }.padding-left-41 {padding-left: 41px !important; }.padding-left-42 {padding-left: 42px !important; }.padding-left-43 {padding-left: 43px !important; }.padding-left-44 {padding-left: 44px !important; }.padding-left-45 {padding-left: 45px !important; }.padding-left-46 {padding-left: 46px !important; }.padding-left-47 {padding-left: 47px !important; }.padding-left-48 {padding-left: 48px !important; }.padding-left-49 {padding-left: 49px !important; }.padding-left-50 {padding-left: 50px !important; } .padding-top-0 {padding-top: 0px !important; }.padding-top-1 {padding-top: 1px !important; }.padding-top-2 {padding-top: 2px !important; }.padding-top-3 {padding-top: 3px !important; }.padding-top-4 {padding-top: 4px !important; }.padding-top-5 {padding-top: 5px !important; }.padding-top-6 {padding-top: 6px !important; }.padding-top-7 {padding-top: 7px !important; }.padding-top-8 {padding-top: 8px !important; }.padding-top-9 {padding-top: 9px !important; }.padding-top-10 {padding-top: 10px !important; }.padding-top-11 {padding-top: 11px !important; }.padding-top-12 {padding-top: 12px !important; }.padding-top-13 {padding-top: 13px !important; }.padding-top-14 {padding-top: 14px !important; }.padding-top-15 {padding-top: 15px !important; }.padding-top-16 {padding-top: 16px !important; }.padding-top-17 {padding-top: 17px !important; }.padding-top-18 {padding-top: 18px !important; }.padding-top-19 {padding-top: 19px !important; }.padding-top-20 {padding-top: 20px !important; }.padding-top-21 {padding-top: 21px !important; }.padding-top-22 {padding-top: 22px !important; }.padding-top-23 {padding-top: 23px !important; }.padding-top-24 {padding-top: 24px !important; }.padding-top-25 {padding-top: 25px !important; }.padding-top-26 {padding-top: 26px !important; }.padding-top-27 {padding-top: 27px !important; }.padding-top-28 {padding-top: 28px !important; }.padding-top-29 {padding-top: 29px !important; }.padding-top-30 {padding-top: 30px !important; }.padding-top-31 {padding-top: 31px !important; }.padding-top-32 {padding-top: 32px !important; }.padding-top-33 {padding-top: 33px !important; }.padding-top-34 {padding-top: 34px !important; }.padding-top-35 {padding-top: 35px !important; }.padding-top-36 {padding-top: 36px !important; }.padding-top-37 {padding-top: 37px !important; }.padding-top-38 {padding-top: 38px !important; }.padding-top-39 {padding-top: 39px !important; }.padding-top-40 {padding-top: 40px !important; }.padding-top-41 {padding-top: 41px !important; }.padding-top-42 {padding-top: 42px !important; }.padding-top-43 {padding-top: 43px !important; }.padding-top-44 {padding-top: 44px !important; }.padding-top-45 {padding-top: 45px !important; }.padding-top-46 {padding-top: 46px !important; }.padding-top-47 {padding-top: 47px !important; }.padding-top-48 {padding-top: 48px !important; }.padding-top-49 {padding-top: 49px !important; }.padding-top-50 {padding-top: 50px !important; } .padding-bottom-0 {padding-bottom: 0px !important; }.padding-bottom-1 {padding-bottom: 1px !important; }.padding-bottom-2 {padding-bottom: 2px !important; }.padding-bottom-3 {padding-bottom: 3px !important; }.padding-bottom-4 {padding-bottom: 4px !important; }.padding-bottom-5 {padding-bottom: 5px !important; }.padding-bottom-6 {padding-bottom: 6px !important; }.padding-bottom-7 {padding-bottom: 7px !important; }.padding-bottom-8 {padding-bottom: 8px !important; }.padding-bottom-9 {padding-bottom: 9px !important; }.padding-bottom-10 {padding-bottom: 10px !important; }.padding-bottom-11 {padding-bottom: 11px !important; }.padding-bottom-12 {padding-bottom: 12px !important; }.padding-bottom-13 {padding-bottom: 13px !important; }.padding-bottom-14 {padding-bottom: 14px !important; }.padding-bottom-15 {padding-bottom: 15px !important; }.padding-bottom-16 {padding-bottom: 16px !important; }.padding-bottom-17 {padding-bottom: 17px !important; }.padding-bottom-18 {padding-bottom: 18px !important; }.padding-bottom-19 {padding-bottom: 19px !important; }.padding-bottom-20 {padding-bottom: 20px !important; }.padding-bottom-21 {padding-bottom: 21px !important; }.padding-bottom-22 {padding-bottom: 22px !important; }.padding-bottom-23 {padding-bottom: 23px !important; }.padding-bottom-24 {padding-bottom: 24px !important; }.padding-bottom-25 {padding-bottom: 25px !important; }.padding-bottom-26 {padding-bottom: 26px !important; }.padding-bottom-27 {padding-bottom: 27px !important; }.padding-bottom-28 {padding-bottom: 28px !important; }.padding-bottom-29 {padding-bottom: 29px !important; }.padding-bottom-30 {padding-bottom: 30px !important; }.padding-bottom-31 {padding-bottom: 31px !important; }.padding-bottom-32 {padding-bottom: 32px !important; }.padding-bottom-33 {padding-bottom: 33px !important; }.padding-bottom-34 {padding-bottom: 34px !important; }.padding-bottom-35 {padding-bottom: 35px !important; }.padding-bottom-36 {padding-bottom: 36px !important; }.padding-bottom-37 {padding-bottom: 37px !important; }.padding-bottom-38 {padding-bottom: 38px !important; }.padding-bottom-39 {padding-bottom: 39px !important; }.padding-bottom-40 {padding-bottom: 40px !important; }.padding-bottom-41 {padding-bottom: 41px !important; }.padding-bottom-42 {padding-bottom: 42px !important; }.padding-bottom-43 {padding-bottom: 43px !important; }.padding-bottom-44 {padding-bottom: 44px !important; }.padding-bottom-45 {padding-bottom: 45px !important; }.padding-bottom-46 {padding-bottom: 46px !important; }.padding-bottom-47 {padding-bottom: 47px !important; }.padding-bottom-48 {padding-bottom: 48px !important; }.padding-bottom-49 {padding-bottom: 49px !important; }.padding-bottom-50 {padding-bottom: 50px !important; } /** top - bottom **/ .top-unset {top: unset !important; }.top-0 {top: 0px !important; }.top-1 {top: 1px !important; }.top-2 {top: 2px !important; }.top-3 {top: 3px !important; }.top-4 {top: 4px !important; }.top-5 {top: 5px !important; }.top-6 {top: 6px !important; }.top-7 {top: 7px !important; }.top-8 {top: 8px !important; }.top-9 {top: 9px !important; }.top-10 {top: 10px !important; }.top-11 {top: 11px !important; }.top-12 {top: 12px !important; }.top-13 {top: 13px !important; }.top-14 {top: 14px !important; }.top-15 {top: 15px !important; }.top-16 {top: 16px !important; }.top-17 {top: 17px !important; }.top-18 {top: 18px !important; }.top-19 {top: 19px !important; }.top-20 {top: 20px !important; }.top-21 {top: 21px !important; }.top-22 {top: 22px !important; }.top-23 {top: 23px !important; }.top-24 {top: 24px !important; }.top-25 {top: 25px !important; }.top-26 {top: 26px !important; }.top-27 {top: 27px !important; }.top-28 {top: 28px !important; }.top-29 {top: 29px !important; }.top-30 {top: 30px !important; }.top-31 {top: 31px !important; }.top-32 {top: 32px !important; }.top-33 {top: 33px !important; }.top-34 {top: 34px !important; }.top-35 {top: 35px !important; }.top-36 {top: 36px !important; }.top-37 {top: 37px !important; }.top-38 {top: 38px !important; }.top-39 {top: 39px !important; }.top-40 {top: 40px !important; }.top-41 {top: 41px !important; }.top-42 {top: 42px !important; }.top-43 {top: 43px !important; }.top-44 {top: 44px !important; }.top-45 {top: 45px !important; }.top-46 {top: 46px !important; }.top-47 {top: 47px !important; }.top-48 {top: 48px !important; }.top-49 {top: 49px !important; }.top-50 {top: 50px !important; }.top-51 {top: 51px !important; }.top-52 {top: 52px !important; }.top-53 {top: 53px !important; }.top-54 {top: 54px !important; }.top-55 {top: 55px !important; }.top-56 {top: 56px !important; }.top-57 {top: 57px !important; }.top-58 {top: 58px !important; }.top-59 {top: 59px !important; }.top-60 {top: 60px !important; }.top-61 {top: 61px !important; }.top-62 {top: 62px !important; }.top-63 {top: 63px !important; }.top-64 {top: 64px !important; }.top-65 {top: 65px !important; }.top-66 {top: 66px !important; }.top-67 {top: 67px !important; }.top-68 {top: 68px !important; }.top-69 {top: 69px !important; }.top-70 {top: 70px !important; } .top-neg-0 {top: 0px !important; }.top-neg-1 {top: -1px !important; }.top-neg-2 {top: -2px !important; }.top-neg-3 {top: -3px !important; }.top-neg-4 {top: -4px !important; }.top-neg-5 {top: -5px !important; }.top-neg-6 {top: -6px !important; }.top-neg-7 {top: -7px !important; }.top-neg-8 {top: -8px !important; }.top-neg-9 {top: -9px !important; }.top-neg-10 {top: -10px !important; }.top-neg-11 {top: -11px !important; }.top-neg-12 {top: -12px !important; }.top-neg-13 {top: -13px !important; }.top-neg-14 {top: -14px !important; }.top-neg-15 {top: -15px !important; }.top-neg-16 {top: -16px !important; }.top-neg-17 {top: -17px !important; }.top-neg-18 {top: -18px !important; }.top-neg-19 {top: -19px !important; }.top-neg-20 {top: -20px !important; }.top-neg-21 {top: -21px !important; }.top-neg-22 {top: -22px !important; }.top-neg-23 {top: -23px !important; }.top-neg-24 {top: -24px !important; }.top-neg-25 {top: -25px !important; }.top-neg-26 {top: -26px !important; }.top-neg-27 {top: -27px !important; }.top-neg-28 {top: -28px !important; }.top-neg-29 {top: -29px !important; }.top-neg-30 {top: -30px !important; }.top-neg-31 {top: -31px !important; }.top-neg-32 {top: -32px !important; }.top-neg-33 {top: -33px !important; }.top-neg-34 {top: -34px !important; }.top-neg-35 {top: -35px !important; }.top-neg-36 {top: -36px !important; }.top-neg-37 {top: -37px !important; }.top-neg-38 {top: -38px !important; }.top-neg-39 {top: -39px !important; }.top-neg-40 {top: -40px !important; }.top-neg-41 {top: -41px !important; }.top-neg-42 {top: -42px !important; }.top-neg-43 {top: -43px !important; }.top-neg-44 {top: -44px !important; }.top-neg-45 {top: -45px !important; }.top-neg-46 {top: -46px !important; }.top-neg-47 {top: -47px !important; }.top-neg-48 {top: -48px !important; }.top-neg-49 {top: -49px !important; }.top-neg-50 {top: -50px !important; } .bottom-0 {bottom: 0px !important; }.bottom-1 {bottom: 1px !important; }.bottom-2 {bottom: 2px !important; }.bottom-3 {bottom: 3px !important; }.bottom-4 {bottom: 4px !important; }.bottom-5 {bottom: 5px !important; }.bottom-6 {bottom: 6px !important; }.bottom-7 {bottom: 7px !important; }.bottom-8 {bottom: 8px !important; }.bottom-9 {bottom: 9px !important; }.bottom-10 {bottom: 10px !important; }.bottom-11 {bottom: 11px !important; }.bottom-12 {bottom: 12px !important; }.bottom-13 {bottom: 13px !important; }.bottom-14 {bottom: 14px !important; }.bottom-15 {bottom: 15px !important; }.bottom-16 {bottom: 16px !important; }.bottom-17 {bottom: 17px !important; }.bottom-18 {bottom: 18px !important; }.bottom-19 {bottom: 19px !important; }.bottom-20 {bottom: 20px !important; }.bottom-21 {bottom: 21px !important; }.bottom-22 {bottom: 22px !important; }.bottom-23 {bottom: 23px !important; }.bottom-24 {bottom: 24px !important; }.bottom-25 {bottom: 25px !important; }.bottom-26 {bottom: 26px !important; }.bottom-27 {bottom: 27px !important; }.bottom-28 {bottom: 28px !important; }.bottom-29 {bottom: 29px !important; }.bottom-30 {bottom: 30px !important; }.bottom-31 {bottom: 31px !important; }.bottom-32 {bottom: 32px !important; }.bottom-33 {bottom: 33px !important; }.bottom-34 {bottom: 34px !important; }.bottom-35 {bottom: 35px !important; }.bottom-36 {bottom: 36px !important; }.bottom-37 {bottom: 37px !important; }.bottom-38 {bottom: 38px !important; }.bottom-39 {bottom: 39px !important; }.bottom-40 {bottom: 40px !important; }.bottom-41 {bottom: 41px !important; }.bottom-42 {bottom: 42px !important; }.bottom-43 {bottom: 43px !important; }.bottom-44 {bottom: 44px !important; }.bottom-45 {bottom: 45px !important; }.bottom-46 {bottom: 46px !important; }.bottom-47 {bottom: 47px !important; }.bottom-48 {bottom: 48px !important; }.bottom-49 {bottom: 49px !important; }.bottom-50 {bottom: 50px !important; } .bottom-neg-0 {bottom: 0px !important; }.bottom-neg-1 {bottom: -1px !important; }.bottom-neg-2 {bottom: -2px !important; }.bottom-neg-3 {bottom: -3px !important; }.bottom-neg-4 {bottom: -4px !important; }.bottom-neg-5 {bottom: -5px !important; }.bottom-neg-6 {bottom: -6px !important; }.bottom-neg-7 {bottom: -7px !important; }.bottom-neg-8 {bottom: -8px !important; }.bottom-neg-9 {bottom: -9px !important; }.bottom-neg-10 {bottom: -10px !important; }.bottom-neg-11 {bottom: -11px !important; }.bottom-neg-12 {bottom: -12px !important; }.bottom-neg-13 {bottom: -13px !important; }.bottom-neg-14 {bottom: -14px !important; }.bottom-neg-15 {bottom: -15px !important; }.bottom-neg-16 {bottom: -16px !important; }.bottom-neg-17 {bottom: -17px !important; }.bottom-neg-18 {bottom: -18px !important; }.bottom-neg-19 {bottom: -19px !important; }.bottom-neg-20 {bottom: -20px !important; }.bottom-neg-21 {bottom: -21px !important; }.bottom-neg-22 {bottom: -22px !important; }.bottom-neg-23 {bottom: -23px !important; }.bottom-neg-24 {bottom: -24px !important; }.bottom-neg-25 {bottom: -25px !important; }.bottom-neg-26 {bottom: -26px !important; }.bottom-neg-27 {bottom: -27px !important; }.bottom-neg-28 {bottom: -28px !important; }.bottom-neg-29 {bottom: -29px !important; }.bottom-neg-30 {bottom: -30px !important; }.bottom-neg-31 {bottom: -31px !important; }.bottom-neg-32 {bottom: -32px !important; }.bottom-neg-33 {bottom: -33px !important; }.bottom-neg-34 {bottom: -34px !important; }.bottom-neg-35 {bottom: -35px !important; }.bottom-neg-36 {bottom: -36px !important; }.bottom-neg-37 {bottom: -37px !important; }.bottom-neg-38 {bottom: -38px !important; }.bottom-neg-39 {bottom: -39px !important; }.bottom-neg-40 {bottom: -40px !important; }.bottom-neg-41 {bottom: -41px !important; }.bottom-neg-42 {bottom: -42px !important; }.bottom-neg-43 {bottom: -43px !important; }.bottom-neg-44 {bottom: -44px !important; }.bottom-neg-45 {bottom: -45px !important; }.bottom-neg-46 {bottom: -46px !important; }.bottom-neg-47 {bottom: -47px !important; }.bottom-neg-48 {bottom: -48px !important; }.bottom-neg-49 {bottom: -49px !important; }.bottom-neg-50 {bottom: -50px !important; } /** left - right **/ body .left-0 {left: 0px !important; }.left-1 {left: 1px !important; }.left-2 {left: 2px !important; }.left-3 {left: 3px !important; }.left-4 {left: 4px !important; }.left-5 {left: 5px !important; }.left-6 {left: 6px !important; }.left-7 {left: 7px !important; }.left-8 {left: 8px !important; }.left-9 {left: 9px !important; }.left-10 {left: 10px !important; }.left-11 {left: 11px !important; }.left-12 {left: 12px !important; }.left-13 {left: 13px !important; }.left-14 {left: 14px !important; }.left-15 {left: 15px !important; }.left-16 {left: 16px !important; }.left-17 {left: 17px !important; }.left-18 {left: 18px !important; }.left-19 {left: 19px !important; }.left-20 {left: 20px !important; }.left-21 {left: 21px !important; }.left-22 {left: 22px !important; }.left-23 {left: 23px !important; }.left-24 {left: 24px !important; }.left-25 {left: 25px !important; }.left-26 {left: 26px !important; }.left-27 {left: 27px !important; }.left-28 {left: 28px !important; }.left-29 {left: 29px !important; }.left-30 {left: 30px !important; }.left-31 {left: 31px !important; }.left-32 {left: 32px !important; }.left-33 {left: 33px !important; }.left-34 {left: 34px !important; }.left-35 {left: 35px !important; }.left-36 {left: 36px !important; }.left-37 {left: 37px !important; }.left-38 {left: 38px !important; }.left-39 {left: 39px !important; }.left-40 {left: 40px !important; }.left-41 {left: 41px !important; }.left-42 {left: 42px !important; }.left-43 {left: 43px !important; }.left-44 {left: 44px !important; }.left-45 {left: 45px !important; }.left-46 {left: 46px !important; }.left-47 {left: 47px !important; }.left-48 {left: 48px !important; }.left-49 {left: 49px !important; }.left-50 {left: 50px !important; } .left-neg-0 {left: 0px !important; }.left-neg-1 {left: -1px !important; }.left-neg-2 {left: -2px !important; }.left-neg-3 {left: -3px !important; }.left-neg-4 {left: -4px !important; }.left-neg-5 {left: -5px !important; }.left-neg-6 {left: -6px !important; }.left-neg-7 {left: -7px !important; }.left-neg-8 {left: -8px !important; }.left-neg-9 {left: -9px !important; }.left-neg-10 {left: -10px !important; }.left-neg-11 {left: -11px !important; }.left-neg-12 {left: -12px !important; }.left-neg-13 {left: -13px !important; }.left-neg-14 {left: -14px !important; }.left-neg-15 {left: -15px !important; }.left-neg-16 {left: -16px !important; }.left-neg-17 {left: -17px !important; }.left-neg-18 {left: -18px !important; }.left-neg-19 {left: -19px !important; }.left-neg-20 {left: -20px !important; }.left-neg-21 {left: -21px !important; }.left-neg-22 {left: -22px !important; }.left-neg-23 {left: -23px !important; }.left-neg-24 {left: -24px !important; }.left-neg-25 {left: -25px !important; }.left-neg-26 {left: -26px !important; }.left-neg-27 {left: -27px !important; }.left-neg-28 {left: -28px !important; }.left-neg-29 {left: -29px !important; }.left-neg-30 {left: -30px !important; }.left-neg-31 {left: -31px !important; }.left-neg-32 {left: -32px !important; }.left-neg-33 {left: -33px !important; }.left-neg-34 {left: -34px !important; }.left-neg-35 {left: -35px !important; }.left-neg-36 {left: -36px !important; }.left-neg-37 {left: -37px !important; }.left-neg-38 {left: -38px !important; }.left-neg-39 {left: -39px !important; }.left-neg-40 {left: -40px !important; }.left-neg-41 {left: -41px !important; }.left-neg-42 {left: -42px !important; }.left-neg-43 {left: -43px !important; }.left-neg-44 {left: -44px !important; }.left-neg-45 {left: -45px !important; }.left-neg-46 {left: -46px !important; }.left-neg-47 {left: -47px !important; }.left-neg-48 {left: -48px !important; }.left-neg-49 {left: -49px !important; }.left-neg-50 {left: -50px !important; } .right-0 {right: 0px !important; }.right-1 {right: 1px !important; }.right-2 {right: 2px !important; }.right-3 {right: 3px !important; }.right-4 {right: 4px !important; }.right-5 {right: 5px !important; }.right-6 {right: 6px !important; }.right-7 {right: 7px !important; }.right-8 {right: 8px !important; }.right-9 {right: 9px !important; }.right-10 {right: 10px !important; }.right-11 {right: 11px !important; }.right-12 {right: 12px !important; }.right-13 {right: 13px !important; }.right-14 {right: 14px !important; }.right-15 {right: 15px !important; }.right-16 {right: 16px !important; }.right-17 {right: 17px !important; }.right-18 {right: 18px !important; }.right-19 {right: 19px !important; }.right-20 {right: 20px !important; }.right-21 {right: 21px !important; }.right-22 {right: 22px !important; }.right-23 {right: 23px !important; }.right-24 {right: 24px !important; }.right-25 {right: 25px !important; }.right-26 {right: 26px !important; }.right-27 {right: 27px !important; }.right-28 {right: 28px !important; }.right-29 {right: 29px !important; }.right-30 {right: 30px !important; }.right-31 {right: 31px !important; }.right-32 {right: 32px !important; }.right-33 {right: 33px !important; }.right-34 {right: 34px !important; }.right-35 {right: 35px !important; }.right-36 {right: 36px !important; }.right-37 {right: 37px !important; }.right-38 {right: 38px !important; }.right-39 {right: 39px !important; }.right-40 {right: 40px !important; }.right-41 {right: 41px !important; }.right-42 {right: 42px !important; }.right-43 {right: 43px !important; }.right-44 {right: 44px !important; }.right-45 {right: 45px !important; }.right-46 {right: 46px !important; }.right-47 {right: 47px !important; }.right-48 {right: 48px !important; }.right-49 {right: 49px !important; }.right-50 {right: 50px !important; } .right-neg-0 {right: 0px !important; }.right-neg-1 {right: -1px !important; }.right-neg-2 {right: -2px !important; }.right-neg-3 {right: -3px !important; }.right-neg-4 {right: -4px !important; }.right-neg-5 {right: -5px !important; }.right-neg-6 {right: -6px !important; }.right-neg-7 {right: -7px !important; }.right-neg-8 {right: -8px !important; }.right-neg-9 {right: -9px !important; }.right-neg-10 {right: -10px !important; }.right-neg-11 {right: -11px !important; }.right-neg-12 {right: -12px !important; }.right-neg-13 {right: -13px !important; }.right-neg-14 {right: -14px !important; }.right-neg-15 {right: -15px !important; }.right-neg-16 {right: -16px !important; }.right-neg-17 {right: -17px !important; }.right-neg-18 {right: -18px !important; }.right-neg-19 {right: -19px !important; }.right-neg-20 {right: -20px !important; }.right-neg-21 {right: -21px !important; }.right-neg-22 {right: -22px !important; }.right-neg-23 {right: -23px !important; }.right-neg-24 {right: -24px !important; }.right-neg-25 {right: -25px !important; }.right-neg-26 {right: -26px !important; }.right-neg-27 {right: -27px !important; }.right-neg-28 {right: -28px !important; }.right-neg-29 {right: -29px !important; }.right-neg-30 {right: -30px !important; }.right-neg-31 {right: -31px !important; }.right-neg-32 {right: -32px !important; }.right-neg-33 {right: -33px !important; }.right-neg-34 {right: -34px !important; }.right-neg-35 {right: -35px !important; }.right-neg-36 {right: -36px !important; }.right-neg-37 {right: -37px !important; }.right-neg-38 {right: -38px !important; }.right-neg-39 {right: -39px !important; }.right-neg-40 {right: -40px !important; }.right-neg-41 {right: -41px !important; }.right-neg-42 {right: -42px !important; }.right-neg-43 {right: -43px !important; }.right-neg-44 {right: -44px !important; }.right-neg-45 {right: -45px !important; }.right-neg-46 {right: -46px !important; }.right-neg-47 {right: -47px !important; }.right-neg-48 {right: -48px !important; }.right-neg-49 {right: -49px !important; }.right-neg-50 {right: -50px !important; } .zindex-1 {z-index: 1 !important; } .zindex-9 {z-index: 9 !important; } .zindex-999 {z-index: 999 !important; } /*** placeholder **/ et-file-upload-set .choosefile, textarea::placeholder, textarea:-ms-input-placeholder, textarea::-moz-placeholder, textarea:-moz-placeholder , textarea::-webkit-input-placeholder, :-ms-input-placeholder , ::-ms-input-placeholder {color:#8C8C8C; opacity:1} ::placeholder{color:#8C8C8C; opacity:1} /*** placeholder **/ /*** stack slider **/ .stackcardparendiv{z-index:5} .listing{ position:absolute; width:100%; display:block} .next,.prev{position:relative;display:inline-block; vertical-align:middle;} .nextprevfade{background:#F5F5F5; opacity:.5; position:absolute; left:0px; top:0px; height:100%; width:100%; display:block; z-index:3} .nextprevfadediv{position:relative;display:inline-block; vertical-align:middle; z-index:2} .swipledeck{display:block} .swipledeck .bgimage{background:#F5F5F5; text-align:center; width:55px; height:55px; line-height:55px} .swipledeck .bgimage,.swipledeck img{border-radius:50%} .swipledeck .name{font-size:15px;color:#212529; font-weight:600; display:block; border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px } .swipledeck .body{ display:block; } .swipledeck .footer{display:block; border-top:1px solid #ccc; margin-top:5px; padding-top:5px ; text-align:right} .swipledeck-one{display:block} .swipledeck-one .bgimage{background:#F5F5F5; text-align:center; width:55px; height:55px; line-height:55px} .swipledeck-one .bgimage,.swipledeck img{border-radius:50%} .swipledeck-one .name{font-size:15px;color:inherit; font-weight:600; display:block; margin:0px; padding-bottom:10px ; border-bottom: 0px solid #ccc; line-height:1.1em} .swipledeck-one .name span { font-weight:100 ; font-family:'robotoregular,sans-serif' ; font-size:12px } .swipledeck-one .body{ display:block; margin-bottom:12px} .swipledeck-one .body p { font-size: 0.6923rem; line-height: 9px; } .swipledeck-one .footer{display:block; border-top:0px solid #ccc; margin-top:5px; padding-top:0px ; text-align:right} .swipledeck-one .footer .skip { font-size: 0.6923rem; color:#B9B9B9 } .swipledeck-one .footer a { display:inline-block; vertical-align:middle; margin-left:10px ; line-height:10px} .swipledeck-one .gradientborder1 { margin-top:9px } /*** stack slider **/ /** Popovers**/ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto;} .popover.top {margin-top: -10px;} .popover.right {margin-left: 10px;} .popover.bottom {margin-top: 10px;} .popover.left {margin-left: -10px;} .popover-title {padding: 8px 14px;margin: 0;font-size: 1rem;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;border-radius: 5px 5px 0 0;} .popover-content {padding: 9px 14px;} .popover > .arrow,.popover > .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;} .popover > .arrow {border-width: 11px;} .popover > .arrow:after {content: "";border-width: 10px;} .popover.top > .arrow {bottom: -11px;left: 50%;margin-left: -11px;border-top-color: #999;border-top-color: rgba(0, 0, 0, .25);border-bottom-width: 0;} .popover.top > .arrow:after {bottom: 1px;margin-left: -10px;content: " ";border-top-color: #fff;border-bottom-width: 0;} .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0;} .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0;} .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25);} .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff;} .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25);} .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff;} .modal-open .popover, .modal-open .bs-popover { z-index: 999999; } /** Popovers**/ tasklist{display:block; margin-bottom:2px;} tasklist:last-child{margin-bottom:0px} tasklist .name{font-size:15px;color:#212529; font-weight:600; display:block; border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px } tasklist .body{ display:block; } tasklist .footer{display:block; border-top:1px solid #ccc; margin-top:5px; padding-top:5px ; text-align:right} tasklist .footer a, tasklist .footer a i{font-weight:bold; font-size: 0.9rem} tasklist .footer a{font-size: 0.7692rem} tasklist a i { color: #07c; text-decoration: none; display:inline-block; vertical-align:middle; position:relative; top:-1px } blueicon{display:block;margin-top:0px; margin-bottom:0px} blueicon blueiconitem{display:inline-block; width:20px; height:20px; background:#223f8b; position:relative; font-size:15px; line-height:10px;color:#fff; margin-right:15px} blueiconitem:before, blueiconitem:after { content: " "; display: table; clear: both;} blueiconitemtext:before, blueiconitemtext:after { content: " "; display: table; clear: both;} blueicon blueiconitem blueiconitemtext{display:block; font-size:8px; font-weight:600; color:#979797; text-align:center; margin-top:5px} /**background color*/ .linkwithicon{font-size: 0.9rem; line-height:17px; display:inline-block; vertical-align:middle; color:#000} .linkwithicon i{display:inline-block; vertical-align:sub; font-size:18px; line-height:18px;color:#3253B4} .greydiv{display:block;font-size:0.6923rem;line-height:13px;color:#000; opacity:0.5; text-transform:uppercase} .blackdiv{display:block;font-size:0.6923rem;line-height:14px;color:#000; text-transform:uppercase; font-weight:600;} .blackdiv2{display:block;font-size: 0.8rem; line-height:17px;color:#000; font-weight:600; opacity:.8} .labelopacity{opacity: 0.5; color: #000; font-size: 0.6923rem; font-weight:600; line-height: 14px;} .bluediv {color: #223F8B;font-size: 0.6923rem; font-weight:600; line-height: 14px;} .greydiv1{ background: #EAEAEA;padding-left: 10px;padding-right: 10px;padding-top: 14px;padding-bottom:10px;margin-bottom: 15px;} .greydiv2{ background: #F5F5F5;padding-left: 10px;padding-right: 10px;padding-top: 14px;padding-bottom:10px;margin: 0px -5px;} .grey5 {background:#f5f5f5} .bodybgcolor {background: #EAEAEA;} .whitebackground {background:#fff} /*** travel dashboard**/ tasklisttraveldashboardset{display:block; margin-bottom:20px } tasklisttraveldashboardset:last-child{margin-bottom:0px} tasklisttraveldashboardset:before, tasklisttraveldashboardset:after { content: " "; display: table; clear: both;} /*tasklisttraveldashboardset et-row { margin-left: -20px; margin-right: -20px; display: block;clear: both; }*/ tasklisttraveldashboard{display:block; border-bottom: 1px solid #EAEAEA; padding-bottom:8px; margin-bottom:10px} tasklisttraveldashboard:before, tasklisttraveldashboard:after { content: " "; display: table; clear: both;} tasklisttraveldashboard:last-child{margin-bottom:0px} tasklisttraveldashboard .name{font-size:1rem;color:#000; font-weight:700;display:block; line-height:17px; margin-bottom:2px } tasklisttraveldashboard .body{ display:block; font-size: 0.7692rem; line-height:13px; height:28px; overflow:hidden} tasklisttraveldashboard .body p{font-size:0.75rem} tasklisttraveldashboard .footer{display:block; margin-top:0px; text-align:left; line-height:14px} tasklisttraveldashboard .footer a, tasklist .footer a i{font-size: 0.9rem; font-weight:700} tasklisttraveldashboard .footer a{font-size: 0.7692rem} tasklisttraveldashboard a i { color: #223F8B; text-decoration: none; display:inline-block; vertical-align:middle; position:relative; top:-1px ;} tasklisttraveldashboard:last-child{border:0px; margin-bottom:0px;padding-bottom:0px} tasklisttraveldashboardbgimage { background: #223f8b; text-align: center; width:35px; height:35px; display:block; text-align:center; border-radius:50%; color:#fff; line-height:unset} tasklisttraveldashboardbgimage i{font-size:25px;} tasklisttraveldashboardset et-main-page-content-title-action a i{color:#223F8B; font-size:15px; vertical-align:middle; display:inline-block} tasklisttraveldashboardset et-main-page-content-title-action a{color:#223F8B;font-size:0.6923rem; font-weight:600;} tasklisttraveldashboardset et-main-page-content-title-action a:hover i, tasklisttraveldashboardset et-main-page-content-title-action a i:hover{color: #129cff; } tasklisttraveldashboardset et-main-page-content-title{padding:8px 10px 8px 10px;color:#5b5b5b; font-weight:600} tasklisttraveldashboardset et-tab-page-bg{box-shadow:0 0px 0px 0 rgba(0,0,0,0)} tasklisttraveldashboardset et-three-tab-section .nav-tabs li:hover, tasklisttraveldashboardset et-two-tab-section .nav-tabs li:hover, tasklisttraveldashboardset et-three-tab-section .nav-tabs li,tasklisttraveldashboardset et-two-tab-section .nav-tabs li{margin-bottom:-1px; border-bottom:2px solid #eeeeee} tasklisttraveldashboardset et-three-tab-section .nav-tabs li.active, tasklisttraveldashboardset et-two-tab-section .nav-tabs li.active{border-bottom:3px solid #223f8b} tasklisttraveldashboardset et-three-tab-section .nav-tabs li a, tasklisttraveldashboardset et-two-tab-section .nav-tabs li a{color:#223F8B;font-size:0.8rem ; font-weight:600; opacity:.5} tasklisttraveldashboardset et-three-tab-section .nav-tabs li.active a, tasklisttraveldashboardset et-two-tab-section .nav-tabs li.active a{opacity:1; position:relative;top:1px} tasklisttraveldashboardset et-three-tab-section et-tab-content .et-btn, .drafts .et-btn, tasklisttraveldashboard .et-btn, tasklisttraveldashboardset et-two-tab-section et-tab-content .et-btn{padding:2px 13px 2px 13px;font-size:0.6923rem; font-weight:600; min-height:19px; min-width:50px} @media screen\0{ tasklisttraveldashboardset et-three-tab-section et-tab-content .et-btn, .drafts .et-btn, tasklisttraveldashboard .et-btn, tasklisttraveldashboardset et-two-tab-section et-tab-content .et-btn{padding:0px 13px 0px 13px; height:24px; line-height:25px} } .drafts, tasklisttraveldashboardset et-three-tab-section .drafts, tasklisttraveldashboardset et-two-tab-section .drafts{font-size:0.6923rem; font-weight:600; line-height: 14px} .drafts p:first-child,tasklisttraveldashboardset et-three-tab-section .drafts p:first-child,tasklisttraveldashboardset et-two-tab-section .drafts p:first-child{opacity:0.5;color:#000} .drafts p:nth-child(2),tasklisttraveldashboardset et-three-tab-section .drafts p:nth-child(2),tasklisttraveldashboardset et-two-tab-section .drafts p:nth-child(2){color:#223F8B} tablegreysection{background:#F2F2F2; display:block;} tablegreysection tablegreysectionset{display:block; border-bottom:1px solid #e8e8e8; padding:5px 0px} tablegreysection tablegreysectionset:before, tablegreysection tablegreysectionset:after { content: " "; display: table; clear: both;} tablegreysection tablegreysectionset:last-child{border-bottom:1px solid transparent} tablegreysection tablegreysectionset tablegreysectionsetleft{float:left; font-size:0.6923rem; color:#000; line-height:14px; padding-left:10px } tablegreysection tablegreysectionset tablegreysectionsetright{float:right; font-size:0.6923rem; color:#000; line-height:14px; font-weight:600; padding-right:10px} tablegreysectionset-total{float:right; font-size:0.6923rem; color:#000; line-height:14px; font-weight:600; padding-right:10px; margin:10px 0px} .totalexpense{font-size:0.6923rem; color:#000; line-height:13px; padding-right:10px; display:inline-block; opacity:.7; text-transform:uppercase} .totalnos{font-size:0.6923rem; color:#223F8B; line-height:14px; font-weight:600;padding-right:0px; display:inline-block; } et-draft-set:before, et-draft-set:after { content: " "; display: table; clear: both;} et-draft-set{ display:block; border-bottom:1px solid #ccc; margin-top:10px} et-content-body et-draft-set:last-child{border:0px} teamtraveltravelset{display:block; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-top:10px} teamtraveltravelset:before, teamtraveltravelset:after { content: " "; display: table; clear: both;} teamtraveltravelset teamtraveltravelsetdbgimage { background: #7f7f7f; text-align: center; width:18px; height:18px; display:block; text-align:center; border-radius:50%; color:#fff; margin:0px auto; line-height:10px} teamtraveltravelset teamtraveltravelsetdbgimage i{font-size:17px;} teamtraveltravelset .name{font-size:0.6923rem;color:#223F8B; font-weight:600; display:block; line-height:14px; margin-bottom:0px} teamtraveltravelset .body{ display:block; font-size:0.6923rem; line-height:13px; height:auto; overflow:hidden; font-weight:600; color:#000; opacity:.8} teamtraveltravelset .body p{font-size:0.6923rem; color:#474747} travellingto{display:block; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-top:10px} travellingto:before, travellingto:after { content: " "; display: table; clear: both;} travellingto .actions span, travellingto .actions a{ display:block; line-height:0px; text-align:right} travellingto .actions span:first-child{position:relative; top:-6px; font-size:0.6923rem; color:#E98692;} travellingto .actions span:first-child i{ color:#E98692; font-size:1rem } travellingto travellingtoinfoset{display:block;padding-bottom:0px; margin-top:0px} travellingtoinfoset:before, travellingtoinfoset:after { content: " "; display: table; clear: both;} travellingto travellingtoiconset{display:block;margin-top:15px; margin-bottom:10px} travellingtoiconset:before, travellingtoiconset:after { content: " "; display: table; clear: both;} tasklisttraveldashboardset et-three-tab-section et-tab-content travellingto travellingtoiconset .et-btn, /*travellingto travellingtoiconset .et-btn{font-size:0.6923rem; font-family: 'noto_sansbold'}*/ travellingto travellingtoiconset travellingtoiconitem{display:inline-block; width:20px; height:20px; background:#223f8b; position:relative; font-size:15px; line-height :10px;color:#fff; margin-right:15px} travellingtoiconitem:before, travellingtoiconitem:after { content: " "; display: table; clear: both;} travellingtoiconitemtext:before, travellingtoiconitemtext:after { content: " "; display: table; clear: both;} travellingto travellingtoiconset travellingtoiconitem travellingtoiconitemtext{display:block; font-size:8px; font-weight:600; color:#979797; text-align:center; margin-top:5px} .greencircle{position:absolute; right:-7px; top:-7px;z-index:1;background:#86dd00; width:11px; height:11px; border-radius:50%; border:1px solid #fff; color:#497d55; font-size: 0.7692rem} expensesummary{display:block; border-bottom:0px solid #dfdfdf; padding-bottom:10px; margin-top:0px} expensesummary:before, expensesummary:after { content: " "; display: table; clear: both;} expensesummaryset{display:block; } expensesummaryset:before, expensesummaryset:after { content: " "; display: table; clear: both;} expensesummaryset-title{display:block; border-bottom:2px solid #f4f4f4; padding:10px; color:#3F3F3F; font-weight:600; font-size:1rem; line-height:17px; } expensesummaryset-title:before, expensesummaryset-title:after { content: " "; display: table; clear: both;} expensesummaryset-sub-title{display:block; padding:20px 0px 10px 0px; color:#000; font-weight:600; font-size:1rem;line-height:19px; } expensesummaryset-sub-title:before, expensesummaryset-sub-title:after { content: " "; display: table; clear: both;} expensesummary-item{display:block; padding:0px 0px; line-height:17px; margin-bottom:10px} expensesummary-item:before, expensesummary-item:after { content: " "; display: table; clear: both;} expensesummary-item .ico{display:inline-block; width:15px; vertical-align:middle} expensesummary-item .ico i{vertical-align:text-top; position:relative; top:2px; color:#354d93} expensesummary-item .place{color:#5B5B5B;font-size: 0.9rem; line-height:17px; display:inline-block ; vertical-align:middle} expensesummary-item .issue{color:#5B5B5B;font-size:0.6923rem;line-height:13px; display:block; background:#e98692;border-radius:10px;color:#fff; padding:3px 0px; text-align:center } expensesummary-item .issueamt{color:#E98692;font-size: 0.9rem; line-height:17px; display:block ;font-weight:600; } expensesummary-item .amt{color:#5B5B5B;font-size: 0.9rem; line-height:17px; display:block ;font-weight:600; } expensesummary-totalexpense{display:block; padding:10px 0px; line-height:17px; background:#f3f3f3; margin-top:5px } expensesummary-totalexpense:before, expensesummary-totalexpense:after { content: " "; display: table; clear: both;} expensesummary-totalexpense .text{color:#000; font-weight:600; font-size:1rem; line-height:19px; } expensesummary-totalexpense .nos{color:#213B88; font-weight:600; font-size:1rem; line-height:19px; text-align:right} expensesummary-totalbox{display:block; border-bottom:0px solid #dfdfdf; padding-bottom:10px; margin-top:0px; box-shadow: 0 -4px 10px 0 rgba(74,144,226,0.29);}} expensesummary-totalbox:before, expensesummary-totalbox:after { content: " "; display: table; clear: both;} expensesummary-totalbox-item{display:block; padding:0px 0px; line-height:17px; margin-bottom:10px; margin-top:20px} expensesummary-totalbox-item:before, expensesummary-totalbox-item:after { content: " "; display: table; clear: both;} expensesummary-totalbox-item .text{color:#000; font-size:1rem; line-height:19px; opacity:0.7 } expensesummary-totalbox-item .nos{color:#213B88; font-weight:600; font-size:1rem; line-height:19px; text-align:right} expensesummary-amtowed{display:block; padding:10px 0px; line-height:17px; background:#f3f3f3; margin-top:5px } expensesummary-amtowed:before, expensesummary-amtowed:after { content: " "; display: table; clear: both;} expensesummary-amtowed .text{color:#000; font-weight:600; font-size:1rem; line-height:19px; } expensesummary-amtowed .nos{color:#213B88; font-weight:600; font-size:1rem; line-height:19px; text-align:right} expensesummary-totalbox-item .savrtodrafts{font-size: 0.9rem; line-height:17px; display:inline-block; vertical-align:middle; color:#000} expensesummary-totalbox-item .savrtodraftslink i{display:inline-block; vertical-align:middle; font-size:18px; line-height:18px;color:#3253B4} .slider.slider-horizontal .top .tooltip:before{ margin-left:14px} /* comments section */ comments{display:block; border-bottom:0px solid #dfdfdf; padding-bottom:10px; margin-top:0px} comments:before, comments:after { content: " "; display: table; clear: both;} commentsset{display:block; padding-left:10px; padding-right:10px; padding-bottom:30px } .ie9 .commentsset { padding-bottom:30px} @supports (-ms-ime-align:auto) { .commentsset { padding-bottom: 30px; } } /* ie edge */ _:-ms-lang(x), .commentsset { padding-bottom:30px }/* ie11 */ commentsset:before, commentsset:after { content: " "; display: table; clear: both;} commentsset-title{display:block; border-bottom:2px solid #f4f4f4; padding:10px; color:#3F3F3F; font-weight:600; font-size:1rem; line-height:17px; } commentsset-title:before, commentsset-title:after { content: " "; display: table; clear: both;} commentsset-textarea{display:block; margin:15px 0px 0px 0px; padding-bottom:15px; border-bottom:1px solid #E0E0E0 } commentssetdivison{display:block; margin-top:0px ; background: #fff; padding:8px; border-bottom: 1px solid #ccc;} commentssetdivison:before, commentssetdivison:after { content: " "; display: table; clear: both;} commentssetdivison commentssetdivisonimage { /*background: #7f7f7f;*/ text-align: center; width:18px; height:18px; display:block; text-align:center; border-radius:50%; color:#fff; margin:0px auto; line-height:10px} commentssetdivison commentssetdivisonimage i{font-size:17px;} commentssetdivison commentssetdivisonimagebackground { text-align: center; width:25px; height:25px; display:block; text-align:center; margin:0px auto; line-height:normal} commentssetdivison .name{font-size:10px;font-weight:600; display:inline-block; line-height:14px; margin-bottom:10px; color:#333333; vertical-align:middle} commentssetdivison .date{ font-size:10px;font-weight:400; display:inline-block; line-height:14px; margin-bottom:10px; color:#333333; float:right} commentssetdivison .body{ display:block; font-size: 0.9rem; line-height:21px; color:#2c2c2c} commentssetdivisonme{display:block; margin-top:0px; background: #EFEFEF; padding:8px;min-height:65px; border-bottom:1px solid #ccc} commentssetdivisonme:before, commentssetdivisonme:after { content: " "; display: table; clear: both;} commentssetdivisonme commentssetdivisonmeimage { background: #7f7f7f; text-align: center; width:18px; height:18px; display:block; text-align:center; border-radius:50%; color:#fff; margin:0px auto; line-height:10px} commentssetdivisonme commentssetdivisonmeimage i{font-size:17px;} commentssetdivisonme commentssetdivisonimagebackground { text-align: center; width:25px; height:25px; display:block; text-align:center; margin:0px auto; line-height:normal} commentssetdivisonme .name{font-size:10px;font-weight:600; display:inline-block; line-height:14px; margin-bottom:10px; color:#333333; vertical-align:middle} commentssetdivisonme .date{ font-size:10px;font-weight:400; display:inline-block; line-height:14px; margin-bottom:10px; color:#333333; float:right} commentssetdivisonme .body{ display:block; font-size: 0.9rem; line-height:21px; color:#2c2c2c} /* comments section */ h2title{display:block; border-bottom:1px solid #dfdfdf; padding:10px; color:#3F3F3F; font-weight:600; font-size:1rem; line-height:17px; } h2title:before, h2title:after { content: " "; display: table; clear: both;} h3title{display:block; border-bottom:1px solid #dfdfdf; padding:10px; color:#3F3F3F; font-weight:600; font-size:1rem ; line-height:17px; margin-bottom:15px } h3title:before, h3title:after { content: " "; display: table; clear: both;} contentbodypadding{padding-left:10px; padding-right:10px; display:block} contentbodypadding:before, contentbodypadding:after { content: " "; display: table; clear: both;} blue1dayscount{display:block;color: #223F8B;font-size: 1rem; font-weight:600; } blue1dayscount:before, blue1dayscount:after { content: " "; display: table; clear: both;} /*** travel dashboard**/ /* border radius width **/ .emphasistext{display:inline-block; vertical-align:top; font-size:1rem;line-height:18px } .noemphasistext{display:block; } .noemphasistext span{display:block; color:#bebebe; font-size:0.6923rem; font-family: robotoregular,sans-serif;} .fifteenradius1{display:inline-block;width:15px; height:15px!important; vertical-align:super; background-repeat:no-repeat; background-size: cover; border-radius:100%; margin-right:5px; font-size:16px} .twentyfiveradius{display:inline-block;width:25px; height:25px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%; margin-right:5px; font-size:16px} body .jqgridautoheight .ui-jqgrid-bdiv .thirtyfiveimageradius, .thirtyimageradius{display:inline-block;width:30px; height:30px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%; margin-right:10px} .thirtyfiveimageradius{display:inline-block;width:35px; height:35px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%;} body .jqgridautoheight .ui-jqgrid-bdiv .fortyimageradius, body .fortyimageradius{display:inline-block;width:40px; height:40px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%; margin-right:10px} .sixtyimageradius{display:inline-block;width:60px; height:60px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%;} .eightyimageradius{display:inline-block;width:80px; height:80px!important; vertical-align:middle; background-repeat:no-repeat; background-size: cover; border-radius:100%;} /* border radius width **/ et-person-info-one:before, et-person-info-one:after { content: " "; display: table; clear: both;} et-person-info-one{display:block} .et-person-info-one-hover:hover {background:#f2f2f2;} et-approved-by:before, et-approved-by:after { content: " "; display: table; clear: both;} et-approved-by{display:block; border:1px solid #f3f3f4; border-radius:3px; padding:4px} et-approved-by et-approved-by-left{display:inline-block; vertical-align:middle; width:89%} et-approved-by et-approved-by-left .emphasistext{width:63%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} et-approved-by et-approved-by-left .noemphasistext {display:block;color:#5b5b5b} et-approved-by et-approved-by-left .noemphasistext span{color:#8c8c8c; font-size: 0.9rem; line-height:12px; display:block; margin-top:7px} et-approved-by et-approved-by-right{display:inline-block; vertical-align:middle; } et-approved-by et-approved-by-right a{display:block; line-height:10px;} et-approved-by et-approved-by-right a i{ color:#bfbfbf} et-approved-by et-approved-by-right a i:hover{color:#5b5b5b} et-person-info-two:before, et-person-info-one:after { content: " "; display: table; clear: both;} et-person-info-two{display: block;border-top: 1px solid #E0E0E0; padding:13px 15px 13px 15px; margin:0px -15px; transform: scale(1); transition: all .7s ease-in-out;} /*et-person-info-two:hover{transform: scale(1.09); transition: all .7s ease-in-out; position:relative; z-index:9991; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}*/ .et-person-info-two-acive,et-person-info-two:hover{background:#FAFAFF; -webkit-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); -moz-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55);} et-person-info-two:last-child{margin-bottom:0px} et-person-info-two .emphasistext{display:inline-block;vertical-align:top; font-size:1rem;font-weight:700; width:82%; line-height:16px;color: #5B5B5B; } et-person-info-two .noemphasistext{display:block; } et-person-info-two .noemphasistext .lefttext{display:inline-block; vertical-align:middle; color:#8C8C8C; font-size:0.8rem;} et-person-info-two .noemphasistext .righttext{display:inline-block; vertical-align:middle; color:#B9B9B9; font-size:0.7rem; float:right } et-person-info-three:before, et-person-info-one:after { content: " "; display: table; clear: both;} et-person-info-three{display: block;} et-person-info-three-header:before, et-person-info-one:after { content: " "; display: table; clear: both;} et-person-info-three-header{display: block;} et-person-info-three-header label{ color:#404040; font-size:12px; line-height:17px; font-weight:600} et-person-info-three-header .dropclass1{ font-size: 10px; line-height: 14px; display:inline-block; vertical-align:middle} et-person-info-four:before, et-person-info-four:after { content: " "; display: table; clear: both;} et-person-info-four{display: block;} et-person-info-four .emphasistext{ display:block; font-size:1.385rem; font-weight:600; margin-top:11px; margin-bottom:5px} et-person-info-four .noemphasistext {display:block;color:#5b5b5b} et-person-info-four .noemphasistext span{color:#8c8c8c; font-size: 0.9rem; line-height:12px; display:block; margin-top:7px} et-personinfo-five:before, et-personinfo-five:after { content: " "; display: table; clear: both;} et-personinfo-five{display: block;} et-personinfo-five .emphasistext{ display:block; font-size:1.385rem; font-weight:600; margin-top:0px; margin-bottom:10px} et-personinfo-five .noemphasistext {color:#8c8c8c; font-size: 0.9rem; line-height:12px; display:block; margin-top:10px} et-personinfo-five .subnoemphasistext{display:block;color:#5b5b5b; font-size: 0.8rem; line-height:12px; margin-top:10px} et-personinfo-five .personinfo-img {display:inline-block; vertical-align:top } et-personinfo-five .personinfo-text{display:inline-block; vertical-align:text-top; margin-left:8px } et-personinfo-six:before, et-personinfo-six:after { content: " "; display: table; clear: both;} et-personinfo-six{display: block;} et-personinfo-six .emphasistext{ display:block; font-size:1.385rem; font-weight:600; margin-top:10px; margin-bottom:0px} et-personinfo-six .noemphasistext {color:#8c8c8c; font-size: 0.9rem; line-height:12px; display:block; margin:10px 0 8px 0px} et-personinfo-six .subnoemphasistext{display:block;color:#5b5b5b; font-size: 0.8rem; line-height:12px; margin-top:0px} et-personinfo-six .personinfo-img {display:inline-block; vertical-align:top } et-personinfo-six .personinfo-text{display:inline-block; vertical-align:text-top; margin-left:8px } /** used in manageraction */ et-personinfo-seven:before, et-personinfo-seven:after { content: " "; display: table; clear: both;} et-personinfo-seven{display: block; overflow:hidden} et-personinfo-seven-set:before, et-personinfo-seven-set:after { content: " "; display: table; clear: both;} et-personinfo-seven-set{display: block; border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:10px} et-personinfo-seven-set .personinfo-text{ font-size: 0.9rem; color:#5B5B5B; font-weight: 600;} et-personinfo-seven-set .numbers{font-size: 0.9rem; font-weight: 600; color:#5B5B5B} et-personinfo-seven-set .body{display:block; font-size: 0.7rem!important; line-height: 13px!important; height:auto!important} et-personinfo-seven-set .anchor{display:block; font-size:0.7rem } et-personinfo-seven et-personinfo-seven-set:last-child {margin-bottom:0px; border-bottom:0px} et-personinfo-seven et-personinfo-seven-set:first-child {padding-top:10px;} et-personinfo-seven et-main-page-content-title et-content-area-title-text {font-size: 1.077rem;font-weight: 600;color: #5b5b5b;line-height: 16px; } et-personinfo-seven et-main-page-content-title {margin-bottom:10px} .outerscrollbar et-personinfo-seven-set { border:0px; padding:0px; margin:0px} .outerscrollbar et-personinfo-seven-set:first-child { padding:0px } .seven-person-info-div{ position:relative;right:0px;top:0px; display:block;background:#fff; height:100%; border-radius:5px} .sliderightarrow {} .personinfo-seven-set-scroll { overflow: hidden; overflow-y: auto; height:auto; background:#fff; border-radius:0px 0px 5px 5px} .seven-person-info-div .drafts-tab-design-one-body .one-body-set .greycolor {margin-bottom:0px} .progresslastbar {bottom:0px; width:100%; background:#fff;border-top:2px solid #ccc ; margin-bottom:10px; z-index:999} .progresslastbar-shadow { -webkit-box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);} .progresslastbar1 {bottom:0px; width:100%; background:#fff;border-top:2px solid #ccc ; margin-bottom:10px} .progresslastbar1-shadow { -webkit-box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);-moz-box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);box-shadow: -0px -4px 5px 0px rgba(0, 0, 0, 0.14);} /** used in manageraction */ /** Date Picker**/ .bootstrap-datetimepicker-widget .list-unstyled, .bootstrap-datetimepicker-widget .list-unstyled li{ list-style-type:none; margin:0px auto; padding:0px} .bootstrap-datetimepicker-widget table td{height:20px; line-height:20px} .bootstrap-datetimepicker-widget{position:absolute} .bootstrap-datetimepicker-widget table .next i, .bootstrap-datetimepicker-widget table .prev i{font-size:25px; position:relative; top:-4px} .incrementHours,.incrementMinutes,.decrementHours,.decrementMinutes{font-size:25px} /** Date Picker**/ .head-list {margin:0px; auto; padding:0px; width:300px; font-size:1rem;line-height:14px ;background-color: #FAFAFA; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);} .head-list li { list-style-type:none; padding:0px; border-bottom:1px solid #E0E0E0; padding:9px 10px} .head-list li a { display: block; padding: 5px 10px; background: transparent; border-radius: 3px; transition: background .3s; color: #7a878e;} .head-list li a i{display:inline-block; vertical-align:baseline; font-size:1rem;line-height:14px; width:18px} .head-list li a .roundcircle{position:relative; top:-1px} .head-list li a et-badge-success{position:relative; top:1px} .head-list li a:hover{background:rgba(0,0,0,0.05)} .head-list-head{display:block;font-family: robotoregular,sans-serif; font-size: 0.9rem; font-weight: 600; line-height: 17px; text-align: justify;color: #404040; border-bottom: 1px solid #CFD8DC; padding:9px 10px} .head-list .head-list-set{display:inline-block; vertical-align:top; width:61%} .head-list .emphasistext{display:inline-block; vertical-align:middle; font-size:1rem;font-weight:600; line-height:18px } .head-list .noemphasistext1{display:inline-block; vertical-align:middle; color:#8C8C8C; font-size: 0.9rem; font-family: robotoregular,sans-serif; line-height:18px } .head-list .noemphasistext{display:inline-block; vertical-align:top; float:right; color:#bebebe; font-size:0.6923rem; font-family: robotoregular,sans-serif; line-height:12px } .head-list li.viewmore{padding-bottom:0px; padding-top:0px; text-align:center} .head-list li.viewmore a{color:#729BFC ;font-size: 0.9rem; line-height:17px} .productlogoversion{position:absolute;bottom:15px; width:100%; text-align:center} .powered-by { height: 13px; color: rgba(251,251,252,0.5); font-size: 0.6923rem; font-weight: 600; line-height: 13px; text-align: center; margin-bottom:5px} /**************** pintrest****************/ .pinBoot { position: relative; max-width: 100%; width: 100%; margin-left:-9px} .pinBoot .white-panel { position: absolute; -webkit-transform: scale(1); transform: scale(1); transition: all .2s ease-in;} .dashboardlink{transform: scale(1); transition: all .7s ease-in-out; position:relative; } .dashboardlink p{color: #8C8C8C; font-size: 0.9rem; font-weight: 500; line-height: 16px; margin-bottom:10px} .dashboardlink a{display:block;color: #797979; font-size: 0.9rem; font-weight: 100; line-height: 13px; margin-bottom:8px} .dashboardlink a span{font-size: 1.1rem; font-weight: 700; display:inline-block; margin-right:5px} .dashboardlink a:last-child{margin-bottom:0px} .dashboardlink a:hover{color:#72afd2} .dashboardlink:hover{transform: scale(1.09); transition: all .7s ease-in-out; position:relative; z-index:99; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .dashboardlink:hover a{color:#729bfc} .dashboardlink:hover a:hover{color:#72afd2} .dashboardlink et-section-title{font-size:16px; text-transform:capitalize; font-weight:100; padding:8px 10px 0px 10px} .dashboardlink et-section-title a{font-size:0.6923rem; text-transform:capitalize} .dashboardlink et-section-title i{ width: auto;vertical-align: text-top;font-size: 15px;line-height: 26px;margin-right: 2px; color: #7C9DFF;} .dashboardlink .anchordesc{display:block; padding:10px 10px 0px 10px; } .dashboardlink .anchordesc-grad-border{margin-top:10px ; display:block; height:2px ; line-height:2px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#eaeaea',GradientType=1 ); /* IE6-8 */} .dashboardlink et-content-bg-color-white{ padding-bottom:10px } et-section-title .toggle-accordion:before { content: '\eabf'; font-family: 'etfonts'; speak: none;font-size: 1.4rem; } et-section-title .toggle-accordion.active:before { content: '\eac0'; font-family: 'etfonts'; speak: none;font-size: 1.4rem; } /**************** pintrest****************/ .highlight{background:yellow; margin:0px!important;font-size:inherit!important; font-weight:inherit!important; display:inline!important} .masonrydiv .masonryset{margin-bottom:5px} .masonrydiv et-content-area-8{padding-right:5px;padding-left:5px; margin-bottom:5px} #masonrydiv et-row { margin-left: -5px; margin-right: -5px; display: block;clear: both; } .masonrydivh{display: block;border-radius: 5px;background-color: #FFFFFF;box-shadow: 0 3px 14px 0 rgba(120,120,120,0.55);border-bottom: 3px solid #E57373;padding: 10px;color: #5B5B5B;font-size: 1rem;line-height: 19px;margin-top: 0px;z-index: 1;position: relative;text-align: center;float: left;width:100%;width:auto; width: -webkit-fill-available; } .massonary-tab-section .nav-tabs li:first-child {border-radius:0px 0px 0px 6px } .massonary-tab-section et-tabpage-no-bg .nav-tabs { border-top: 2px solid #f3f3f3;border-bottom:0px;box-shadow:0 0px 0px 0 rgba(38,38,38,.3);border-radius:6px} /**************** pintrest****************/ /**************** Alert ****************/ et-alert{display:block; margin:0px auto; padding:0px; width:100%; background:#fff; border-radius:5px; margin-bottom:10px} et-alert-info:before, et-alert-info:after,et-alert-warning:before , et-alert-warning:after,et-alert-error:before , et-alert-error:after, et-alert-success:before , et-alert-success:after,et-alert:before, et-alert:after { content: " "; display: table; clear: both;} et-alert et-alert-success{border-bottom:10px solid #AED581; box-shadow: 0 3px 14px 0 rgba(120,120,120,0.55); padding:10px; display:block; border-radius:0px 0px 5px 5px} et-alert et-alert-danger{border-bottom:10px solid #E57373; box-shadow: 0 3px 14px 0 rgba(120,120,120,0.55); padding:10px; display:block;border-radius:0px 0px 5px 5px } et-alert et-alert-warning{border-bottom:10px solid #FFB74D; box-shadow: 0 3px 14px 0 rgba(120,120,120,0.55); padding:10px; display:block;border-radius:0px 0px 5px 5px} et-alert et-alert-info{border-bottom:10px solid #4FC3F7; box-shadow: 0 3px 14px 0 rgba(120,120,120,0.55); padding:10px; display:block;border-radius:0px 0px 5px 5px } /**************** Alert ****************/ et-search-all et-inline-search-all{display:block; position:relative; margin-bottom:0px} et-search-all et-inline-search-all input[type=text]{display:block; border:0px; border-radius:3px 0px 0px 3px;padding:0px; height:43px; padding:0px 20px} et-search-all et-inline-search-all .etsearch{ position: absolute;left: 0px; top: 10px; line-height:19px; font-size:19px ;-webkit-transition: .4s; transition: .4s; } et-search-all a{ color:#949494; display:inline-block; /*margin-top:15px*/ vertical-align:middle} et-search-all a i{font-size:16px; display:inline-block; vertical-align:middle; line-height:16px; color:#797979;line-height:14px} et-search-all a span{font-weight:600; font-size:0.6923rem; display:inline-block; vertical-align:text-bottom ; color:#797979; line-height:14px} _:-ms-lang(x), et-search-all et-inline-search-all input[type=text], .ie9 et-search-all et-inline-search-all input[type=text]{ width: auto; } et-search-thin et-search-thin{display:block; position:relative; margin-bottom:0px} et-search-thin et-search-thin input[type=text]{display:block; border:0px; border-radius:3px 0px 0px 3px;padding:0px; height:auto; padding:0px 20px; line-height:23px} et-search-thin et-search-thin .etsearch{ position: absolute;left: 0px; top:0px; line-height:19px; font-size:19px ;-webkit-transition: .4s; transition: .4s; } et-search-thin a{ color:#949494; display:inline-block; vertical-align:top; line-height:18px} et-search-thin a i{font-size:16px; display:inline-block; vertical-align:middle; line-height:16px; color:#797979;line-height:14px} et-search-thin a span{font-weight:600; font-size:0.6923rem; display:inline-block; vertical-align:text-bottom ; color:#797979; line-height:14px} .attachidproof{font-size:0.6923rem;line-height:14px} .attachidproof i{vertical-align:unset; position:relative; top:1px; margin-right:3px} .approve-success{color:#27C05A; font-size:0.6923rem; line-height:10px} .approve-success i{color:#27C05A;vertical-align:unset; line-height:10px} .declined-danger{color:#E57373; font-size:0.6923rem; line-height:10px} .declined-danger i{color:#E57373;vertical-align:unset; position:relative; top:1px; margin-right:3px} .applycomoff{font-size:0.6923rem; line-height:10px} .punchout{color:#E57373; font-size:0.9rem; line-height:0.9rem} .punchout i{vertical-align:unset; position:relative; top:1px; margin-right:3px} .expandcollapselink{font-size:0.6923rem; line-height:9px} .sharesociallink{font-size:0.6923rem;line-height:14px; color:#B2B2B2} .sharesociallink i{vertical-align:unset; position:relative; top:1px; margin-right:3px} .downlaodlink{font-size:0.6923rem;line-height:14px; } .downlaodlink i{vertical-align:unset; position:relative; top:1px; margin-right:3px} .todaylink{ border: 1px solid #E6E7E8;border-radius: 2.5px;background-color: #FFFFFF;color: #5B5B5B;font-weight: 600;font-size: 0.6923rem;line-height: 10px;display: inline-block; padding: 3px;} .todaylink:hover{border: 1px solid #E6E7E8;} .insertrowlink{font-size: 0.9rem} .searchtrdisplay{display:table-row!important} .searchtr{display:none!important} .gradientborder1 {display:block;width:100%; height:1px;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 ); } .collapseexpandlink[aria-expanded="true"]:before { content: "- Collapse";} .collapseexpandlink::before,.collapseexpandlink[aria-expanded="false"]:before { content: "+ Expand"; float:right} .rightsteparrow {position: absolute;margin: auto;top: -70px;left: 0;right: 0;width: 137px;height: 137px;transform: rotate(5deg);-webkit-transform: rotate(50deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); border-right: 1px solid #e74c3c;border-top: 1px solid #e74c3c;} et-list-card-four{display:block; background:#fff; border-radius:3px} et-list-card-four:before, et-list-card-four:after { content: " "; display: table; clear: both;} et-list-card-four-set{display:block;border:1px solid #E0E0E0; float:left; vertical-align:top;width:43.8%; border-left:0px; border-top:0px; padding:3%; transform: scale(1); transition: all .5s ease-in-out;} et-list-card-four-set:nth-child(2n+2){border-right:0px} et-list-card-four-set:nth-last-child(2),et-list-card-four-set:last-child{border-bottom:0px} et-list-card-four-set .left-text{display:inline-block; vertical-align:middle;color:#5B5B5B;line-height:18px;font-size: 1.154rem; font-weight:700; width:20%} et-list-card-four-set .middle-text{display:inline-block; vertical-align:middle;color:#797979;line-height:14px;font-size: 0.7rem; width:55%} et-list-card-four-set .right-text{display:inline-block; vertical-align:middle;color:#797979;line-height:14px;font-size: 0.7rem; width:55%} et-list-card-four-set:hover{transform: scale(1.09); transition: all .5s ease-in-out; position:relative; z-index:9991; background:#FAFAFF; box-shadow: 0 3px 10px 0 rgba(176,176,176,0.55);} et-list-card-five{display:block; margin-bottom:15px} et-list-card-five:before, et-list-card-five:after { content: " "; display: table; clear: both;transform: scale(1); transition: all .5s ease-in-out;} et-list-card-five:hover{transform: scale(1.09); transition: all .5s ease-in-out; position:relative; z-index:9991; } et-list-card-six-set{display:block; margin-bottom:20px } et-list-card-six-set et-content-body{padding:0px} et-list-card-six-set:last-child{margin-bottom:0px} et-list-card-six-set:before, et-list-card-six-set:after { content: " "; display: table; clear: both;} /*et-list-card-six-set et-row { margin-left: -20px; margin-right: -20px; display: block;clear: both; }*/ et-list-card-six{display:block; border-bottom: 1px solid #EAEAEA; padding:8px 0px; margin-bottom:0px; background:#fff} et-list-card-six:before, et-list-card-six:after { content: " "; display: table; clear: both;} et-list-card-six:last-child{margin-bottom:0px} et-list-card-six-bg-image { background: #223f8b; text-align: center; width:35px; height:35px; display:block;text-align:center; border-radius:50%; color:#fff; line-height:unset} et-list-card-six-bg-image i{font-size:25px;} et-list-card-six .name{font-size:0.9rem;color:#5B5B5B; font-weight:100;display:block; line-height:17px; margin-bottom:2px } et-list-card-six .body{ display:block; font-size: 0.7692rem; line-height:13px; height:28px; overflow:hidden} et-list-card-six .body p{font-size:0.75rem} et-list-card-six .footer{display:block; margin-top:0px; text-align:left; line-height:14px} et-list-card-six .footer a, tasklist .footer a i{font-size: 0.9rem; font-weight:100} et-list-card-six .footer a{font-size: 0.7692rem} et-list-card-six .gradientborder1{margin:12px 0px 7px 0px; position:relative;} et-list-card-six.activecard,et-list-card-six:hover { transform: scale(1.05); transition: all .5s ease-in-out; position: relative; z-index: 999; box-shadow:-2px 2px 34px 0px rgba(176,176,176,0.55)} et-list-card-seven{display:block; }et-list-card-seven:before, et-list-card-seven:after { content: " "; display: table; clear: both;} et-list-card-seven-set{display:block; padding:0%; transform: scale(1); transition: all .5s ease-in-out; height:50px; background:#fff; height:100px } et-list-card-seven-set .left-text{display:inline-block; vertical-align:middle;color:#5B5B5B;line-height:18px;font-size: 1.154rem; font-weight:700; width:20%} et-list-card-seven-set .middle-text{display:inline-block; vertical-align:middle;color:#797979;line-height:14px;font-size: 0.7rem; width:55%} et-list-card-seven-set .right-text{display:inline-block; vertical-align:middle;color:#797979;line-height:14px;font-size: 0.7rem; width:55%} et-list-card-seven-set:hover{transform: scale(1.09); transition: all .5s ease-in-out; position:relative; z-index:9991; background:#FAFAFF; box-shadow: 0 3px 10px 0 rgba(176,176,176,0.55);} et-list-card-seven .content-area{padding-left:1px; padding-right:1px} et-list-card-eight-set{display:block; margin-bottom:20px } et-list-card-eight-set:last-child{margin-bottom:0px} et-list-card-eight-set:before, et-list-card-eight-set:after { content: " "; display: table; clear: both;} et-list-card-eight-set et-content-body{padding:0px} /*et-list-card-eight-set et-row { margin-left: -20px; margin-right: -20px; display: block;clear: both; }*/ et-list-card-eight{display:block; border-bottom: 1px solid #EAEAEA; padding:8px 0px; margin-bottom:0px; background:#fff} et-list-card-eight:before, et-list-card-eight:after { content: " "; display: table; clear: both;} et-list-card-eight:last-child{margin-bottom:0px} et-list-card-eight-bg-image { background:#E6E7E9; text-align: center; width:35px; height:35px; display:block;text-align:center; border-radius:50%; color:#223f8b ; line-height:unset} et-list-card-eight-bg-image i{font-size:24px;} et-list-card-eight .name{font-size:0.9rem;color:#5B5B5B; font-weight:100;display:block; line-height:17px; margin-bottom:2px } et-list-card-eight .body{ display:block; font-size: 0.7692rem; line-height:13px; height:28px; overflow:hidden} et-list-card-eight .body p{font-size:0.75rem} et-list-card-eight .footer{display:block; margin-top:0px; text-align:left; line-height:14px} et-list-card-eight .footer a, tasklist .footer a i{font-size: 0.9rem; font-weight:100} et-list-card-eight .footer a{font-size: 0.7692rem} et-list-card-eight:hover { transform: scale(1.05); transition: all .5s ease-in-out; position: relative; z-index: 9991;} et-list-card-nine-set{display:block; margin-bottom:20px } et-list-card-nine-set:last-child{margin-bottom:0px} et-list-card-nine-set:before, et-list-card-nine-set:after { content: " "; display: table; clear: both;} et-list-card-nine-set et-content-body{padding:0px} et-list-card-nine{display:block; border-bottom: 0px solid #EAEAEA; padding:8px 0px; margin-bottom:0px; background:#fff; border-radius:5px} et-list-card-nine:before, et-list-card-eight:after { content: " "; display: table; clear: both;} et-list-card-nine:last-child{margin-bottom:0px} et-list-card-ninebgimage { background:#E6E7E9; text-align: center; width:35px; height:35px; display:block;text-align:center; border-radius:50%; color:#223f8b ; line-height:unset} et-list-card-ninebgimage i{font-size:25px;} et-list-card-nine .name{font-size:0.9rem;color:#5B5B5B; font-weight:700;display:block; line-height:17px; margin-bottom:2px } et-list-card-nine .name span{font-weight:300;} et-list-card-nine .body{ display:block; font-size: 0.7692rem; line-height:13px; height:28px; overflow:hidden} et-list-card-nine .body p{font-size:0.75rem} et-list-card-nine .footer{display:block; margin-top:0px; text-align:right; line-height:14px; margin-bottom:10px} et-list-card-nine .footer a, tasklist .footer a i{font-size: 0.9rem; font-weight:300} et-list-card-nine .footer a{font-size: 0.7692rem} et-list-card-nine-set:hover { transform: scale(1.05); transition: all .5s ease-in-out; position: relative; z-index: 9991;} et-list-card-nine-set .gradientborder1{margin:12px 0px 7px 0px; position:relative; right:-12px} et-list-card-right-arrow-set{display:block; margin-bottom:20px } et-list-card-right-arrow-set:before, et-list-card-right-arrow-set:after { content: " "; display: table; clear: both;} et-list-card-right-arrow-set et-content-body{padding:0px} et-list-card-right-arrow-set:last-child{margin-bottom:0px} et-list-card-right-arrow-set:before, et-list-card-right-arrow-set:after { content: " "; display: table; clear: both;} et-list-card-right-arrow{display:block; border: 1px solid #d9d9d9; padding:8px 0px; margin-bottom:0px; background:#fff; width:95%; float:left; border-right:1px solid transparent; border-left:1px solid transparent;border-bottom:1px solid transparent} et-list-card-right-arrow + et-list-card-right-arrow{/*border-top:0px*/} et-list-card-right-arrow + et-list-card-right-arrow:last-child {border-bottom:1px solid transparent} et-list-card-right-arrow:before, et-list-card-right-arrow:after { content: " "; display: table; clear: both;} et-list-card-right-arrow:last-child{margin-bottom:0px} et-list-card-right-arrow-bg-image { background: #223f8b; text-align: center; width:35px; height:35px; display:block;text-align:center; border-radius:50%; color:#fff; line-height:unset} et-list-card-right-arrow-bg-image i{font-size:25px;} et-list-card-right-arrow .name{font-size:0.9rem;color:#5B5B5B; font-weight:100;display:block; line-height:17px; margin-bottom:2px } et-list-card-right-arrow .body{ display:block; font-size: 0.7692rem; line-height:13px; height:28px; overflow:hidden} et-list-card-right-arrow .body p{font-size:0.75rem} et-list-card-right-arrow .footer{display:block; margin-top:0px; text-align:left; line-height:14px} et-list-card-right-arrow .footer a, tasklist .footer a i{font-size: 0.9rem; font-weight:100} et-list-card-right-arrow .footer a{font-size: 0.7692rem} et-list-card-right-arrow .gradientborder1{margin:12px 0px 7px 0px; position:relative;} et-list-card-right-arrow:hover{position: relative;background: #F6F6FF;border: 1px solid #739cfd; } et-list-card-right-arrow + et-list-card-right-arrow:hover{/*border-top:0px*/} et-list-card-right-arrow + et-list-card-right-arrow:last-child:hover{border-top:1px solid #739cfd;border-bottom:1px solid #739cfd} et-list-card-right-arrow:hover:after, et-list-card-right-arrow:hover:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} et-list-card-right-arrow:hover:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 5px; margin-top: -5px; margin-left: -1px;} et-list-card-right-arrow:hover:before { border-color: rgba(115, 156, 253, 0); border-left-color: #739cfd; border-width: 5px; margin-top: -5px;} .et-list-active-card-right-arrow{position: relative;background: #F6F6FF;border: 1px solid #739cfd;transition: all .3s ease-in-out; } .et-list-active-card-right-arrow:after, .et-list-active-card-right-arrow:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .et-list-active-card-right-arrow:after {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 5px;margin-top: -5px; margin-left:-1px} .et-list-active-card-right-arrow:before {border-color: rgba(115, 156, 253, 0);border-left-color: #739cfd;border-width: 5px; margin-top: -5px;} et-list-card-right-arrow:last-child.et-list-active-card-right-arrow { border-bottom:1px solid #739cfd} .ie9 .scrollbarcommon-width et-list-card-right-arrow{width:91.3%} et-list-card-right-arrow-set-full{display:block; margin-bottom:20px } et-list-card-right-arrow-set-full:before, et-list-card-right-arrow-set-full:after { content: " "; display: table; clear: both;} et-list-card-right-arrow-set-full:last-child{margin-bottom:0px} et-list-card-right-arrow-set-full:before, et-list-card-right-arrow-set-full:after { content: " "; display: table; clear: both;} .tab-left-arrow .active et-list-card-right-arrow-full, et-list-card-right-arrow-full{display:block; border: 1px solid #d9d9d9; padding:8px; margin-bottom:0px; background:#fff; width:98%; float:left; border-right:1px solid transparent; border-left:1px solid transparent;border-bottom:1px solid transparent; position:relative} et-list-card-right-arrow-full + et-list-card-right-arrow-full{/*border-top:0px*/} et-list-card-right-arrow-full + et-list-card-right-arrow-full:last-child {border-bottom:1px solid transparent} et-list-card-right-arrow-full:before, et-list-card-right-arrow-full:after { content: " "; display: table; clear: both;} et-list-card-right-arrow-full:last-child{margin-bottom:0px} .tab-left-arrow .active et-list-card-right-arrow-full, et-list-card-right-arrow-full:hover{position: relative;background: #F6F6FF;border: 1px solid #739cfd; } et-list-card-right-arrow-full + et-list-card-right-arrow-full:hover{/*border-top:0px*/} et-list-card-right-arrow-full + et-list-card-right-arrow-full:last-child:hover{border-top:1px solid #739cfd;border-bottom:1px solid #739cfd} .tab-left-arrow .active et-list-card-right-arrow-full:after, et-list-card-right-arrow-full:hover:after, .tab-left-arrow .active et-list-card-right-arrow-full:before, et-list-card-right-arrow-full:hover:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} et-list-card-right-arrow-full:hover:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 5px; margin-top: -5px; margin-left: -1px;} et-list-card-right-arrow-full:hover:before {border-color: rgba(115, 156, 253, 0); border-left-color: #739cfd; border-width: 5px; margin-top: -5px;} .et-list-active-card-right-arrow-full{position: relative;background: #F6F6FF;border: 1px solid #739cfd;transition: all .3s ease-in-out; } .et-list-active-card-right-arrow-full:after, .et-list-active-card-right-arrow-full:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;} .tab-left-arrow .active et-list-card-right-arrow-full:after , .et-list-active-card-right-arrow-full:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 5px; margin-top: -5px; margin-left: -1px;} .tab-left-arrow .active et-list-card-right-arrow-full:before, .et-list-active-card-right-arrow-full:before {border-color: rgba(115, 156, 253, 0); border-left-color: #739cfd; border-width: 5px; margin-top: -5px;} et-list-card-right-arrow-full:last-child.et-list-active-card-right-arrow-full { border-bottom:1px solid #739cfd} .ie9 et-list-card-right-arrow-full{width:91.3%} .tab-pane-left{ display: none;} .tab-pane-left.active{display:block} .tab-pane-left-sub-content{ position: absolute; opacity: 0; top:8px; left:15px; } .tab-pane-left-sub-content.active{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;position:relative;left:0px;top:0px; -webkit-transition: opacity ease-out 0.2s 0.1s; -moz-transition: opacity ease-out 0.2s 0.1s; -o-transition: opacity ease-out 0.2s 0.1s; -ms-transition: opacity ease-out 0.2s 0.1s; transition: opacity ease-out 0.2s 0.1s; } .tab-left-arrow{display:block; margin:0px auto; padding:0px} .tab-left-arrow li{list-style-type:none; list-type:none; display:block; } et-list-card-eleven-set{display:block; } et-list-card-eleven-set:before, et-list-card-eleven-set:after { content: " "; display: table; clear: both;} et-list-card-eleven-set et-main-page-content-title{padding-left:15px; padding-right:15px} et-list-card-eleven-set et-main-page-content-title et-content-area-title-text { font-size: 0.9rem; color: #6c6c6c} et-list-card-eleven-set-body{display:block; padding:6px 0px;} et-list-card-eleven-set-body:before, et-list-card-eleven-set-body:after { content: " "; display: table; clear: both;} et-list-card-eleven-set-body .line-height{line-height:11px} et-list-card-eleven-set-body .emphasistext {font-size: 0.8rem;line-height: 11px; font-weight:100} et-list-card-eleven-set-body .emphasistext-right {font-size: 0.8rem;line-height: 11px; font-weight:600; text-align:right} fixedfooter1{display:block; background:#fff; padding:10px 0px; margin-top:20px; box-shadow: 0 -4px 10px 0 rgba(74,144,226,0.29); position:fixed; bottom:0px; right:0px; width:100%} fixedfooter1:before, fixedfooter1:after { content: " "; display: table; clear: both;} fixedfooter1-item{display:block; padding:0px 0px; line-height:17px; margin-bottom:10px; margin-top:20px} fixedfooter1-item:before, fixedfooter1-item:after { content: " "; display: table; clear: both;} fixedfooter1-item .text{color:#000; font-size:1rem; line-height:19px; opacity:0.7 } fixedfooter1-item .nos{color:#213B88; font-weight:600; font-size:1rem; line-height:19px; text-align:right} .bluecircleimage50{background: linear-gradient(225.83deg, #5D6ADD 0%, #161D72 100%); box-shadow: 0 2px 7px 0 rgba(118,126,225,0.55); width:50px; height:50px; color:#fff; border-radius:100%; margin:0px auto; text-align:center} .bluecircleimage50 i{width:16px; height:16px; line-height:16px; font-size:16px; position:relative; top:9px} .bluecircleimage25{background: linear-gradient(225.83deg, #5D6ADD 0%, #161D72 100%); box-shadow: 0 2px 7px 0 rgba(118,126,225,0.55); width:25px; height:25px; color:#fff; border-radius:100%; margin:0px auto; text-align:center; display:inline-block; vertical-align:top; margin-right:1px} .bluecircleimage25 i{ width: 16px;height: 16px;line-height: 16px;font-size: 18px;position: relative;top: -2px;left: -1px;} /*.pruplebg{background:#E0E2EE; display:block; padding:5px 15px}*/ .pruplebg{background:#E0E2EE; display:block; padding:5px 6px} .pruplebg h3title{display:inline-block; vertical-align:middle; padding:0px; margin:0px auto; } .pruplebg .et-error-2{vertical-align:top; position:relative; top:1px; font-size:1.154rem; margin-right:3px} .pruplebg .textright{display:inline-block; vertical-align:middle; padding:0px; margin:0px auto; text-align:right; width:49% } .pruplebg .textleft{display:inline-block; vertical-align:middle; padding:0px; margin:0px auto; text-align:left; width:49% } .addcahadvance et-row{} .addcahadvance et-row:first-child .deleteicon{ display:none} .addcahadvance et-row .deleteicon{font-size:1.154rem; position: relative; top: -1px; margin-left: 0px; border-left: 0px solid #ccc; padding-left: 0px;} .addcahadvance et-row .addanother{margin-right:15px} .scrollpane { height: 100px; overflow: auto; width: 200px; } .loading { color: red; } .rotate90 {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .et-dots-1.rotate90{font-size:4px} et-travel-top-deskset{display:block; }et-travel-top-deskset:before, et-travel-top-deskset:after { content: " "; display: table; clear: both;} et-travel-deskset{display:block; }et-travel-deskset:before, et-travel-deskset:after { content: " "; display: table; clear: both;} et-travel-deskset .visitedpalces{display:block; color:#8b8b8b; font-size:0.7rem; text-transform:uppercase} et-travel-deskset et-checkbox-inline .chekboxcontainer{vertical-align:text-top} et-travel-deskset table et-label-block{ text-transform:uppercase; margin-bottom:0px} et-travel-deskset table .blue{ font-size: 0.9rem; vertical-align: text-top; margin-right: 5px; color:#5D6ADD} et-travel-deskset table .chosen-container.chosen-container-single{padding:0px 5px 0px 5px; width:150px!important} et-travel-deskset table .dropdowntraveldeskreq{display:inline-block; margin:0px auto; padding:0px; height:24px; border:1px solid #868686; border-radius: 3px; width:159px} et-travel-deskset table .dropdowntraveldeskreq .btn-primary{ display: block;background: none;width: 100%;text-align: left;line-height: 24px; color:#969696; cursor:pointer} et-travel-deskset table .dropdowntraveldeskreq .caret{float: right;right: 10px;position: relative;top: 10px;} et-travel-deskset table .dropdowntraveldeskreq .dropdown-menu{width:100%; left:auto;right:-3px; padding:0px} et-travel-deskset table .dropdowntraveldeskreq .dropdown-menu a{font-size:0.8rem; display:block; color:#969696; padding:5px} et-travel-deskset table .dropdowntraveldeskreq .dropdown-menu a:hover{background:#eee; color:#000} et-travel-deskset .table>tbody>tr>td.firsttd{background:#fff; border:0px} et-travel-top-deskset .threedot1{top:17px; right:5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding:0px} et-travel-top-deskset .threedot1 a{font-size: 0.8rem; display: block; color: #969696; padding: 5px; display:block; padding:5px} et-travel-top-deskset .threedot1 a:first-child{border-radius:5px 5px 0px 0px} et-travel-top-deskset .threedot1 a:last-child{border-radius:0px 0px 5px 5px } et-travel-top-deskset .threedot1 a:hover{background:#eee; color:#000} et-travel-top-deskset .threedot1 a.deletetrip:hover{background:#d9534f; color:#fff} et-travel-top-search{display:block; }et-travel-top-search:before, et-travel-top-search:after { content: " "; display: table; clear: both;} et-travel-top-search{ margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: 9px; border-bottom: 1px solid #F0F0F0; border-radius: 0px; padding:25px 10px 25px 10px} /** checkbox radiobox ***/ input[type="radio"], input[type="checkbox"]{ margin:0px; padding:0px; display:inline-block; vertical-align:middle} et-radio-inline{ display:block; margin-top:11px} et-radio-inline label{display:inline-block; vertical-align:middle; vertical-align:middle; margin-right:8px} et-radio-inline label span{display:inline-block; vertical-align:middle; } et-radio-inline .radioboxcontainer{ display:inline-block; vertical-align:middle; } et-radio{ display:block} et-radio label{display:block; margin-bottom:0px} et-radio label span{display:inline-block; vertical-align:middle; vertical-align:middle} et-checkbox-inline{ display:block;margin-top:11px} et-checkbox-inline label{display:inline-block; vertical-align:middle; vertical-align:middle; margin-right:8px} et-checkbox-inline label span{display:inline-block; vertical-align:middle; vertical-align:middle} et-checkbox-inline .chekboxcontainer{display:inline-block;vertical-align:middle;} et-checkbox{ display:block} et-checkbox label{display:block; margin-right:8px} et-checkbox label span{display:inline-block; vertical-align:middle; vertical-align:middle} .chekboxcontainer {display: block;position: relative; margin-bottom: 12px; cursor: pointer; font-size: 0.9rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#404040; line-height:17px} .chekboxcontainer input { position: absolute; opacity: 0; cursor: pointer; left:0px; top:0px} .checkboxmark {position: relative; height: 13px; width: 13px; background: #fff; border:1px solid #8c8c8c; float:left; margin-right:5px; top:2px} .chekboxcontainer:hover input ~ .checkboxmark { background: #fff; border:1px solid #3253B4;} .chekboxcontainer input:checked ~ .checkboxmark { background: #fff; border:1px solid #3253B4;} .chekboxcontainer:after { content: ""; position: absolute; display: none;} .chekboxcontainer input:checked ~ .checkboxmark:after { display: block; font-family: 'etfonts'; content: '\e9ec'; speak: none; line-height: 1rem; font-size: 1rem; text-align: center; color: #3253B4; position:absolute; left:-1px; top:-1px} .chekboxcontainer .checkboxmark:after {-webkit-transition: .4s; transition: .4s;} .chekboxcontainerrdisabled{color:#8C8C8C} .chekboxcontainer input:disabled ~ .checkboxmark { background: #fff; border:1px solid #8C8C8C;} .ie9 .chekboxcontainer input:checked ~ .checkboxmark:after,.ie10 .chekboxcontainer input:checked ~ .checkboxmark:after{top:6px} _:-ms-lang(x), .chekboxcontainer input:checked ~ .checkboxmark:after { top: -2px;left: -1px; font-size:0.9rem }/* ie11 */ @supports (-ms-ime-align:auto) { .chekboxcontainer input:checked ~ .checkboxmark:after { top: -1px; } } /* ie edge */ .radioboxcontainer {display: block;position: relative; margin-bottom: 12px; cursor: pointer; font-size: 0.9rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#404040; line-height:17px} .radioboxcontainer input { position: absolute; opacity: 0; cursor: pointer; left:0px; top:0px} .radiocheck { position: relative; height: 13px; width: 13px; background: #fff; border:1px solid #8c8c8c; border-radius: 50%; float:left; margin-right:5px} .radioboxcontainer:hover input ~ .radiocheck { background: #fff; border:1px solid #3253B4;} .radioboxcontainer input:checked ~ .radiocheck { background: #fff; border:1px solid #3253B4;} .radiocheck:after { content: ""; position: absolute; display: none; } .radioboxcontainer input:checked ~ .radiocheck:after { display: block; font-family: 'etfonts'; content: '\eaf0'; speak: none; line-height: 1rem; font-size: 0.56rem; text-align: center; color: #3253B4; position:absolute;left:0.18rem} .radioboxcontainer .radiocheck:after {-webkit-transition: .4s; transition: .4s; } .radioboxcontainerdisabled{color:#8C8C8C} .radioboxcontainer input:disabled ~ .radiocheck { background: #fff; border:1px solid #8C8C8C;} .ie9 .radioboxcontainer input:checked ~ .radiocheck:after{ top: 6px; } .ie10 .radioboxcontainer input:checked ~ .radiocheck:after{ top: 6px; left:0.17rem} _:-ms-lang(x), .radioboxcontainer input:checked ~ .radiocheck:after { top: -1px; left:0.19rem} /* ie11 */ @supports (-ms-ime-align:auto) { .radioboxcontainer input:checked ~ .radiocheck:after { top: -1px; left:0.17rem} } /* ie edge */ /** checkbox radiobox **/ /*================================================== * Effect 1 * ===============================================*/ .et-box-shadow-effect1 { -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777;} /*================================================== * Effect 2 * ===============================================*/ .et-box-shadow-effect2 { position: relative;} .et-box-shadow-effect2:before, .et-box-shadow-effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .et-box-shadow-effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } /*================================================== * Effect 3 * ===============================================*/ .et-box-shadow-effect3 { position: relative;} .et-box-shadow-effect3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } /*================================================== * Effect 4 * ===============================================*/ .et-box-shadow-effect4 { position: relative;} .et-box-shadow-effect4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } /*================================================== * Effect 5 * ===============================================*/ .et-box-shadow-effect5 { position: relative; } .et-box-shadow-effect5:before, .et-box-shadow-effect5:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .et-box-shadow-effect5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } /*================================================== * Effect 6 * ===============================================*/ .et-box-shadow-effect6 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .et-box-shadow-effect6:before, .et-box-shadow-effect6:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 10px; border-radius: 10px; } .et-box-shadow-effect6:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /*================================================== * Effect 7 * ===============================================*/ .et-box-shadow-effect7 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .et-box-shadow-effect7:before, .et-box-shadow-effect7:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 0; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 10px; border-radius: 10px; } .et-box-shadow-effect7:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /*================================================== * Effect 8 * ===============================================*/ .et-box-shadow-effect8 {position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;} .et-box-shadow-effect8:before, .et-box-shadow-effect8:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); top: 10px; bottom: 10px; left: 0; right: 0; -moz-border-radius: 10px; border-radius: 10px; } .et-box-shadow-effect8:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /*================================================== * shadoweffect end * ===============================================*/ .addtravelset{display:block} .addtravelset .addtravel{display:block; margin:0px -15px 30px; padding:0px; border-bottom:4px solid #EAEAEA} .addtravelset .addtravel et-row{border-bottom:1px solid #d9d9d9; margin-bottom:10px; padding-bottom:10px; margin-left:10px; margin-right:10px} .addtravelset .addtravel et-row:last-child{border:0px; padding:0px} .addtravelset .addtravel et-main-page-content-withoutborder-title{margin-left:10px} .addtravelset .addtravel:last-child{border:0px; margin-bottom:0px} .addtravelset .addtravel .addanother{display:none} .addtravelset .addtravel:last-child .addanother{display:inline-block} .exitsettelmetset{display:block} .exitsettelmetset et-person-info-two .emphasistext{font-weight:600} .exitsettelmetset et-person-info-two .noemphasistext{font-weight:100} .exitsettelmetset et-person-info-two .noemphasistext .righttext.et-text-danger{color:#E57373} .exitsettelmetset et-person-info-two {cursor:pointer } .areatitletextbadage et-badge-danger{padding:2px 10px 2px 10px;margin-left: 20px; vertical-align:text-bottom} .collapsible3 { display:block} .collapsible3 et-collapse-section et-main-page-content-title et-content-area-title-text { font-weight: 600; text-transform: none; color: #5B5B5B; font-size: 0.9rem; } .collapsible3 et-collapse-section et-main-page-content-title {box-shadow: 0 3px 10px 0 rgba(235,235,235,1);background:none; padding:8px 20px; border-radius:0px 0px 5px 5px} .collapsible3 et-collapse-section et-main-page-content-title::after, .collapsible3 et-collapse-section et-main-page-content-title[aria-expanded="false"]:after {top:9px } .collapsible3 et-collapse-section et-content-body { box-shadow: 0 3px 10px 0 rgba(235,235,235,1) } .collapsible3 et-main-page-content-title[aria-expanded="true"] {border-radius:0px; box-shadow: 0px -3px 5px 2px rgba(235,235,235,1);} .collapsible3 et-collapse-section et-content-body[aria-expanded="true"] { border:0px ;box-shadow: 0px 3px 5px 2px rgba(235,235,235,1) } .tablename{font-size:1rem;color:#5B5B5B; font-weight:700; line-height:17px; } .tablename span{font-weight:100;} .allhover{display: block; transform: scale(1); transition: all .7s ease-in-out;} .allhover:hover{background:#FAFAFF; transform: scale(1.02); position:relative;z-index:99; -webkit-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); -moz-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55);} .allhover2s{display: block; transform: scale(1); transition: all .2s ease-in-out;} .allhover2s:hover{background:#FAFAFF; transform: scale(1.08); position:relative;z-index:99; -webkit-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); -moz-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55);} .allhover1s{display: block; transform: scale(1); transition: all .1s ease-in-out;} .allhover1s:hover{background:#FAFAFF; transform: scale(1.08); position:relative;z-index:99; -webkit-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); -moz-box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55); box-shadow: -2px 2px 34px 0px rgba(176,176,176,0.55);} et-radius-height-25{ text-align: center; width:25px; height:25px; display:block;text-align:center; border-radius:50%; color:#223f8b ; line-height:unset; background:#E6E7E9} et-radius-height-25 i{font-size: 20px;line-height: 1; display: inline-block; vertical-align: sub; position: relative; top: 1px;} .padding-one-content-area et-center-table-cell{padding-left:1px; padding-right:1px; text-align:left} .padding-one-content-area et-content-body{padding:8px} .padding-one-content-area et-contentbgcolor-white{margin:0px 1px} /*** readmore*/ .textmore {position:relative;max-height:35px;overflow:hidden; transition: all 0.5s;} .showMore {display:inline-block} .textmore::after {content: "";position: absolute; bottom: 0; left: 0;z-index:99999;width:100%;opacity:1;} .showMore::after {opacity:0;} .morelink ,.morelink.less {cursor:pointer; text-align:right; display:block;width:100%} .textmore1 {position:relative;height:45px;overflow:hidden; transition: all 0.5s; word-break:break-all;} .showMore1 {display:inline-block} .textmore1::after {content: "";position: absolute; bottom: 0; left: 0;z-index:99999;width:100%;opacity:1;} .showMore1::after {opacity:0;} .morelink1, .morelink1.less1 {cursor:pointer; text-align:right; display:inline-block; vertical-align:top; margin-left:5px} /*** readmore*/ .samepagelinkactive{color:#fff} .progress{border-radius: 0px; position:relative; background:#d9d9d9} .progress span{display:inline-block; font-size:0.75rem; text-transform:uppercase} .progress span:first-child{float:left} .progress span:last-child{float:right} .progress-bar{float: left;width: 0;height: 100%;-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;height: 5px;overflow: hidden;background-color: #f5f5f5;} .progress-bar span{display:inline-block; margin:0px 3px} .progress-bar-success{background:#2fad71} .progress-bar-danger{background:#E57373} .progress-bar-warning{background:#FFB74D} .progress-bar-default{background:#4FC3F7} .progress-bar-primary{background:rgb(93, 106, 221)} .progressbargrey {background:#D9D9D9; display:block; height:5px} .progress1{border-radius:3px; position:relative} .progress1 .progressbargrey , .progress1 .progress-bar-primary , .progress1 .progress-bar{height:10px ;border-radius:3px; } .exit-interview{display:block; border:1px solid #DDD} .exit-interview .heading{color: #5b5b5b; font-size: 0.9rem; font-weight: 600; line-height: 16px; background:#F5F5F5; border-bottom:1px solid #DDD;padding:5px; margin-bottom:10px} .exit-body-set{ border-bottom:2px solid #DDD; margin-bottom:10px } .exit-interview div:last-child{border:0px} .emphasistext-one-set{display:block;} .emphasistext-one{font-weight: 600;display: inline-block; vertical-align: top; font-size: 1rem; width:79%;line-height: 16px; color: #5B5B5B;} .emphasistext-one .noemphasistext { font-weight: 100; display:block} .emphasistext-one .noemphasistext .lefttext { display: inline-block; vertical-align: middle; color: #8C8C8C; font-size: 0.8rem;} .emphasistext-one .noemphasistext .righttext { display: inline-block; vertical-align: middle; color: #B9B9B9; font-size: 0.7rem; float: right;}.scrollbarcommon-width{width:109%!important;background: none;} .scrollbarcommon-width{width:109%!important;background: none;} .scrollbarcommon-width .scroll-wrapper > .scroll-content{width:100%!important} .ie10 .scrollbarcommon-width .scroll-wrapper > .scroll-content, .ie9 .scrollbarcommon-width .scroll-wrapper > .scroll-content{width:auto!important; padding-bottom:20px} _:-ms-lang(x), .scrollbarcommon-width .scroll-wrapper > .scroll-content{width:auto!important; padding-bottom:20px} .ie9 #EmpPanel et-search-all et-content-area-24 {width:93%} .scrollbarcommon-width .scrollbarcommon > .scroll-element.scroll-y .scroll-bar{left:-38px} .scrollbarcommon-width et-list-card-right-arrow{width:91.1%} .scrollbarcommon-width-tab et-list-card-right-arrow{width:91.5%} .ie9 .scrollbarcommon {min-height:60px} .ie9 .iewidth et-content-area-24{width:93%} /* pagination **/ et-pagination-left:before,et-pagination-left:after,et-pagination-center:before,et-pagination-center:after,et-pagination-right:before, et-pagination-right:after{ content: " "; display: table; clear: both;} et-pagination-left{float:left; display:inline-block; margin-top:10px; border:0px solid #ccc; border-right:0px; font-size:0.6923rem; color:#b3b3b3 } et-pagination-center{float:none; display:block; border:0px solid #ccc; border-right:0px; font-size:0.6923rem; color:#b3b3b3; margin:10px auto 0px; text-align:center } et-pagination-right{float:right; display:inline-block; margin-top:10px; border:0px solid #ccc; border-right:0px; font-size:0.6923rem; color:#b3b3b3 } et-pagination{margin-top:10px; border:0px solid #ccc; border-right:0px; font-size:0.6923rem; color:#b3b3b3 } et-pagination span{display:inline-block; vertical-align:middle; margin-left:5px; line-height:10px} et-pagination span a{border:0px; padding:0px} et-pagination span .pagiarrow{display:inline-block; font-size:0.6923rem; line-height:10px; color:#b1b1b1} et-pagination span .pagiarrow i{color:#b1b1b1} et-pagination span .pagiarrow:first-child{margin-right:5px; margin-left:10px} et-pagination span .pagiarrow:last-child{margin-left:5px;} et-pagination span .pagiarrow i:hover{color:#5e5e5e; background:none} et-pagination span .pagiarrow:hover{background:none} et-pagination .dropdown-menu{ text-align: center; min-width:30px; padding:8px 12px; font-size: 0.7692rem} et-pagination .dropdown-menu li{border-top:1px solid #ccc; clear:both;display:block;text-align: center; padding:2px 0px} et-pagination .dropdown-menu li:first-child{border:0px} et-pagination .dropdown-menu li a{display:block;text-align:center; clear:both; width:100%; padding:0px} /* pagination **/ /**all jqgrid table css **/ .workfromhomeradiobtnset {border-radius: 3px;background: #FFFFFF;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);float:left;width:100%} .workfromhomestatusparent .workfromhomeradiobtnset{border-radius: 3px;background-color: #BDBDBD;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);} .workfromhomeradiobtnset .radio-button {margin: 0px auto;float:left;width:33.33%;} .workfromhomeradiobtnset .radio-button input[type="radio"] {display: none;} .workfromhomeradiobtnset .radio-button label {width: 100%;padding: 3px 10px;margin: 0;display:block;text-align:center; border-radius:5px;cursor:pointer;font-size:12px} .workfromhomeradiobtnset .radio-button input[type=radio]:checked + label {background-color: #4B57C3;color: #FFF;} .jqgrid-inline-edit .ui-jqgrid .ui-jqgrid-view input[type=text]:focus{border:0px ; height:27px!important; line-height:27px!important} body.et-jqtd-ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .jqgrid-multibox {text-align:center!important} body .uijqgridview .ui-jqgrid-bdiv .table > tbody > tr > td:nth-child(2) { padding-left:6px!important} .hidejqgridheader .ui-jqgrid-hdiv { display:none !important;} /*.ui-jqgrid-bdiv,.ui-jqgrid-hdiv {width:100%!important}*/ body .uijqgridview .ui-jqgrid-view ,body .uijqgridview .ui-jqgrid {width:auto!important} .ui-state-hover .jqgridlinkhover ,.ui-jqgrid-bdiv .table>tbody>tr>td:hover .jqgridlinkhover {color:#739cfd; cursor:pointer} .jqgridlinkhover:hover {text-decoration:underline; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:transparent} .selectedrowjqgrid .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#FEF7D6} .jqgridtablesscroll { display: block; overflow-x: auto; overflow-y: hidden;} .managerteamtable .ui-jqgrid-bdiv .table > tbody > tr > td { padding-top:8px; padding-bottom:8px} #closetraveladvancetable_ExchRate,#closetraveladvancetable_CurrencyName,#summarytravelcashadvancetable_CB,#closetraveladvancetable_,#summarytravelcashadvancetable_CB, #jqgh_reportstatustable_Sent,#reportstatustable_Approved,#reportstatustable_Pending, #jqGridExpenseHead_cb, #jqgh_jqGridperdiemedit_IsIncludeOption1 ,#jqgh_jqGridperdiemedit_IsIncludeOption2, #jqgh_jqGridperdiemedit_IsIncludeOption3, #jqgh_jqGridperdiemedit_IsIncludeOption4, #jqgh_jqGridperdiemedit_IsIncludeOption5,#jqgh_jqGridperdiemedit_IsIncludeOption6, #jqgh_jqGridperdiemview_IsIncludeOption1 ,#jqgh_jqGridperdiemview_IsIncludeOption2, #jqgh_jqGridperdiemview_IsIncludeOption3 ,#jqgh_jqGridperdiemview_IsIncludeOption4, #jqgh_jqGridperdiemview_IsIncludeOption5, #jqgh_jqGridperdiemview_IsIncludeOption6, #jqgh_jqGrid_RatePerKM, #jqgh_jqGrid_ExpenseHeadCount, #jqGridBulkEmp_cb ,#jqGridFineTune_cb ,#grdAllGroupPolicy_cb ,#grdAllEmployees_cb ,#jqGridFineTuneEmployee_cb, #grdAllLocation_cb , #mtrmyrequestdashboardtable_Status,#mtrmyrequestdashboardtable_Noofemployee,#mtrmyrequestdashboardtable_ApprovalStatus, .jqgrid-multibox ,#jqgh_jqGrid_cb, #perdiemtableone_Exclude, #perdiemtableone_Breakfast , #perdiemtableone_Lunch, #perdiemtableone_Dinner, #perdiemtableone_Personal Stay, #perdiemtable_Breakfast ,#perdiemtable_Lunch , #perdiemtable_Dinner {text-align:center} #closetraveladvancetable_AmountFC, #closetraveladvancetable_Amount,#summarytravelcashadvancetable_Issued,#summarytravelcashadvancetable_Returned,#summarytravelcashadvancetable_CB, #jqGridHotelExpense_ApprovedAmount,#jqGridTaxiExpense_ApprovedAmount,#jqGridMileageExpense_ApprovedAmount,#jqGridFoodExpense_ApprovedAmount,#jqGridTicketExpense_ApprovedAmount,#jqGridOtherExpense_ApprovedAmount,#jqgh_jqGridperdiemview_Amount, #jqgh_jqGridperdiemedit_Amount, #jqgh_managerteamtable_TotalExpense,#jqGridHotelExpense_ClaimedAmount,#jqGridTaxiExpense_ClaimedAmount,#jqGridMileageExpense_ClaimedAmount,#jqGridFoodExpense_ClaimedAmount,#jqGridTicketExpense_ClaimedAmount, #jqGridOtherExpense_ClaimedAmount,#perdiemtable_Amount,#perdiemtableone_Amount, #hotel1table_Amount, #tickets1table_Amount,#chapterVIatable_Amount,#jqGridOtherExpense_ClaimedAmount, #jqGrid_TotalAmount,#jqgh_jqGridDeclinedClaims_TotalAmount, #jqgh_jqGridApprovalAwaited_TotalAmount , #jqGridApproved_TotalAmount {text-align:right} #jqgh_jqGridDeclinedClaims_ExpenseReportID,/*#jqGrid_FromTime,#jqGrid_ToTime,*/ #jqgh_jqGridApprovalAwaited_ExpenseReportID, #returninggridElement_ApproverName,#returninggridElement_FromTime,#jqGrid_ApproverName, #jqgh_jqGridApproved_ExpenseReportID {padding-left:0px} .perdiempage .ui-jqgrid-bdiv .table > tbody > tr > td:last-child, .perdiempage .ui-jqgrid-hbox .table > thead > tr > th:last-child/* #gview_jqGridperdiemview .ui-jqgrid-bdiv .table > tbody > tr > td:last-child, #gview_jqGridperdiemview .ui-jqgrid-hbox .table > thead > tr > th:last-child*/ {padding-right:14px} /*#gview_jqGridItinerary .ui-jqgrid-hbox .table>thead>tr>th:first-child, #gview_jqGridItinerary .ui-jqgrid-bdiv .table > tbody > tr > td:first-child, */ #gview_jqGridperdiemview .ui-jqgrid-bdiv .table > tbody > tr > td:first-child, #gview_jqGridperdiemview .ui-jqgrid-hbox .table>thead>tr>th:first-child, #gview_jqGridDeclinedClaims .ui-jqgrid-bdiv .table > tbody > tr > td:first-child , #gview_jqGridApproved .ui-jqgrid-bdiv .table > tbody > tr > td:first-child , #gview_jqGridApprovalAwaited .ui-jqgrid-bdiv .table > tbody > tr > td:first-child {/*padding-left:14px*/} #jqgh_jqGrid_Unit ,#jqgh_jqGrid_Rate, #jqgh_jqGrid_EmpNo,#jqgh_jqGrid_SubmittedOn,#jqgh_jqGrid_ExpenseReportID, #jqgh_jqGrid_ExpenseHeadCustomFields, #jqgh_jqGrid_CityClassName {left:-3px} #jqgh_requestformtable_Date,#jqgh_jqGrid_undefined, #jqgh_jqGrid_IsExpensePolicyConfigured {left:-2px} #jqgh_jqGridDeclinedClaims_SubmittedOn, #jqgh_jqGridApproved_SubmittedOn, #jqgh_jqGridApprovalAwaited_SubmittedOn, #jqgh_jqGrid_FieldTypeName, #jqgh_jqGrid_ExpenseGLHead, #jqgh_jqGrid_ProcessName {left:-1px} #gview_tblSelectedEmployee, #gbox_tblSelectedEmployee,#gbox_employeetransferrighttable {border-left:2px solid #E9ECED} .ui-jqgrid .ui-jqgrid-view input:focus {border:1px solid #000; /*height:27px*/} /*#gview_jgGridDynamic {width:100%}*/ qgridtdhover .ui-jqgrid-bdiv .table > tbody > tr > td:hover {cursor:pointer} .jqgridedge .ui-jqgrid-bdiv .table > tbody > tr > td:nth-child(2) { /*padding-left:15px*/} .jqgridedge .ui-jqgrid-hbox .table > thead > tr > th:nth-child(2) { /*padding-left:15px*/} .jqgridautoheight {position:relative} .jqgridautoheight .ui-jqgrid-bdiv div{ height:auto!important;} .jqgridautoheight .ui-jqgrid-bdiv div.norecordtodisplay{ min-height:100px;} .jqgridautoheight .ui-jqgrid-bdiv {/*overflow-y:auto!important;*/ overflow:inherit!important; height:auto!important;} .jqgridautoheight .ui-jqgrid-htable {width:100%!important} .mjqgridautoheight .ui-jqgrid-htable {width:100%!important;table-layout:fixed} .jqgridautoheight-image .ui-jqgrid-bdiv div{height:null!important} .ui-jqgrid-sortable{position:relative;} .ui-grid-ico-sort{position:absolute; right:8px; top:0px;} .ui-grid-ico-sort.ui-icon-triangle-1-n{top:-4px} .ui-grid-ico-sort.ui-icon-triangle-1-s{top:5px} .ui-grid-ico-sort.ui-state-disabled{opacity:0.5} .ui-grid-ico-sort i{display:none} .ui-grid-ico-sort i:first-child { display:inline } #globalSearch{visibility:hidden} .homesearch{position:relative} .homesearch .textbox .textbox-prompt { color:#aaa } .homesearch input[type=text]{ width: 96%; display:block; outline:0px; width: -moz-available;width: -webkit-fill-available; width: fill-available; padding: 9px 2%;font-size: 1rem;line-height: 20px;color: #5e5e5e;background-color: #fff;background-image: none;border: 1px solid #E6E7E8;border-radius: 3px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 1px 2px #9f9f9f;transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-webkit-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear;-moz-transition: border-color ease-in-out 0.15s box-shadow ease-in-out 0.15s linear; height:40px!important} .homesearch .textbox.searchbox {width:100%!important } .homesearch .textbox.searchbox .searchbox-button { position:relative; top:6px } .homesearch .textbox.searchbox .icon-clear { position:relative; top:6px } .homesearch .textbox-text {width:85%!important ; border:0px!important } #relaodgird{position: absolute; font-family: Verdana; font-size: 10px; top: 1px; right: 1px; font-weight: 700; background: #fff; height: 94%;line-height: 34px; padding: 0px 8px; visibility:hidden} .jqgfirstrow td {padding-top: 0px!important;padding-bottom: 0px!important;border: 0px!important;} .ui-jqgrid-hbox {display:block;width:100%;background: #F5F5F5;border-bottom: 1px solid #E0E0E0;} .ui-jqgrid-hbox .table>thead>tr>th { border-bottom: 0px solid #e9eced; position:relative; padding:6px 6px} /*.ui-jqgrid-bdiv .table>tbody>tr>td {padding:6px 3px 2px 3px } .ui-jqgrid-bdiv .table > tbody > tr > td:first-child {padding-left:0px} .ui-jqgrid-bdiv .table > tbody > tr > td:nth-child(2){padding-left:3px}*/ /*.ui-jqgrid-bdiv .table>tbody>tr>td {padding:6px 3px 2px 4px}*/ .ui-jqgrid-bdiv .table>tbody>tr>td {padding:6px} .ui-jqgrid-resize{position:absolute; right:5px; top:0px; margin:0px;} .ui-pager-control table{margin-bottom:0px;width:100%} .ui-jqgrid-htable table{margin-bottom:0px;width:98%} .ui-jqgrid-bdiv table {margin-bottom:0px;width:unset} .ui-jqgrid-bdiv {overflow-y:scroll} #input_jqGridPager .ui-pg-input {display:inline;width: 10% !important;} .ui-jqgrid-resize-mark {height:0px} .ui-jqgrid-titlebar {display:inline} #gbox_jqGrid , #gview_jqGrid ,.ui-jqgrid-hdiv ,.ui-jqgrid-hbox, .ui-jqgrid-bdiv ,#jqGridPager{width:auto!important} .ui-jqgrid-bdiv, .ui-pager-control, .ui-jqgrid-htable {margin-bottom:0px;} .jqgridtablefixed .ui-jqgrid-bdiv, .jqgridtablefixed .ui-pager-control, .jqgridtablefixed .ui-jqgrid-htable {margin-bottom:0px; table-layout:fixed} .easyui-dialog .ui-jqgrid-htable{table-layout:unset} .ui-jqgrid-bdiv > thead > tr > th, .ui-pager-control > thead > tr > th, .ui-jqgrid-htable > thead > tr > th {border-bottom:0px } .ui-jqgrid-hbox {border-bottom:2px solid #e9eced} .ui-jqgrid-bdiv > thead > tr > th, .ui-pager-control > thead > tr > th, .ui-jqgrid-htable > thead > tr > th {padding:3px 6px} /** jqgrid table tooltip*/ .tablettoltipright {} .tablettoltipright .tooltip {-webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tablettoltipright .tooltip {-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .tablettoltipright .tooltip:before {top:22% ;border-color: transparent #737373 transparent transparent } .tablettoltipright .tooltip {width:250px; background:#737373; text-align:left ; font-size:11px; font-weight:100 } .tabletooltiptop { position: relative; } .tabletooltiptop:hover > .tooltip { display: inline-block; } .tabletooltiptop .tooltip:hover { display: none; } .tabletooltiptop .tooltip { background: #F9A825; display: none; width: 300px; margin: 0; position: absolute; color: #fff; font-family: Arial; font-size: 0.8rem; text-align: center; text-decoration: none; line-height: 16px; padding: 2px 10px; white-space: wrap; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 10000; top: -5px; margin-bottom: 0px; left: -305px; margin-left: -auto20/2; } .tabletooltiptop .tooltip:before { content: " "; position: absolute; top:4px; right:-12px; margin-left: 0px; border-style: solid; width: 0; height: 0; border-width: 6px; border-color: transparent transparent transparent #F9A825 ; } .tablettoltipbottom {} .tablettoltipbottom .tooltip {-webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tablettoltipbottom .tooltip {-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .tablettoltipbottom .tooltip:before {/*top:22%;*/ border-color: transparent transparent #737373 transparent;left:6px } .tablettoltipbottom .tooltip {width:250px; background:#737373; text-align:left ; font-size:11px; font-weight:100 } /** jqgrid table tooltip*/ .grayfooterbuttonbg {padding: 15px 15px 15px 15px; /*padding: 12px 8px 12px 8px;*/ /*display: block;*/ background: #F5F5F5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.14); border-radius: 0px 0px 5px 5px; /*margin-top: -7px;*/ border-top:1px solid #e6e6e6; text-align:center} .grayfooterbuttonbg1 {padding:24px 8px; background: #e0e0e0; display:block } .grayfooterbuttonbg-rightbutton {text-align:right} @media screen and (max-width: 600px) { .grayfooterbuttonbg1{ box-shadow: 0 2px 10px 0 rgba(131,131,131,0.35); position: fixed; bottom: 0px; width: 100%; left: 0px; padding: 10px 8px; z-index:1} } .grayfooterbuttonbg1fixed{ position:fixed;width:100%;left:0px;bottom:0px;} .grayfooterbuttonbg1fixed et-breadcrumb{display:none} .grayfooterbuttonbg-withdata {margin-top:0px;border-radius: 5px;} .jqgrid-table-responsive {min-height: .01%; width: 100%; margin-bottom: 15px; } @media screen and (max-width: 980px) { /*.ui-jqgrid-view, .ui-jqgrid{width:980px!important}*/ .jqgrid-table-responsive{ overflow-x: scroll; overflow-y: hidden;} } .jqgrid1-fixed-layout .ui-jqgrid-htable, .jqgrid1-fixed-layout .ui-jqgrid-btable {table-layout:fixed} /**all jqgrid table css **/ .ui-sghref .ui-icon-plus:after {content:"\e903";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} .ui-sghref .ui-icon-minus:after {content:"\e9c5";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} .subgrid-data .ui-jqgrid-bdiv .table > tbody > tr > td:first-child {display:none} .subgrid-data .ui-jqgrid-htable > thead > tr > th:first-child {width:31px!important; display:none} .validatebox-readonly, .textbox input:read-only{background-color: white!important; background:white} .buttonicon { line-height: initial;line-height: normal; position:relative;top:3px ;font-size: 1.2rem!important} .tabiframe { overflow-x: hidden; overflow-y: hidden;} .tabs-overflow-hidden .panel-body { overflow:hidden} .ui-jqdialog {z-index:999999!important;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;outline: 0;} .ui-jqdialog .ui-jqdialog-titlebar {height: auto;float: left;width: 100%;font-size: 14px;font-weight: bold;color: #404040;height: auto;line-height: 20px;padding:7px 5px 7px 8px;border-bottom:1px solid #D4D4D4} .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content,.ui-jqdialog { padding:0px} .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {height: auto;float: left;width: 100%;} .ui-jqdialog-content.ui-widget-content .formdata {padding:8px;} .ui-jqdialog-content.ui-widget-content .ui-widget-content {display:none} .ui-jqdialog-content td.DelButton{padding:8px;background:#F5F5F5;border-top:1px solid #D4D4D4} .fm-button {height:auto;padding:8px} .fm-button-icon-left .ui-icon {display:none} .ui-jqdialog-content td.DelButton #dData {background: #d9534f;border: 1px solid #d9534f; color: white;text-decoration: none; height:26px; line-height: 26px; padding:0px 13px; display: inline-block;border-radius: 3px; cursor:pointer; text-transform:initial; font-family: robotoregular,sans-serif; min-width:74px; color:#F8F8F8 ;font-weight:100; white-space:nowrap; margin-right:10px} .ui-jqdialog-content td.DelButton #dData:hover { background: #d2322d; transition: all 0.3s ease; border: 1px solid #d9534f; } .ui-jqdialog-content td.DelButton #eData{border:1px solid rgba(91,100,198,0.5);color: #5D64CA; background:#FAFAFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); height:26px; line-height: 26px; padding:0px 13px; padding:0px 13px; display: inline-block;border-radius: 3px; cursor:pointer; text-transform:initial; font-family: robotoregular,sans-serif; min-width:74px;} .ui-jqdialog-content td.DelButton #eData:hover { background-color: #5D6ADD; border: 1px solid rgba(91,100,198,0.5); transition: all 0.3s ease; color: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); } .fullwidthlabel .textbox-label,.widthautolabel .textbox-label{width:auto} .fullwidth {width:100%} .fullwidthlabel1 .textbox-label,.widthautolabel1 .textbox-label{ width: 92%; text-overflow: inherit; white-space: unset; overflow: visible} .fullwidthlabel2 .textbox-label,.widthautolabel2 .textbox-label{width:auto} .fullwidthlabel3 .textbox-label, .widthautolabel3 .textbox-label { width: 80%; } .fullwidthlabel-left .textbox-label {width:auto!important} .fullwidthlabel-left .textbox.easyui-fluid {width:initial!important} .fullwidthlabel-left1 .textbox-label {width:60px!important} .fullwidthlabel-left1 .textbox.easyui-fluid {width:initial!important} .fullwidthlabel-width-left .textbox-text, .fullwidthlabel-width-left .textbox.easyui-fluid {width:auto!important} .fullwidthlabel-width-left .textbox-label {width:89%; white-space:normal; overflow:inherit; text-overflow:initial; height:auto!important; vertical-align:text-top} .fullwidthlabel-width-left .textbox.easyui-fluid {width:initial!important} .fullwidthlabel-width-left-auto .textbox-label {width:auto; white-space:normal; overflow:inherit; text-overflow:initial; height:auto!important; vertical-align:text-top} .fullwidthlabel-width-left1 .textbox-text, .fullwidthlabel-width-left1 .textbox.easyui-fluid {width:auto!important} .fullwidthlabel-width-left1 .textbox-label {width:89%; white-space:normal; overflow:inherit; text-overflow:initial; height:auto!important;} .fullwidthlabel-width-left1 .textbox.easyui-fluid {width:initial!important} .fullwidthlabel-width-left2 .textbox-text, .fullwidthlabel-width-left2 .textbox.easyui-fluid {width:auto!important} .fullwidthlabel-width-left2 .textbox-label {width:100%; overflow:inherit; text-overflow:initial; height:auto!important;} .fullwidthlabel-width-left2 .textbox.easyui-fluid {width:initial!important} .fullwidthlabel-left-input .textbox-label {vertical-align:middle} .fullwidthlabel-width-right .textbox-text, .fullwidthlabel-width-right .textbox.easyui-fluid {width:auto!important} .fullwidthlabel-width-right .textbox-label {width:auto; text-align:right!important} .fullwidthlabel-width-right .textbox.easyui-fluid {width:initial!important} @media screen and (max-width: 1024px) { body .fullwidthlabel-width-right .textbox-label { text-align: left!important;height: auto!important;line-height: 20px;display: inline-block;width:auto;max-width: 85%; white-space: nowrap;text-overflow: unset;overflow: unset;white-space: unset;vertical-align: middle;line-height:unset!important; } } .label-fullwidth-right .textbox-text, .label-fullwidth-right .textbox.easyui-fluid.combo{width:auto!important} .label-fullwidth-right .textbox-label {width:auto; text-align:right!important} /** for inline label with compulsion start 13 aug2024 **/ .fullwidthlabel-width-right1 .textbox-text, .fullwidthlabel-width-right .textbox.easyui-fluid {width:auto!important} .fullwidthlabel-width-right1 .textbox-label {width:auto; text-align:right!important} .fullwidthlabel-width-right1 .textbox.easyui-fluid {width:initial!important} @media screen and (max-width: 1024px) { body .fullwidthlabel-width-right1 .textbox-label {margin-right:8px; text-align: left!important;height: auto!important;line-height: 20px;display: inline-block;width:auto;max-width: 85%;white-space: nowrap;text-overflow: unset;overflow: unset;white-space: unset;vertical-align: middle; } .fullwidthlabel-width-right1 .et-text-danger { top: unset!important; } } /** for inline label with compulsion end 13 aug2024 **/ /** drafts tab design one **/ .drafts-tab-design-one {display:block} .drafts-tab-design-one-set {display:block; margin-bottom:15px; /*background: #F4F4F4;*/ } .drafts-tab-design-one-head{display:block;padding-bottom:8px; font-weight:600;background: #fff;} .drafts-tab-design-one-sub-head{display:block;margin-bottom:0px;font-weight:600; background:#F4F4F4;font-size:0.9rem; padding:8px 0px; border-bottom:2px solid #e9eced} .drafts-tab-design-one-sub-head .et-bg-white { background:#F4F4F4 } .drafts-tab-design-one-sub-head .head-grey { background: #E4E4E4} .drafts-tab-design-one-body {display:block; margin-bottom:10px;/*background: #F4F4F4;*/ font-size:0.9rem} .drafts-tab-design-one-body .one-body-set { display: block; background:#fff; padding:0px; border-bottom: 1px solid #dfdfdf; font-size:0.9rem} .drafts-tab-design-one-body .one-body-set:last-child { border-bottom:0px} .drafts-tab-design-one .drafts-tab-design-one-set:last-child {padding:0px;margin:0px;border:0px} .drafts-tab-design-one-body .one-body-set .greycolor {background: #fff; padding-top:8px; padding-bottom:8px;border-bottom: 1px solid transparent; } /*.drafts-tab-design-one-body .one-body-set:nth-child(even) {background:#F4F4F4}*/ /*.drafts-tab-design-one-body .one-body-set:nth-child(even) .greycolor {background:#F4F4F4}*/ .drafts-tab-design-one-body .checkboxwhite {border-bottom: 1px solid #fff; position:relative;top:1px} .drafts-tab-design-one-set-modal-set {display:block; margin-bottom:8px} .drafts-tab-design-one-set-modal .drafts-tab-design-one-body .one-body-set{color:#5E5E5E} .drafts-tab-design-one-set-modal .drafts-tab-design-one-sub-head{color:#5E5E5E} .add-new-file-curve {background: linear-gradient(225.83deg, #5D6ADD 0%, #161D72 100%); width: 18px; height: 18px; color: #fff; border-radius: 100%; margin: 0px auto; text-align: center; display: inline-block; vertical-align: text-bottom} .add-new-file-curve i{line-height:16px; font-size:15px; position:relative; top:-1px; left:0px} _:-ms-lang(x), .add-new-file-curve i{ top:-1px}/* ie11 */ .drafts-tab-design-one-body .one-body-set .greycolor:hover ,.drafts-tab-design-one-body .one-body-set:hover, .drafts-tab-design-one-body .one-body-set:hover .greycolor {/*background:#E8E8E8!important */ } /** drafts tab design one **/ .drag-item-ul {margin:0px 0px;padding:0px;position:relative} .drag-item{list-style-type:none;display:block;padding:5px;border:1px solid #ccc;margin:2px;background:#fafafa;color:#444;list-style-type:none;list-style:none} .indicator{position:absolute;font-size:9px;width:10px;height:10px;display:none;color:red;z-index :9999;} .dragitem-ul {margin:0px auto;padding:0px;position:relative} .dragitem{list-style-type:none;display:block;padding:5px;border:1px solid #ccc;margin:2px;width:100%!important;background:#fafafa;color:#444;} /**** upload files and images */ et-file-upload{position:relative;display:block; } et-file-upload-set{ position: relative; overflow: hidden; display: inline-block; vertical-align: middle;} et-file-upload-set .choosefile{display:inline-block; vertical-align:middle; padding:9px 5px; white-space:nowrap; border: 0px solid #E6E7E8; background-color: #fff; color:#C3C3C3; opacity:1; border-radius: 3px; position:relative} et-file-upload input[type=file]{position: absolute;top: 0;left:0px;font-size:1.110rem;cursor: pointer;opacity: 0;filter: alpha(opacity=0); padding: 0px;height: 43px; display: block; /*width:auto*/ width:100%} et-file-upload-set .choosefile:before {/*content: '\e952\00a0';*/ font-family: 'etfonts'; speak: none; font-size: 0.9rem; font-weight: bold;} et-file-upload-list-group{ display:block} et-file-upload-list{ display:block} et-file-upload-list-group:before, et-file-upload-list-group:after { content: " "; display: table; clear: both;} et-file-upload-list:before, et-file-upload-list:after { content: " "; display: table; clear: both;} et-file-upload-list list-file-name{display: inline-block; font-size: 0.8rem; line-height: 12px;vertical-align: middle;margin-top: 5px;} et-file-upload-list list-file-name a{display:inline-block; vertical-align:middle; color:#d9534f; visibility:hidden} et-file-upload-list list-file-name:hover a{visibility:visible} et-image-upload{position:relative;display:inline-block; } et-image-upload-set{ position: relative; display: inline-block; vertical-align: middle; width:155px; height:155px; margin-left:4px } et-image-upload-set .choosefile{display:table-cell; vertical-align:middle; border: 1px solid #E6E7E8; background-color: #fff; border-radius: 3px; position:relative ; text-align:center ;width:155px; height:155px;} et-image-upload input[type=file]{position: absolute;top: 0;left:0px;font-size:1.110rem;cursor: pointer;opacity: 0;filter: alpha(opacity=0); padding: 0px;height: 166px; display: block; width:auto} et-image-upload-set .choosefile .beforeimage{background: linear-gradient(225.83deg, #5D6ADD 0%, #161D72 100%); box-shadow: 0 2px 7px 0 rgba(118,126,225,0.55); width:50px; height:50px; color:#fff; border-radius:100%; margin:0px auto; text-align:center} et-image-upload-set .choosefile .beforeimage i{width:16px; height:16px; line-height:16px; font-size:16px; position:relative; top:9px} et-image-uploaded{position:relative;display:inline-block; vertical-align:middle; width:155px;margin-right:4px; } et-image-uploaded-set{position:relative;display:block; vertical-align:middle; width:155px; border: 1px solid #E6E7E8; height:155px} et-image-uploaded-set-img{position:relative;display:table-cell; vertical-align:middle; width:155px; height:155px;text-align:center} et-image-uploaded a{display:block; vertical-align:middle; color: #B2B2B2; font-size: 0.6923rem; font-weight: 600; line-height: 14px; text-align: right; margin:4px auto 0px} et-image-uploaded a i{display:inline-block; vertical-align:bottom; font-size:0.9rem; color: #B2B2B2;} #NewExpenseButton {z-index:999} .divnaration-padding { padding-left:10px; padding-right:10px} .upload-files-usercontrol {} .upload-files-usercontrol et-file-upload input[type=file] {height:auto ; cursor:pointer; width:100%; height:100% } .upload-files-usercontrol et-file-upload-set .choosefile {padding:0px ; color:inherit; background:transparent; position:relative; top:-1px; cursor:pointer } .imagepreviewdiv {border:0px solid #D4D4D4; padding-top:0px 10px; text-align:center; display:inline-block; position:relative;vertical-align:middle; margin:0px 5px 20px 5px;width:150px} .upload-footer-img img{ max-width: 100%; max-height: 100%;} .upload-footer {position:relative; width:100%; display:block; background:#F4F4F4; line-height:15px; padding:7px 4px 4px 4px} #savedreceipts .imagepreviewdiv{border-bottom:1px solid #D4D4D4; padding:0px 10px; text-align:left; display:block; position:relative;vertical-align:middle; margin:0px 0px 9px 0px;width:auto; padding-bottom:9px} #savedreceipts .upload-footer {background:none;background:transparent;padding:0px;text-align:left;} .selectedtreceipts .imagepreviewdiv{border:0px solid #D4D4D4; padding:0px 10px; text-align:left; display:inline-block; position:relative;vertical-align:middle; margin:5px 5px 5px 0px;width:auto} .selectedtreceipts .upload-footer {background:none;background:transparent;padding:0px;text-align:left;} .deletesingleimage {display:inline-block; vertical-align:top} /**** upload files and images */ #addrowbutton .ui-pg-div {float:none; text-align:center} #addrowbutton span { display:none} /** all easyui css **/ .easyui-form{padding:0px 13px;margin: 0; background:#fff; /*overflow-x:hidden*/} .easyui-form-textbox .validatebox-text,.easyui-form-textbox .validatebox-disabled,.easyui-form-textbox .textbox {width: 100%!important; min-height: 28px; line-height: 28px;} .easyui-textarea-height .textbox {width:100%} .easyui-textarea-height .textbox textarea { width:100%!important; height:80px!important; padding:10px} .easyui-textarea-height-one .textbox {width:100%!important} .easyui-textarea-height-one .textbox textarea { width:100%!important; height:50px!important; padding:10px; overflow:hidden; overflow-y:auto} .easyui-textarea-height-two .textbox {width:100%!important} .easyui-textarea-height-two .textbox textarea { width:100%!important; height:100px!important; padding:10px; } .easyui-textarea-height-three .textbox {width:100%!important} .easyui-textarea-height-three .textbox textarea { width:100%!important; height:95px!important; padding:10px; } .easyui-textarea-height-four .textbox {width:100%} .easyui-textarea-height-four .textbox textarea { width:100%!important; height:50px!important; padding:10px;overflow:hidden;} .easyui-readonly .textbox-addon.textbox-addon-right {display:none} .easyui-readonly.easyui-textarea-height .textbox textarea, .easyui-readonly .textbox-text {margin:0px; padding:0px; height:auto!important; line-height:normal!important; border:0px} .easyui-readonly.easyui-textarea-height .textbox textarea {overflow:hidden} .easyui-readonly .textbox-label-top { height: auto; line-height: normal; margin-bottom:0px} .easyui-readonly .easyui-readonly-textarea .textbox-label-top {margin-bottom:5px} .easyui-readonly #divNewComment .textbox textarea{height:80px!important} .easyui-readonly .textbox {border:0px} .easyui-readonly .easyui-form-textbox .easyui-readonly .validatebox-text, .easyui-readonly .easyui-form-textbox .validatebox-disabled, .easyui-readonly .easyui-form-textbox .textbox {border:0 } .easyui-readonly .has-error input[type=text] {border:1px solid #fff} .easyui-readonly-inline-edit .textbox-addon.textbox-addon-right {display:none} .easyui-readonly-inline-edit.easyui-textarea-height .textbox textarea, .easyui-readonly .textbox-text {border:1px solid #fff} .easyui-readonly-inline-edit.easyui-textarea-height .textbox textarea {overflow:hidden} .easyui-readonly-inline-edit .textbox {border:1px solid #fff; margin-left:-1px!important} .easyui-readonly-inline-edit .easyui-form-textbox, .easyui-readonly-inline-edit .validatebox-text, .easyui-readonly-inline-edit .easyui-form-textbox .validatebox-disabled, .easyui-readonly-inline-edit .easyui-form-textbox .textbox {border:1px solid #fff; margin-left:-5px!important} .easyui-readonly commentsset-textarea.easyui-textarea-height .textbox textarea, .easyui-readonly.easyui-textarea-height commentsset-textarea .textbox textarea{margin-left:0px!important; overflow-y:auto!important; overflow-x:hidden!important; padding:5px} .clockicon .combo-arrow { background-image: url('../images/timer.png'); background-position: center center;} .hotelexpenseinput .numberbox .textbox-text {width: 155px!important;} .numberboxleft .numberbox .textbox-text {text-align: left;} .numberboxcenter .numberbox .textbox-text {text-align: center;} .numberboxright .numberbox .textbox-text {text-align: right;} .hoteleditroomcharges {border-left:1px solid #d9d9d9} /** all easyui css **/ .min-width-unset {min-width:unset!important} .highcharts-credits { display: none!important;} .highchart-loading {line-height:200px; font-size:1.5rem} /** pivot table */ .pivottable .tree-icon.tree-file, .pivottable .tree-icon.tree-folder {display:none!important} .pivottable .datagrid-cell-c6-_total, .pivottable .datagrid-cell-c2-_total, .pivottable .datagrid-ftable {font-weight:600} .pivottable .datagrid-toolbar {padding: 14px 3px;} .pivottable .datagrid-toolbar .textbox-addon-right .icon-ok:before { content: "\e9ec";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; position:relative;top:2px;left:6px; color:#27C05A} /** pivot table */ .extra-tool-tip .top {position:absolute; text-align:center; padding:2px; line-height:normal} .extra-tool-tip .tooltip-inner {font-size:0.9rem; font-weight:500} .chat-formum-popup-content { background: #F5F5F5; padding-bottom: 10px; border-left:1px solid #E6E6E6; min-height:300px} .chat-formum-popup-content-form {background: #F5F5F5;} .chat-formum-popup-content-form-feilds {background: #fff; border-right:1px solid #E6E6E6} /*.chat-formum-popup-content .textbox-label-top, .chat-formum-popup-content et-section-title i, .chat-formum-popup-content et-section-title {color:#fff }*/ .vehicletyperadioset .radiobutton .radiobutton { position:relative;left:-2px;top:-5px;} .textbox-label-top { width:auto!important;position:relative} .claimedamount .textbox-text{font-weight:700} .BillNoheight .textbox-text{height:28px; line-height:28px} .datboxheight .textbox.datebox{height:31px;} /** grid table **/ #perdiemtableone_Exclude, #perdiemtableone_Breakfast , #perdiemtableone_Lunch, #perdiemtableone_Dinner, #perdiemtableone_Personal Stay, #perdiemtable_Breakfast ,#perdiemtable_Lunch , #perdiemtable_Dinner {text-align:center} .perdiempage .ui-jqgrid-bdiv, .perdiempage .ui-jqgrid-hdiv,.ui-jqgrid-btable {width:99.9%!important} /*.perdiempage .ui-jqgrid-bdiv, .perdiempage .ui-jqgrid-hdiv,.ui-jqgrid-btable {width:99.9%!important}*/ #perdiemtable_Amount,#perdiemtableone_Amount, #hotel1table_Amount, #tickets1table_Amount, #jqGrid_TotalAmount,#jqgh_jqGridDeclinedClaims_TotalAmount, #jqgh_jqGridApprovalAwaited_TotalAmount , #jqGridApproved_TotalAmount {text-align:right} #jqgh_jqGridDeclinedClaims_ExpenseReportID,/*#jqGrid_FromTime,#jqGrid_ToTime,*/ #jqgh_jqGridApprovalAwaited_ExpenseReportID, #returninggridElement_ApproverName,#returninggridElement_FromTime,#jqGrid_ApproverName, #jqgh_jqGridApproved_ExpenseReportID {padding-left:0px} #gview_jqGridDeclinedClaims .ui-jqgrid-bdiv .table > tbody > tr > td:first-child , #gview_jqGridApproved .ui-jqgrid-bdiv .table > tbody > tr > td:first-child , #gview_jqGridApprovalAwaited .ui-jqgrid-bdiv .table > tbody > tr > td:first-child {padding-left:14px} #jqgh_jqGrid_RatePerKM, #jqgh_jqGrid_ExpenseHeadCount, #jqGridBulkEmp_cb ,#jqGridFineTune_cb ,#grdAllGroupPolicy_cb ,#grdAllEmployees_cb ,#jqGridFineTuneEmployee_cb, #grdAllLocation_cb {text-align:center} #jqgh_jqGrid_Unit ,#jqgh_jqGrid_Rate, #jqgh_jqGrid_EmpNo,#jqgh_jqGrid_SubmittedOn,#jqgh_jqGrid_ExpenseReportID, #jqgh_jqGrid_ExpenseHeadCustomFields,#jqgh_jqGrid_CityClassName {left:-3px} #jqgh_requestformtable_Date,#jqgh_jqGrid_undefined, #jqgh_jqGrid_IsExpensePolicyConfigured {left:-2px} #jqgh_jqGridDeclinedClaims_SubmittedOn, #jqgh_jqGridApproved_SubmittedOn, #jqgh_jqGridApprovalAwaited_SubmittedOn, #jqgh_jqGrid_FieldTypeName, #jqgh_jqGrid_ExpenseGLHead, #jqgh_jqGrid_ProcessName {left:-1px} .ui-jqgrid .ui-jqgrid-view input:focus {border:1px solid #000; /*height:27px*/} /*#gview_jgGridDynamic {width:100%}*/ body .et-transport-bike-2,body .et-transport-bike-2:before {font-size:1.692rem!important} #divCustomFieldItems .ui-jqgrid-hbox{width:100%!important} #divCustomFieldItems .ui-paging-pager {display:none} #gbox_requestformtable .ui-jqgrid-hbox .table thead tr th{text-align:center} #gbox_requestformtable #requestformtable_Destination{text-align:left} #gbox_requestformtable #requestformtable_Actions{text-align:left} #gbox_requestformtable #requestformtable_Date{text-align:left} .bold-label-1{ font-weight:600} .textbox.easyui-fluid,.easyui-fluid.combo{width:100%!important; height:28px!important;} .inline-label .textbox.easyui-fluid,.inline-label .easyui-fluid.combo{width:70%!important; height:28px!important; display:inline-block} .combo-arrow{height:28px!important} /** 2 feb 2023 pending applcation chage approver popup**/ #divChangeAapproverApplType .combo-arrow {height:60px!important} #divChangeAapproverApplType .textbox-text{width: 95%!important} /** 2 feb 2023 pending applcation chage approver popup**/ .textbox-text{height:28px; line-height:28px!important} .textbox.easyui-fluid{height:auto!important; line-height:normal!important} textarea.textbox-text{line-height:normal!important} /** outlook design */ body .outlooktabrightsection {padding-left:0px} .outlooktabsleft {cursor:pointer} body .outlooktabrightsection-mobile { position: absolute; top: 41px; display: block; padding-left: 3px; padding-right: 3px;} body .outlooktabrightsection-mobile .sixtyimageradius { margin-left:0px!important} /** outlook design */ .maxlengthdiv {font-size:0.72rem; float:right; text-align:right} .titleleftblueborder{ border-left: 3px solid #729bfc; padding-left: 4px; margin-left: -8px;} /**desktop */ .schedulesetdiv {display:block} .scheduleset {display:block; border-bottom:1px solid #D1D3D6; padding-bottom:0px; padding-left:0px;margin-bottom:0px} .schedulesetouter {border-bottom:0px solid #EBECED} .schedulesetinner {border-left: 1px dashed #000;padding-left:15px;position:relative;padding-top: 15px;padding-bottom: 30px;margin-bottom: -15px;} .schedulesetlastchild .schedulesetinner{border-left:0px} body .sheduletime1 {font-size:11px!important} .scheduleset .scheduleset-cnt-border{ border-bottom: 0px solid #EBECED; margin-bottom: 0px; padding-bottom: 0px;padding-left:15px;} .scheduleset .scheduleset-cnt-border-second{ border-top: 1px solid #EBECED; padding-top: 10px; margin-right:10px} .scheduleset .scheduleset-cnt{display:block;} .scheduleset .scheduleset-cnt { color:#000; font-size:0.95rem; } .scheduleset .scheduleset-cnt .datenos { color:#000; /*font-size:1.3rem;*/ font-weight:500 } .scheduleset .schedule-requestedfor, .scheduleset .schedule-day{ color:#494747; /*font-size:0.9rem*/font-size:12px; /*font-weight:300*/ margin-bottom:5px} .scheduleset .schedule-city{ color:#5b5b5b; font-size:1.2rem; font-weight:400 } .scheduleset .schedule-requestedfor-ico-set {display:block } .scheduleset .schedule-requestedfor-ico-set i {display:inline-block; vertical-align:middle; width:30px; text-align:left } .schedulesetdiv .scheduleset:last-child { border:0px; margin-bottom:0px; padding-bottom:0px} .schedulesettimelineouterdiv .schedulesettimeline:first-child {margin-top:0px} .schedulesettimeline { position: relative; margin-top:30px} .schedulesettimeline .schedulesetouter:first-child .scheduleset .schedulesetinner{padding-top:0px} .schedulesetcircle{background: white;display: inline-block;position: absolute;border-radius: 50%;border: 1px solid #000;left:-6px;width: 12px;height: 12px;z-index: 400; margin-top:31px} .schedulesetcircle-background {background: white; display:block;position: absolute;width:4px; height:40px; left:-2px; top:0px; z-index:1; display:none} .schedulesetcircle-border {display:block;position: absolute;height:47px; left:0px; top:0px; border-left: 1px dashed #000;; z-index:2; display:none} .schedulesetlastchild .schedulesetcircle-border {display:block} .schedulesetfirstchild .schedulesetcircle-background {display:block} .schedulesetborder {display: block;position: absolute;left: 45px;width: 1px;z-index: 399;border-left:1px dotted #000} .scheduleset .schedule-requestedfor-ico-set .et-text-danger i {width:auto; margin-left:20px} .scheduleset .scheduleset-cnt .rechotel {color: #000;/*font-size: 1.3rem;*/font-size: 1rem;font-weight: 400} .scheduleset .scheduleset-cnt .checkindatenos {color: #000;/*font-size: 1.3rem;*/font-weight: 500} .scheduleset .scheduleset-cnt .checkdays {color: #000;font-size: 1.3rem;font-weight: 400} .scheduleset .checkschedule-day {color: #8c8c8c;font-size: 0.8rem;/*font-weight: 300*/margin-bottom: 0px} .schedulesetoutercities .schedulesetinner {padding-top:0px; padding-bottom:0px; margin-bottom:0px} .schedulesetoutercities .schedulesetinnercities {border-left: 1px dashed #000;padding-left:15px;position:relative;padding-top: 5px;padding-bottom: 60px; margin-bottom: -45px;} .schedulesetoutercities .scheduleset .schedulesetinner:last-child{border-left:0px} .schedulesetoutercities .schedulesetcircle {margin-top:33px} .schedulesetoutercities .scheduleset .schedulesetinner:first-child .schedulesetcircle-background {display:block} /*.schedulesetoutercitiesdiv .schedulesetoutercities:first-child {background:red}*/ .schedulesetoutercitiesdiv .scheduleset {margin-bottom:15px; padding-bottom:15px} .schedulesetoutercitiesdiv .schedulesetinnercities:last-child {background:green} /**desktop */ .et-easyui-numberbox .textbox-text {text-align:right} .mobile-pagecontent-title-padding-left {padding-left:24px} et-content-area-title-text .checkbox-inner.checkbox-checked svg {position:relative; top:0px} .btnnewrequestnew:before { content: "\e902"; font-family: 'etfonts';speak: none; cursor:pointer; font-size:25px; } .btndeletenew:before { content: '\e965';font-family: 'etfonts';speak: none; cursor:pointer; font-size:25px; color:#7D7D7D} .startcompletereportdate {font-weight: 400; font-size: 1.308rem!important;margin-bottom: 10px !important; margin-top: 10px !important; color:#000} /** all cards */ .card1 { display: block;padding: 8px 8px 14px 8px;background: #fff;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.14);margin-bottom: 20px;} .card1 .card1name { display:block; font-size:1rem; font-weight:500; line-height:normal; margin:8px 0px 12px} .card2 { display: block;padding:0px;margin-bottom: 0px;} .card2 .cardname { display:inline-block; font-size:1rem; font-weight:300; line-height:normal; margin:8px 0px 12px} .card2 .twentyfiveradius {border:1px solid #fff } /** all cards */ #load_grdAllLocation,#load_grdAllGroupPolicy {left:15%!important} .travel-drafts-card-1 {position: relative; } /*.travel-drafts-card-1:before {content: "";position: absolute;bottom: -1px;left: -1px;border-width: 0 16px 16px 0;border-style: solid;border-color: #ccc #ccc #fff #fff; background: #ccc;display: block; width: 0;}*/ .travel-drafts-card-1 .rounded {-moz-border-radius: 5px;border-radius: 5px ;box-shadow:0 0px 5px rgba(0, 0, 0, 0.14);border: 1px solid #ccc;padding: 8px 0px 8px 8px;} .travel-drafts-card-1 .rounded:before {border-width: 8px;border-color: transparent transparent #fff #fff;-moz-border-radius: 0 0 0 5px;border-radius: 0 0 0 5px;} /** invetmentdeclarations */ .invetmentdeclarations {display:block} .invetmentdeclarations .accordion {background:none; } .invetmentdeclarations et-collapse-section et-main-page-content-title {padding-top:12px; padding-bottom:12px; } .invetmentdeclarations et-collapse-section et-main-page-content-title[aria-expanded="true"]:after{top:15px; right:0px} .invetmentdeclarations et-collapse-section et-main-page-content-title::after{right:0px; top:15px} .invetmentdeclarations .invdectotal {font-weight:600; font-size:1rem ; float:right; padding-right:8px } .invetmentdeclarations .firstrow {padding-top:20px } .invetmentdeclarations .details{text-align:right; float:right; font-size:0.8rem} .invetmentdeclarations .leftlabel {white-space: nowrap;width:93%;overflow: hidden;text-overflow: ellipsis;display:inline-block; vertical-align:middle } .invetmentdeclarations et-collapse-section {cursor:unset } .invetmentdeclarations .infoleftlabel {display:inline-block ;vertical-align:middle; width:15px } .invetmentdeclarations .right .tooltip {background:#fff; text-align:left ;-webkit-box-shadow: -1px 4px 6px -3px rgba(0,0,0,0.75);-moz-box-shadow: -1px 4px 6px -3px rgba(0,0,0,0.75);box-shadow: -1px 4px 6px -3px rgba(0,0,0,0.75); color:#797979; font-size:0.8rem; margin-top: -12px; width:250px; padding-top:8px; line-height:20px; font-weight:300} .invetmentdeclarations .right .tooltip:before{top:7px; right:-5px; border-color: transparent #ccc transparent transparent;} .invetmentdeclarations .textbox .textbox-text {width:100%!important; padding-right:13px } .invetmentdeclarations et-collapse-section et-main-page-content-title[aria-expanded="true"] { background:#fff} .invetmentdeclarations .numberbox.textbox-readonly input:read-only{ background-color: #F5F5F5!important; background: #e7ebed; border-radius:0px} .invetmentdeclarations .min-height-space { /*min-height:53px */ } .invetmentdeclarations .invdecgroupborder {padding:12px 14px } .invetmentdeclarations .invdecgroupborder:nth-child(even){background:#F5F5F5 } .invetmentdeclarations .invdecgroupborder et-form-group-block-eight {margin-bottom:0px } .invetmentdeclarations .invdecgroupborder:hover { background:#EFEFEF } .investmentdeclrationbg {background: url(../../assets/images/investmentbanner1.png); background-repeat: repeat-x; background-size: contain; padding-top:20px} /** invetmentdeclarations */ .travelstepfootertext {font-size:1.3rem; font-weight:500; margin-top:20px} .travelstepfooterbtn {margin-top:20px} .routediv {display:block} /*/ss*/ .routedivset,.routedivsetcity ,.routedivsetdate .routedivsetdiff {display:inline-block} .routedivsetdiff {display:inline-block; margin:0px 5px} .routedivset .routedivsetdate { /*/margin-left:8px*/ margin-left:0px} .routediv .routedivset:last-child .routedivsetcity,.routediv .routedivset:last-child .routedivsetdiff {/* display:none*/ margin-left:8px} a.travelreporticonset {display:inline-table; border:2px solid #739cfd; text-align:center; border-radius:4px; padding:5px 0rem; margin:10px 4px 10px 0px; cursor:pointer ;box-shadow: 4px 4px 4px rgb(221, 221, 221) ; vertical-align:top; height:65px; width:97px;position:relative } /*a.travelreporticonset {display:inline-block; border:2px solid #739cfd; text-align:center; border-radius:4px; padding:5px 1.26rem; margin:0px 5px 10px 0px; cursor:pointer ;box-shadow: 4px 4px 4px rgb(221, 221, 221) ; vertical-align:top; height:75px}*/ /*a.travelreporticonset i {display:block; font-size:1.8rem; background:transparent; padding:8px; margin-top:-33px; margin-bottom:0px; color:#343e9f!important; }*/ a.travelreporticonset i {display:block; position:absolute;width:80%; text-align:center;left:10%; font-size:1.8rem; background:#F5F5F5; padding:8px; margin-top:-25px; margin-bottom:0px; color:#343e9f!important; height:35px; overflow:hidden } a.travelreporticonset i:before { color:#343e9f } a.travelreporticonset span {display:table-cell;font-size:1rem;line-height:15px; width:100%;height:100%; vertical-align:middle} /*a.travelreporticonset span {display:block; font-size:1.2rem;}*/ /*a.travelreporticonset:hover , a.travelreporticonset:hover i , a.travelreporticonset:hover i:before ,a.travelreporticonset:hover span {border-color:/#72afd2/#739cfd; color:#fff; background:#739cfd}*/ a.travelreporticonset .et-bed-5 { font-size: 2.538rem } a.travelreporticonset .et-food-2 { font-size: 2.769rem } a.travelreporticonset:hover , a.travelreporticonset:hover i , a.travelreporticonset:hover i:before ,a.travelreporticonset:hover span {border-color:/*#72afd2*/#72afd2; color:#72afd2; } a.travelreporticonset1 {display:inline-block; border:2px solid #739cfd; text-align:center; border-radius:4px; padding:5px 1.26rem; margin:0px 5px 10px 0px; cursor:pointer ;box-shadow: 4px 4px 4px rgb(221, 221, 221) ; vertical-align:top; height:75px} a.travelreporticonset1 i {display:block; font-size:1.8rem; background:transparent; padding:8px; margin-bottom:0px; color:#343e9f!important; } a.travelreporticonset1 i:before { color:#343e9f } a.travelreporticonset1 span {display:block; font-size:1.2rem;} a.travelreporticonset1:hover , a.travelreporticonset1:hover i , a.travelreporticonset1:hover i:before, a.travelreporticonset1:hover span {border-color:/*#72afd2*/#739cfd; color:#fff; background:#739cfd} a.travelreporticonset1 .et-bed-5 { font-size: 2.538rem } a.travelreporticonset1 .et-food-2 { font-size: 2.769rem } .travelreporticonset-dashboard1 {display:block; border:2px solid #739cfd; text-align:center; border-radius:4px; padding:5px ; margin:0px 4px 0px 0px; box-shadow: 4px 4px 4px rgb(221, 221, 221) ; vertical-align:top; height:auto; width:auto} .travelreporticonset-dashboard1:hover , .travelreporticonset-dashboard1:hover i , .travelreporticonset-dashboard1:hover i:before ,.travelreporticonset-dashboard1:hover span {color:#72afd2; } .travelreporticonset-dashboard1 .dashicon {display:block;line-height:3.7rem } .travelreporticonset-dashboard2 {display:block; border:0px solid #739cfd; border-radius:0px; padding:0px ; margin:0px 0px 0px 0px; box-shadow: 0px 0px 0px rgb(221, 221, 221) ; vertical-align:top; height:auto; width:auto} /*.travelreporticonset-dashboard2:hover , .travelreporticonset-dashboard2:hover i , .travelreporticonset-dashboard2:hover i:before ,.travelreporticonset-dashboard2:hover span {color:#72afd2; }*/ .travelreporticonset-dashboard2 .dashicon {display:inline-block;line-height:3.7rem ; vertical-align:top } .prefrencelabel i {width:40px} .travelreporticonsetsmall {padding: 3px 23px; height: auto; margin-right:8px} .travelreporticonsetsmall i { vertical-align: top; color: #fff; margin-right: 8px; font-size:2rem } .travelreporticonsetsmall .et-perdium-1:before ,.travelreporticonsetsmall .et-mileage-1:before,.travelreporticonsetsmall .et-others-1:before,.travelreporticonsetsmall .et--ticket-1:before, .travelreporticonsetsmall .et-bed-5:before {color:#fff } .traveltableset {display:block; margin-top:0px} .traveltablesethead{display:block; margin-bottom:0px; text-transform:uppercase} .traveltablesethead .traveltablesetheadtitle{display:block;color: #3a3a3a; font-size: 1rem; float:left; font-weight:600} .traveltablesethead .traveltablesetheadnos{display:block;color: #3a3a3a; font-size: 1rem; float:right; font-weight:600} .traveldashboardouterset {margin-bottom:10px} .traveldashboardset,.traveldashboardsetcontainer {display:block;} .traveldashboardsetcontainer {border-bottom:1px solid #EFEFEF; padding-bottom:8px; margin-bottom:5px} .traveldashboardset .traveldashboardsetcontainer:last-child {border:0px; padding-bottom:0; margin-bottom:0px} .traveldashboardouterset .textr1 {font-weight: 300; font-size: 1.3rem; margin-bottom: 20px;} .traveldashboardouterset .textr2 {font-weight: 300; font-size: 0.8rem; margin: 10px 0px;} #divtraveldetail et-content-bg-color-white , #edittraveldetails et-content-bg-color-white {box-shadow:0px 0px 0px} .jqgridinvdecfooterbutton .ui-pager-table .ui-pg-button:hover, .jqgridinvdecfooterbutton .ui-pager-table .ui-pg-table td {padding:0px 1px 0px 10px!important} .ui-jqgrid .ui-jqgrid-pager {width:100%!important} .jqgridinvdecfooterbutton .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {margin-top:5px;background: #F4F4F4; padding: 10px; height: auto;} .jqgridinvdecfooterbutton .ui-pg-button {color: #739cfd; font-size:0.9rem} .jqgridinvdec .ui-jqgrid .ui-jqgrid-view input:focus {border:0px solid #000; /*height:27px*/} .jqgridinvdec .datebox .textbox-text{width:89px!important} .ui-jqgrid .ui-jqgrid-view input:focus {border:1px solid #000; /*height:27px*/} .jqgridinvdecfooterbutton .ui-pg-table .ui-icon {display:none} .jqgridinvdecfooterbutton .ui-jqgrid .ui-jqgrid-pager .ui-pg-div {width:100%; text-align:center; line-height:23px} .jqgridinvdec .ui-jqgrid .inline-edit-cell {padding:0px; height:27px} .jqgridinvdec .ui-jqgrid .textbox-text {height:27px!important} .errorbodylink {display:block;width:100%}/* this is **/ .errorsuccessdropdown { position:relative; z-index:9} .errorsuccessdropdown .errorsuccessdropdowntitle {display:block; padding:0px; /*padding:8px;*/ font-weight:600; width:100%; /* background:#f8d7da; border:1px #ebccd1 solid */} .errorsuccessdropdowntitlehover,.errorsuccessdropdown .errorsuccessdropdowntitle:hover { /*background:#f8d7da;border:1px #ebccd1 solid */} .errorsuccessdropdown .errorsuccessdropdownbody {position:absolute; left:0px; top:38px; z-index:2;background:#fff;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);border-radius:0px 0px 5px 5px; width:auto ; max-width:500px; min-width:600px; display:none; border:1px solid rgba(0, 0, 0, 0.15)} .errorsuccessdropdown .errorsuccessdropdownbody:before { content: ' '; position: absolute; top: -8px; left: 11px; width: 0 !important; height: 0 !important; border-left: 11px solid transparent !important; border-right: 11px solid transparent !important; border-bottom: 8px solid #fff !important; z-index: 3; } .errorsuccessdropdown .errorsuccessdropdownbody:after { content: ' '; position: absolute; top: -9px; left: 10px; width: 0 !important; height: 0 !important; border-left: 12px solid transparent !important; border-right: 12px solid transparent !important; border-bottom: 9px solid #ccc !important; z-index: 2; } .errorsuccessdropdown .errorsuccessdropdownbodyone { max-width:300px; min-width:300px;} .errorsuccessdropdown:hover .errorsuccessdropdownbody {display:block } .errorsuccessdropdown .errorsuccessdropdownbody a:hover, .errorsuccessdropdown .errorsuccessdropdownbody a {display:block; padding:4px 7px; color:#5E5E5E; border-bottom:1px solid #d9d9d9 } .errorsuccessdropdown .errorsuccessdropdowntitle .rotatearrow:after { content: '\e9ad'} .errorsuccessdropdown .errorsuccessdropdowntitle .rotatearrowover:after { content: '\e9aa'; } .errorsuccessdropdown:hover .errorsuccessdropdowntitle .rotatearrow:after { content: '\e9aa'; } .errorsuccessdropdown .errorsuccessdropdowntitle .rotatearrow, .errorsuccessdropdown .errorsuccessdropdowntitle .rotatearrowover {font-size:1rem ;font-weight:bold; font-family: 'etfonts'; speak: none; } .allexpensetable {background:#fff; opacity:0.5; left:0px; top:0px; position:absolute; z-index:6; width:100%; height:100%} .allfeildsmetthecriteria {/*background-color: #dff0d8; border: #d6e9c6 1px solid; padding:8px; */ font-weight:600; color:#3c763d!important} body .errorsuccessdropdown1 .temdashboardrp {right: 0px; left: unset; width: 350px; display:none; max-width: unset; min-width: unset; } body .errorsuccessdropdown1 .temdashboardrp::before, body .errorsuccessdropdown1 .temdashboardrp:before, body .errorsuccessdropdown1 .temdashboardrp::after, body .errorsuccessdropdown1 .temdashboardrp:after { content: ' ';position: absolute; top: 17px; right: 11px; width: 0 !important; height: 0 !important; border-left: 11px solid transparent !important; border-right: 11px solid transparent !important; border-bottom: 8px solid #fff !important;z-index: 3;} .familymember {display:block} .familymember .familymemberbody {display:none} .familymember .rotatearrow:after { content: '\e9ad'} .familymember .rotatearrowover:after { content: '\e9aa'; } .familymember .rotatearrow, .familymember .rotatearrowover {font-size:1rem ;font-weight:bold; font-family: 'etfonts'; speak: none; } body .rotatearrow:after { content: '\e9ad'} body .rotatearrowover:after { content: '\e9aa'; } body .rotatearrow,body .rotatearrowover {font-size:1rem ;font-weight:bold; font-family: 'etfonts'; speak: none; } .allreadonly .textbox-disabled,.allreadonly .validatebox-disabled {width:100%!important; background:transparent!important;background-color:transparent!important; border:1px solid transparent} .allreadonly input[type=text]:disabled {border:1px solid transparent} .allreadonly .textbox-disabled, .allreadonly .textbox-label-disabled {opacity:1} .allreadonly .textbox-addon {display:none} .allreadonly .validatebox-readonly, .allreadonly .textbox input:read-only {background-color:transparent!important;background:transparent!important;} .et-bed-11:before {color:inherit!important} #gbox_jqGridItinerary .ui-jqgrid .loading {top:76%} .autotextareaheight { box-sizing: border-box; resize: none; overflow:hidden} .parentcheckedradioo .textbox-label { color:#3253B4} .parentcheckedradioo .radiobutton.inputbox,.parentcheckedradioo .radiobutton { border:2px solid #3253B4!important} .parentcheckedbox .textbox-label { color:#3253B4} .parentcheckedbox .checkbox {border:2px solid #3253B4!important} #divcopyitinerary .ui-jqgrid .loading { top:75%} body .adddestinationradiotextsetico .textbox-label .et-transport-car-2 {font-size:2rem!important} body .adddestinationradiotextsetico .textbox-label .et-transport-car-3 {font-size:2rem!important} body .et-train3x:before {font-size:2rem!important} .reasoninred label {color:#C62828} .et-breakfast-6:before {color:unset!important} .et-breakfast-10:before {color:unset!important} .window .window-header .panel-tool { display:block; height: 16px; z-index: 9999; background:#fff} .panel-title {width:95%} .editreportdetail .et-content-bg-color-white {box-shadow:0 0px 0px rgba(0, 0, 0, 0.14)} .viewaslabel .textbox-disabled,.viewaslabel .validatebox-disabled, .viewaslabel .textbox-readonly {width:100%!important; background:transparent!important;background-color:transparent!important; border:1px solid transparent} .viewaslabel input[type=text]:disabled {border:1px solid transparent} .viewaslabel .textbox-disabled, .viewaslabel .textbox-label-disabled {opacity:1} .viewaslabel .textbox-addon {display:none} .viewaslabel .validatebox-readonly, .viewaslabel .textbox input:read-only {background-color:transparent!important;background:transparent!important; color:#000000;font-size: 0.9rem;font-weight: 600;padding-left:0} .viewaslabelvalue .textbox-text {font-weight:600} .viewaslabel1 .validatebox-readonly, .viewaslabel1 .textbox input:read-only {font-weight:400} /** step form **/ et-step-form{display:block;width:100%;} et-step-form:before, et-step-form:after { content: " "; display: table; clear: both;} et-step-form-ul{display:block;width:100%;} et-step-form-ul:before, et-step-form-ul:after { content: " "; display: table; clear: both;} et-step-form .nav-tabs{margin:0px auto; padding:0px; display:inline-block; border-bottom:0px solid #e8ecee; border-radius:4px; color:#fff; position:relative} et-step-form .nav-tabs .stepformsmalltext{font-size:0.6923rem; display:block;line-height:15px; } et-step-form .nav-tabs .stepformbigtext{font-size:0.92rem; display:block; line-height:30px; position:relative;z-index:5 } et-step-form .nav-tabs li{display:inline-block; vertical-align:middle; border-bottom:0px solid #e8ecee; padding:7px 15px 7px 50px; margin-left:-4px; position:relative; background:#EFEFEF; color:#B0B0B0} et-step-form .nav-tabs li:first-child{border-radius:4px 0px 0px 4px; margin-left:0px; padding-left:15px} et-step-form .nav-tabs li:last-child{border-radius:0px 4px 4px 0px} et-step-form .nav-tabs li:last-child .et-line-arrow {display:none} et-step-form .nav-tabs li:hover{border-bottom:0px solid #404040} et-step-form .nav-tabs li.activestepform{border-bottom:0px solid #729bfc;background:#006BB3; color:#fff} et-step-form .nav-tabs li.activestepform.activestepformdone{background:#DEF6D2; color:#5A8445} et-step-form .nav-tabs li.activestepform .stepformbigtext{color:#fff} et-step-form .nav-tabs li.activestepform.activestepformdone .stepformbigtext{color:#5A8445} et-step-form .nav-tabs .stepformbigtext:before{content: '\e9f9';font-family: 'etfonts';speak: none;position: relative; left: -3px; top: 2px;} et-step-form .nav-tabs li.activestepform .stepformbigtext:before{content: '\e9f9';font-family: 'etfonts';speak: none; position: relative; left: -3px; top: 2px;} et-step-form .nav-tabs li.activestepform.activestepformdone .stepformbigtext:before{content: '\e9f1';font-family: 'etfonts';speak: none;position: relative; left: -3px; top: 2px;} .et-line-arrow { overflow: hidden;display: inline-block;font-size: 9px; width: 4.0em; height: 3.8em; margin-top: -2em;top: 50%;} .et-square.et-right { transform: rotate(45deg);} .et-line-arrow.et-right {border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(54deg) skew(20deg);right: -18px;position: absolute;background: inherit; z-index:2; top:31px} et-step-form .nav-tabs li.activestepform .et-line-arrow.et-right{border-top: 1px solid #006BB3;border-right: 1px solid #006BB3} et-step-form .nav-tabs li.activestepform.activestepformdone .et-line-arrow.et-right{border-top: 1px solid #5A8445;border-right: 1px solid #5A8445; z-index:1} stepform-fieldset {display: none;} #stepform-fieldset-first {display: block;} et-step-form .stepformcirlce{margin:0px auto; padding:0px} et-step-form .stepformcirlce li{list-style-type:none; float:left; padding:0px; text-align:center; position:relative; height:100px } et-step-form .stepformcirlce li .toptext{display:block; text-align:center ; font-size: 0.6923rem; line-height: 15px;} et-step-form .stepformcirlce li .cirlce{width:21px; height:21px; background:#fff; border-radius:100%; display:block; padding:0px; position:relative; z-index:1; margin:0px auto; border:1px solid #979797} et-step-form .stepformcirlce li .bottomtext{display:block; text-align:center; line-height:17px;width:94%} et-step-form .stepformcirlce li .heighter{display: block; border: 0px; /* background: #EFEFEF; */ position: absolute; width: 100%; height: 2px; top: 25%; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #979797, #979797, #979797, #979797); background-size: 4px 2px, 100% 2px; border: none;} et-step-form .stepformcirlce li:last-child .heighter{ border-top: 2px dotted #fff; background: linear-gradient(#fff,#fff) padding-box /* Don't extend this to border */, linear-gradient(to right, #979797, #979797 49%, #fff 49%, #fff) border-box; /*Border-box is not need as it's the default value*/ } et-step-form .stepformcirlce li.activestepform1 .heighter{ background: #784BC3;} et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .cirlce i { vertical-align:middle } et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .cirlce, et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .heighter{ background: #2FAD71;} et-step-form .stepformcirlce li.activestepform1:first-child .heighter{ background: #784BC3;background: -moz-linear-gradient(left, #ffffff 50%, #784BC3 50%);background: -webkit-linear-gradient(left, #ffffff 50%,#784BC3 50%); background: linear-gradient(to right, #ffffff 50%,#784BC3 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#784BC3',GradientType=1 );} et-step-form .stepformcirlce li.activestepform1.activestepformdone1:first-child .heighter{ background: #2FAD71;background: -moz-linear-gradient(left, #ffffff 50%, #2FAD71 50%);background: -webkit-linear-gradient(to right, #ffffff 50%,#2FAD71 50%); background: linear-gradient(to right, #ffffff 50%,#2FAD71 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2FAD71',GradientType=1 );} et-step-form .stepformcirlce li:first-child.activestepformdone .cirlce {background:#784BC3; } et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .cirlce {background: #2FAD71; border:1px solid #2FAD71; color:#fff; font-size:19px; line-height:17px} et-step-form .stepformcirlce li.activestepform1 .cirlce {background: #784BC3; border:1px solid #784BC3;} et-step-form .stepformcirlce li.activestepform1:last-child .heighter{ border:0px; background: #784BC3;background: -moz-linear-gradient(left, #784BC3 50%, #ffffff 50%);background: -webkit-linear-gradient(left, #784BC3 50%,#ffffff 50%); background: linear-gradient(to right, #784BC3 50%,#ffffff 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#784BC3', endColorstr='#ffffff',GradientType=1 );} /*et-step-form .stepformcirlce li.activestepform1:last-child .heighter{ background: #006bb3;background: -moz-linear-gradient(left, #2FAD71 50%, #ffffff 50%);background: -webkit-linear-gradient(left, #2FAD71 50%,#ffffff 50%); background: linear-gradient(to right, #2FAD71 50%,#ffffff 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2FAD71', endColorstr='#ffffff',GradientType=1 );} et-step-form .stepformcirlce li.activestepform1:last-child .cirlce {background:#2FAD71; }*/ et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .toptext{color:#5A8445;} et-step-form .stepformcirlce li.activestepform1.activestepformdone1 .bottomtext{color:#5A8445} body et-step-form .stepformcirlce li.declinedstepform1 .heighter{ background: #C62828} body et-step-form .stepformcirlce li.declinedstepform1.declinedstepformdone1 .heighter {background:#C62828} body et-step-form .stepformcirlce li.declinedstepform1 .cirlce, body et-step-form .stepformcirlce li.declinedstepform1.declinedstepformdone1 .cirlce {background: #C62828; color: #fff; font-size: 19px; line-height: 17px;} body et-step-form .stepformcirlce li.declinedstepform1 .cirlce i, body et-step-form .stepformcirlce li.declinedstepform1.declinedstepformdone1 .cirlce i {position: relative; left: 2px; vertical-align: middle; } body et-step-form .stepformcirlce li.declinedstepform1.declinedstepformdone1 .bottomtext ,body et-step-form .stepformcirlce li.declinedstepform1.declinedstepformdone1 .toptext, body et-step-form .stepformcirlce li.declinedstepform1 .bottomtext {color: #C62828} body et-step-form .stepformcirlce li.declinedstepform1.declinedstepform1:last-child .heighter, body et-step-form .stepformcirlce li.declinedstepform1:last-child .heighter { background: #fff;background: -moz-linear-gradient(right, #C62828 50%, #fff 0%);background: -webkit-linear-gradient(right, #C62828 50%, rgba(255,0,0,0) 0%); background: linear-gradient(to right, #C62828 50%, rgba(255,0,0,0) 0%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C62828', endColorstr='#fff',GradientType=1 );} body et-step-form .stepformcirlceauto {position:relative} body et-step-form .stepformcirlceauto li {height:auto;} body et-step-form .stepformcirlceauto li .heighter {top:25px } body et-step-form .stepformcirlceauto .activestepform1 .heighter {top:25px } body et-step-form .stepformcirlceauto .activestepform1.activestepformdone1 .heighter{top:25px } body et-step-form .stepformcirlce li.activestepformdone1:last-child .heighter, body et-step-form .stepformcirlce li.activestepform1.activestepformdone1:last-child .heighter { border:0px; background: #fff;background: -moz-linear-gradient(right, #2FAD71 50%, #fff 0%)!important; background: -webkit-linear-gradient(right, #2FAD71 50%, rgba(255,0,0,0) 0%)!important; background: linear-gradient(to right, #2FAD71 50%, rgba(255,0,0,0) 0%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2FAD71', endColorstr='#fff',GradientType=1 )!important;} body et-step-form .stepformcirlce li.singletemp .heighter{ border-top: 2px dotted #fff; background: linear-gradient(#fff,#fff) padding-box /* Don't extend this to border */, linear-gradient(to right, #fff, #fff 49%, #fff 49%, #fff) border-box; /*Border-box is not need as it's the default value*/ } body et-step-form .stepformcirlce li.multitemp:first-child .heighter{ display: block; border: 0px; /* background: #EFEFEF; */ position: absolute; width: 100%; height: 2px; top: 25%; background-image: linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #fff, #fff, #979797, #979797); background-size: 4px 2px, 100% 2px; border: none;} et-step-form-hor-ul{display:block;width:100%;} et-step-form-hor-ul:before, et-step-form-hor-ul:after { content: " "; display: table; clear: both;} et-step-form .stepformcirlcehor{margin:0px auto; padding:0px; width:200px; float:left;} et-step-form .stepformcirlcehor li{list-style-type:none; padding:0px; text-align:left; position:relative; width:100%; display:block; padding-bottom:0px; height:60px} et-step-form .stepformcirlcehor li .toptext{display:inline-block; text-align:left ; font-size: 0.6923rem; line-height: 15px; padding-left:5px; padding-top:0px} et-step-form .stepformcirlcehor li .cirlce{width:25px; height:25px; background:#C7C7C7; border-radius:100%; display:block; padding:0px; position:relative; z-index:1; margin:0px; float:left; color:#fff} et-step-form .stepformcirlcehor li .bottomtext{display:block; text-align:left; line-height:17px;width:100%;padding-left:30px; padding-top:3px} et-step-form .stepformcirlcehor li .heighter{display: block;border: 0px;position: absolute;width:2px;height: 100%;top: 0%;left: 5%; background: repeating-linear-gradient(to bottom,transparent 0 4px,#979797 4px 8px) 80%/2px 100% no-repeat;} et-step-form .stepformcirlcehor li:last-child .heighter{ background: #EFEFEF;background: -moz-linear-gradient(top, #EFEFEF 0%, #EAEAEA 0%);background: -webkit-linear-gradient(top, #EFEFEF 0%,#EAEAEA 0%); background: linear-gradient(to bottom, #EFEFEF 0%,#EAEAEA 0%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#EAEAEA',GradientType=1 );} et-step-form .stepformcirlcehor li.activestepform2 .heighter{ background: #006bb3;} et-step-form .stepformcirlcehor li.activestepform2 .cirlce i, et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .cirlce i{position:relative;left:2px; vertical-align:middle} et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .cirlce, et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .heighter{ background: #2FAD71;} et-step-form .stepformcirlcehor li.activestepform2:first-child .heighter{ background: #006bb3;background: -moz-linear-gradient(top, #006bb3 75%, #ccc 25%);background: -webkit-linear-gradient(top, #006bb3 75%,#ccc 25%); background: linear-gradient(to bottom, #006bb3 75%,#ccc 25%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bb3', endColorstr='#ccc',GradientType=1 );} et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2:first-child .heighter{background: #2FAD71} et-step-form .stepformcirlcehor li:first-child.activestepformdone .cirlce {background:#006BB3; } et-step-form .stepformcirlcehor li.activestepform2 .cirlce, et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .cirlce {background: #2FAD71; color:#fff; font-size:19px; line-height:17px} et-step-form .stepformcirlcehor li.activestepform2 .cirlce {background: #006bb3;} et-step-form .stepformcirlcehor li.activestepform2:last-child .heighter{ background: #006bb3;background: -moz-linear-gradient(top, #006bb3 0%, #EAEAEA 0%);background: -webkit-linear-gradient(top, #006bb3 0%,#EAEAEA 0%); background: linear-gradient(to bottom, #006bb3 0%,#EAEAEA 0%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006bb3', endColorstr='#EAEAEA',GradientType=1 );} et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .toptext{color:#5A8445;} et-step-form .stepformcirlcehor li.activestepform2.activestepformdone2 .bottomtext{color:#5A8445} et-step-form et-step-form-hor-ul .stepformcirlcehor li:last-child .heighter { background: #EFEFEF; background: -moz-linear-gradient(top, #EFEFEF 0%, #fff 0%); background: -webkit-linear-gradient(top, #EFEFEF 0%,#fff 0%); background: linear-gradient(to bottom, #EFEFEF 0%,#fff 0%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#fff',GradientType=1 ); } et-step-form et-step-form-hor-ul li .fortyimageradius{width:40px!important} et-step-form .onlyimage li .heighter{left:10%} et-step-form .onlyimage li{height:75px} et-step-form .stepformcirlcenew li{height:auto; color:#ccc} et-step-form .stepformcirlcenew li .heighter{top:10px} et-step-form .stepformcirlcenew li .toptext{padding-bottom:8px; font-size:inherit} et-step-form .stepformcirlcenew li .bottomtext{width:100%; font-size:inherit} et-step-form .stepformcirlcenew li .et-tick-9{display:none} et-step-form .stepformcirlcenew li.activestepform1.activestepformdone1 .et-tick-9{display:block; position:relative;top:1px} et-step-form .stepformcirlcenew li.activestepform1 .toptext, et-step-form .stepformcirlcenew li.activestepform1 .bottomtext{color:#784BC3!important } et-step-form .stepformcirlcenew li.activestepform1.activestepformdone1 .toptext, et-step-form .stepformcirlcenew li.activestepform1.activestepformdone1 .bottomtext{color:#2FAD71!important } .onlyimageone .stepformcirlcehor{width:100%} .onlyimageone .stepformcirlce li{height:auto!important; text-align:left} .onlyimageone .stepformcirlce li .cirlce{width:40px!important; height:40px!important; display:inline-block} .onlyimageone .stepformcirlce li .toptext{display:inline-block; vertical-align:top} .onlyimageone .stepformcirlce li .heighter{position:relative; width:45px; display:inline-block; margin-left:5px} .onlyimageone .stepformcirlce li:last-child .heighter{display:none} et-step-form .onlyimagewidthone{width:300px} et-step-form .onlyimagewidthone li .heighter {left:6.5% } et-step-form .onlyimagewidthone li .toptext {width:75% } et-step-form .stepformcirlcehor li.activestepform2:last-child .heighter { background: #fff;background: -moz-linear-gradient(top, #fff 0%, #fff 100%);background: -webkit-linear-gradient(top, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 100%); background: linear-gradient(to bottom, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,0,0,0)', endColorstr='rgba(255,0,0,0)',GradientType=1 );} et-step-form .stepformcirlcehor li:last-child .heighter{ background: #fff;background: -moz-linear-gradient(top, #EFEFEF 0%, #fff 0%);background: -webkit-linear-gradient(top, #EFEFEF 0%,#fff 0%); background: linear-gradient(to bottom, #EFEFEF 0%,#fff 0%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#fff',GradientType=1 );} /**new hor-zantal */ et-step-form-hor-ul .stepformcirlcenew {margin:0px auto; padding:0px} et-step-form-hor-ul .stepformcirlcenew li { height: auto; color: #ccc; list-style-type:none; float:left;width:100%} et-step-form-hor-ul .stepformcirlcenew li .toptext { font-size: inherit;} et-step-form-hor-ul .stepformcirlcenew li .bottomtext { display: block; text-align: left; font-size:11px;line-height:normal} et-step-form-hor-ul .stepformcirlcenew li .heighter{display: block; border: 0px; left:10px; position: absolute; width: 2px; height: 50px; top: 25%; background: repeating-linear-gradient(to bottom,transparent 0 4px,#979797 4px 8px) 80%/2px 100% no-repeat;} et-step-form-hor-ul .stepformcirlcenew li:last-child .heighter{ border-top: 2px dotted #fff; background: linear-gradient(#fff,#fff) padding-box /* Don't extend this to border */, linear-gradient(to right, #979797, #979797 49%, #fff 49%, #fff) border-box; /*Border-box is not need as it's the default value*/ display:none } et-step-form-hor-ul .stepformcirlcenew li.activestepform1 .heighter{ background: #784BC3;} et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1 .cirlce i { vertical-align:middle ; display:block; position:relative;top:1px } et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1 .cirlce, et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1 .heighter{ background: #2FAD71;} et-step-form-hor-ul .stepformcirlcenew li.activestepform1:first-child .heighter{ background: #784BC3;background: -moz-linear-gradient(left, #ffffff 50%, #784BC3 50%);background: -webkit-linear-gradient(left, #ffffff 50%,#784BC3 50%); background: linear-gradient(to right, #ffffff 50%,#784BC3 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#784BC3',GradientType=1 );} et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1:first-child .heighter{ background: #2FAD71;background: -moz-linear-gradient(left, #ffffff 50%, #2FAD71 50%);background: -webkit-linear-gradient(left, #ffffff 50%,#2FAD71 50%); background: linear-gradient(to right, #ffffff 50%,#2FAD71 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2FAD71',GradientType=1 );} et-step-form-hor-ul .stepformcirlcenew li:first-child.activestepformdone .cirlce {background:#784BC3; } et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1 .cirlce {background: #2FAD71; border:1px solid #2FAD71; color:#fff; font-size:19px; line-height:17px} et-step-form-hor-ul .stepformcirlcenew li.activestepform1 .cirlce {background: #784BC3; border:1px solid #784BC3;} et-step-form-hor-ul .stepformcirlcenew li.activestepform1 .cirlce i{display:none} et-step-form-hor-ul .stepformcirlcenew li.activestepform1:last-child .heighter{ border:0px; background: #784BC3;background: -moz-linear-gradient(bottom, #784BC3 50%, #ffffff 50%);background: -webkit-linear-gradient(bottom, #784BC3 50%,#ffffff 50%); background: linear-gradient(to bottom, #784BC3 50%,#ffffff 50%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#784BC3', endColorstr='#ffffff',GradientType=1 );} et-step-form-hor-ul .stepformcirlcenew li .cirlce{width:21px; height:21px; background:#fff; border-radius:100%; float:left; padding:0px; position:relative; z-index:1; border:1px solid #979797;text-align:center} et-step-form-hor-ul .stepformcirlcenew li .cirlce i{display:none} et-step-form-hor-ul .stepformcirlcenew li .circleheightdiv{width:21px; float:left; margin-right:10px} et-step-form-hor-ul .stepformcirlcenew li .topbottomtxt{width:85%; float:left; padding-bottom:15px} et-step-form-hor-ul .stepformcirlcenew li.activestepform1.activestepformdone1{color:#2FAD71!important} et-step-form-hor-ul .stepformcirlcenew li.activestepform1{color:#784BC3!important} et-step-form-hor-ul .stepformcirlcenew li.activestepform1danger .heighter{ background: #E57373;} et-step-form-hor-ul .stepformcirlcenew li.activestepform1danger{ color: #E57373; } et-step-form-hor-ul .stepformcirlcenew li.activestepform1danger .cirlce{ background: #E57373; color: #E57373; border: 1px solid #E57373;} /**new hor-zantal */ body et-step-form .stepformcirlce.ulapprovelistpunchapplication li {width:auto!important} /** step form **/ .dashboardradius div:first-child {border-radius:5px 0px 0px 0px} /*.dashboardradius div:last-child {border-radius:0px 5px 0px 0px}*/ .dashboardradius div:nth-last-child(2){border-radius:0px 5px 0px 0px} .dashboardcashadv {display:block} .dashboardcashadv .currency {display:block; background:transparent; border-radius:30px; border:2px solid #fff ; line-height:27px; color:#fff; font-size:1.5rem ; text-align:center; height:30px } .divGeneralAdvance .currency {display:block; background:transparent; border-radius:30px; border:2px solid #5E5E5E ; line-height:23px; color:#5E5E5E; font-size:1.3rem ; text-align:center; height:25px;width:25px } .dashboardcashadvempty .currency {display:block; background:transparent; border-radius:30px; border:2px solid #5E5E5E ; line-height:27px; color:#5E5E5E; font-size:1.5rem ; text-align:center; height:30px } .temdashboardiconcolor.et-others-1:before, .temdashboardiconcolor:before,.temdashboardiconcolor::before,.temdashboardiconcolor {color:#729BFC!important} .temdashboardiconcolorone {color:#417505; opacity:0.3} .oneslideingouterdiv, .threeslideingouterdiv {overflow-x:hidden} .oneslideingcontainer , .threeslideingcontainer{overflow-x:hidden; position:relative} .autoresizetextarea { resize:none; overflow:hidden} .noautoresizetextarea { resize:none; overflow:hidden} /***nested draggable list*/ .nesteddragablelist {display:block} .nesteddragablelist ol {display:block;margin:0px auto;padding:10px;border:1px solid #dfdfdf;border-radius:5px ; clear:both } .nesteddragablelist ol ol { clear:both; display:block;margin:0px auto;padding:8px;} .nesteddragablelist ol li {display:block;list-style-type:none;margin:0px auto;padding:0px;cursor: move; } .nesteddragablelist .nesteddragablelist-head {float:left; font-size:1rem; font-weight:500} .nesteddragablelist .nesteddragablelist-remove {float:right} .nesteddragablelist ol ol li { border-bottom:1px solid #dfdfdf; } /***nested draggable list*/ /* all mask **/ .otherrelatedexpensesdivmask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=20); opacity: 0.2; font-size: 1px; overflow: hidden; background:#fff; z-index:1 } /* all mask **/ /* all box shadow **/ .box-shadow-1 { -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14); } .box-shadow-2 { -webkit-box-shadow: 5px 0px 33px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 5px 0px 33px 0px rgba(0, 0, 0, 0.14); box-shadow: 5px 0px 33px 0px rgba(0, 0, 0, 0.14); } .box-shadow-3 { -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.03); } /* all box shadow **/ /* all gradient **/ .box-gradient-1 { background-color: #132e57; background: linear-gradient(to bottom right, #132e57, #25a2af ); background: -webkit-linear-gradient(to bottom right, #132e57, #25a2af); background: -moz-linear-gradient(to bottom right, #132e57, #25a2af); background: -o-linear-gradient(to bottom right, #132e57, #25a2af); background: -ms-linear-gradient(to bottom right, #132e57, #25a2af); -ms-filter: progid:DXImageTransform.Microsoft.Gradient( startColorStr='#132e57', endColorStr='#25a2af', GradientType=0 ); } .gradientborderbottom {display: block;border: solid 0px #CCC;border-bottom: none;position: relative; border:0px} .gradientborderbottom:after {content:"";background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0% , rgba(204, 204, 204, 1) 100%);display: block;height:1px;width: 100%;position: absolute;bottom: 0;} .investmentdecgradienthome {display:block; /*background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.43) 30.88%, #FFFFFF 100%);*/ background:url('../images/investmentbanner1.jpg'); background-position: center right; background-repeat: no-repeat; border-radius: 0px 5px 5px 0px; background-size: cover; min-height:185px } .investmentdecgradient { background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.43) 30.88%, #FFFFFF 100%); position:absolute;left:0px; top:0px;min-height:185px;width:100%; } /* all gradient**/ .todaybirthdaydiv {background:#fcf3f9 url(./../assets/images/birthdaywallpaper.png);background-size: cover;} .notodaybirthdaydrp,.todaybirthdaydrp {border-color:#800080; border-width:2px} .newjoineediv{ background: #e8ffeb url(../../assets/images/newjoinee.png); background-size: 27px; background-repeat: no-repeat; background-position: 14rem 5px;} .nonewjoineedrp,.newjoineedrp { border-width: 2px!important; border-color: #2fad71;} .todaybirthdaylist:last-child {border:0px; margin:0px!important; padding:0px} .newjoineelist:last-child {border:0px; margin:0px!important; padding:0px} .clonabsolutediv {background:#fff;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);border-radius:0px 0px 5px 5px; width:auto ; border:1px solid rgba(0, 0, 0, 0.15)} .weekdayscheckbox .textbox-label-after{ text-align:center!important; padding:0px; height:auto!important; font-weight:600; margin-top:5px; font-size:1.1rem; width:100%!important} .weekdayscheckbox .textbox-label-after span{display:block;font-weight:400;font-size:0.9rem} #map-canvas {width: 100%;height:200px; background-color: grey;} /*.error-message-relative .error-message {position:relative;float:right;text-align:right}*/ .wfhdaysselectd{color:#303967; font-weight:500} .tablelessheader{background:#F7F7F7;color: #626262; font-weight: 500; font-size: 0.8rem; padding-top:3px; padding-bottom:3px} .reddisabledtimespinner{color:#B5192C} /*.reddisabledtimespinner .textbox-addon{display:none}*/ .reddisabledtimespinner input[type=text]:disabled{background:none;border:0px;color:#B5192C} .reddisabledtimespinner .textbox-disabled, .reddisabledtimespinner .textbox-label-disabled{opacity:1;color:#B5192C} .et-easyuitabs .panel-body{background:none;/*729bfc*/; overflow:hidden} .et-easyuitabs .tabs li.tabs-selected .tabs-inner {border-bottom:2px solid #729bfc ;color:#729bfc; height:40px!important; line-height:38px!important; font-weight:600 } .et-easyuitabs .tabs li .tabs-inner {color:#797979; height:40px!important; line-height:38px!important; font-weight:500; padding:0 15px!important} .et-easyuitabs .tabs-header, .et-easyuitabs .tabs-tool { background:none; border-color:#d9d9d9 } .et-easyuitabs .tabs { border-width:0 0 2px 0; height:40px!important ; border-color:#f3f3f3!important } .et-easyuitabs .tabs-title {font-size: 0.8rem;} .et-easyuitabs .tabs-pill.tabs .tabs-header, .et-easyui-tabs-pills .tabs, .et-easyui-tabs-pills .tabs-header{border:0px!important; background:transparent; border:0px!important} .et-easyuitabs .tabs-pill li .tabs-inner, .et-easyui-tabs-pills .tabs li .tabs-inner{font-size:12px!important; font-weight:500; text-transform:uppercase; color: #fff; background: #9CA6C7; padding: 3px 10px; border-radius: 31px; line-height:normal!important;height:auto!important } .et-easyuitabs .tabs-pill tabs-title, .et-easyui-tabs-pills .tabs-title{font-size:12px!important} .et-easyuitabs .tabs-pill .tabs-title {font-size:11px;} .et-easyuitabs .tabs-pill li {margin-top:9px} .et-easyuitabs .tabs-pill li.tabs-selected .tabs-inner, .et-easyui-tabs-pills .tabs li.tabs-selected .tabs-inner{ font-size:11px!important; font-weight:500; text-transform:uppercase; border:0px; background:#739cfd ; height: auto!important; color:#fff!important; line-height: normal!important; padding: 3px 10px!important;} body .et-easyuitabs .easyui-linkbutton.pills{font-size:11px!important; font-weight:500; text-transform:uppercase; color: #fff; background: #9CA6C7; padding: 2px 5px; border-radius: 31px; line-height:normal!important;height:auto!important } body .et-easyuitabs .easyui-linkbutton.pills.l-btn-selected{ font-size:11px!important; font-weight:500; text-transform:uppercase; border:0px; background:#739cfd ; height: auto!important; color:#fff!important; line-height: normal!important;} .datelinkbtn .l-btn{height: auto!important; line-height: 30px; padding: 0px 13px; display:inline-block; vertical-align:middle } .datelinkbtn .l-btn-plain-selected, .datelinkbtn .l-btn-plain-selected:hover{font-size:18px;background:#9DA4DF;color:#fff} .reddisabledtimespinner .btnpopup{right:3px;} /*** punch regularization new**/ .punchregularization{} .punchregularization .firstdiv{width:45%; padding-right:50px; float:left; margin-bottom:20px; border-right:1px solid #d9d9d9} .punchregularization .secondidiv{width:50%; margin-top:20px} .punchregularization.grayfooterbuttonbg1 .footerbtn{margin-top:26px; text-align:right} .punchregularizationcontentrow .punchregularizationrow{border-bottom:1px solid #d9d9d9; padding-bottom:20px} .punchregularizationcontentrow .punchregularizationrow:last-child{border-bottom:0px;padding-bottom:0} .gray-section-title-dashboard-bgcolor {background:#d9d9d9!important;} @media screen and (max-width: 600px) { .punchregularization .firstdiv { width: 100%; padding-right: 00px; float: left; margin-bottom: 20px; border-right: 0px solid #d9d9d9; } .punchregularization .secondidiv { width: 100%; margin-top: 0px; float: left; text-align: left; } .punchregularization .fullwidthlabel-left .textbox-label { width: auto!important; vertical-align: middle; } .punchregularization .secondidiv .firstsubdiv { display: block; } .punchregularization .secondidiv .seconsubdiv { display: block; margin-top: 15px; margin-bottom: 15px; } .punchregularization.grayfooterbuttonbg1 .footerbtn { margin-top: 0px; text-align: center; position: relative; top: -15px; } .punchregularizationrow { margin-bottom: 10px; } .punchregularizationrow .editableinsiderowone { display: block; content: " "; display: table; clear: both; width: 100%; padding: 8px 15px; } .punchregularizationrow .editableinsiderowone .punchregularizationone, .punchregularizationrow .editableinsiderowone .punchregularizationtwo { width: auto; margin-right: 8px; padding: 0px 0px 0px 0px; } .punchregularizationrow .editableinsiderowone .punchregularizationthree { width: auto; float: right; position: relative; top: 2px; } .punchregularizationrow .editableinsiderowtwo { display: block; content: " "; display: table; clear: both; padding: 0px 8px; background: #FCFCFC; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour et-center-table et-center-table-cell { display: table-cell; vertical-align: top; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour et-center-table et-center-table-cell:nth-child(1) { width: 85%; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour et-center-table et-center-table-cell:nth-child(2) { /*width: 15%;*/ } .punchregularizationrow .editableinsiderowsubtwo { display: block; content: " "; display: table; clear: both; padding: 0px 8px; background: #FCFCFC; width: 100%; } .punchregularizationrow .editableinsiderowthree { display: block; content: " "; display: table; clear: both; width: 100%; padding: 8px 15px; } .punchregularizationrow .editableinsiderowthree .punchregularizationsix, .punchregularizationrow .editableinsiderowthree .punchregularizationseven { width: auto; margin-right: 8px; float: none; } .punchregularizationrow .editableinsiderowthree .punchregularizationseven { position: relative; top: 2px; width: auto; float: right; position: relative; top: 2px; } .punchregularizationrow .editableinsiderowthree .punchregularizationsix { margin-top: 8px; } .btnpopup { right: 0px; top: 0px; position: relative; font-size: 8px; } .btnpopup et-edit-row:after { font-size: 12px; } .punchregularizationcontentrow et-center-table { vertical-align: top; } .punchregularizationcontentrow .et-width-px-80 { width: 59px; } .punchregularizationcontentrow .punchregularizationrow { padding-bottom: 0px; } .punchregularizationrow .editableinsiderowthree .punchregularizationseven { margin-right: 0px; padding-right: 0px; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfive { margin: 0px; text-align: right; } .punchregularizationrow .editableinsiderowone, .punchregularizationrow .editableinsiderowthree { display: block; background: #FCFCFC; } .punchregularizationrow .editableinsiderowone et-content-area-1, .punchregularizationrow .editableinsiderowone et-content-area-2 { float: none; display: inline-block; vertical-align: top; } .punchregularizationrow .editableinsiderowone .validateTooltip { width: 10%; } .punchregularizationrow .editableinsiderowone .punchregularizationone { width: 7%; } .punchregularizationrow .editableinsiderowone et-content-area-2 { width: 78%; padding-left: 0px; } .punchregularizationrow .editableinsiderowtwo { display: table-cell; width: 75%; vertical-align: middle; padding: 0px 15px 8px 15px; } .punchregularizationrow .editableinsiderowsubtwo { display: table-cell; width: 23%; vertical-align: middle; height: 100%; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour { margin-bottom: 0px; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour:last-child { margin-bottom: 0px; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour label { display: inline-block!important; vertical-align: middle; } .punchregularizationrow .editableinsiderowtwo .punchregularizationfour et-content-bg-color-white { display: inline-block!important; vertical-align: middle; width: 60%; padding-left: 8px!important; } .punchregularizationcontentrow .punchregularizationrow { padding-bottom: 0px; } .punchregularizationrow .editableinsiderowsubtwo .punchregularizationfivesub { width: 100%!important; text-align: left!important; position: relative; top: 6px; } .punchregularizationrow .editableinsiderowsubtwo .punchregularizationfivesub:nth-child(2) { margin: 37px 0px; } .punchregularizationrow .editableinsiderowone et-content-area-2 div { width: max-content; top: 0px; margin-right: 3px; display: inline-block; vertical-align: middle; } .punchregularizationrow .editableinsiderowone et-content-area-2 div:nth-child(1) { font-size: 16px; font-weight: 600; } .punchregularizationrow .editableinsiderowone et-content-area-2 div span { display: inline-block; vertical-align: middle; margin-right: 5px; } .punchregularizationrow .editableinsiderowthree { padding: 0px; padding-bottom: 10px; } .punchregularizationrow .editableinsiderowthree .punchregularizationsix, .punchregularizationrow .editableinsiderowthree .punchregularizationseven { display: inline-block; vertical-align: middle; float: none; } .punchregularizationrow .editableinsiderowthree .punchregularizationsix { width: 30%; } .punchregularizationrow .editableinsiderowthree .punchregularizationsix.punchregularizationsixfixedmobile { width:97px!important } .punchregularizationrow .editableinsiderowthree .punchregularizationseven { width: 65%; } .punchregularizatoindiv et-content-bg-color-white { background:transparent } } .punchregularizationcontentrow et-center-table et-center-table-cell{vertical-align:top} .nopunchregulartime{color:#e6e4e4} .punchregulardate{font-size:0.7rem; line-height:normal;color:#737373} .punchregulartime{line-height:normal; margin-top:4px; font-weight:500} .punchregularizationheightdiv{padding:5px!important} /*** punch regularization new**/ /*--------- Visitor Management Application Css Start Here */ /* VM APP PAGE CSS GLOBAL USE */ html.visitorApp,.visitorApp body {margin: 0; padding: 0; height: 100%; overflow: hidden;} .preloader-vms {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 20%); z-index: 9991;} .status-vms {width: 200px;height: 200px;position: absolute;left: 50%;top: 50%;background-image: url(../images/spin3.gif);background-repeat: no-repeat;background-position: center;margin: -100px 0 0 -100px;z-index:9995} .logoheader { width: 88px; height:21px;} .visitorAppWrap et-main-page-content, .visitorAppWrap et-content-bg-color-primary { margin-bottom: 0 !important; padding-bottom: 0 !important; } .visitorAppWrap .min-height { height: 100vh; } .visitorAppWrap .textbox-text { height: 40px !important; font-size: 16px !important; } .visitorAppWrap .textColor, .visitorAppWrap a.btntextcolor { color: #ffffff; } .posicenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .secAppMiddle { overflow-y: auto; } .vCenter-section.vCenter-table, .vCenter-slide.vCenter-table { display: table; table-layout: fixed; width: 100%; } .vCenter-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .bgImgsection { background: #202674 url("../images/login.jpg") no-repeat top center; color: #ffffff; height: 100%; background-size: cover; } .visitorAppWrap .grayfooter { background: #ffffff; } .visitorAppWrap et-content-bg-color-white{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);} .exitBtn-shadow { box-shadow: 0 3px 7px 0 rgba(33, 37, 85, 0.55); } .btn-disable{cursor: not-allowed;} .visitorAppWrap .alert {color: #fff;padding: 10px 20px;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem;} .visitorAppWrap .alert.alert-primary {background-color: #6777ef;} /*Prevent from number arrow Chrome, Safari, Edge, Opera */ .visitorApp input::-webkit-outer-spin-button,.visitorApp input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} /*Prevent from number arrow Firefox */ .visitorApp input[type=number] {-moz-appearance: textfield;} /*Style scrollbar */ .visitorApp ::-webkit-scrollbar {width: 12px;} .visitorApp ::-webkit-scrollbar-thumb {border-width: 1px 1px 1px 2px} .visitorApp ::-webkit-scrollbar-track {border-width: 0} .visitorApp ::-webkit-scrollbar {height: 16px;overflow: visible;width: 16px;} .visitorApp ::-webkit-scrollbar-button {height: 0;width: 0;} .visitorApp ::-webkit-scrollbar-track {background-clip: padding-box;border: solid transparent;border-width: 0 0 0 4px;} .visitorApp ::-webkit-scrollbar-track:horizontal {border-width: 4px 0 0} .visitorApp ::-webkit-scrollbar-track:hover {background-color: rgba(158, 158, 158,.05);box-shadow: inset 1px 0 0 rgba(158, 158, 158,.1);} .visitorApp ::-webkit-scrollbar-track:horizontal:hover {box-shadow: inset 0 1px 0 rgba(158, 158, 158,.1)} .visitorApp ::-webkit-scrollbar-track:active {background-color: rgba(158, 158, 158,.05);box-shadow: inset 1px 0 0 rgba(158, 158, 158,.14),inset -1px 0 0 rgba(158, 158, 158,.07);} .visitorApp ::-webkit-scrollbar-track:horizontal:active {box-shadow: inset 0 1px 0 rgba(158, 158, 158,.14),inset 0 -1px 0 rgba(158, 158, 158,.07)} .visitorApp ::-webkit-scrollbar-thumb {background-color: rgba(158, 158, 158,.2);background-clip: padding-box;border: solid transparent;border-width: 1px 1px 1px 6px;min-height: 28px;padding: 100px 0 0;box-shadow: inset 1px 1px 0 rgba(158, 158, 158,.1),inset 0 -1px 0 rgba(158, 158, 158,.07);} .visitorApp ::-webkit-scrollbar-thumb:horizontal {border-width: 6px 1px 1px;padding: 0 0 0 100px;box-shadow: inset 1px 1px 0 rgba(158, 158, 158,.1),inset -1px 0 0 rgba(158, 158, 158,.07);} .visitorApp ::-webkit-scrollbar-thumb:hover {background-color: rgba(158, 158, 158,.4);box-shadow: inset 1px 1px 1px rgba(158, 158, 158,.25);} .visitorApp ::-webkit-scrollbar-thumb:active {background-color: rgba(158, 158, 158,0.5);box-shadow: inset 1px 1px 3px rgba(158, 158, 158,0.35);} .visitorApp ::-webkit-scrollbar-track {border-width: 0 1px 0 6px} .visitorApp ::-webkit-scrollbar-track:horizontal {border-width: 6px 0 1px} .visitorApp ::-webkit-scrollbar-track:hover {background-color: rgba(158, 158, 158,.035);box-shadow: inset 1px 1px 0 rgba(158, 158, 158,.14),inset -1px -1px 0 rgba(158, 158, 158,.07);} .visitorApp ::-webkit-scrollbar-thumb {border-width: 0 1px 0 6px} .visitorApp ::-webkit-scrollbar-thumb:horizontal {border-width: 6px 0 1px} .visitorApp ::-webkit-scrollbar-corner {background: transparent} .visitorApp body::-webkit-scrollbar-track-piece {background-clip: padding-box;background-color: #f5f5f5;border: solid #fff;border-width: 0 0 0 3px; box-shadow: inset 1px 0 0 rgba(158, 158, 158,.14),inset -1px 0 0 rgba(158, 158, 158,.07);} .visitorApp body::-webkit-scrollbar-track-piece:horizontal {border-width: 3px 0 0;box-shadow: inset 0 1px 0 rgba(158, 158, 158,.14),inset 0 -1px 0 rgba(158, 158, 158,.07);} .visitorApp body::-webkit-scrollbar-thumb {border-width: 1px 1px 1px 5px} .visitorApp body::-webkit-scrollbar-thumb:horizontal {border-width: 5px 1px 1px} .visitorApp body::-webkit-scrollbar-corner {background-clip: padding-box;background-color: #f5f5f5;border: solid #fff;border-width: 3px 0 0 3px;} .visitorApp a.et-btn-primary-flat:active, .visitorApp .et-btn-primary-flat:active, .visitorApp a.et-btn-primary:focus, .visitorApp .et-btn-primary:focus, .visitorApp a.et-btn-primary-flat:hover, .visitorApp .et-btn-primary-flat:hover{transition: all 0.3s ease;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);box-shadow: inset 1px 1px 0 rgba(158, 158, 158,.14);} /*Style scrollbar */ .visitorApp .d-flex{display: flex;} .visitorApp .d-align-center{align-items: center;} .visitorApp .textbox-label-checked i:before{color: #3253b4;} /* HEADER CSS */ #headerApp { z-index: 999;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);} /* HEADER CSS */ .section-bg{background: #FAFAFB;} .section-padding-all{padding: 20px;} /* VM APP PAGE CSS GLOBAL USE */ /* LOGIN SECTION REQURIED CSS START HERE*/ .ovel { position: relative; width: 200px; height: 200px; border: rgb(74 95 158 / 0.8) solid 12px; border-radius: 50%; margin: 0px 10px; box-shadow: 2px 0 18px 0 #3a4687, 0 0 16px 0 #424f95; margin: 0 auto 0 auto; /* transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);*/ } .bg-ovel-1 { background-color: #76d50e; color: #FAFAFA; } .bg-ovel-2 { background-color: #51C5CC; color: #FAFAFA; } .bg-ovel-3 { background-color: #656BF5; color: #FAFAFA; } .bg-ovel-4 { background-color: #2495F4; color: #FAFAFA; } .border-right { border-color: #d9d9d9; border-width: 1px; border-right-style: solid; } .border-bottom { border-bottom: 0; } @media (max-width: 768px) { /* Login Section */ .ovel { width: 195px; height: 195px; } .bgImgLogin { height: 100%; } .iconWrap { margin-bottom: 10px !important; } .iconText { font-size: 16px !important; } #section-login i { font-size: 3rem !important; } } /* LOGIN SECTION REQURIED CSS START HERE*/ /* ERROR SCAN REQUIRED CSS START HERE*/ .border-radius-0 { border-radius: 0; } .scanarea { position: relative; background-color: #d8d8d8; border: #979797 solid 1px; } .scanfreambg { background: url("../images/scanner.svg") center no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 50%; height: 50%; } /* ERROR SCAN REQUIRED CSS END HERE*/ /*QR CODE SCREEN REQUIRED CSS START HERE*/ .bg-color-blue-shade-1 { background-color: #2e3c79; } .bg-color-blue-shade-2 { background-color: #344388; } .content-right { color: #fcfdff; max-height: 45%; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; top: 0; } .content-right a { color: #fcfdff; margin-top: 25%; display: block; } .displayqrcode { margin: auto; height: 80%; width: 50%; background: rgb(52 67 136); position: relative; } .monitor { margin: auto; position: absolute; width: 90%; height: 195px; background: url("../images/camrera-fream.svg") center no-repeat; background-size: contain; display: block; z-index: 99; top: 0; bottom: 0; left: 0; right: 0; } .monitor .scan { width: 100%; height: 50px; position: absolute; z-index: 9999; -webkit-animation: scan 1s infinite; animation: scan 1s infinite; -webkit-animation-direction: alternate-reverse; border-top: solid 3px #2b6fa0; background: linear-gradient(180deg, #31a0ef57 0%, rgb(153 157 245 / 0%) 100%); } @-webkit-keyframes scan { 0%, 100% { transform: translateY(0); } 100% { transform: translateY(150px); } } video.scanwindow{margin: auto;position: absolute;width: 95%;height: 80%;display: block;top: 0;bottom: 0;left: 0;right: 0;} video.scanwindow-user{background: rgb(255 255 255 / 0%);margin: auto;position: absolute;width: 85%;height: 85%;display: block;top: 0;bottom: 0;left: 0;right: 0;} canvas.canvas-user {margin: auto;position: absolute;width: 77%;height: 85%;display: block;top: 0;bottom: 0;left: 0;right: 0;} /* The device with borders */ .mobilefream {position: relative;width: 290px;height: 520px;margin: auto;border: 16px #E0E0E0 solid;border-top-width: 60px;border-bottom-width: 60px;border-radius: 18px;box-shadow: inset 0px 0px 0px -4px rgba(255, 255, 255, 0.1), 1px 1px 6px rgba(0, 0, 0, 0.05), 1px 1px 8px rgba(0, 0, 0, 0.07);} /* The horizontal line on the top of the device */ .mobilefream:before {content: '';display: block;width: 60px;height: 5px;position: absolute;top: -30px;left: 50%;transform: translate(-50%, -50%);background: #333;border-radius: 10px;} /* The circle on the bottom of the device */ .mobilefream:after {content: '';display: block;width: 35px;height: 35px;position: absolute;left: 50%;bottom: -65px;transform: translate(-50%, -50%);background: #e7e7e7;border-radius: 50%;box-shadow: inset 0px 0px 0px -4px rgba(255, 255, 255, 0.1), 1px 1px 6px rgba(0, 0, 0, 0.05), 1px 1px 8px rgba(0, 0, 0, 0.07);} /* The screen (or content) of the device */ .mobilefream .content {width: 100%;height: 100%;background: #1b1d22;} /*QR CODE SCREEN REQUIRED CSS END HERE*/ /* ERROR POPUP CSS START */ .not-recognized-icon { background: url("../images/not-recognized.svg") center no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 100%; height: 70px; margin: auto; } .expired-code-icon { background: url("../images/expired-code.svg") center no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 100%; height: 67px; margin: auto; } .meeting-icon { background: url("../images/meeting.svg") center no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 100%; height: 67px; margin: auto; } .bg-modal-blue { background: #5d6add; } .customStyle { margin: 0 auto; } .customStyle .textbox .textbox-text { height: 60px; font-size: 45px; font-weight: 500; text-align: center; } .customStyle .textbox-button-left{color: #fff;background: #E0E0E0 ;border: 0 solid transparent;background: linear-gradient(to bottom,#E0E0E0 0,#E0E0E0 100%);border-width: 0 1px 0 0;} .customStyle .textbox-button-right{color: #fff;background: #5d6add;border: 0 solid transparent;background: linear-gradient(to bottom,#5d6add 0,#5d6add 100%);border-width: 0 0 0 1px;} .customStyle .spinner-button-up,.customStyle .spinner-button-down{background: none; } .customStyle .spinner-button-up:after{content: '\002B';color: #fff;font-size: 50px;font-weight: 300;} .customStyle .spinner-button-down:after{content:'\002D'; color: #666;font-size: 50px;font-weight: 300;} .customStyle .l-btn-left .l-btn-empty{margin: 0 6px;width: 16px;} .customStyle .l-btn-icon{width: 16px;height: 16px;line-height: 16px;} .customStyle .l-btn-icon-left .l-btn-icon{left: 0;} .customStyle .l-btn-icon{width: 100%;height: 100%;line-height: 16px;text-align: center;} .customStyle .l-btn-left{position: static;overflow: visible;} /* ERROR POPUP CSS END */ /* CLICK USER PROFILE */ .userImg { margin: 0 auto; height: 325px; width: 100%; position:relative; background:#FAFAFB; } .dummy-bg-img { background-size: contain; display: block; width: 60%; height: 70%; } .fream { background: url("../images/camrera-fream.svg") center no-repeat; background-size: contain; display: block; width: 70%; height: 70%; } .dummy-bg-idcard-img { background-size: contain; display: block; width: 60%; height: 60%; } .dummy-pic { background-size: contain; display: block; width: 100%; height: 100%; } .dummy-user-id-pic { background-size: contain; display: block; width: 100%; height: 100%; } @media (max-width: 768px) { .fream { width: 80%; } } /* CLICK USER PROFILE */ /* OTP SCREEN */ .btnRound { border-radius: 50%; min-width: 60px; min-height: 60px; transform: scaleX(-1);-webkit-transform: scaleX(-1);margin: 10px;} /* OTP SCREEN */ /* OTP ENTER*/ .align-horz-center { margin: 0 auto; } .borderradius { border-radius: 50px; } .visitorAppWrap .otp-textbox .textbox-text { text-align: center; } .enter-mobile i.et-vm-information:before {color:#fff;} /* OTP ENTER*/ /*REQUEST APPOINTMENT*/ .enter-host{margin: 0 auto ;} .enter-host .combo-arrow{height: 40px !important;} /*REQUEST APPOINTMENT*/ /* PASSCODE */ .enter-passCode i.pass-code:before{color: #4b57c3;} /* PASSCODE */ /* PRINT PASS */ .printedPass { width: 100%; height: auto; background: url("../images/group-all.svg") center no-repeat; background-size: contain; } /* PRINT PASS */ /*THANK YOU VISIT*/ .userProfilePic { border-radius: 50%; } .comment-info-box { border-radius: 5px; border: #5b65dd solid 1px; padding: 10px 30px; width: auto; margin: 0 auto; } .waving-hand {background: url('../images/waving-hand.svg') no-repeat center center;background-size: cover;} /*THANK YOU VISIT*/ /* MEDIA QUEIRES START */ @media (max-width: 1060px){ #headerApp et-main-page-content{ padding-left: 10px; padding-right: 10px; } #headerApp et-main-page-content, .visitorAppWrap et-main-page-content{width: 100%;} .displayqrcode {width: 80%;} .smartphone {position: relative;width: 290px;height: 90%;} } @media (max-width: 767.98px){ html.visitorApp, .visitorApp body{overflow-y: scroll;} .visitorAppWrap .section-title{font-size: 1rem !important;} .visitorAppWrap .footerContainer .et-text-right {text-align: left;} #headerApp{font-size: 0.7rem;} #headerApp .logoheader{width: 70px; height: 16px;} #section-login .section-login__left.border{border-bottom: 1px; border-bottom-style: solid;border-right: 0;} .visitorAppWrap .login-footer{background:#212775; bottom: 0 !important;} .visitorAppWrap .displayqrcode{height: 90%;width: 90%;} .visitorAppWrap .footerContainer{position: relative;} .smartphone {position: relative;width: 90%;height: 90%;} #errorModalbox6 .customStyle {width: 90% !important;} #errorModalbox6 .customStyle .textbox .textbox-text {font-size: 35px;} #section-otpscreen .fullwidthlabel-left .textbox-label, #otp-enter .fullwidthlabel-left .textbox-label,#section-otpscreen-no-appointment .fullwidthlabel-left .textbox-label,#otp-enter-no-appointment .fullwidthlabel-left .textbox-label, #section-passcode .fullwidthlabel-left .textbox-label{display: inline;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;padding-right: 5px;font-size: 12px;color: #737373; } #otp-enter .otp-textbox .et-width-7{width: 10% !important; margin-bottom: 15px;} #otp-enter .et-width-35,#otp-enter-no-appointment .et-width-35{width: 90% !important;} #section-last .min-height{height: 50vh;} #section-last .printedPass{height: 250px;} #section-last .margin-top-100{margin-top: 50px !important;} /* Error modal box*/ .visitorApp .panel.window{position: absolute !important; } .visitorApp .modalBoxWarp button, #errorModalbox-mid-buttons button{margin: 0 10px 10px 10px!important} #errorModalbox-mid-buttons{text-align: center;} } /* MEDIA QUEIRES End */ /* Visitor Management Application Css End Here ---------*/ .loanapprovallist{display:block} .loanapprovallist .loanapprovallistset{display:block; padding:12px 0px; border-bottom:1px solid #EBECED; cursor:pointer; border-right:3px solid #fff;} .loanapprovallist .loanapprovallistsetactive, .loanapprovallist .loanapprovallistset:hover{border-right:3px solid #6E7CFF;box-shadow: 0 2px 10px 0 rgba(226,229,255,0.68); background:#F1F2FE} .loanapprovallist .loanapprovallistset:last-child{border-bottom:0px} .loanapprovallistheader { border-radius: 5px 5px 0 0; background-color: #FAFAFA; box-shadow: 0 -3px 6px -3px rgba(200,200,200,0.5); padding:5px 15px; color:#767587} .lonapprovalleft { padding-right: 0px; padding-left: 0px; box-shadow: 1px 6px 6px 0 rgba(0,0,0,0.1); width:35%; vertical-align:top} .lonapprovalright{padding-left: 0px; padding-right: 0px; border-left:3px solid transparent; width:65%; vertical-align:top} .lonapprovalright{background:#fff!important} .lonapprovalrightmobie{position:fixed; right:-1000px; top:0px; width:100%; background:#fff; height:100%; overflow:hidden; overflow-y:scroll;z-index:99991} .lonapprovalrightmobie .et-btn-bigger-one{min-width:135px!important} .lonapprovalrightmobie .vmbackwardarrow{width:100%; margin-bottom:18px; margin-top:-5px} .lonapprovalrightmobie .grayfooterbuttonbg{display:block; position:fixed;width:100%; bottom:0px} .travledashboardtabs .finance:before { font-size: 2rem; display: inline-block; vertical-align: top;} .travledashboardtabs .chart-bar:before { font-size: 2rem; display: inline-block; vertical-align: top;} #dlgUserRequest { margin-top: -10px; } .claimperiod { overflow:auto;white-space:normal;line-height:normal } .switchbtnlabel .danger-switch-button label {position:relative;top:5px} .numberspinnerbtn .l-btn{min-width:25px} .et-up-arrow { width: 20px; height:30px; border-left: 20px solid transparent; display:block; border-right: 20px solid transparent; border-bottom: 10px solid #739cfd; margin: 0px auto; } .et-down-arrow{ width: 20px; height: 30px; border-left: 20px solid transparent; display:block; border-right: 20px solid transparent; border-top: 10px solid #739cfd; margin: 0px auto; } .hotelexpheaderdetail.et-pull-left { width:80% } .hotelexpheaderdetail.et-pull-right { width:20% } .recommededdiv {margin-left:14px;} .traveldetailstitlesubmobile {font-size:2rem!important} .puncpagepadding {padding:20px!important} .textbox-label-top{/*display: block;*/ width: auto; padding: 0; height: auto; overflow: unset; text-overflow: unset;white-space: unset; line-height: 30px; } .traveldesk .panel-body {font-size:0.9rem} /* easyui tooltip common color 16-08-2021 - start- */ /*.tooltip { background-color: #666; border-color: #666; color: #ffffff;}*/ /* easyui tooltip common color 16-08-2021 -end- */ .dropdownbodyright1 {left:auto!important; right:0px} .dropdownbodyright1:before { left:auto!important; right:2px } .dropdownbodyright1:after { left:auto!important; right:2px } .dropdownbodyright1-width {max-width:400px!important;min-width:400px!important} /** 1 sep 2021 9080*/ .loanapprovallist1 .loanapprovallistsetactive1, .loanapprovallist1 .loanapprovallistset:hover{border-right:3px solid #6E7CFF;box-shadow: 0 2px 10px 0 rgba(226,229,255,0.68); background:#dddff7 !important} /** 1 sep 2021 9080*/ /** 15 May 2024 9080*/ .codemappinglist{display:block} .codemappinglist .codemappinglistset{display:block; padding:12px 0px; border-bottom:1px solid #EBECED; cursor:pointer; border-right:3px solid #fff;} .codemappinglist .codemappinglistsetactive, .codemappinglist .codemappinglistset:hover{border-right:3px solid #6E7CFF;box-shadow: 0 2px 10px 0 rgba(226,229,255,0.68); background:#dddff7 !important} .codemappinglist .codemappinglistset:last-child{border-bottom:0px} .codemappinglistheader { border-radius: 5px 5px 0 0; background-color: #FAFAFA; box-shadow: 0 -3px 6px -3px rgba(200,200,200,0.5); padding:5px 15px; color:#767587} .codemappingleft { padding-right: 0px; padding-left: 0px; box-shadow: 1px 6px 6px 0 rgba(0,0,0,0.1); width:35%; vertical-align:top} .codemappingright{padding-left: 0px; padding-right: 0px; border-left:3px solid transparent; width:65%; vertical-align:top} /** 15 May 2024 9080*/ /** 9 dec 2021 ess190501*/ #HyperLinkComments .et-message-26:before {color:#739cfd} /** 9 dec 2021 ess190501*/ /** 05 Jan 2022 for grey footer curv*/ et-content-bg-new-white + .grayfooterbuttonbg { margin-top: -7px; z-index: 1; position: relative; } /** 05 Jan 2022 for grey footer curv*/ /** 02 March 2022 for TEM Scheduler TEM0010*/ #btnRunNow.l-btn-disabled, #btnRunNow.l-btn-disabled:hover { background: transparent!important;border:0px!important } #btnSendApprovalReminder.l-btn-disabled, #btnSendApprovalReminder.l-btn-disabled:hover { background: transparent!important;border:0px!important } #btnRunNowcashadvance.l-btn-disabled, #btnRunNowcashadvance.l-btn-disabled:hover { background: transparent!important;border:0px!important } #btnRunNowcreditcard.l-btn-disabled, #btnRunNowcreditcard.l-btn-disabled:hover { background: transparent!important;border:0px!important } #btnPerformActionsOnTimeoutReports.l-btn-disabled, #btnPerformActionsOnTimeoutReports.l-btn-disabled:hover { background: transparent!important;border:0px!important } /** 02 March 2022 for TEM Scheduler TEM0010*/ /** 9 ju 2022 for travelrepostdetails costcode dropdwn*/ .travelrepostdetailscostcode .textbox-text.validatebox-text {/*width:auto!important;*/margin:0px!important;width:100%!important} /** 9 ju 2022 for travelrepostdetails costcode dropdwn*/ .easyui-textarea-lineheight-28 textarea {line-height:28px!important} .homepagecacomment {display:none!important} /**TEM5021 july 1 2022*/ #dlgCashAdvanceLoadMore .titlepopup.et-width-92 {width:100%!important} /**credit card dashboard july 18 2022*/ .crdcardbg1{border-radius:0px 0px 5px 5px } /**tem popup update hotel chnages july 26 2023*/ .rightsideval1 .error-message , .rightsideval1 .error-message-relative .error-message { right:10px } /**expense allocation 1 sep 2022*/ .datagridcombogrid{position:relative} .datagridcombogrid .datagrid .panel-body{border-color:transparent;background:transparent} .datagridcombogrid .datagrid-header td, .datagridcombogrid .datagrid-body td, .datagridcombogrid .datagrid-footer td{border-color:transparent;background:transparent} .datagridcombogrid .datagrid-header, .datagridcombogrid .datagrid-toolbar, .datagridcombogrid .datagrid-pager, .datagrid-footer-inner{border-color:transparent;background:transparent} .datagridcombogrid .datagrid-row-editing .textbox, .datagridcombogrid .datagrid-row-editing .textbox-text{} .datagridcombogrid .panel-footer {border:0px;background:none } .datagridcombogrid .datagrid .datagrid-pager {display:none!important} .datagridcombogrid .deleterowbtn{display:none} .datagridcombogrid .datagrid-row:last-child .deleterowbtn{display:block} .datagridcombogrid .datagrid-body .datagrid-editable, .datagridcombogrid .datagrid-header .datagrid-cell {margin:5px!important} .datagridcombogrid .datagrid-header .datagrid-cell {margin-left:0px!important} .datagridcombogrid .datagrid-row-over,.datagridcombogrid .datagrid-row-selected{background:transparent!important} .datacombogridwidth .datagrid .panel-body{width: 100%!important;height:100%!important } .datacombogridwidth .datagrid datagrid-view1{width: 100%!important;height:100%!important} .datacombogridwidth .datagrid datagrid-view2{width: 100%!important;height:100%!important} .datacombogridwidth .datagrid-view , .datacombogridwidth .datagrid-body{min-height:60px} .datacombogridwidth .datagrid-header-row td:nth-child(4){padding-left:4px!important} .datacombogridwidth .datagrid-header-inner {width:100%;float:left} .datacombogridwidth .datagrid-header-inner table{width:100%;} /**cost center dropdown 6 sep 2022*/ body .datagrid-cell , body .datagrid-btable {width:100%} /**cost center dropdown 12 sep 2022*/ .datagrid-body td{border:0px} #dlgOtherExpense .loadattachmentcontrol {margin-left:2px} /*** remove asteric 23 feb 2023 TEM 5011 start**/ .removeast sup {display:none!important} /*** remove asteric 23 feb 2023 TEM 5011 end**/ /*** fmlayout otherexpenseaddedit.ascx fileupload.ascx 8 march 2023 start**/ #fmlayout .panel-header ,#fmlayout .panel-body {border:0px!important} #fmlayout .layout-button-right {display:none} /*** fmlayout otherexpenseaddedit.ascx fileupload.ascx 8 march 2023 end**/ /***jqgird grouping class TEM5040.aspx 4th May 2023 start **/ .jqgroup-plus-icon:before {content:"\e901";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} .jqgroup-minus-icon:before {content:"\e9c3";font-family: 'etfonts';speak: none; cursor:pointer; font-size:18px; color:#9E9E9E} /***jqgird grouping class TEM5040.aspx 4th May 2023 end **/ /***team approval history tabs tool TEM3012.aspx 27 july 2023 end **/ .temaaprovalhistorytabtools {height: 39px!important;right: 0px;border: 0px;border-bottom: 1px solid #f3f3f3;top: 0px; } .temaaprovalhistorytabtools #searchbox {position:relative;top:5px;right:1px} /***team approval history tabs tool TEM3012 27 july 2023 end **/ body .easyui-tabs-pills.et-easyuitabs .tabs {height:32px!important} body .easyui-tabs-pills.et-easyuitabs .tabs li.tabs-selected .tabs-inner { font-size:11px!important; font-weight:500; text-transform:uppercase; border:1px solid #739cfd; background:#739cfd ; padding: 2px 4px; height: auto!important; color:#fff!important; line-height: normal!important;} body .easyui-tabs-pills.et-easyuitabs .tabs li .tabs-inner {font-size:11px!important; font-weight:500; text-transform:uppercase; color: #fff; background: #9CA6C7; padding: 2px 5px; border-radius: 31px; line-height:normal!important;height:auto!important ;margin-left:8px} /***Personal Details Change 11 August 2023 start **/ #personalfeilds {display:block} .personalfeildsset {display:block;border-bottom:1px solid #ccc;padding:8px 0px} .personalfeildssetname, .personalfeildssetstatus, .personalfeildssetarrow {display:inline-block;vertical-align:middle;} .personalfeildssetname {width:45%;margin-right:10px; font-weight:600} .personalfeildssetstatus {width:35%;margin-right:10px;text-align:right;} .personalfeildssetstatus span {display:inline-block;text-align:center} .personalfeildssetarrow {width:10%;text-align:center} body .pdeditable .textbox-text {height:28px!important; line-height:28px!important;border:1px solid transparent;padding:10px 0px} body .pdeditable .textbox-label-top {line-height:30px!important} /***Personal Details Change 11 August 2023 end **/ /***TEM taxi tem5011 5 sep 2023 start **/ body .taxinoteslabel.fullwidthlabel-width-right .textbox.easyui-fluid, body .taxinoteslabel .easyui-fluid {max-width:800px!important;width:500px!important} @media screen and (max-width: 700px) { body .taxinoteslabel.fullwidthlabel-width-right .textbox.easyui-fluid, body .taxinoteslabel .easyui-fluid {max-width:800px!important;width:100%!important} } /***TEM taxi tem5011 5 sep 2023 start **/ /***for toaster height issue 14 dec 2023 start **/ .toastermodifiedheight{height:auto;word-wrap: break-word;/**word-break: break-all;*/} .toastermodifiedheight .panel-body{height:auto!important;} /***for toaster height issue 14 dec 2023 stop **/ /***for citymapping .aspx 8 feb 2024 start **/ #citymapping .datagrid-view2 .datagrid-btable td:nth-child(3), #citymapping .datagrid-view2 .datagrid-htable td:nth-child(3) { width: 75%} #citymapping .datagrid-view2 .datagrid-btable td:nth-child(2), #citymapping .datagrid-view2 .datagrid-htable td:nth-child(2) { width: 25%} /***for citymapping .aspx 8 feb 2024 end **/ /***for ESS9080.aspx 25 march 2024 start **/ body .newuploadfile {font-family: 'etfonts'!important;} /***for ESS9080.aspx 25 march 2024 end **/ /***for TEM5001.aspx 30 april 2024 start **/ #CashAdvanceRequestjputcontainer .et-message-28:hover:before, #ViewAllCashAdvanceRequestjputcontainer .et-message-28:hover:before{color:#739cfd} /***for TEM5001.aspx 30 april 2024 end**/ /***for TEM0010.aspx 23 may 2024 start **/ body #mainclonecontainerCTT .clonediv .easyui-fluid {width:100%!important} /***for TEM0010.aspx 23 may 2024 start **/ textarea:focus-visible { outline: 1px solid transparent; } /***for dialog button css 25 july 2024 start **/ body .window .dialog-button{width:auto!important;max-width:100%!important} /***for dialog button css 25 july 2024 end **/ /***for tem3012 css 01 august 2024 start **/ body .inlinetogglebtn .easyui-linkbutton.pills { font-size: 11px !important; font-weight: 500; text-transform: uppercase; color: #fff; background: #9CA6C7; padding: 2px 5px; border-radius: 31px; line-height: normal !important; height: auto !important; } body .inlinetogglebtn .easyui-linkbutton.pills.l-btn-selected { font-size: 11px !important; font-weight: 500; text-transform: uppercase; border: 0px; background: #739cfd; height: auto !important; color: #fff !important; line-height: normal !important; } .newzindex, .tooltip-date { z-index: 99!important} .selectprdarrow { font-size: 20px; line-height: 0px; display: inline-block; vertical-align: middle; position: relative; left: -5px; } .fixedoverflowscroll01 table{table-layout:fixed} .fixedoverflowscroll01 {overflow-x:auto;overflow-y:hidden;} .fixedoverflowscroll01 .ui-jqgrid-bdiv{overflow-x:hidden!important;overflow-y:auto!important} .fixedoverflowscroll01 .ui-jqgrid-view, .fixedoverflowscroll01 .ui-jqgrid {width:1370px!important} /***for tem3012 css 01 august 2024 stop **/ /***for tem3012 css 06 august 2024 start **/ @media screen and (max-width: 700px) { .deletethepic et-delete:before { font-size: 34px!important; } .deletethepic { top:20px!important; } } /***for tem3012 css 06 august 2024 stop **/ /***for tem project singlebed css 25 sep 2024 start **/ .forsinglebed .et-bed-13 { font-size: 25px; } /***for tem project singlebed css 25 sep 2024 stop **/ /***for tem5026 backarrow css 24 Oct 2024 start **/ @media screen and (max-width: 600px) { .tem5026brd .et-vm-backward-arrow { color: #fff !important; } } /***for tem5026 backarrow css 24 Oct 2024 stop **/ /***for ESS0960A css 06 Nov 2024 start **/ .lblTemplateName label { margin-right: 8px; } /***for ESS0960A css 06 Nov 2024 End **/ /***for AddFamilyMember.ascx css 25 Oct 2024 start #mainclonecontainer .widthfamilymember{height:70px} /***for AddFamilyMember.ascx css 25 Oct 2024 stop **/ /***for TEM5024 IframeTR css 06 Nov 2024 start **/ #hideonframe.hideonframe{ display:none!important } /***for TEM5024 IframeTR css 06 Nov 2024 End **/ /***for pay2601 dropdown css 19 Nov 2024 start **/ #ulCeilingFormulaToken, #ulCalculationFormulaToken {top:25px!important} /***for pay2601 dropdown css 19 Nov 2024 End **/ /*** hidden and visible media queries for mobile view**/ .mobileborderset{display:block} .mobileborderset .mobilebordersetborder{display:block; border-bottom:1px solid #e6e6e6; padding-bottom:8px; margin-bottom:8px} .mobileborderset .mobilebordersetborder:last-child{border-bottom:0px solid #e6e6e6; margin-bottom:0px; padding-bottom:0px} .graytopheaderbgmobile1 {padding:8px 15px; background: #F5F5F5; border-radius: 5px 5px 0px 0px ; border-bottom:1px solid #e6e6e6;} .grayfooterbuttonbgmobile1 {padding:8px 15px; background: #F5F5F5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.14); border-radius: 0px 0px 5px 5px; margin-top: -7px; border-top:1px solid #e6e6e6;} @media screen and (max-width: 3000px) { body .visible-lg{display:block} body .visible-inline-lg{display:inline-block} body .hidden-lg{display:none} } @media screen and (max-width: 1024px) { body .visible-lg{display:block} body .visible-inline-lg{display:inline-block} body .hidden-lg{display:none} } @media screen and (max-width: 810px) { body .visible-md{display:block} body .visible-inline-md{display:inline-block} body .hidden-md{display:none} } @media screen and (max-width: 768px) { body .visible-md{display:block} body .visible-inline-md{display:inline-block} body .hidden-md{display:none} et-person-info-two .emphasistext{width:74%} et-person-info-two .noemphasistext .righttext{float:left} .easyui-dialog , .dialog-button ,.panel-header{width:100%} } /**19 April 2020*/ @media only screen and (max-width: 763px) and (min-width: 936px) { body .et-width-32 { width: 31%!important; } body .et-width-31 { width: 30%!important; } } @media only screen and (max-width: 391px) and (min-width: 371px) { .leftonat{width:140px!important} } @media screen and (max-width: 599) and (min-width: 250px) { et-breadcrumb et-breadcrumb-item:last-child { font-size:1rem } } @media screen and (max-width: 700px) and (min-width: 360px) { .adddestinationradiotext .et-inline-block { width: 43%; margin-top: 8px; } } @media screen and (max-width: 359px) and (min-width: 250px) { /*#divtransportationtype .adddestinationradiotextsetico {width:100%!important}*/ .adddestinationradiotext .et-inline-block { width: 42%; margin-top: 8px; } .sendtotravelbooking .textbox-label{/*vertical-align:top*/} } @media screen and (max-width: 600px) { .openinnewwindow {display:none!important} /*For Loader*/ .loaderbg { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; background: url('../images/prelaoderbg.png') repeat; } .loaderbgimg { position: fixed; top: 45%; left: 45%; z-index: 99999; width: 45px; height: 45px; z-index: 9999; } .adjustLoading > div, .newLoading { border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); margin: 0 auto; padding: 20px; } .newLoading { padding: 20px; border-radius: 5px; margin: 0 auto; box-shadow: 0 0 8px rgba(0,0,0,.6); z-index: 999999; width: 200px; height: 100px; position: fixed; left: 50%; margin-left: -100px; top: 50%; margin-top: -50px; background-color: #fff; text-align: center; } /*** 19 sep 2022 Canteen Meal Choice***/ body .canteenmealtext {width:74%!important} /*** 19 sep 2022 ***/ /** allocate by 10aug 2022*/ body .allocateExpensePerAmtdiv {width:23%!important} .allocatebybtn {margin-top:8px} /** allocate by 10aug 2022*/ /**expense allocation 1 sep 2022*/ .divcontentallocation {padding-left:0px!important} .divcontentallocation et-content-body {padding-left:0px;padding-right:0px} .datacombogridwidth .datagrid .panel-body{width:!important;height:100%!important } .datacombogridwidth .datagrid-cell {white-space: normal; word-break: break-all;} /** switch to payroll lams 18 Oct 2021 **/ .headerthreedropdownmenu a {color:#333!important} .headerthreedropdownmenu.dropdown-menu {top:35px!important} .headerthreedropdownmenu.dropdown-menu:before {right:9px;left:unset} .headerthreedropdownmenu.dropdown-menu:after {right:10px;left:unset} /** switch to payroll lams 18 Oct 2021 **/ /** TEM5024-attendee 19 08 2021 **/ .attendeetyperadio {display:block;} /** TEM5024-attendee 19 08 2021 **/ /** ESS19261A 29 06 2021 **/ body .viewwfa et-pull-left {width: 100%;} body .viewwfa et-main-page-content-title-action .border-left-1 {border:0px!important} body .viewwfa et-main-page-content-title-action .padding-left-15 {padding:0px!important} body .viewwfa et-main-page-content-title-action {float:left;width:100%;text-align:left!important} body .viewwfafrom, body .viewwfato {width:45%!important} body .viewwfato .margin-right-11 {margin: 0px!important;} body .viewwfato #spanDisplayToDay, body .viewwfafrom #spanDisplayFromDay {display:block;width:100%} /** ESS19261A 29 06 2021 **/ body .ui-jqgrid td input[type="radio"], body .ui-jqgrid td input[type="checkbox"] {width:auto} /** TEM5011 26 05 2021*/ .FrequentFlyerNo {padding-left:0px!important} body .widthfamilymember {width:100%!important;margin-left:0px!important;} body .widthfamilymemberdob {width:33%!important;} body .widthfamilymemberdob1 {width:32.5%!important;} body .fullwidthlabel-width-left2.widthfamilymemberdob .textbox {width:100%!important} body .grayfooterbuttonbg et-form-group-block-button-right {float:none;text-align:center} body .DivFamilyMember et-content-body, body .DivFamilyMember {padding-right:0px!important;} body .familymembergender .etlinkbtn {margin-top:0px!important;} body .fullwidthlabel-width-left1.widthfamilymemberissueconutry .textbox {width:100%!important} body .businesspurposediv {padding-left:0px!important} /** TEM5011 26 05 2021*/ body .CardFamilyDetail et-content-area-4{width:50%!important;padding-left: 10px;padding-right: 10px;margin: 0px;} body .CardFamilyDetail et-content-area-6{padding-left: 10px;padding-right: 10px;margin: 0px;} body .passportmobile1 {width:52%!important;} body et-content-area-4.passportmobile2 {width:40%!important;} body .rdbmesomeone {padding-right:0px!important;} .puncpagepadding {padding:0px!important} /** font changes 22 03 2021*/ .et-easyuitabs .tabs-title {font-size: /*0.8rem*/ 0.9rem;} body .dashboardquickaction .et-font-size-10 , body .dashboardquickaction .dropdown-toggle.et-font-size-10 {font-size: /*0.7rem!important*/ 0.78rem!important;color:#000;font-weight:400} body .dashboardrightarrow {font-size:1.2rem!important} body .expensekebab { padding-right: 15px!important; } /** font changes 22 03 2021*/ body #generaladvancejputcontainer .et-width-20 {width:45%!important} .multicityeditmobileanchor {margin-right:8px;} .multicityeditdelete {width:100%!important} .multicityeditmobile.et-font-size-16{font-size:1.4rem!important} body .traveldetailheadingmobile {border-top:3px solid #d9d9d9;margin-top:0px; padding-top:12px!important;padding-bottom:15px!important} /*et-content-bg-new-white {border-radius:0px} for border radius - please ask web desginer before uncomment*/ .prefrencelabel i {width: auto; margin-right: 1px;} .schedulesetmobspace {margin-bottom:12px;} .scheduleset .schedule-requestedfor, .scheduleset .schedule-day { line-height:normal;margin:0px } .recommededdiv {margin-left:0px;} .dlgHotel { width: 100%!important; } .traveldetailmode {display:inline-block; width:48%;} .traveldetailclass {display:inline-block; width:50%;} body .traveldetailstitlemobile {font-size: 1.385rem!important;} .traveldetailstitlesubmobile { margin-top:15px;font-size:1rem!important;} .accomcheckinout {display:inline-block; width:48%;} .accomcheckinout .checkindatenos {font-size:1rem!important;} .accomnight {display:inline-block; width:25%!important;} .accomreferences {display:inline-block; width:70%;} .et-vm-backward-arrow {color:#333!important } .hotelexpheaderdetail.et-pull-left { width:65% } .hotelexpheaderdetail.et-pull-right { width:35% } .showratecomment .et-width-45 { width:100%!important } .showratecomment .et-width-50 { width:100%!important } .showratecomment .textbox-label-top {width: 100%!important;overflow: unset;white-space: unset;line-height: 20px; height:auto; } .mobborderbottom-1 {border-bottom:1px solid #d9d9d9;padding-bottom:0px} .zeroradiusmobile { border-radius: 0px;} .fullwidthlabel2 .textbox-label,.widthautolabel2 .textbox-label{ width: 88%; overflow: unset; height: auto!important; text-overflow: unset; white-space:unset } body .bookingoffice.et-width-30 {width:70%!important} .usermobsummaryheight {height:100px;} .mobusersummary { position:fixed; bottom:-15px; left:0px; width:100%; display:block } /*.mobusersummary et-main-page-content-title {display:none}*/ .mobusersummary .mobusersummaryhide {display:none} .mobusersummary .usermobsummaryopen {display:block} .mobusersummary et-content-bg-color-white {box-shadow:0px -5px 5px #E0E0E0} .errorsuccessdropdown .errorsuccessdropdownbody { min-width: 200px;} #divtransportationtype .adddestinationradiotextsetico {width:46%} #divtransportationtype.fullwidthlabel-left .textbox-label {width:auto!important} .hoteleditroomcharges {border-left:0px solid #d9d9d9} .hoteleditroomcharges .fullwidthlabel-width-right .textbox-label {width:auto!important} .hoteleditroomcharges .hotelexpenseinput.et-pull-left {width:100%; text-align:left} .hoteleditroomcharges .fullwidthlabel-width-right .textbox.easyui-fluid {float:right} .scheduleset .scheduleset-cnt-border{padding-left:0px} .mobtraveldetailbody { padding:0px } .adddestinationradiotext { margin-bottom:0px;} .accommodationpreference .margin-right-15{margin-right:0px !important} .accommodationpreference .et-width-25 {width:49% !important} .multicitytrip et-content-area-5{width:100% !important} .multicitytrip .multicitytrip1 {width:48% !important} .traveldeatilheding et-content-area-22, .traveldeatilheding {margin-bottom:0px!important;padding-bottom:0px!important} .schedulesetouter et-content-area-23 {padding-left:4px!important; padding-right: 0px;} .schedulesetcircle {border:1px solid #D1D3D6} .schedulesetinner, .schedulesetcircle-border {border-left:1px dashed #D1D3D6} .schedulesettimelineouterdiv .schedulesetouter.margin-bottom-15 {margin-bottom:0px!important} .schedulesettimelineouterdiv .scheduleset.schedulesetlastchild {border-bottom:0px!important} .schedulesettimelineouterdiv .scheduleset.schedulesetlastchild .schedulesetinner {padding-bottom:0px!important} .mobile-tab-scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .mobile-tab-scrolling-wrapper .easyui-linkbutton.pills { display: inline-block; } .mobile-tab-scrolling-wrapper{ height: 25px; width: 100%; -webkit-overflow-scrolling: touch; padding-bottom: 30px; } .mobile-tab-scrolling-wrapper::-webkit-scrollbar, .scrolling-wrapper-flexbox::-webkit-scrollbar { display: none; } body .et-btn-bigger-one { min-width:120px!important } et-breadcrumb { padding-left: 10px; padding-right: 10px; } /*.editreportdetail.padding-left-14{padding-left:0px!important }*/ body .mobile-btn-bgger, body button + body button, body .et-btn + body button, body .et-btn-bigger-one + body .et-btn-bigger-one { width:130px!important } body .wfhnewapplicationsavedraftbtn { text-align:center } body .wfhnewapplicationsavedraftbtn .et-btn-bigger-one { text-align:center; margin-top:8px } .divdaterange .datetimemobile5021:nth-child(2) {margin-right:10px } .divdaterange .datetimemobile5021:nth-child(5) {margin-left:10px } .datetimemobile5021 {width: 40%!important;} .datetimemobilecombobox5021 {width: 56%!important;float: right;} .mobileprimary {display:block;width:100%} .mobilereverse {display:block;width:70%;margin:0px auto;height:32px;line-height:32px;color:#000a96} .apprvallistone { text-align:center } .apprvallistone .approve-decline-all {float:none!important} .apprvallistone .errorsuccessdropdown .errorsuccessdropdownbody { text-align:left;min-width:unset } .apprvallisttwo .errorsuccessdropdowntitle{ padding-left:15px } .apprvallisttwo .errorsuccessdropdown .errorsuccessdropdownbody { min-width:unset } .apprvallisttwo .errorsuccessdropdown .errorsuccessdropdownbody a i {vertical-align:text-bottom } .apprvallisttwo .errorsuccessdropdown .errorsuccessdropdownbody a span { width: 91%; line-height: normal; margin-left: 5px; } .apprvallistthree et-content-area-6 {width:auto; margin-right:15px} .apprvallistfour et-content-area-6 {width:48%; } .apprvallistfive {width:48%!important} .apprvallistsix {display:none!important} .apprvallistseven {width:auto;margin-right:15px} .et-breadcrumb.newlink1 { margin-top:63px!important; } .lonapprovalrightmobie .vmbackwardarrow {margin-bottom:0px} .grayfooterbuttonbg { text-align:center } .grayfooterbuttonbg et-form-group-block-button-right {float:none;text-align:center;} body .grayfooterbuttonbg .et-btn-bigger-one {min-width:135px!important } .grayfooterbuttonbg et-form-group-block-button-right .et-btn {margin-left:0px!important} body .grayfooterbuttonbg et-form-group-block-button-right {float:right;text-align:right} .selectemppopupheight { height:450px;overflow:hidden;overflow-y:auto; } /*.et-easyuitabs-mobile { margin-left:7px }*/ .et-easyuitabs .tabs-header {background:#fff;width:100%!important;box-shadow:0px 0px 8px 0px #cecdcd} .dropdown-menu { transform:translate3d(-0px, 0px, 0px)!important; left:unset!important; float:none!important; top:27px!important } #TEMDashboardTabs #tab-tools{display:none!important } .temdashboard-tab-tools-mobile { display:block;text-align:right;padding:10px } .et-easyuitabs-mobile .tabs-panels .panel .panel-body, .easyui-tabs.et-easyuitabs, .et-easyuitabs-mobile .tabs-panels , .et-easyuitabs-mobile .tabs-panels .panel{width:100%!important} .et-easyuitabs-mobile .tabs-panels .panel .panel-body {padding-left:10px!important;padding-right:10px!important} .easyui-tabs.tabs-container {margin:0px auto } .divshorttitle .routedivset, .routedivsetcity { display:block;width:100% } .perdiemclonecontainermobile .et-width-57 {width:100%!important} .perdiemclonecontainermobile .cloneset {border-top:1px solid #d9d9d9 ;padding-top: 10px; margin-top: 10px; } .perdiemclonecontainermobile .cloneset:first-child {border-top:0px ;padding-top: 0px; margin-top: 0px; } .perdiemclonecontainermobile .clonedivaddbtnone.et-width-10 { width:unset!important; margin-top:20px } .easyuidialogtableunsetmobile table { table-layout:unset!important } .easyuidialogtableunsetmobile .ui-jqgrid-bdiv .table>tbody>tr>td {word-break:break-all !important } body .weekdayscheckbox .et-width-14{width:20%!important} .mobile-responsive-width .et-width-49, .mobile-responsive-width .et-width-33{width:100%!important} body .visible-sm{display:block} body .visible-inline-sm{display:inline-block} body .hidden-sm{display:none} .fullwidthlabel-left .textbox-label {width: 91%!important;overflow: inherit;white-space: normal;height: auto!important;line-height: 20px!important;vertical-align: top;} .et-table4 {display:block} .et-table4 .et-table4-cell{display:block; text-align:left; padding-left:0px} .et-table4.noborderrightlastdivset div { border:0px} body .et-btn-bigger-one-mobile { min-width: 100%!important; height: 36px!important; line-height: 37px!important; } /* .perdiempage .ui-jqgrid-bdiv, .perdiempage .ui-jqgrid-hdiv, .ui-jqgrid-btable {width:auto!important }*/ .accordion4 .accordion4-header .headertitle { width:84% } .deleteallcheckboxlink {top:66px!important ;z-index:99 } et-search-all et-content-area-18{width:75%} et-search-all et-content-area-6{width:25%} .mobisliderow{display:block; margin:0px auto; padding:0px} .mobislide{display:inline-block} et-section-title .top-5{top:-1px!important} .mobile-back-icon{display:none; vertical-align:middle; margin-right:8px; position:absolute;left:0px; top:0px} .mobile-back-icon i{font-size:2rem} et-breadcrumb et-breadcrumb-item{display:none} et-breadcrumb et-breadcrumb-item:last-child{display:inline-block; vertical-align:middle} et-fixed-right-bar, .fixedrightbar{z-index:99} .mobile-title-logo{font-size:2rem; display:inline-block; position:absolute;left:0px; top:0px} et-section-title i{display:none} .mobile-top-action-set{display:inline-block; vertical-align:middle; width:32px; position:relative; height:32px; overflow:hidden} et-person-info-two .emphasistext{width:82%} et-person-info-two .noemphasistext .righttext{float:right} et-list-card-seven-set{height:auto} et-center-table et-center-table-cell{display:block;margin-bottom:1px } et-center-table et-center-table-cell{display:block;margin-bottom:1px } .hometable et-center-table et-center-table-cell{display:table-cell} et-list-card-nine-set et-content-body.padding-left-0, et-list-card-eight-set et-content-body.padding-left-0, et-list-card-six-set et-content-body.padding-left-0{padding-left:15px!important} et-list-card-nine-set et-content-body.padding-right-0, et-list-card-eight-set et-content-body.padding-right-0, et-list-card-six-set et-content-body.padding-right-0{padding-right:15px!important} et-list-card-five .et-btn-primary-reverse.margin-top-10{margin-top:0px!important} et-row{margin-left: 0px; margin-right: 0px;} et-main-page-content{width: 96%; padding-left: 0px; padding-right: 0px;} et-row et-content-area-1, et-row et-content-area-2, et-row et-content-area-3, et-row et-content-area-4, et-row et-content-area-5, et-row et-content-area-6, et-row et-content-area-7, et-row et-content-area-8, et-row et-content-area-9, et-row et-content-area-10, et-row et-content-area-11, et-row et-content-area-12, et-row et-content-area-13, et-row et-content-area-14, et-row et-content-area-15,et-row et-content-area-16, et-row et-content-area-17, et-row et-content-area-18, et-row et-content-area-19, et-row et-content-area-20, et-row et-content-area-21, et-row et-content-area-22, et-row et-content-area-23, et-row et-content-area-24{ padding-left:0px;padding-right:0px;} .purpose-padding-left {padding-left:10px} .purpose-padding-right{padding-right:10px} .window {width:95%!important} /*.panel.window{top:15px!important; position:fixed!important} .panel.window{top:45px!important; position:fixed!important; z-index:99995!important} .panel.window{position:fixed!important; z-index:99995!important;top:15px!important; }*/ .panel.window.gatepasspanelpositionabsolute{position:absolute!important; top:6%!important} .frombottom.panel.window {top:auto!important} .frombottom.window {width:100%!important;left:0px!important;border:0px!important; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} .frombottom .dialog-button {border: 0px; } .jqgrid-table-responsive .table {width:auto!important } .mobile-div-table {display:table;width:100% } .mobile-div-table-td{display:table-cell; width:auto; margin-bottom:0px } et-content-area-4.mobile-div-table-td {width: 57%; } et-content-area-17.mobile-div-table-td {width:33%} et-content-area-2.mobile-div-table-td {width:10%} .easyui-form-mobile-padding {padding-left:13px!important; padding-right:13px!important } .mobile-sub-div-table {display:table;width:100% } .mobile-sub-div-table-td{display:table-cell; width:auto; margin-bottom:0px } et-content-area-4.mobile-sub-div-table-td {width: 40%;} et-content-area-17.mobile-sub-div-table-td {width:50%} .mobile-table-scroll-draft,.mobile-table-scroll-approved,.mobile-table-scroll {overflow:scroll } .mobile-table-scroll-draft-width, .mobile-table-scroll-width-approved, .mobile-table-scroll-width {width:960px; margin-bottom:0px } .mobile-table-scroll-width-approved, .mobile-table-scroll-width et-content-area-24 { margin-bottom:0px } .mobile-table-scroll-width et-content-area-1 {margin-bottom: 0px;width: 4.1666666667%;} .mobile-table-scroll-width et-content-area-2 { margin-bottom:0px; width:8.3333333333% } .mobile-table-scroll-width et-content-area-3 { margin-bottom:0px; width:12.5%} .mobile-table-scroll-width et-content-area-4 { margin-bottom:0px; width:16.6666666667% } .mobile-table-scroll-width et-content-area-5 { margin-bottom:0px; width:20% } .mobile-table-scroll-width et-content-area-8 { margin-bottom:0px; width:33.3333333333% } .mobile-table-scroll-width-approved et-content-area-2 { margin-bottom:0px; width:8.3333333333% ; text-align:right } .mobile-table-scroll-width-approved et-content-area-4 { margin-bottom:0px; width:16.6666666667% ;text-align:center} .mobile-table-scroll-width-approved et-content-area-5 { margin-bottom:0px; width:20% } .mobile-table-scroll-width-approved et-content-area-7 { margin-bottom:0px; width:29.1666666667% } .divnaration-padding { padding-left:0px; padding-right:0px} et-collapse-section3 et-main-page-content-title3[aria-expanded="true"]:before { content: "- Hide Graph"; position:relative; top:0px; right:0px; font-size: 0.6923rem; line-height: 9px; color: #739cfd; font-size: 0.9rem; } et-collapse-section3 et-main-page-content-title3::before, et-collapse-section3 et-main-page-content-title3[aria-expanded="false"]:before { content: "+ Show Graph"; position:relative;top:0px; right:0px; font-size: 0.6923rem; line-height: 9px;color: #739cfd; font-size: 0.9rem;} .divGridmobile {width:980px!important } .divGridmobileeasyuiform { padding-left:0px;padding-right:0px; } .divGridmobile et-content-area-1{width:4.1666666667% } .divGridmobile et-content-area-4{width:16.6666666667% } .divGridmobile et-content-area-5{width:20% } .divGridmobile et-content-area-6{width:25% } .divGridmobile et-content-area-7{width:29.1666666667% } .divGridmobile et-content-area-10{width:41.6666666667%} .divGridmobile et-content-area-17 {width:70.8333333333%} .drafts-tab-design-one-head-mobile et-content-area-17, .drafts-tab-design-one-head-mobile et-content-area-4 { width:auto; display:inline-block; margin-right:10px} .progresslastbar {padding:10px!important; margin-bottom:0px!important} .progresslastbar #btnSubmit {margin-top:0px!important} .mjqgrid .ui-jqgrid-view, .mjqgrid .ui-jqgrid {width:100%!important} .mjqgrid .ui-jqgrid-hdiv {display:none!important} .mjqgrid .ui-jqgrid-bdiv .table > tbody > tr > td {padding:10px 0px!important} et-content-body.mjqgrid {padding:0px 12px} .mjqgrid .jqgfirstrow {display:none} .ui-jqgrid .loading {left: unset; margin:8px 0px auto; background:#fff; top:50%; width:100%} et-badge-danger, et-badge-default, et-badge-success, et-badge-primary ,et-badge-info ,et-badge-transparent, et-badge-status-attl, et-badge-status-att,et-badge-priority, et-badge-warning, .dialog-button.messager-button .l-btn:first-child, .et-btn-primary, a.et-btn-primary {font-weight:400;} .scheduleset et-content-area-5{width:35% } .scheduleset et-content-area-2{width:15% } .scheduleset .schedulesetcircle {/*left:-13px*/ } .scheduleset .schedulesetborder{left:-8px } body .mobile-pagecontent-title-padding-left {padding-left:14px} .sidenavposition {position: relative;height: 100%;} body .newmobilebreadcrumbs {background:#fff!important ; border-bottom:1px solid #fff!important;width:100% } body .newmobilebreadcrumbs a {color: #000 !important; font-size:1rem;font-weight:600 } body .newmobilebreadcrumbs et-breadcrumb-item, body .newmobilebreadcrumbs et-breadcrumb-item:last-child {color: #444!important; padding:0px!important;font-size:1rem;width:auto!important }et-breadcrumb.newlink1 et-breadcrumb-item:last-child, et-breadcrumb.newlink1 {background:transparent;color:#fff!important} et-breadcrumb.newlink1 a, et-breadcrumb.newlink1 .et-vm-backward-arrow{color:#fff!important} .easyui-form-mobile-no-padding {padding: 0px;} /*for tem project 28 july 2021 */ et-breadcrumb.newlink1 { background:#fff!important; color:#000!important; border-bottom:1px solid #F0F0F0!important; /*for giving problem on mobile page 24 dec 2021 0px!importat*/ /*margin-top:0px!important;*/ /*for giving problem on mobile page 24 dec 2021 0px!importat*/ } et-breadcrumb.newlink1 a, et-breadcrumb.newlink1 .et-vm-backward-arrow, et-breadcrumb.newlink1 et-breadcrumb-item:last-child, et-breadcrumb.newlink1 { color: #000!important; } /*for tem project 28 july 2021 */ .bluheader {position: fixed;width: 100%;z-index: 999;top: 0px;left: 0px;height:63px} header { top: 0; left: 0; /*background-color: #223f8b;*/ background-color: #4e6cef; z-index: 999; /*border-bottom: #d9d9d9 solid 1px;*/ width: 100%; /*height: 45px;*/ /*height: 63px;*/ -webkit-animation: fade-in 0.2s; -o-animation: fade-in 0.2s; animation: fade-in 0.2s; /*margin-bottom:20px*/ -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); position: relative; padding: 12px 0px; } header .logo { width: 150px; height: 30px; margin: 10px 0 0 20px; overflow: hidden; float: left; } header .powered {width: 130px;height: auto;margin: 18px 20px 0 0;} header .powered .text {float: left;line-height: 24px;} header .powered .img {float: right;} header .powered .img img {width: 50px;margin-top: 3px;} .menu-content {width:100% } .sub-menu a { margin-left: 5px; } .sub-menu a span { font-size: 18px; margin-left: 0px; display:block;line-height:normal; } /*.window-mask {z-index:99991 !important }*/ .modal.bootstrap-dialog { z-index:99991 !important } .bootstrap-dialog .bootstrap-dialog-footer-buttons button {margin-left:10px } .invetmentdeclarations .leftcolumn,.invetmentdeclarations .rightcolumn { width: 50%; margin-bottom:0px } .invetmentdeclarations .leftcolumn {padding-right:10px} .invetmentdeclarations .rightcolumn {padding-left:10px} .invetmentdeclarations .leftcolumn et-content-area-16, .invetmentdeclarations .leftcolumn et-content-area-8, .invetmentdeclarations .leftcolumn et-content-area-6 {margin-bottom:0px} .invetmentdeclarations .rightcolumn et-content-area-16, .invetmentdeclarations .rightcolumn et-content-area-8, .invetmentdeclarations .rightcolumn et-content-area-6 {margin-bottom:0px } .invetmentdeclarations .min-height-space { min-height:78px } .travelstepfootertext {margin-top:5px; margin-bottom:10px } .travelstepfooterbtn {margin-top:5px; margin-bottom:10px } .dropdown-menu {min-width:160px } .dropdown-menu-right3{min-width:100px } .dropdown-menu > li > a {padding:12px 12px;font-size: 1rem!important;} .travelreporticonset-dashboard2 {margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #ccc} .dashborder-border-left {border-left:0px solid #d9d9d9} .dashborder-border-right {border-right:0px solid #d9d9d9} } /*** hidden and visible media queries **/ .kisokwebpageiframe html,.kisokwebpageiframe body,body .kisokwebpage html,body .kisokwebpage body {background:transparent} /*for star rating*/ .rating-stars ul {list-style-type:none;padding:0;-moz-user-select:none;-webkit-user-select:none;} .rating-stars ul > li.star {display:inline-block;} /* Idle State of the stars */ .rating-stars ul > li.star > i{color:#ccc; /* Color on idle state */ } /* Hover state of the stars */ .rating-stars ul > li.star.hover > i {color:#FFCC36;} /* Selected state of the stars */ .starselected, .rating-stars ul > li.star.starselected > i {color:#FF912C;} /*for star rating*/ /*mobile app devlopment */ .type-warning.bootstrap-dialog { z-index: 99999 !important;} .type-warning.bootstrap-dialog .modal-content{border-radius:0px!important} .type-warning.bootstrap-dialog .modal-dialog {margin-top: 50%!important;} .type-warning.bootstrap-dialog.fade {display:none!important} .type-warning.bootstrap-dialog.fade.show {display: block!important;opacity: 1;} .modal-backdrop.fade.show {opacity:1;z-index:9999!important;display: block;opacity:0.5} body .btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid; white-space: nowrap; padding: 6px 12px; font-size: 15px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; min-width: 80px; font-weight: 400; padding: 8px 12px; height: 39px; line-height: 14px; margin-left: 8px; border-radius: 0px; } body .btn-secondary { color: #223f8b; background-color: #ffffff; border-color: #223f8b;} body .btn-secondary:focus,body .btn-secondary.focus { color: #223f8b; background-color: #e6e6e6; border-color: #091125;} body .btn-secondary:hover { color: #223f8b; background-color: #e6e6e6; border-color: #16295a;} body .btn-primary { color: #fff; background-color: #213b8d; border-color: #213b8d;} body .btn-primary:focus,body .btn-primary.focus { color: #fff; background-color: #182c62; border-color: #182c62; } body .btn-primary:hover { color: #fff; background-color: #182c62; border-color: #182c62; } .modal .modal-footer .btn {min-width:80px} .bootstrap-dialog-footer .btn { display: inline-block;margin-bottom: 0;text-align: center;vertical-align: middle;touch-action: manipulation;height:39px;border-radius:0px; cursor: pointer;background-image: none;border: 1px solid #000!important;white-space: nowrap;padding: 6px 12px;font-size: 15px; line-height: 1.42857143;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; min-width: 80px;font-weight: 400;padding: 8px 12px; } .bootstrap-dialog-footer .btn:focus, .bootstrap-dialog-footer .btn:active:focus, .bootstrap-dialog-footer .btn.active:focus, .bootstrap-dialog-footer .btn.focus, .bootstrap-dialog-footer .btn:active.focus, .bootstrap-dialog-footer .btn.active.focus { border: 1px solid #223f8b;-webkit-box-shadow: none;box-shadow: none;} .bootstrap-dialog-footer .btn:hover, .bootstrap-dialog-footer .btn:focus, .bootstrap-dialog-footer .btn.focus { border-color: #223f8b;color: #333;text-decoration: none;-webkit-box-shadow: none;box-shadow: none;} .bootstrap-dialog-footer .btn:active, .bootstrap-dialog-footer .btn.active { outline: 0;background-image: none;border: 1px solid #223f8b;-webkit-box-shadow: none;box-shadow: none;} .bootstrap-dialog-footer .btn-default { color: #333;background-color: #fff;border-color: #ccc;} .bootstrap-dialog-footer .btn-default:focus, .bootstrap-dialog-footer .btn-default.focus { color: #333;background-color: #e6e6e6;border-color: #8c8c8c;} .bootstrap-dialog-footer .btn-default:hover { color: #333;background-color: #e6e6e6;border-color: #adadad;} .bootstrap-dialog-footer .btn-default:active, .bootstrap-dialog-footer .btn-default.active { color: #333;background-color: #e6e6e6;border-color: #adadad;background-image: none;} .bootstrap-dialog-footer .btn-primary { color: #fff;background-color: #213b8d;border-color: #213b8d;} .bootstrap-dialog-footer .btn-primary:focus, .bootstrap-dialog-footer .btn-primary.focus { color: #fff;background-color: #182c62;border-color: #182c62;} .bootstrap-dialog-footer .btn-primary:hover { color: #fff;background-color: #182c62;border-color: #182c62;} .bootstrap-dialog-footer .btn-primary:active, .bootstrap-dialog-footer .btn-primary.active{ color: #fff;background-color: #182c62;border-color: #16295a;} .belliocn {position: relative;} .belliocn .bellalerts { background: #ff0000 none repeat scroll 0 0;border-radius: 100%;font-size: 10px;height: 20px;left: -11px; line-height: 19px;position: absolute;text-align: center;top: -6px;width: 20px;} .clockpicker {width:100%;} .select2textboxnew .select2-container--default.select2-container--disabled .select2-selection--single {background:#fff;border:1px solid #E6E7E8} .dropdown-menu.show { transform: unset !important; transform:translate3d(0px,0px,0px)!important} /*anna app devlopment */ .annaanchorcolor { color: #1a4fce; text-decoration: none; } #mobiledesign .topmenuheader{display:block;margin:0px auto;padding:0px;background:#536DFE;color:#fff;padding:8px 0px} .mobilebody {background:#f5f5f5;display:block;padding:0px} .mobilebody et-two-tab-section .nav-tabs li a {padding:18px 10px;} .mobilebody et-two-tab-section .nav-tabs li:last-child {width:50% } .mobilebody et-two-tab-section .nav-tabs {padding:0px 15px } .mobilebody et-curve-tab-section .nav-tabs li a {padding:3px 10px; color:#fff; margin-right:8px } .mobilebody et-curve-tab-section .nav-tabs li{border-bottom:0px ;width:auto } .mobilebody et-curve-tab-section et-tab-content {padding-left:0px; padding-right:0px; background:#fff; margin-top:8px } .mobilebody et-curve-tab-section .nav-tabs li:last-child {width:auto } .mobilebody .todaysmenu {color: #808080; margin-left:-10px; margin-right:-10px; background:#ededed; margin-top:-10px; padding-bottom:75px; margin-bottom:-55px} .mobilebody .shadowdiv1 {background:#fff; border-radius:10px; padding:20px 10px 10px 10px; box-shadow: 0px 9px 12px 5px rgba(222,222,222,0.59); -webkit-box-shadow: 0px 9px 12px 5px rgba(222,222,222,0.59); -moz-box-shadow: 0px 9px 12px 5px rgba(222,222,222,0.59);} .mobilebody .todaysmenutext {color:#FE931F ; font-size:1.4rem; font-weight:600 ; text-transform:uppercase ; line-height:2rem; text-align:center; } .mobilebody .todaysmenuimg {display:block ; width:120px; height:120px ; margin:0px auto 30px; padding:0px; text-align:center ; } .mobilebody .todaysmenuwantto {color: #808080; margin-bottom:20px } .mobilebody .replyhours {display:block ; color:#616161; margin-top:10px } .mobilebody .et-table2 .et-table2-cell.et-v-bottom {vertical-align:bottom } .mobilebody .opstime{display:block ; text-align:center ; color:#F70034; font-weight:600; font-size:2rem} .mobilebody .willhavetoday{display:block ; text-align:center ; font-weight:600; font-size:2rem; color:#bfbfbf} .mobilebody .youwillnotified{display:block ; text-align:center ; font-weight:600; font-size:1rem; color:#bfbfbf} .mobilebody .todayscount { width:280px; height:280px; margin:0px auto; padding:0px} .mobilebody .shadowdiv2 {display:block; background:#fff; padding:0px; box-shadow:0 0px 5px rgba(0, 0, 0, 0.14);border-radius:5px; padding:15px 0px} .mobiledesignmenu {background:#000; position:fixed;width:250px; height:100%; top:0px; left:-250px; overflow:scroll; z-index:2} .mobiledesignmenu ul {margin:0px auto ; padding:0px } .mobiledesignmenu ul li {list-style-type:none; list-style:none; margin:0px auto;padding:0px; border-bottom:1px solid #565656; display:block } .mobiledesignmenu ul li a { display:block; padding:13px 8px; color:#fff; font-size:1.1rem } .mobiledesignmenubg {background:#ccc; opacity:0.5; z-index:1; position:fixed; left:0px;top:0px; width:100%; height:100%; display:none} .mobiledesignmenuclose {display:block; font-size:2rem; text-align:right; padding:15px 10px;} /*html, body {background:#F5F5F5}*/ /*anna app devlopment */ /* Employee master bulk upload */ .empDownload{display:block;border:1px solid #999;text-align:left;border-radius:4px;min-height:50px;width:auto} .empDownload a{color:#666} .cursor-pointer{cursor:pointer} .empDownload .caret{border-top:6px dashed;border-right:6px solid transparent;border-left:6px solid transparent} .empDownload.dropdown.open .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-bottom:6px dashed;border-top:0 solid transparent;border-right:6px solid transparent;border-left:6px solid transparent} .empDownload.dropdown.show .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-bottom:6px dashed;border-top:0 solid transparent;border-right:6px solid transparent;border-left:6px solid transparent} .empDownload .dropdown-menu:after,.empDownload .dropdown-menu:before{content:none} .empDownload .dropdown-menu>li>a{padding:15px} .empDownload .dropdown-menu>li>a:hover{background-color:#5d6add;color:#fff} .empDownload .dropdown-menu>li>a:hover i:before{color:#fff} .empDownload:hover{background: #E8EAF6;border: 1px solid #5C6BC0;} .empDownload:hover a.empDownload-left{color: #666666;} .empDownload-left:hover span{color:#5d6add} .empDownload-right:hover span i.file-download:before{color:#5d6add} .empDownload-right:hover span.btnCaret{color:#5d6add} .empDownload.preventtransform .dropdown-menu {transform: unset !important; position: absolute !important; top: 100% !important; left: 0 !important;} .pageInfoList{margin:0 0 0 20px; padding:0;} .fileUp input[type="file"] {z-index: -1;} .fileUp-filename{min-width: 260px;} .btn-fileup{border-radius:50%;min-width:60px;height:60px} .file-reading_progrees{min-height:250px;background-color: rgb(0 0 0 / 0.8); z-index: 99;} .file-reading_progrees .progressbar{background:#f1f1f1; border: none;} .file-reading_progrees .file-reading_bar{width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); color: #fff;} .file-reading_progrees .progressbar .progressbar-value .progressbar-text{background-color:#43a047;color:#fff;} .import-emp-data .progressbar{background:#f1f1f1; border: none;} .import-emp-data .progressbar-text{font-size: 10px;} .import-emp-data .progressbar .progressbar-value .progressbar-text{background-color:#43a047;color:#fff;} .import-emp-data button:disabled,.import-emp-data button[disabled]{border:0;background-color:#ccc;color:#666;cursor:not-allowed;pointer-events:none;opacity:.5} .btn-disable{cursor:not-allowed;pointer-events:none;color:silver;background-color:#fff;opacity:.5} .import-emp-data{position:absolute;top:0;left:0;right:0;bottom:0} .import-emp-data .file-download:before,.import-emp-data .file-upload:before{color:#fff} .grideContiner{position:absolute;top:85px;right:9px;bottom:9px;left:9px;background:#fff;margin-bottom:0} .personal-jobSvg{background:url(../images/personal-info.svg) center no-repeat;background-size:contain;width:300px;height:220px} .incorrect-symbol-icon{background:url(../images/incorrect_symbol.svg) center no-repeat;background-size:contain;width:36px;height:36px} .correct-symbol-icon{background:url(../images/tick_Mark_Dark.svg) center no-repeat;background-size:contain;width:36px;height:36px} @media (max-width:767.98px){ .header-rgt-menu{float: none;} .fileUp .textbox .textbox-text,.fileUp .textbox.easyui-fluid{width:100%!important} .fileUp .textbox-button-right{width:120px} .personal-jobSvg{width:100%;} .fileUp-selector{width:100%;} .fileUp-filename, .fileUp-selector label{margin-bottom: 5px; width: 100%;} .file-reading_progrees{min-height:250px} .file-reading_progrees .file-reading_bar{width:80%} .import-emp-data_bar{width:100%!important;margin-top:10px} .import-emp-data .fullwidthlabel-left .textbox-label{width:auto!important;vertical-align:middle!important} .import-emp-data .error-only{float:none} .content-header .content-header_title1{font-size:1.923rem!important} .content-header .content-header_title2{font-size:1.538rem!important} .uploading-imgSvg{width:100%;height:150px} #uploadFailed,#uploadSuccess{text-align:center} .import-emp-data,.grideContiner{position: relative;} .grideContiner{left:0;top:0;} #show-fillter-modal .fullwidthlabel-left .textbox-label{ width:auto !important;line-height: normal!important; vertical-align: middle!important; } /* Employee master bulk upload */ } /*--------- Evaluation Rating Page */ .et-rating{display:inline-block} .et-rating-10,.scale-rate-10{color:#233e8b} .et-rating-10 .et-border-radius,.scale-rate-10 .et-border-radius{border-radius:100%} .et-rating-10 .et-border,.scale-rate-10 .et-border{border:#233e8b solid 2px} .et-rating-10 .et-rating-text-color,.scale-rate-10 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-10:hover .et-rating-circle-bg,.scale-rate-10:hover .et-rating-circle-bg{background-color:#233e8b;color:rgb(255 255 255)} .et-rating-10:hover .et-rating-text-color,.scale-rate-10:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-10.active .et-rating-circle-bg,.scale-rate-10.active .et-rating-circle-bg{background-color:#233e8b;color:rgb(255 255 255)} .et-rating-10.active>.et-rating-text-color,.scale-rate-10.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-10.active~.activeColor,.scale-rate-10.active~.activeColor{color:#233e8b} .et-rating-9,.scale-rate-9{color:#eba4a4} .et-rating-9 .et-border-radius,.scale-rate-9 .et-border-radius{border-radius:100%} .et-rating-9 .et-border,.scale-rate-9 .et-border{border:#eba4a4 solid 2px} .et-rating-9 .et-rating-text-color,.scale-rate-9 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-9:hover .et-rating-circle-bg,.scale-rate-9:hover .et-rating-circle-bg{background-color:#eba4a4;color:rgb(255 255 255)} .et-rating-9:hover .et-rating-text-color,.scale-rate-9:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-9.active .et-rating-circle-bg,.scale-rate-9.active .et-rating-circle-bg{background-color:#eba4a4;color:rgb(255 255 255)} .et-rating-9.active>.et-rating-text-color,.scale-rate-9.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-9.active~.activeColor,.scale-rate-9.active~.activeColor{color:#eba4a4} .et-rating-8,.scale-rate-8{color:#f507c5} .et-rating-8 .et-border-radius,.scale-rate-8 .et-border-radius{border-radius:100%} .et-rating-8 .et-border,.scale-rate-8 .et-border{border:#f507c5 solid 2px} .et-rating-8 .et-rating-text-color,.scale-rate-8 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-8:hover .et-rating-circle-bg,.scale-rate-8:hover .et-rating-circle-bg{background-color:#f507c5;color:rgb(255 255 255)} .et-rating-8:hover .et-rating-text-color,.scale-rate-8:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-8.active .et-rating-circle-bg,.scale-rate-8.active .et-rating-circle-bg{background-color:#f507c5;color:rgb(255 255 255)} .et-rating-8.active>.et-rating-text-color,.scale-rate-8.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-8.active~.activeColor,.scale-rate-8.active~.activeColor{color:#f507c5} .et-rating-7,.scale-rate-7{color:#4b5348} .et-rating-7 .et-border-radius,.scale-rate-7 .et-border-radius{border-radius:100%} .et-rating-7 .et-border,.scale-rate-7 .et-border{border:#4b5348 solid 2px} .et-rating-7 .et-rating-text-color,.scale-rate-7 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-7:hover .et-rating-circle-bg,.scale-rate-7:hover .et-rating-circle-bg{background-color:#4b5348;color:rgb(255 255 255)} .et-rating-7:hover .et-rating-text-color,.scale-rate-7:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-7.active .et-rating-circle-bg,.scale-rate-7.active .et-rating-circle-bg{background-color:#4b5348;color:rgb(255 255 255)} .et-rating-7.active>.et-rating-text-color,.scale-rate-7.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-7.active~.activeColor,.scale-rate-7.active~.activeColor{color:#4b5348} .et-rating-6,.scale-rate-6{color:#055233} .et-rating-6 .et-border-radius,.scale-rate-6 .et-border-radius{border-radius:100%} .et-rating-6 .et-border,.scale-rate-6 .et-border{border:#055233 solid 2px} .et-rating-6 .et-rating-text-color,.scale-rate-6 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-6:hover .et-rating-circle-bg,.scale-rate-6:hover .et-rating-circle-bg{background-color:#055233;color:rgb(255 255 255)} .et-rating-6:hover .et-rating-text-color,.scale-rate-6:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-6.active .et-rating-circle-bg,.scale-rate-6.active .et-rating-circle-bg{background-color:#055233;color:rgb(255 255 255)} .et-rating-6.active>.et-rating-text-color,.scale-rate-6.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-6.active~.activeColor,.scale-rate-6.active~.activeColor{color:#055233} .et-rating-5,.scale-rate-5{color:#b90deb} .et-rating-5 .et-border-radius,.scale-rate-5 .et-border-radius{border-radius:100%} .et-rating-5 .et-border,.scale-rate-5 .et-border{border:#b90deb solid 2px} .et-rating-5 .et-rating-text-color,.scale-rate-5 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-5:hover .et-rating-circle-bg,.scale-rate-5:hover .et-rating-circle-bg{background-color:#b90deb;color:rgb(255 255 255)} .et-rating-5:hover .et-rating-text-color,.scale-rate-5:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-5,.scale-rate-5{color:#068466} .et-rating-5 .et-border-radius,.scale-rate-5 .et-border-radius{border-radius:100%} .et-rating-5 .et-border,.scale-rate-5 .et-border{border:#068466 solid 2px} .et-rating-5 .et-rating-text-color,.scale-rate-5 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-5:hover .et-rating-circle-bg,.scale-rate-5:hover .et-rating-circle-bg{background-color:#068466;color:rgb(255 255 255)} .et-rating-5:hover .et-rating-text-color,.scale-rate-5:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-5.active .et-rating-circle-bg,.scale-rate-5.active .et-rating-circle-bg{background-color:#068466;color:rgb(255 255 255)} .et-rating-5.active>.et-rating-text-color,.scale-rate-5.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-5.active~.activeColor,.scale-rate-5.active~.activeColor{color:#068466} .et-rating-4,.scale-rate-4{color:#2fad71} .et-rating-4 .et-border-radius,.scale-rate-4 .et-border-radius{border-radius:100%} .et-rating-4 .et-border,.scale-rate-4 .et-border{border:#2fad71 solid 2px} .et-rating-4 .et-rating-text-color,.scale-rate-4 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-4:hover .et-rating-circle-bg,.scale-rate-4:hover .et-rating-circle-bg{background-color:#2fad71;color:rgb(255 255 255)} .et-rating-4:hover .et-rating-text-color,.scale-rate-4:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-4.active .et-rating-circle-bg,.scale-rate-4.active .et-rating-circle-bg{background-color:#2fad71;color:rgb(255 255 255)} .et-rating-4.active>.et-rating-text-color,.scale-rate-4.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-4.active~.activeColor,.scale-rate-4.active~.activeColor{color:#2fad71} .et-rating-3,.scale-rate-3{color:#ffb74d} .et-rating-3 .et-border-radius,.scale-rate-3 .et-border-radius{border-radius:100%} .et-rating-3 .et-border,.scale-rate-3 .et-border{border:#ffb74d solid 2px} .et-rating-3 .et-rating-text-color,.scale-rate-3 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-3:hover .et-rating-circle-bg,.scale-rate-3:hover .et-rating-circle-bg{background-color:#ffb74d;color:rgb(255 255 255)} .et-rating-3:hover .et-rating-text-color,.scale-rate-3:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-3.active .et-rating-circle-bg,.scale-rate-3.active .et-rating-circle-bg{background-color:#ffb74d;color:rgb(255 255 255)} .et-rating-3.active>.et-rating-text-color,.scale-rate-3.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-3.active~.activeColor,.scale-rate-3.active~.activeColor{color:#ffb74d} .et-rating-2,.scale-rate-2{color:#aa6f17} .et-rating-2 .et-border-radius,.scale-rate-2 .et-border-radius{border-radius:100%} .et-rating-2 .et-border,.scale-rate-2 .et-border{border:#aa6f17 solid 2px} .et-rating-2 .et-rating-text-color,.scale-rate-2 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-2:hover .et-rating-circle-bg,.scale-rate-2:hover .et-rating-circle-bg{background-color:#aa6f17;color:rgb(255 255 255)} .et-rating-2:hover .et-rating-text-color,.scale-rate-2:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-2.active .et-rating-circle-bg,.scale-rate-2.active .et-rating-circle-bg{background-color:#aa6f17;color:rgb(255 255 255)} .et-rating-2.active>.et-rating-text-color,.scale-rate-2.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-2.active~.activeColor,.scale-rate-2.active~.activeColor{color:#aa6f17} .et-rating-1,.scale-rate-1{color:#d23d3d} .et-rating-1 .et-border-radius,.scale-rate-1 .et-border-radius{border-radius:100%} .et-rating-1 .et-border,.scale-rate-1 .et-border{border:#d23d3d solid 2px} .et-rating-1 .et-rating-text-color,.scale-rate-1 .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-1:hover .et-rating-circle-bg,.scale-rate-1:hover .et-rating-circle-bg{background-color:#d23d3d;color:rgb(255 255 255)} .et-rating-1:hover .et-rating-text-color,.scale-rate-1:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-1.active .et-rating-circle-bg,.scale-rate-1.active .et-rating-circle-bg{background-color:#d23d3d;color:rgb(255 255 255)} .et-rating-1.active>.et-rating-text-color,.scale-rate-1.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-1.active~.activeColor,.scale-rate-1.active~.activeColor{color:#d23d3d} .et-rating-0,.scale-rate-na{color:#50e3c2} .et-rating-0 .et-border-radius,.scale-rate-na .et-border-radius{border-radius:100%} .et-rating-0 .et-border,.scale-rate-na .et-border{border:#50e3c2 solid 2px} .et-rating-0 .et-rating-text-color,.scale-rate-na .et-rating-text-color{color:rgb(118 117 135 / .5)} .et-rating-0:hover .et-rating-circle-bg,.scale-rate-na:hover .et-rating-circle-bg{background-color:#50e3c2;color:rgb(255 255 255)} .et-rating-0:hover .et-rating-text-color,.scale-rate-na:hover .et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-0.active .et-rating-circle-bg,.scale-rate-na.active .et-rating-circle-bg{background-color:#50e3c2;color:rgb(255 255 255)} .et-rating-0.active>.et-rating-text-color,.scale-rate-na.active>.et-rating-text-color{color:rgb(118 117 135 / 1)} .et-rating-0.active~.activeColor,.scale-rate-na.active~.activeColor{color:#50e3c2} .btn-style1.l-btn{padding:8px;height:auto;line-height:normal;border:1px solid transparent} .btn-style1.l-btn-plain:hover{background:#fafaff;color:#5d64ca;border:1px solid rgba(91,100,198,.8);border-radius:4px 4px 4px 4px;font-size:.9rem;line-height:normal;padding:8px;height:auto} .btn-style1.l-btn-plain-selected,.btn-style1.l-btn-plain-selected:hover{background:#fafaff;color:#5d64ca;border:1px solid rgba(91,100,198,.8);border-radius:4px 4px 4px 4px;font-size:.9rem;line-height:normal;padding:8px;height:auto} .rate{width:100%} .rate .et-rating{display:inline-block;float:none;vertical-align:middle} .rate .ratingText{display:inline-block;vertical-align:middle} .bg-color-fa-1{background-color:#fafafa} .vCenter{display:table;min-height:80px;width:100%} .vCenter .vCol{display:table-cell;vertical-align:middle;float:unset} .emphasistextmiddle{display:inline-block;vertical-align:middle;font-size:1rem;line-height:18px} .noemphasistextspan{color:#bebebe;font-size:.6923rem;font-family:robotoregular,sans-serif} .rdYes label.textbox-label{color:#66b224} .rdNo label.textbox-label{color:#e60505} .rdNo label img{top:-1px} .c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice,.rect-auto{clip:rect(auto,auto,auto,auto);display:block} .c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill,.pie{position:absolute;border:.09em solid #000;width:.82em;height:.82em;clip:rect(0,.5em,1em,0);border-radius:50%;transform:rotate(0);display:block} .c100.p100 .bar:after,.c100.p100 .fill,.c100.p51 .bar:after,.c100.p51 .fill,.c100.p52 .bar:after,.c100.p52 .fill,.c100.p53 .bar:after,.c100.p53 .fill,.c100.p54 .bar:after,.c100.p54 .fill,.c100.p55 .bar:after,.c100.p55 .fill,.c100.p56 .bar:after,.c100.p56 .fill,.c100.p57 .bar:after,.c100.p57 .fill,.c100.p58 .bar:after,.c100.p58 .fill,.c100.p59 .bar:after,.c100.p59 .fill,.c100.p60 .bar:after,.c100.p60 .fill,.c100.p61 .bar:after,.c100.p61 .fill,.c100.p62 .bar:after,.c100.p62 .fill,.c100.p63 .bar:after,.c100.p63 .fill,.c100.p64 .bar:after,.c100.p64 .fill,.c100.p65 .bar:after,.c100.p65 .fill,.c100.p66 .bar:after,.c100.p66 .fill,.c100.p67 .bar:after,.c100.p67 .fill,.c100.p68 .bar:after,.c100.p68 .fill,.c100.p69 .bar:after,.c100.p69 .fill,.c100.p70 .bar:after,.c100.p70 .fill,.c100.p71 .bar:after,.c100.p71 .fill,.c100.p72 .bar:after,.c100.p72 .fill,.c100.p73 .bar:after,.c100.p73 .fill,.c100.p74 .bar:after,.c100.p74 .fill,.c100.p75 .bar:after,.c100.p75 .fill,.c100.p76 .bar:after,.c100.p76 .fill,.c100.p77 .bar:after,.c100.p77 .fill,.c100.p78 .bar:after,.c100.p78 .fill,.c100.p79 .bar:after,.c100.p79 .fill,.c100.p80 .bar:after,.c100.p80 .fill,.c100.p81 .bar:after,.c100.p81 .fill,.c100.p82 .bar:after,.c100.p82 .fill,.c100.p83 .bar:after,.c100.p83 .fill,.c100.p84 .bar:after,.c100.p84 .fill,.c100.p85 .bar:after,.c100.p85 .fill,.c100.p86 .bar:after,.c100.p86 .fill,.c100.p87 .bar:after,.c100.p87 .fill,.c100.p88 .bar:after,.c100.p88 .fill,.c100.p89 .bar:after,.c100.p89 .fill,.c100.p90 .bar:after,.c100.p90 .fill,.c100.p91 .bar:after,.c100.p91 .fill,.c100.p92 .bar:after,.c100.p92 .fill,.c100.p93 .bar:after,.c100.p93 .fill,.c100.p94 .bar:after,.c100.p94 .fill,.c100.p95 .bar:after,.c100.p95 .fill,.c100.p96 .bar:after,.c100.p96 .fill,.c100.p97 .bar:after,.c100.p97 .fill,.c100.p98 .bar:after,.c100.p98 .fill,.c100.p99 .bar:after,.c100.p99 .fill,.pie-fill{transform:rotate(180deg);display:block} .c100{position:relative;font-size:35px;border-radius:50%;float:left;margin:0;margin-right:5px;background-color:#dfe8ed;width:1em;height:1em;display:block} .c100 *,.c100 :after,.c100 :before{box-sizing:content-box;display:block} .c100>span{position:absolute;width:100%;z-index:1;left:0;top:0;line-height:38px;display:block;text-align:center} .c100:after{position:absolute;top:.09em;left:.09em;display:block;content:" ";border-radius:50%;background-color:#fff;width:.82em;height:.82em;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;display:block} .c100 .slice{position:absolute;width:1em!important;height:1em!important;clip:rect(0,1em,1em,.5em);display:block} .c100.p1 .bar{transform:rotate(3.6deg)} .c100.p2 .bar{transform:rotate(7.2deg)} .c100.p3 .bar{transform:rotate(10.8deg)} .c100.p4 .bar{transform:rotate(14.4deg)} .c100.p5 .bar{transform:rotate(18deg)} .c100.p6 .bar{transform:rotate(21.6deg)} .c100.p7 .bar{transform:rotate(25.2deg)} .c100.p8 .bar{transform:rotate(28.8deg)} .c100.p9 .bar{transform:rotate(32.4deg)} .c100.p10 .bar{transform:rotate(36deg)} .c100.p11 .bar{transform:rotate(39.6deg)} .c100.p12 .bar{transform:rotate(43.2deg)} .c100.p13 .bar{transform:rotate(46.8deg)} .c100.p14 .bar{transform:rotate(50.4deg)} .c100.p15 .bar{transform:rotate(54deg)} .c100.p16 .bar{transform:rotate(57.6deg)} .c100.p17 .bar{transform:rotate(61.2deg)} .c100.p18 .bar{transform:rotate(64.8deg)} .c100.p19 .bar{transform:rotate(68.4deg)} .c100.p20 .bar{transform:rotate(72deg)} .c100.p21 .bar{transform:rotate(75.6deg)} .c100.p22 .bar{transform:rotate(79.2deg)} .c100.p23 .bar{transform:rotate(82.8deg)} .c100.p24 .bar{transform:rotate(86.4deg)} .c100.p25 .bar{transform:rotate(90deg)} .c100.p26 .bar{transform:rotate(93.6deg)} .c100.p27 .bar{transform:rotate(97.2deg)} .c100.p28 .bar{transform:rotate(100.8deg)} .c100.p29 .bar{transform:rotate(104.4deg)} .c100.p30 .bar{transform:rotate(108deg)} .c100.p31 .bar{transform:rotate(111.6deg)} .c100.p32 .bar{transform:rotate(115.2deg)} .c100.p33 .bar{transform:rotate(118.8deg)} .c100.p34 .bar{transform:rotate(122.4deg)} .c100.p35 .bar{transform:rotate(126deg)} .c100.p36 .bar{transform:rotate(129.6deg)} .c100.p37 .bar{transform:rotate(133.2deg)} .c100.p38 .bar{transform:rotate(136.8deg)} .c100.p39 .bar{transform:rotate(140.4deg)} .c100.p40 .bar{transform:rotate(144deg)} .c100.p41 .bar{transform:rotate(147.6deg)} .c100.p42 .bar{transform:rotate(151.2deg)} .c100.p43 .bar{transform:rotate(154.8deg)} .c100.p44 .bar{transform:rotate(158.4deg)} .c100.p45 .bar{transform:rotate(162deg)} .c100.p46 .bar{transform:rotate(165.6deg)} .c100.p47 .bar{transform:rotate(169.2deg)} .c100.p48 .bar{transform:rotate(172.8deg)} .c100.p49 .bar{transform:rotate(176.4deg)} .c100.p50 .bar{transform:rotate(180deg)} .c100.p51 .bar{transform:rotate(183.6deg)} .c100.p52 .bar{transform:rotate(187.2deg)} .c100.p53 .bar{transform:rotate(190.8deg)} .c100.p54 .bar{transform:rotate(194.4deg)} .c100.p55 .bar{transform:rotate(198deg)} .c100.p56 .bar{transform:rotate(201.6deg)} .c100.p57 .bar{transform:rotate(205.2deg)} .c100.p58 .bar{transform:rotate(208.8deg)} .c100.p59 .bar{transform:rotate(212.4deg)} .c100.p60 .bar{transform:rotate(216deg)} .c100.p61 .bar{transform:rotate(219.6deg)} .c100.p62 .bar{transform:rotate(223.2deg)} .c100.p63 .bar{transform:rotate(226.8deg)} .c100.p64 .bar{transform:rotate(230.4deg)} .c100.p65 .bar{transform:rotate(234deg)} .c100.p66 .bar{transform:rotate(237.6deg)} .c100.p67 .bar{transform:rotate(241.2deg)} .c100.p68 .bar{transform:rotate(244.8deg)} .c100.p69 .bar{transform:rotate(248.4deg)} .c100.p70 .bar{transform:rotate(252deg)} .c100.p71 .bar{transform:rotate(255.6deg)} .c100.p72 .bar{transform:rotate(259.2deg)} .c100.p73 .bar{transform:rotate(262.8deg)} .c100.p74 .bar{transform:rotate(266.4deg)} .c100.p75 .bar{transform:rotate(270deg)} .c100.p76 .bar{transform:rotate(273.6deg)} .c100.p77 .bar{transform:rotate(277.2deg)} .c100.p78 .bar{transform:rotate(280.8deg)} .c100.p79 .bar{transform:rotate(284.4deg)} .c100.p80 .bar{transform:rotate(288deg)} .c100.p81 .bar{transform:rotate(291.6deg)} .c100.p82 .bar{transform:rotate(295.2deg)} .c100.p83 .bar{transform:rotate(298.8deg)} .c100.p84 .bar{transform:rotate(302.4deg)} .c100.p85 .bar{transform:rotate(306deg)} .c100.p86 .bar{transform:rotate(309.6deg)} .c100.p87 .bar{transform:rotate(313.2deg)} .c100.p88 .bar{transform:rotate(316.8deg)} .c100.p89 .bar{transform:rotate(320.4deg)} .c100.p90 .bar{transform:rotate(324deg)} .c100.p91 .bar{transform:rotate(327.6deg)} .c100.p92 .bar{transform:rotate(331.2deg)} .c100.p93 .bar{transform:rotate(334.8deg)} .c100.p94 .bar{transform:rotate(338.4deg)} .c100.p95 .bar{transform:rotate(342deg)} .c100.p96 .bar{transform:rotate(345.6deg)} .c100.p97 .bar{transform:rotate(349.2deg)} .c100.p98 .bar{transform:rotate(352.8deg)} .c100.p99 .bar{transform:rotate(356.4deg)} .c100.p100 .bar{transform:rotate(360deg)} .c100:hover{cursor:default} .c100.scale-rate-1 .bar,.c100.scale-rate-1 .fill{border-color:#d23d3d!important} .c100.scale-rate-1:hover>span{color:#3c4761;display:block} .c100.scale-rate-2 .bar,.c100.scale-rate-2 .fill{border-color:#aa6f17!important} .c100.scale-rate-2:hover>span{color:#3c4761;display:block} .c100.scale-rate-3 .bar,.c100.scale-rate-3 .fill{border-color:#ffb74d!important} .c100.scale-rate-3:hover>span{color:#3c4761;display:block} .c100.scale-rate-4 .bar,.c100.scale-rate-4 .fill{border-color:#2fad71!important} .c100.scale-rate-4:hover>span{color:#3c4761;display:block} .c100.scale-rate-5 .bar,.c100.scale-rate-5 .fill{border-color:#068466!important} .c100.scale-rate-5:hover>span{color:#3c4761;display:block} .btn-actions et-row-eye:before{font-size:16px} .btn-actions et-row-eye:before{font-size:16px;color:#739cfd} .tabs-selected .countnum{border-color:#729bfc} .countnum{border-radius:50%;line-height:normal;border:#ccc solid 1px;width:18px;height:18px;display:inline-block;font-size:10px;text-align:center;line-height:17px} @media (max-width:767.98px){ .btn-sm .et-btn-bigger-one{min-width:125px!important} .rating-line .et-rating{display:block} .rate .ratingText{display:block} .rate .et-wdith-25{width:100%!important} .rate .ratingText{width:100%!important} .rate .border-left-1{border-width:0} .vCenter{display:table;min-height:80px;width:100%} .vCenter .vCol{display:table-cell;vertical-align:middle;float:left} } /*--------- Performance Evaluation Page */ .circle-loader { margin: 0 0 30px 10px; border: 2px solid rgba(0, 0, 0, 0.2); border-left-color: #228ae6; animation-name: loader-spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; position: relative; display: inline-block; vertical-align: top; } .circle-loader, .circle-loader:after { border-radius: 50%; width: 100px; height:100px; } .checkmark { display: none; } .checkmark.draw:after { animation-duration: 1.2s; animation-timing-function: ease; animation-name: checkmark; transform: scaleX(-1) rotate(135deg); } .checkmark:after { opacity: 1; height: 4em; width: 2em; transform-origin: left top; border-right: 2px solid #396f3a; border-top: 2px solid #396f3a; content: ""; left: 1.2rem; top: 3.2rem; position: absolute; } .load-failure:before, .load-failure:after { display: block; content: ""; height: 2px; background: #c92a2a; width: 50%; position: absolute; top: 4em; left: 2em; } .load-failure:before { transform: rotate(45deg); } .load-failure:after { transform: rotate(-45deg); } .load-complete { -webkit-animation: none; animation: none; transition: border 500ms ease-out; } .load-complete.load-success { border-color: #396f3a; } .load-complete.load-failure { border-color: #c92a2a; } @keyframes loader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes checkmark { 0% { height: 0; width: 0; opacity: 1; } 20% { height: 0; width: 2em; opacity: 1; } 40% { height: 4em; width: 2em; opacity: 1; } 100% { height: 4em; width: 2em; opacity: 1; } } /*------Login Page */ /*---------Pages*/ .login-app {margin:0;} .container-login{margin:auto;width:1014px;height:540px;border-radius:15px} .container-login .company-logo-landing{height:70px;width:60%;margin:0 auto;position:relative;} .container-login .company-logo{height:60px;width:60%;margin:0 auto;position:relative;} .container-login .company-logo img, .container-login .company-logo-landing img{max-height: 100%;max-width: 100%;position: absolute;left: 0;margin: auto;right: 0;bottom: 0;top: 0;} .container-login .banner-sec, .container-login .login-sec{min-height:540px;margin:0} .container-login .banner-sec{border-radius:15px 0 0 15px; padding:0} .container-login .login-sec{padding:54px 30px 24px 30px;background-color:#fff;border-radius:0 15px 15px 0} .container-login .login-sec .copy-text{margin:0 auto} .container-login .login-sec .textbox-text{font-family: 'Roboto', sans-serif; height:50px!important; font-weight:500; padding:5px 15px;color:#5E5E5E;} .container-login .banner-text img{max-height: 100%;max-width: 100%;} .container-login .border-left-none{border-left-style:none!important} .container-login .border-right-none{border-right-style:none!important} .container-login .copy-text, .container-login .copy-text a{color:#9f9f9f} .container-login .textbox-addon{top:10px!important;right:10px!important;} .container-login .tag-line-color{color:#424242;} .container-login input:read-only.et-btn-style-color{background-color:#161d72;} .container-login .et-btn-style-color{background-color:#161d72;color:#fff !important;outline:0;border:0;border-radius:5px} .container-login input:read-only.et-btn-style-color:hover{color:#f8f8f8;background:#316aa1} .container-login .et-btn-style-color.et-btn-primary-flat:hover{color:#f8f8f8;background:#316aa1} /*FIXED FOR IE*/ .container-login .et-btn-style-color.l-btn-disabled {cursor: no-drop;background: #5B5B5B;} .container-login .et-btn-style-color.l-btn-disabled:hover {cursor: no-drop;background: #5B5B5B;} .container-login .fieldbox{color:#5E5E5E;font-weight:500; display:block;max-width:100%;outline:0;width:-moz-available;width:-webkit-fill-available;width:fill-available;background-color:#f5f5f5;background-image:none;border:1px solid #e6e7e8} .container-login .textbox.datebox input[type=text]{border:0;outline:0} .container-login .textbox.numberbox input[type=text]{border:0;outline:0} .container-login .field-control:focus{background-color:#fff;border-color:#ccc;outline:0;box-shadow:none;font-size:14px} .container-login .textbox.datebox.textbox-focused{background-color:#fff;border-color:#e6e7e8;outline:0;box-shadow:none;font-size:14px} .container-login .textbox.numberbox.textbox-focused{background-color:#fff;border-color:#e6e7e8;outline:0;box-shadow:none;font-size:14px} .container-login ::-webkit-input-placeholder{color:#aaa;font-size:14px!important} .container-login ::-moz-placeholder{color:#aaa;font-size:14px!important} .container-login :-ms-input-placeholder{color:#aaa;font-size:14px!important} .container-login :-moz-placeholder{color:#aaa;font-size:14px!important} .container-login .username-brd{border-radius:5px 0 0 5px} .container-login .editbtn-brd{border-radius:0 5px 5px 0} .container-login .et-edit-icon i:hover { color:#406ca7;} .container-login .loginbtton .l-btn-icon {line-height: 16px;text-align: center;font-size: 16px;} .container-login .textbox.datebox .textbox-prompt {color:#aaa;} .container-login .banner-text {height: 55px;} .container-login .radio-btn label {vertical-align:middle;} .container-login .label-input-group {position: relative;} .container-login .label-input-group .label-input-label {display: block;visibility: hidden;z-index: 5;position: absolute;top: -8px; line-height:normal; background-color: #fff;color:#aaa;padding: 0 5px;margin-left: 10px;} .container-login .label-input-group .label-input-label.label-visible {visibility: visible;} .container-login .bghalflebal { background: #d6d6d6; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 50%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 51%, #f5f5f5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 50%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 51%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 50%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 51%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#e20000',GradientType=0 ); /* IE6-9 */ } .container-login .editusernameblock span {display:inherit;} @media only screen and (max-width :1200px){ .container-login{width:1014px} } @media only screen and (max-width :992px){ } @media (max-width:768px){ .container-login .login-sec {padding: 54px 10px 24px 10px;} .container-login .textbox {width:100% !important;} .container-login .username-brd { width: 70% !important;} .container-login .editbtn-brd {width: 30% !important;} .container-login{width:100%} } @media (max-width:767px){ .container-login, .container-login .login-sec{margin:0} .container-login .banner-sec{min-height:auto!important;height:40vh!important;background-position: 0 -100px;} .container-login .banner-sec, .container-login .login-sec{border-radius:0} .container-login .login-sec{padding:20px 100px;min-height:60vh!important} .container-login .banner-text{top:20px!important;padding-left:20px!important} .container-login .copy-text{bottom:15px!important} .container-login .textbox {width:100% !important;} .container-login{width:100%} } @media (max-width:600px) { .container-login .login-sec{padding:20px;} .mobileLeftArrow .et-vm-backward-arrow {color:#fff;} .container-login{width:100%} } @media (max-width:460px) { .container-login .banner-sec {background-position: 0 0;} } @media (max-width:320px) { .container-login .copy-text {bottom:5px !important;} } /*--------- Pages*/ /*------Login Page */ /** salary-structure */ .switch-button .switchbutton{-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;border:transparent 1px solid} .switch-button .switchbutton-off,.switch-button .switchbutton-on{background:#161d72;color:#fff} .switch-button .switchbutton-handle{-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px} .switch-button .switchbutton-on,.switch-button .switchbutton-reversed .switchbutton-off{-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px} .salary-structure .accordion{background:0 0} .salary-structure et-collapse-section et-main-page-content-title[aria-expanded=true]:after{top:7px;right:10px} .salary-structure et-collapse-section et-main-page-content-title::after{right:10px;top:7px;font-size:26px;font-weight:500} .salary-structure .invdectotal, .salary-structure et-content-area-title-text{color:#333;} .salary-structure et-collapse-section{cursor:unset;box-shadow:0 2px 5px rgb(0 0 0 / 14%)} .salary-structure et-collapse-section et-main-page-content-title[aria-expanded=true]{background:#fdfdfd;box-shadow:0 2px 5px rgb(0 0 0 / 14%)} .salary-structure table{border-collapse:collapse;margin:0;padding:0;width:100%} .salary-structure table tr{background-color:#fff;border-top:1px solid #eaeaea;} .salary-structure table td,.salary-structure table th{vertical-align: top;} .salary-structure table th{background:#fff} .salary-structure table td{background:#f7f6f6} .salary-structure table tfoot tr{color:#161d72} .salary-structure table tfoot td{background:#e7e7e7} .salary-structure #view-list{display:none} .salary-structure #table-view{display:none} .salary-structure .table-scroll{position:relative;max-width:100%;margin:auto;overflow:hidden;text-align:left} .salary-structure .table-wrap{width:auto;overflow:auto} .salary-structure .table-scroll th{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:top;background:#f7f6f6;border-bottom: 1px solid #eaeaea;} .salary-structure .table-scroll td{position:relative;background:#f7f6f6;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:25%} .salary-structure .table-scroll .p-title td,.salary-structure .table-scroll .p-title th{background:#fff} .salary-structure .table-scroll tfoot,.salary-structure .table-scroll thead{background:#fff} .salary-structure .table-scroll tfoot td,.salary-structure .table-scroll tfoot th{background-color:#e7e7e7} .salary-structure .fixed-side{position:absolute;left:0;width:250px} .salary-structure .next_left{position:absolute;left:250px;width:250px} .salary-structure .table-wrap{overflow-y:visible;margin-left:250px} .salary-structure .overflow-text{vertical-align:top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px;display:inline-block} .salary-structure .mightOverflow{vertical-align:top;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px;display:inline-block} .salary-structure .table-scroll th.fixed-side{box-shadow:0 2px 5px rgb(0 0 0 / 14%);z-index:9} @media (max-width:600px){ .salary-structure .table-scroll th.fixed-side{box-shadow:0 2px 5px rgb(0 0 0 / 14%)} .salary-structure .fixed-side{position:absolute;left:0;width:200px;z-index:9} .salary-structure .next_left{position:absolute;left:200px;width:200px} .salary-structure .table-wrap{overflow-y:visible;margin-left:200px} .back-arrow.et-vm-backward-arrow{color: #fff !important;} } @media (max-width:420px){ .salary-structure et-collapse-section et-main-page-content-title{min-height:60px} .salary-structure #table-view,.salary-structure #view-list{padding:0 0} .salary-structure .invdectotal,.salary-structure et-content-area-title-text{font-size:12px;width:100%} .salary-structure .fixed-side{position:absolute;left:0;width:180px} .salary-structure .next_left{position:absolute;left:180px;width:180px} .salary-structure .table-wrap{overflow-y:visible;margin-left:180px} } @media only screen and (max-width:320px) and (orientation :portrait){ .salary-structure .fixed-side{position:absolute;left:0;width:170px} .salary-structure .next_left{position:absolute;left:170px;width:170px} .salary-structure .table-wrap{overflow-y:visible;margin-left:170px} } /** salary-structure */ @media screen and (max-width:600px){ } /** Emp Directory */ .emp-directory article{float:left;width:20%;background:#fff;border-top:#ccc solid 1px;border-right:#ccc solid 1px;border-bottom:#ccc solid 1px;border-left:#ccc solid 1px} .emp-card{height:inherit} .view-gridEmp .ui-jqgrid-bdiv .table>tbody>tr>td {vertical-align: middle !important;} .view-gridEmp .emphasistext {vertical-align: middle !important;} .sidebar-emp .table tr td{border-bottom:none;} .p-img {background-size: cover !important;} .searchbox .textbox-icon { line-height:28px !important;font-size: xx-small} @media screen and (max-width:1024px){ .emp-directory article{width:50%;border:solid 1px #0000} .emp-directory article:hover{border:transparent} .p-img{float:left} .p-info{text-align:left;float:left;margin-left:15px} } @media (max-width:768px) { .view-gridEmp .ui-jqgrid-hdiv {display: none;} .view-gridEmp .ui-jqgrid-bdiv .table>tbody>tr.jqgfirstrow>td {display: table-row;} .view-gridEmp .ui-jqgrid-bdiv .table>tbody>tr.jqgrow {display: table; width: 100%; margin: 0 0; border-bottom: #ccc solid 1px; padding: 10px 10px;} .view-gridEmp .ui-jqgrid-bdiv .table>tbody>tr>td { padding: 6px; display: inline-block; width: 100%; vertical-align: middle !important; border: 0; line-height: normal;} .view-gridEmp .person-info{padding-left: 0;} .view-gridEmp .stylecss{padding-left: 55px;} .ad-filter{margin-top: 5px;} } @media screen and (max-width:600px){ .emp-directory article{width:100%;border:solid 1px #0000} .emp-directory article:hover{border:transparent} .p-img{float:left} .p-info{text-align:left;float:left;margin-left:15px} } .emp-directory article:hover{background:#e5f4ff;border:#88d5ff solid 1px} .emp-directory .active{background:#f5f8ff;border:#88d5ff solid 1px} .search-emp .searchbox-button:before{top:4px} .color-blue-shade-1{color:#004bfb} .color-blue-shade-2{color:#739cfd} :root{--transition:all 0.3s linear} .sidebar-toggle{cursor:pointer} @keyframes bounce{ 0%{transform:scale(1)} 50%{transform:scale(1.5)} 100%{transform:scale(1)} } .sidebar-emp{position:fixed;top:0;right:0;width:100%;height:100vh;background:#fff;transition:var(--transition);transform:translate(100%);z-index:9999;overflow:auto;-webkit-box-shadow:45px 0 45px 10px #1e1616;-moz-box-shadow:45px 0 45px 10px #1e1616;box-shadow:45px 0 45px 10px #1e1616} .show-sidebar{transform:translate(0)} @media screen and (min-width:676px){ .sidebar-emp{width:450px} } @media screen and (min-width:400px){ .searchbox .textbox-icon .icon-clear:before {top:-1px;} } /** Emp Directory */ /** for toaster 24/7/2024 start */ body .dangertoaster .panel-body {word-break:normal!important} /** for toaster 24/7/2024 end */ /**Canteen Sept 14 2022*/ .textbox-label-width .textbox-label {width: auto;} /**28 nov 2022 for mobile header*/ @media screen and (max-width: 900px) { .bluheader { position: fixed; width: 100%; z-index: 992!important; top: 0px; left: 0px; height: 63px; } header { top: 0; left: 0; /*background-color: #223f8b;*/ background-color: #4e6cef; z-index: 999; /*border-bottom: #d9d9d9 solid 1px;*/ width: 100%; /*height: 45px;*/ /*height: 63px;*/ -webkit-animation: fade-in 0.2s; -o-animation: fade-in 0.2s; animation: fade-in 0.2s; /*margin-bottom:20px*/ -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); box-shadow: 0 0 5px 3px rgba(0,0,0,0.5); position: relative; padding: 12px 0px; } } /**28 nov 2022 for mobile header*/ /* Bulk upload PAGE CLM0401 21 Feb 2023 */ /*** content bg color**/ .clm et-contentbgcolor-white { display: block; background: #fff; padding: 0; box-shadow: 0 1px 4px 0 rgba(38,38,38,.3); border-radius: 3px; } .clm et-contentbgcolor-white:after, .clm et-contentbgcolor-white:before { content: " "; display: table; clear: both; } .clm et-contentbgcolor-gray { display: block; background: #ccc; padding: 0; border-radius: 3px; } .clm et-contentbgcolor-gray:after, .clm et-contentbgcolor-gray:before { content: " "; display: table; clear: both; } .clm et-contentbgcolor-success { display: block; background: #2fad71; padding: 0; box-shadow: 0 1px 4px 0 #999; border-radius: 3px; color: #fff; } .clm et-contentbgcolor-success:after, .clm et-contentbgcolor-success:before { content: " "; display: table; clear: both; } .clm et-contentbgcolor-default { display: block; background: #9f9f9f; padding: 0; box-shadow: 0 1px 4px 0 #999; border-radius: 3px; color: #fff; } .clm et-contentbgcolor-default:after, .clm et-contentbgcolor-default:before { content: " "; display: table; clear: both; } .clm et-contentbgcolor-primary { display: block; background: #3253b4; padding: 0; box-shadow: 0 1px 4px 0 #999; border-radius: 3px; color: #fff; } .clm et-contentbgcolor-primary:after, .clm et-contentbgcolor-primary:before { content: " "; display: table; clear: both; } .clm et-contentbgcolor-danger { display: block; background: #d9534f; padding: 0; box-shadow: 0 1px 4px 0 #999; border-radius: 3px; color: #fff; } .clm et-contentbgcolor-danger:after, .clm et-contentbgcolor-danger:before { content: " "; display: table; clear: both; } /*** content bg color**/ /***list card **/ .clm et-listcard { display: block; } .clm et-listcard:before, .clm et-listcard:after { content: " "; display: table; clear: both; } .clm et-listcard et-listcard-img { display: block; border-radius: 3px; margin-bottom: 8px; } .clm et-listcard et-listcard-img img { display: block; border-radius: 3px 3px 0px 0px; } .clm et-listcard et-listcard-body { display: block; } .clm et-listcard et-list-title { display: block; font-size: 15px; margin-bottom: 8px; font-family: 'noto_sansbold'; } .clm et-listcard et-list-content { display: block; margin-bottom: 8px; } .clm et-listcard et-list-footer { display: block; margin-bottom: 8px; } .clm et-list-card { display: inline-block; width: 19.5%; border: 1px solid #ccc; border-radius: 3px; vertical-align: top; } .clm et-list-card:before, et-list-card:after { content: " "; display: table; clear: both; } .clm et-list-card et-list-card-img { display: block; border-radius: 3px; margin-bottom: 8px; } .clm et-list-card et-list-card-img img { display: block; border-radius: 3px 3px 0px 0px; } .clm et-list-card et-list-card-body { padding: 8px 5px; display: block; } .clm et-list-card et-list-title { display: block; font-size: 15px; margin-bottom: 8px; font-family: 'noto_sansbold'; } .clm et-list-card et-list-content { display: block; margin-bottom: 8px; } .clm et-list-card et-list-footer { display: block; margin-bottom: 8px; } @media screen and (max-width: 480px) { .clm et-list-card { display: block; width: 100%; margin-bottom: 10px; } } .clm .et-overflow-auto { overflow: auto; } /***list card **/ .clm .et-easyuitabs .panel-body { background: none; overflow: hidden; } .clm .et-easyuitabs .tabs li.tabs-selected .tabs-inner { border-bottom: 2px solid #729bfc; color: #729bfc; height: 40px!important; line-height: 38px!important; font-weight: 600; } .clm .et-easyuitabs .tabs li .tabs-inner { color: #797979; height: 40px!important; line-height: 38px!important; font-weight: 500; padding: 0 15px!important; } .clm .et-easyuitabs .tabs-header, .clm .et-easyuitabs .tabs-tool { background: none; border-color: #d9d9d9; } .clm .et-easyuitabs .tabs { border-width: 0 0 2px 0; height: 40px!important; border-color: #f3f3f3!important; } .clm .et-easyuitabs .tabs-title { font-size: 0.9rem; } .clm .et-easyuitabs .tabs-pill.tabs .tabs-header, .clm .et-easyui-tabs-pills .tabs, .clm .et-easyui-tabs-pills .tabs-header { border: 0px!important; background: transparent; border: 0px!important; } .clm .et-easyuitabs .tabs-pill li .tabs-inner, .clm .et-easyui-tabs-pills .tabs li .tabs-inner { font-size: 12px!important; font-weight: 500; text-transform: uppercase; color: #fff; background: #9CA6C7; padding: 3px 10px; border-radius: 31px; line-height: normal!important; height: auto!important; } .clm .et-easyuitabs .tabs-pill tabs-title, .clm .et-easyui-tabs-pills .tabs-title { font-size: 12px!important; } .clm .et-easyuitabs .tabs-pill .tabs-title { font-size: 11px; } .clm .et-easyuitabs .tabs-pill li { margin-top: 9px; } .clm .et-easyuitabs .tabs-pill li.tabs-selected .tabs-inner, .clm .et-easyui-tabs-pills .tabs li.tabs-selected .tabs-inner { font-size: 11px!important; font-weight: 500; text-transform: uppercase; border: 0px; background: #739cfd; height: auto!important; color: #fff!important; line-height: normal!important; padding: 3px 10px!important; } body .clm .et-easyuitabs .easyui-linkbutton.pills { font-size: 11px!important; font-weight: 500; text-transform: uppercase; color: #fff; background: #9CA6C7; padding: 2px 5px; border-radius: 31px; line-height: normal!important; height: auto!important; } body .clm .et-easyuitabs .easyui-linkbutton.pills.l-btn-selected { font-size: 11px!important; font-weight: 500; text-transform: uppercase; border: 0px; background: #739cfd; height: auto!important; color: #fff!important; line-height: normal!important; } /*****/ .clm .clmDownload-warp et-contentbgcolor-white { margin-top: 5px; margin-bottom: 10px; } .clm .clmDownload-warp et-listcard-img { max-height: 210px; min-height: 105px; padding: 0 50px 0 50px; } .clm .clmDownload-warp et-listcard et-listcard-img img { margin: 0 auto; height: 110px; } @media only screen and (min-width:320px) and (max-width:768px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 100px; } } @media (max-width:1599.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 142px; width: 100%; } } @media (max-width:1499.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 130px; width: 100%; } } @media (max-width:1399.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 97px; width: 100%; } .clm .clmDownload-warp et-listcard-img { min-height: 95px; } } @media (max-width:1299.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 142px; width: 100%; } .clm .clmDownload-warp et-listcard-img { min-height: 111px; } } @media (max-width:1199.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 100px; width: 100%; } .clm .clmDownload-warp et-listcard-img { min-height: 96px; } } @media (max-width:991.98px) { .clm .clmDownload-warp et-listcard et-listcard-img img { height: 105px; width: 100%; } .clm .clmDownload-warp et-listcard-img { min-height: 110px; } } .clm .clmDownload { display: block; text-align: left; border-radius: 4px; width: auto; } .clm .clmDownload a { color: #666; } .clm .clmDownload .caret { border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; } .clm .clmDownload.dropdown.open .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 6px dashed; border-top: 0 solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; } .clm .clmDownload.dropdown.show .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 6px dashed; border-top: 0 solid transparent; border-right: 6px solid transparent; border-left: 6px solid transparent; } .clm .clmDownload .dropdown-menu:after, .clm .clmDownload .dropdown-menu:before { content: none; } .clm .clmDownload .dropdown-menu > li:hover { background-color: #5d6add; color: #fff; } .clm .clmDownload .dropdown-menu > li:hover i:before, .clm .clmDownload .dropdown-menu > li:hover a { color: #fff; } .clm .clmDownload .dropdown-menu > li > a { padding: 8px; clear: none; } .clm .clmDownload .dropdown-menu > li > a:hover, .clm .clmDownload .dropdown-menu > li > a:focus { text-decoration: none; background-color: rgba(0, 0, 0, 0.1); } .clm .clmDownload.preventtransform .dropdown-menu, .clm .downloadbutton.preventtransform .dropdown-menu { transform: unset !important; position: absolute !important; top: 100% !important; left: 0 !important; } .clm .clmDownload .dropdown-menu { max-height: 160px; overflow: auto; overflow-x: hidden; } .clm .text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .clm .downloadbutton-text-colour-white, .clm .downloadbutton-transparent-colour, .clm .downloadbutton-text-colour-black { width: 100%; display: inline-block; margin-bottom: 0; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; line-height: normal; border-radius: 4px; } .clm .content-top-body { background: #f7f7f7; } .clm .content-bottom-body { background: #efefef; } .clm .palette-0w .cart-color-1 { background: #fff; } .clm .button-style-bgcolour-1 { background-color: #c5dedd; } .clm .button-style-bgcolour-2 { background-color: #dbe7e4; } .clm .button-style-bgcolour-3 { background-color: #99c1de; } .clm .button-style-bgcolour-4 { background-color: #d6e2e9; } .clm .button-style-bgcolour-5 { background-color: #bcd4e6; } .clm .button-style-bgcolour-6 { background-color: #d9e1e2; } .clm .buttonGradient { background: #fff; background: -moz-linear-gradient(left,#fff 0,#f9f9f9 100%); background: -webkit-linear-gradient(left,#fff 0,#f9f9f9 100%); background: linear-gradient(to right,#fff 0,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=1 ); } .clm .downloadbutton-text-colour-white a { color: #fff; border-color: rgba(255,255,255,.5); } .clm .downloadbutton-text-colour-black a { color: #333; border-color: rgba(0,0,0,.5); } .clm .downloadbutton-transparent-colour a { color: rgba(0,0,0,.8); border-color: rgba(0,0,0,.5); } .clm .downloadbutton-text-colour-white a:hover { color: #fff; background: rgba(0,0,0,.1); border-color: rgba(255,255,255,.5); } .clm .downloadbutton-text-colour-black a:hover { color: #333; background: rgba(0,0,0,.1); border-color: rgba(0,0,0,.5); } .clm .downloadbutton-transparent-colour a:hover { color: rgba(0,0,0,.8); background: rgba(255,255,255,.1); border-color: rgba(0,0,0,.5); } .clm .downloadbutton-text-colour-white a.border-style.clmDownload-right, .clm .downloadbutton-text-colour-white a.clmDownload-right span { border-color: rgba(255,255,255,.5); } .clm .downloadbutton-text-colour-black a.border-style.clmDownload-right, .clm .downloadbutton-text-colour-black a.clmDownload-right span { border-color: rgba(0,0,0,.5); } .clm .downloadbutton-transparent-colour a.border-style.clmDownload-right, .clm .downloadbutton-transparent-colour a.clmDownload-right span { border-color: rgba(0,0,0,.5); } .clm .downloadbutton-text-colour-white a.border-style.clmDownload-right:active, .clm .downloadbutton-text-colour-white a.border-style.clmDownload-right:focus { background: rgba(0,0,0,.1); border-color: rgba(255,255,255,.5); border-left-style: solid; border-width: 1px; outline: 0; } .clm .downloadbutton-text-colour-black a.border-style.clmDownload-right:active, .clm .downloadbutton-text-colour-black a.border-style.clmDownload-right:focus { background: rgba(255,255,255,.1); border-color: rgba(0,0,0,.5); border-left-style: solid; border-width: 1px; outline: 0; } .clm .downloadbutton-transparent-colour a.border-style.clmDownload-right:active, .clm .downloadbutton-transparent-colour a.border-style.clmDownload-right:focus { background: rgba(255,255,255,.1); border-color: rgba(0,0,0,.5); border-left-style: solid; border-width: 1px; outline: 0; } .clm .downloadbutton-text-colour-white a.clmDownload-left i:before { color: #fff; } .clm .downloadbutton-text-colour-white a.clmDownload-right span i:before { color: #fff; } .clm .downloadbutton-text-colour-white .clmDownload-left:hover span, .clm .downloadbutton-text-colour-white .clmDownload-right:hover span { color: #fff; } .clm .downloadbutton-text-colour-black a.clmDownload-left i:before { color: #333; } .clm .downloadbutton-text-colour-black a.clmDownload-right span i:before { color: #333; } .clm .downloadbutton-text-colour-black .clmDownload-left:hover span, .clm .downloadbutton-text-colour-black .clmDownload-right:hover span { color: #333; } .clm .downloadbutton-transparent-colour a.clmDownload-left i:before { color: rgba(0,0,0,.8); } .clm .downloadbutton-transparent-colour a.clmDownload-right span i:before { color: rgba(0,0,0,.8); } .clm .downloadbutton-transparent-colour .clmDownload-left:hover span, .clm .downloadbutton-transparent-colour .clmDownload-right:hover span { color: rgba(0,0,0,.8); } .clm .clmDownload-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .clm .clmDownload-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .clm .pageInfoList { margin: 0; padding: 0; } .clm .fileUp input[type="file"] { z-index: -1; } .clm .fileUp-filename { min-width: 260px; } .clm .validationMsg { z-index: 999; } .clm .btn-fileup { border-radius: 50%; min-width: 60px; height: 60px; padding: 0; } .clm .file-reading_progrees { min-height: 250px; height: 100%; background-color: rgb(0 0 0 / 0.8); z-index: 99; } .clm .file-reading_progrees .progressbar { background: #f1f1f1; border: none; } .clm .file-reading_progrees .file-reading_bar { width: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; } .clm .file-reading_progrees .progressbar .progressbar-value .progressbar-text { background-color: #43a047; color: #fff; } .clm .import-emp-data .progressbar { background: #f1f1f1; border: none; } .clm .import-emp-data .progressbar-text { font-size: 10px; } .clm .import-emp-data .progressbar .progressbar-value .progressbar-text { background-color: #43a047; color: #fff; } .clm .import-emp-data button:disabled, .import-emp-data button[disabled] { border: 0; background-color: #ccc; color: #666; cursor: not-allowed; pointer-events: none; opacity: .5; } .clm .btn-disable { cursor: not-allowed; pointer-events: none; color: silver; background-color: #fff; opacity: .5; } .clm .import-emp-data { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .clm .header-rgt-menu .file-download:before, .header-rgt-menu .file-upload:before { color: #fff; } .clm .grideContiner { position: absolute; top: 88px; right: 0; bottom: 0; left: 0; background: #fff; margin-bottom: 0; } .clm .grideContiner .datagrid-body { width: 100% !important; } .clm .panel-title { width: 95%; } .clm .fullwidthlabel-left .textbox-label { width: auto!important; } .clm .import-mode-help .panel { display: inline !important; } .clm .datagrid-view1, .clm .datagrid-header-rownumber, .clm .datagrid-td-rownumber { width: 70px !important; } .datagrid-cell-rownumber { display: inline !important; padding: 0 10px !important; } .clm .file-reading_progrees .progressbar.start .progressbar-value .progressbar-text { background-color: #ffda09; color: #fff; } .clm .awaiting-approval .table > tbody > tr > td { font-size: 1rem; } .clm .clmDownload-right.l-btn { background: none; } .grid-style .datagrid-view1,.grid-style .datagrid-header-rownumber,.grid-style .datagrid-td-rownumber {width: 70px !important;} .contract-contractorSvg{background:url(../images/contractor.svg) center no-repeat;background-size:contain;width:300px;min-height:160px;background-position: top;} .salary-strSvg{background:url(../images/salary-structure.svg) center no-repeat;background-size:contain;width:300px;min-height:160px;background-position: top;} .canteenManualEntery-canteenSvg{background:url(../images/canteenManualEntery.svg) center no-repeat;background-size:contain;width:300px;min-height:160px;background-position: top;} .code-codeFilesSvg{background:url(../images/CodeFileDownload.svg) center no-repeat;background-size:contain;width:300px;min-height:160px;background-position: top;} .contract-contractsvg{background:url(../images/contract.svg) center no-repeat;background-size:contain;width:300px;min-height:160px;background-position: top;} /* Bulk upload PAGE CLM0401 03 March 2023 messageBoxModal */ .modal-open .clm-msg-modal { opacity:1 !important;z-index: 999999 !important;} @media (max-width:767.98px) { .clm .header-rgt-menu { float: none; } .clm .fileUp .textbox .textbox-text, .clm .fileUp .textbox.easyui-fluid { width: 100%!important; } .clm .fileUp .textbox-button-right { width: 120px; } .clm .personal-jobSvg { width: 100%; } .clm .LocationCodeFile { width: 100%; } .clm .fileUp-selector { width: 100%; } .clm .fileUp-filename, .clm .fileUp-selector label { margin-bottom: 5px; width: 100%; } .clm .file-reading_progrees { min-height: 250px; height: 100%; } .clm .file-reading_progrees .file-reading_bar { width: 80%; } .clm .import-emp-data_bar { width: 100%!important; margin-top: 10px; } .clm .import-emp-data .textbox-label { width: auto!important; vertical-align: middle!important; } .clm .import-emp-data .error-only { float: none; } .clm .content-header .content-header_title1 { font-size: 1.923rem!important; } .clm .content-header .content-header_title2 { font-size: 1.538rem!important; } .clm .uploading-imgSvg { width: 100%; height: 150px; } .clm #uploadFailed, .clm #uploadSuccess { text-align: center; } .clm .import-emp-data, .clm .grideContiner { position: relative; } .clm .grideContiner { left: 0; top: 0; } .clm .clmDownload-left { max-width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px !important; } .clm .clmDownload-right { max-width: 25%; } .clm .importMode-selection .fullwidthlabel-left .textbox-label { overflow: visible; white-space: normal; padding-left: 10px; margin-bottom: 10px; line-height: 30px !important; } clm .clmDownload { margin-right: 5px; } } /* Bulk upload PAGE CLM0401 21 Feb 2023 -- End */ /* Web Punch 22 Feb 2023 -- start */ .closecamers {background: url(easyui/images/panel_tools.png) no-repeat -16px 0px;} /* Web Punch 22 Feb 2023 -- End */ /***for ipad mobile tablet start*/ @media screen and (max-width: 990px) { .mobpage-header et-breadcrumb-item,.mobpage-header et-breadcrumb-item:last-child {color:#fff!important ; font-weight: 500!important; width:90%;white-space:nowrap} .mobpage-subheader {background: #e8e8ea;color: #000;padding-top: 8px;padding-bottom: 8px;text-transform: uppercase;font-size: 12px;border-bottom: 1px solid #d6d6da;} .mobileLeftArrow .et-vm-backward-arrow {color:#fff !important;} .menuversionli {border-bottom: 0px;line-height: normal;position: relative;bottom: 5px;margin-top: 10px;text-align:right;right:19px} .menuversion {font-size: 13px;color: #909090;padding-left: 10px;} .leftmenuinnerlogo {text-align: right;margin: 10px auto 10px;padding: 0px 10px 0px 10px;float: right;width: 100%;} .leftmenuinnerlogo img {max-width: 30%;} .sidenav-top .col-xs-4 {width: 33.33333333%; position: relative;min-height: 1px;/*padding-left: 15px;padding-right: 15px;*/padding-left: 10px;padding-right: 10px;float:left} .sidenav-top .col-xs-8 {width: 66.66666667%; position: relative;min-height: 1px;/*padding-left: 15px;padding-right: 15px;*/padding-left: 10px;padding-right: 10px;float:left} table.menu-content {width: 100%;table-layout: fixed;} table.sub-menu {width: 84%;table-layout: fixed;margin-left:11%} table.sub-menu tbody {width: 100%;display: block;} table.sub-menu tbody tr,table.sub-menu tbody td { width: 100%; display: block;} table.sub-menu li {border-bottom:1px solid #f0f0f0;} table.sub-menu li i { display:none} table.menu-content {width:100%} .sidenav a {padding: 8px;text-decoration: none;font-size: 25px;color: #757575;display: block;transition: 0.3s;font-weight:500} .sidenav a:hover,.offcanvas a:focus {/*color: #223f8b;*/color: #4057fb} .sidenav .closebtn {position: absolute;top: 0;right: 5px;font-size: 18px;margin-left: 0px;padding: 0px;} .sidenav-top {display: block;/*background: #eaeaea;*/text-align: center;padding: 10px 0px;border-bottom: 1px solid #eaeaea;} .sidenav-top .userimage {display: block;width: 75px;height: 75px;border-radius: 100px;margin: 0px auto;border: 1px solid #e5e5e5;} .sidenav-top .userimage img {display: block;border-radius: 100px;max-width: 100%;border: 1px solid #e5e5e5;} .sidenav-top .username {display: block;margin: 0px auto;text-align: left;font-size: 18px;margin-top: 15px;} .sidenav-top .userpos {display: block;margin: 0px auto;text-align: left;font-size: 16px;} .sidenav {height: 100%;width: 0;position: fixed;z-index: 99995;top: 0;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;padding-top: 0px;-webkit-box-shadow: 4px 0px 12px -1px rgba(0, 0, 0, 0.05);-moz-box-shadow: 4px 0px 12px -1px rgba(0, 0, 0, 0.05);box-shadow: 4px 0px 12px -1px rgba(0, 0, 0, 0.05);} .nav-side-menu-bar {/*font-size: 20px;cursor: pointer;color: #fff;position: relative;top: 7px;left: 10px;*/font-size: 20px;cursor: pointer;color: #fff;position: relative;top: -11px;left: 0px;padding:17px 0px 17px 10px} body .mobpage-header {background: #444!important;color: #fff!important;padding-top: 11px;padding-bottom: 11px;text-transform: uppercase;font-size: 18px;border-bottom: 1px solid #444!important;width: 100%;z-index: 991;height:43px;/*overflow:hidden;*//** for inner heaxer*/margin-top:63px!important } .nav-side-menu {overflow: auto;font-weight: 200;position: relative;width: 280px;/*height: 100%;*/color: #e1ffff;} .nav-side-menu .brand {/*background-color: #23282e;*/line-height: 50px;display: block;text-align: left;font-size: 14px;padding-left: 10px;} .nav-side-menu .toggle-btn {display: none;} .nav-side-menu ul,.nav-side-menu li {list-style: none;/*padding: 5px 20px 5px 0;*/padding: 5px 0px 5px 0;margin: 0px;line-height: 45px;cursor: pointer;} .nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before { font-family: FontAwesome; content: "\f078"; display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; float: right;} .nav-side-menu ul .active,.nav-side-menu li .active { border-left: 0px solid #d19b3d; /*background-color: #d6e0e0;*/} .nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active { color: #000;} .nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a { color: #000; } .nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li { background-color: #f3f3f3; border: none; line-height: 28px; border-bottom: 1px solid #eaeaea; margin-left: 0px; color: #212121; padding-left: 35px;} .nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover { background-color: #fff; color: #212121; } .nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before { display: inline-block; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .nav-side-menu li {padding-left: 0px;/*border-left: 3px solid #2e353d;*/border-bottom: 1px solid #d6e0e0;} .nav-side-menu li a { text-decoration: none; color: #757575; font-size: 18px; display: block;} .nav-side-menu li a i { padding-left: 10px; width: 20px; padding-right: 20px; position: relative; top: 11px; color:#010101 } .nav-side-menu li .leftsidelogout i { padding-left: 0px; top: 0px; padding-right: 9px;} .nav-side-menu ul .sub-menu li a {font-size: 12px;} .nav-side-menu li a i.lefticon {top: 0px;padding-left: 0px;padding-right: 10px;color:#4a4a4a} .nav-side-menu li:hover {/*border-left: 3px solid #d19b3d;background-color: #4f5b69;*/-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}header .headerhome .text {color: #fff;float: right;margin-right: 15px;margin-top: 11px;font-size: 16px;}header .headerhome a {color: #fff;float: right;margin-right: 15px;margin-top: 11px;font-size: 18px;} body .newmobilebreadcrumbs {background:#fff!important ; border-bottom:1px solid #fff!important;width:100% } body .newmobilebreadcrumbs a {color: #000 !important; font-size:1rem;font-weight:600 } body .newmobilebreadcrumbs.hidden-lg {display:block} body .traveldashboardouterset .et-width-31 {width:30%!important} body .newbreadcrumb {color:#fff} body .mobpage-header .container {width:100%} body .mobpage-header et-breadcrumb-item {padding-left:12px!important} .overlay3 { background-color: rgba(0, 0, 0, 0.9); height: 100%; left: 0; opacity: 0; overflow-x: hidden; overflow-y: auto; position: fixed; text-align: center; top: 0; transition: opacity 1s ease 0s; width: 0; z-index: 9999; } } /***for ipad mobile tablet end*/ /*Process payroll*/ .payrollProcess { width:100%;} .payProcessHeader { height: auto;} .payProcessMainContainer { height: auto; overflow-y: auto; overflow-x: hidden; padding: 0 0; margin: 0 15px 10px; } .payProcessFooterContainer { height: 60px; } .payrollProcess .selectPeriod { margin: 0 auto; } .payrollProcess .mainContainerContent { display: none; width: 100%; } .payrollProcess .theadSticky .ui-jqgrid-hdiv { position: sticky; left: 0; z-index: 99; top: 33px; } .payrollProcess .sticky { position: sticky; left: 0; z-index: 99; top: 0px; width: 100%; margin-bottom: 3px; background-color: #fff; } .payrollProcess .cardProcessType { border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; width: 100%; } .payrollProcess .cardProcessType img { width: 50px; height: 50px; object-fit: cover; float: left; padding: 4px; border-right: 1px solid #ccc; margin-right:10px; } .payrollProcess .cardProcessType-title { padding: 0; font-weight: 700; color: #333; background-color: #f7f7f7;} .payrollProcess .cardProcessType:hover { transform: scale(1.03); } .payrollProcess .cardProcessType:hover .cardProcessType-title { background-color: #e6e6e6; } .payrollProcess .cardProcessType-title .textbox-label { height: 50px !important; line-height: 50px !important; width: 70%; display: inline-block; cursor: pointer; } .payrollProcess .incomeTaxBasedOn .textbox-label { height:auto !important; line-height:normal !important; } .rbt-tooltip { width:400px; } .incomeTaxBasedOnBox {padding:15px 15px 0 15px; border:#ccc solid 1px; } /*Process payroll*/