﻿md-dialog.ms-marketplace-subscription-dialog { height: 690px; width: 720px; background-color: #FAFAFA; }
    md-dialog.ms-marketplace-subscription-dialog .container-main-dialog { height: 690px; width: 720px; }
    md-dialog.ms-marketplace-subscription-dialog .step_header { font-size: 18px; color: dimgrey; padding-left: 150px; }
    md-dialog.ms-marketplace-subscription-dialog .header-container { background-color: #33BEA7; }
md-dialog .container-main-dialog .header-container .icon-dialog.close:after { content: ""; position: absolute; left: 100%; width: 30px; height: 30px; margin-left: -30px; background: url('../../../bundle/i/salesQuoteDialog/close_dialog.svg'); background-repeat: no-repeat; background-size: 24px auto; cursor: pointer; background-position: 8px center; }

md-dialog.ms-marketplace-subscription-dialog .container-main-dialog .config-container { height: 100%; width: 100%; }

 md-dialog.ms-marketplace-subscription-dialog .selectSubscription { padding:10px; }
 md-dialog.ms-marketplace-subscription-dialog .selectSubscription .left { float: left;width:100px;font-size:20px;height: 40px; margin-top: 5px; }
 md-dialog.ms-marketplace-subscription-dialog .selectSubscription .right { float: right;width:calc(100% - 130px); }

md-dialog.ms-marketplace-subscription-dialog .body { height: 580px; }
md-dialog.ms-marketplace-subscription-dialog .container_make_request_action { height: 50px; background-color: transparent; align-items: center; border-top-color: rgba(128, 128, 128, 0.24); border-top-width: 1px; border-top-style: solid; }
    md-dialog.ms-marketplace-subscription-dialog .container_make_request_action .md-primary { width: 110px; }
    md-dialog.ms-marketplace-subscription-dialog .container_make_request_action .right { float: right; margin: 10px 17px 0 0; }
    md-dialog.ms-marketplace-subscription-dialog .container_make_request_action .left { float: left; margin: 10px 0 0 17px; }
    md-dialog.ms-marketplace-subscription-dialog .container_make_request_action .md-primary.buy { background-color: #32BEA6 !important; }
        md-dialog.ms-marketplace-subscription-dialog .container_make_request_action .md-primary.buy[disabled] { background-color: rgba(0,0,0,0.12) !important; }

md-dialog.ms-marketplace-subscription-dialog md-dialog-content { width: 100%; height: 630px; color: #455A64; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: colum; -ms-flex-direction: colum; flex-direction: colum; }

   

    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration { width: 100%; }
        
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .packs_number { margin-left: 18px; margin-top: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
            md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .packs_number .label { width: 220px; font-size: 18px; text-align: left; }
            md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .packs_number .total_label { width: 200px; font-size: 18px; text-align: left; color: #33bea7; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration span.k-numeric-wrap { margin-left: 14px; width: 100px; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector { height: 104px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #33BEA7; }
            md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item { width: 214px; height: 68px; margin-left: 18px; margin-top: 17px; border: 1px #33BEA7 solid; border-radius: 3px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
                md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item.selected { background-color: #33BEA7; color: white; }
                md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item .icon { width: 40px; height: 100%; background-image: url('../../../bundle/i/salesQuoteDialog/icon-check-grey.svg'); background-position: center center; background-size: 20px 20px; background-repeat: no-repeat; }
                    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item .icon.selected { background-image: url('../../../bundle/i/salesQuoteDialog/icon-check-white.svg'); }

                md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item .info { width: 148px; height: 100%; text-align: center; }
                    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item .info .price { font-size: 22px; color: black !important; }
                    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_configuration .price_selector .item .info .price_header { padding-top: 2px; }


                     md-dialog.ms-marketplace-subscription-dialog md-dialog-content .notes { font-size: 16px; margin: 50px 20px 0 20px; }
            md-dialog.ms-marketplace-subscription-dialog md-dialog-content .notes .info { float: left; width: 32px; height: 32px; border-radius: 30px; border: 2px #33bea7 solid; font-size: 22px; font-family: Consolas; color: #33bea7; text-align: center; margin: 0 10px 0 0; line-height: 30px; }

             md-dialog.ms-marketplace-subscription-dialog md-dialog-content .plan_name { text-align: center;padding-bottom: 10px;font-size: 20px; }
    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_info { height: 172px; width: 100%; border-top-color: rgba(128, 128, 128, 0.24); border-top-width: 1px; border-top-style: solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_info .left { width: 315px; padding-left: 18px; font-size: 16px; padding-top: 10px; }
                md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_info .left table .table_right { text-align: right; }
            md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_info .left tr { padding-top: 10px; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .price_info .right { width: 365px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .gray_text { color: #9A9A9A; }
    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .total_price { color: #33BEA7; font-size: 24px; }
   

    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .container_progress { position: absolute; width: 720px; height: 550px; background-color: rgba(0,0,0,0.1) !important; z-index: 1000; top: 60px; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .container_progress md-progress-circular { margin: 200px auto; }
    
    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .confirmation { font-size: 20px; padding: 20px; line-height: 28px; }
    md-dialog.ms-marketplace-subscription-dialog md-dialog-content .confirmation_error { font-size: 20px; padding: 20px; line-height: 28px; }
        md-dialog.ms-marketplace-subscription-dialog md-dialog-content .confirmation_error .message { color: #ff5500; }

md-dialog.ms-marketplace-subscription-dialog .k-input { font-size: 14px !important; }
md-dialog.ms-marketplace-subscription-dialog .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { padding: 0px !important; min-height: 1.21em !important; }
md-dialog.ms-marketplace-subscription-dialog .k-icon, .k-sprite, .k-button-group .k-tool-icon { display: inline-block; width: 16px !important; height: 11px !important; overflow: hidden; background-repeat: no-repeat; line-height: 0; text-align: center; }
md-dialog.ms-marketplace-subscription-dialog md-checkbox { margin-bottom: 0px !important; }
