{"version":3,"sources":["payment-page-style.css"],"names":[],"mappings":"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","file":"payment-page-style.css","sourcesContent":[".form-inline .form-control {\r\n    display: inline-block;\r\n    width: auto;\r\n    vertical-align: middle;\r\n}\r\n\r\n.ltr {\r\n    direction: ltr\r\n}\r\n\r\n.pay-main-row {\r\n    margin-bottom: 23px\r\n}\r\n\r\n\r\n.pay-main-col {\r\n    width: 370px\r\n}\r\n\r\n.pay-main-col .help-block {\r\n    float: right;\r\n\r\n}\r\n\r\n.pay-main-col .pay-main-col-001 input {\r\n    max-width: 60px;\r\n    float: right\r\n}\r\n\r\n.pay-main-col .pay-main-col-001 span {\r\n    float: right;\r\n    line-height: 40px;\r\n    font-family: arial, sans-serif;\r\n    padding: 0 5px;\r\n}\r\n\r\n.pay-main-col .pay-main-col-002 {\r\n    min-height: 60px\r\n}\r\n\r\n.pay-main-col .pay-main-col-003 {\r\n    min-height: 60px\r\n}\r\n\r\n.pay-main-col .pay-main-col-004 {\r\n    min-height: 60px\r\n}\r\n\r\n.pay-main-col .pay-main-col-004 input {\r\n    max-width: 52px;\r\n    float: right\r\n}\r\n\r\n.pay-main-col .pay-main-col-004 span {\r\n    float: right;\r\n    line-height: 40px;\r\n    padding: 0 5px;\r\n}\r\n\r\n.pay-main-col .pay-main-col-005 {\r\n    min-height: 60px\r\n}\r\n\r\n.pay-main-col-006 img {\r\n    width: 150px;\r\n    height: 50px\r\n}\r\n\r\n.pay-main-col-007 button {\r\n    float: left;\r\n    margin-top: 5px\r\n}\r\n\r\n.pay-main-col-007 button span {\r\n    font-size: 17px;\r\n    top: 4px;\r\n}\r\n\r\n.pay-info {\r\n    position: relative\r\n}\r\n\r\n.pay-info .well {\r\n    position: relative;\r\n    height: 565px !important;\r\n}\r\n\r\n.pay-info .well .pay-info-001 {\r\n    margin-bottom: 20px\r\n}\r\n\r\n.pay-info.footer-style-2 .pay-info-001 div {\r\n    background-color: white !important;\r\n}\r\n\r\n.pay-info.footer-style-2 .pay-info-001 div img {\r\n    max-height: 60px;\r\n    margin: 0 auto;\r\n    display: block;\r\n    position: relative;\r\n    top: 20px;\r\n}\r\n\r\n.pay-info.footer-style-2 .pay-info-002 {\r\n    margin-bottom: 53px;\r\n    overflow-y: auto;\r\n    height: 320px;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.pay-info.footer-style-1 .row.foot-2,\r\n.pay-info.footer-style-2 .row.foot-2{\r\n    position: absolute;\r\n    bottom: 50px;\r\n    right: 15px;\r\n    border-top: 1px solid rgb(200, 200, 200);\r\n    width: 100%;\r\n    padding: 0;\r\n    padding-top: 10px;\r\n}\r\n\r\n.pay-info.footer-style-1 .row.foot-1,\r\n.pay-info.footer-style-2 .row.foot-1{\r\n    background-color: rgb(227, 227, 227);\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 15px;\r\n    border-top: 1px solid rgb(200, 200, 200);\r\n    width: 100%;\r\n    padding: 0;\r\n    padding-top: 10px;\r\n}\r\n\r\n.pay-info.footer-style-1 .pay-info-002{\r\n    margin-bottom: 53px;  margin-bottom: 53px;overflow-y: auto; height: 360px; overflow-x: hidden;\r\n}\r\n\r\n.pay-info.pay-general .well .pay-info-001 div {\r\n    border-radius: 2px;\r\n    height: 100px;\r\n    background: #0f4dbc;\r\n    text-align: center;\r\n    color: white;\r\n}\r\n\r\n.pay-info.pay-general .well .pay-info-002 span.glyphicon,\r\n.pay-info.pay-general .well .pay-info-003 span.glyphicon,\r\n.pay-info.pay-general .well .pay-info-004 span.glyphicon {\r\n    font-size: 8px;\r\n    margin-left: 10px;\r\n    color: #0f4dbc\r\n}\r\n.pay-info.pay-gas .well .pay-info-001 div {\r\n    cursor: pointer;\r\n    border-radius: 2px;\r\n    height: 100px;\r\n    background: #0008df url('../../imgs/NISOC-Logo-2.png');\r\n    background-repeat: no-repeat;\r\n    background-size: 90px;\r\n    background-position: center 7px;\r\n}\r\n\r\n.pay-info.pay-gas .well .pay-info-002 span.glyphicon {\r\n    font-size: 8px;\r\n    margin-left: 10px;\r\n    color: #0008DF\r\n}\r\n\r\n.pay-info.pay-mtn .well .pay-info-001 div {\r\n    cursor: pointer;\r\n    border-radius: 2px;\r\n    height: 100px;\r\n    background: rgb(255, 189, 0) url('../../imgs/Gbrand.png');\r\n    background-repeat: no-repeat;\r\n    background-size: 78px;\r\n    background-position: center 31px;\r\n}\r\n\r\n.pay-info.pay-mtn .well .pay-info-002 span.glyphicon {\r\n    font-size: 8px;\r\n    margin-left: 10px;\r\n    color: rgb(255, 189, 0);\r\n}\r\n\r\n.pay-info.pay-mci .well .pay-info-001 div {\r\n\tcursor: pointer;\r\n\t-webkit-border-radius: 2px;\r\n\tborder-radius: 2px;\r\n\theight: 100px;\r\n\tbackground: rgb(82, 193, 220) url('../../imgs/Gbrand.png');\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: 78px;\r\n\tbackground-position: center -75px;\r\n}\r\n\r\n.pay-info.pay-mci .well .pay-info-002 span.glyphicon {\r\n\tfont-size: 8px;\r\n\tmargin-left: 10px;\r\n\tcolor: rgb(82, 193, 220);\r\n}\r\n\r\n.pay-info.pay-bills .well .pay-info-002 span.glyphicon {\r\n    font-size: 8px;\r\n    margin-left: 10px;\r\n    color: rgb(15, 77, 188);\r\n}\r\n\r\n.pay-bills-form {\r\n    margin-top: 20px\r\n}\r\n\r\n.modal-header-logos-001 {\r\n    height: 30px;\r\n    margin-top: 15px;\r\n    margin-right: 15px;\r\n}\r\n\r\n.modal-header-logos-002 {\r\n    height: 60px;\r\n    margin-left: 15px;\r\n}\r\n\r\n.timer {\r\n    background: url(\"../../imgs/timer.png\");\r\n    height: 30px;\r\n    background-repeat: no-repeat;\r\n    width: 250px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    top: -15px;\r\n}\r\n\r\n.timer p {\r\n    text-align: center;\r\n    line-height: 30px;\r\n}\r\n\r\n.timer span {\r\n    width: 60px;\r\n    display: block;\r\n    float: left;\r\n    position: relative;\r\n    left: 50px;\r\n}\r\n\r\n/*----------------------------------------------------------*/\r\n/*//////////////////////////////////////////////////////////*/\r\n/*----------------------------------------------------------*/\r\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\r\n    background-color: lightgray;\r\n}\r\n\r\ndiv.keypad-rtl {\r\n    border-color: rgb(204, 204, 204);\r\n}\r\n\r\ndiv.keypad-rtl button {\r\n    direction: rtl;\r\n    font-size: 10pt;\r\n    font-family: \"webYekan\", Arial;\r\n    border: 1px solid rgb(227, 227, 227);\r\n    border-radius: 2px;\r\n}\r\n\r\ndiv.keypad-rtl .keypad-close {\r\n    background-color: #35BE70;\r\n    border: none;\r\n    font-size: 12px !important;\r\n    line-height: 28px;\r\n    width: 56px;\r\n}\r\n\r\ndiv.keypad-rtl .keypad-clear {\r\n    background-color: #D93D60;\r\n    border: none;\r\n    font-size: 12px !important;\r\n    line-height: 28px;\r\n    width: 56px;\r\n}\r\n\r\ndiv.keypad-rtl .keypad-back {\r\n    background-color: #F8A151;\r\n    border: none;\r\n    font-size: 12px !important;\r\n    line-height: 28px;\r\n    width: 56px;\r\n}\r\n\r\n.ltr {\r\n    font-family: Verdana;\r\n}\r\n\r\n.ltr span {\r\n    font-family: \"webYekan\", Arial;\r\n}\r\n\r\n\r\n/*footer*/\r\n.footer {\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 40px;\r\n    background-color: #eee;\r\n}\r\n.footer span{\r\n    line-height: 40px;\r\n    color: #6A6A6A;\r\n    font-size: 11px;\r\n\r\n}\r\n.footer span em{\r\n    font-family: 'arial';\r\n}\r\nbody {\r\n    margin-bottom: 40px;\r\n}"],"sourceRoot":"/source/"}