/*-----my app pages edit--------*/
#main-steps.myaap-edit-new {
    padding-top: 2%;
}
.myaap-edit-new {
    background: #f6f5f3;
}
.myaap-edit-new .back_button {
    opacity: 0;
}
.myaap-edit-new .text-center.edit_linkkl {
    background-color: #fff !important;
    border: none;
    box-shadow: 0px 0px 2px 2px #eee;
    border-radius: 0px;
    /*background-image: url('./images/url-web-icon.png') !important;*/
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    padding: 20px 20px 20px 30px;
    background-position: 30px 18px !important;
    font-size: 16px;
    color: #333;
}
.myaap-edit-new {
    background: #f6f5f3;
}
.myaap-edit-new h1 {    
    font-size: 30px;
}
.backgrnd-file-icon{
	   background-image: url('./images/url-web-icon.png') !important;
	   background-repeat: no-repeat !important;
}
.panel-heading.backgrnd-file-icon {
   padding: 0px;
    background-color: #fff;
    background-size: 25px;
    background-position: 30px 15px;
}
.panel-heading.backgrnd-file-icon .panel-title {
    padding: 20px 20px 20px 65px;
}
.myaap-edit-new .panel-body {
    border-top: none !important;
}
.myaap-edit-new .panel-body .form-group.jj {
    margin: 0px 8px 15px 15px;
    display: inline-block;
}
.myaap-edit-new .panel-body .form-group.jj input ,.myaap-edit-new .panel-body .form-group.jj .select2-selection {
    background: transparent !important;
    border: 1px solid #eee !important;
    box-shadow: 0px 0px 1px 1px #eee !important;
    height: 50px !important;
}
.myaap-edit-new .panel-body .form-group.jj .select2-selection span{
height: 50px;
padding-top: 9px;
color: #8D8D8D;
font-size: 14px
}
.myaap-edit-new .panel-body .form-group.jj .phone_number .error {
    display: inline-block;
    background: transparent;
    padding: 0px;
    color: red;
    font-size: 12px;
}
.myaap-edit-new .panel-body .form-group.jj .phone_number .col-md-10 {
    width: 81%;
    float: right;
}
.myaap-edit-new .panel-body .form-group.jj.div_customize #customWidget .minicolors input {
    width: 100%;
}
.myaap-edit-new .panel-body .form-group.jj.div_customize #customWidget .minicolors .minicolors-swatch {
    margin-top: 5px;
}
.myaap-edit-new .panel-body .form-group.jj .input-group.url_links span {
    background: transparent !important;
}
.myaap-edit-new #accordion .checkbx_lab input {
    height: auto;
    line-height: 0px;
    position: relative;
    top: -12px;
    box-shadow: none !important;
    margin-right: 12px;
    margin-left: 10px;
}
.myaap-edit-new .panel-body .form-group.jj .btn.btn-primary.btn-file {
    background-image: url('./images/upload-icon.png') !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    border: none;
    padding: 15px 20px;
    background-size: 25px;
    display: block;
}
.myaap-edit-new .panel-body #add_app_submit {
    background: #ff4f26 !important;
    border: 1px solid;
    opacity: 1;
    padding: 8px 20px;
    font-size: 16px;
    margin-left: 15px;
}
.myaap-edit-new .panel-body .checkbx_lab {

    margin: 0px !important;

}
.myaap-edit-new .app_header_top .app_search input {
    width: 90%;
    height: 45px;
    border: 1px solid #dedede;
    padding: 0px 15px;
}
#main-steps.myaap-edit-new .panel.panel-default .panel-heading.headingimg {
	background-color: #fff !important;
	border: none;
	box-shadow: 0px 0px 2px 2px #eee;
	border-radius: 0px;
	background-image: url('./images/download-icons-big.png') !important;
	background-repeat: no-repeat !important;
	background-size: 25px !important;
	padding: 20px 20px 20px 65px;
	background-position: 30px 18px !important;
	font-size: 16px;  
	color: #333;
}
.myaap-edit-new .extension-info .wrap_app_bx .app_header {
    padding: 20px;
}
.myaap-edit-new .extension-info .wrap_app_bx .app_header .col-md-4.col-sm-4.col-xs-6.float-right {

    text-align: right;

}
.myaap-edit-new .extension-info .wrap_app_bx .app_header .lgo_app .thumb {
    padding-left: 10px;
    width: 40px;
}
.myaap-edit-new .extension-info .wrap_app .app_body {
    padding: 0px 15px 1px 15px;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul {
    list-style: none;
    padding: 0px;
    text-align: center;
}
.myaap-edit-new .extension-info .wrap_app .app_body h2 {
    font-size: 20px;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 4px;
    text-align: left;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li .desc h3 {    
    font-size: 18px;
    color: #333;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li .desc p {
    font-size: 16px;
    margin: 4px 0px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info ul {
    padding: 0px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info {
    padding: 0px 0px 0px 8px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info .verify_extension .btn.btn-primary {
    background: #ff4f26;
    border: 1px solid #ff4f26;
    font-size: 16px;
    border-radius: 4px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info ul li.ng-scope {
    margin-bottom: 0px !important;
}
.myaap-edit-new .note-activate {
    border: 1px solid #eee;
    padding: 15px 15px;
    text-align: center;
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 1px 3px #eee;
    margin: 30px 0px;
}
.myaap-edit-new .app_header_top {
    background: #fff;
    padding: 25px;
    border-bottom: 1px solid #eee;
}  
.myaap-edit-new .app_value {
list-style: none;
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 25px
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li ul li a span {
    background: #ff4f26;
}
.myaap-edit-new .app_value li {
display: inline-block;
width: 31%;
margin: 0px 10px;
text-align: center;
display: flex;
border: 1px solid #eee;

margin-top: 10px !important;

margin-bottom: 10px !important;

padding: 25px !important;
}
.myaap-edit-new .app_value li .link_for_app .app_logo {
    min-height: 111px;
}
.myaap-edit-new .app_header_top .app_search span {  
    height: 45px;
    border: 1px solid #eee;
        border-left-color: rgb(238, 238, 238);
        border-left-style: solid;
        border-left-width: 1px;
    display: inline-block;
    vertical-align: top;
    width: 9%;
    text-align: center;
    font-size: 20px;
    opacity: .7;
    padding-top: 8px;
    margin-left: -6px;
    border-left: none;
    background: #eee;
    cursor: pointer;
}
#main-steps.myaap-edit-new .panel.panel-default .panel-heading.new-imageheaing {
    background-color: #fff !important;
    border: none;
    box-shadow: 0px 0px 2px 2px #eee;
    border-radius: 0px;
    background-image: url('./images/url-web-icon.png') !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    padding: 20px 20px 20px 65px;
    background-position: 30px 18px !important;
    font-size: 16px;
    color: #333;
}
.myaap-edit-new #accordion .displ-url form .form-group select {
    width: 10%;
    margin-right: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: none;
    height: 45px;
    background-color: #f6f6f6;
}
.myaap-edit-new #accordion .displ-url form .form-group input {
    width: 90%;
    height: 45px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background-color: #fff;
}
.myaap-edit-new #accordion .displ-url form .btn_page_user {
    text-align: right;
}
.myaap-edit-new #accordion .displ-url form .btn_page_user button {
    height: 35px;
    background: #ff4f26;
    border: 1px solid #ff4f26;
}
.myaap-edit-new #accordion .displ-url form .btn_page_user #cancel_btn {
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
    color: #333;
    height: 35px;
    width: auto !important;
    padding: 0px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info .install_extension .edit-container .inline-content-concept input {
    margin-right: 6px;
}
.myaap-edit-new .panel-body .form-group.jj.thumb-image-big img.thumb {
    width: auto;
    height: 80px;
    margin-bottom: 10px;
    border: 1px solid #eee;
}
.myaap-edit-new .panel-body .cancel_btn.ng-scope {

    background: #f5f5f5 !important;
    border: 1px solid #e1e1e1;
    padding: 8px 20px;
    width: auto;
    font-size: 16px;
    color: #333;

}
.myaap-edit-new .app_header_top .list_1 .fa.fa-plus {
    font-size: 20px;
    background: #ff4f26;
    color: #fff;
    height: 45px;
    padding: 13px 15px;
    cursor: pointer;
}
.myaap-edit-new .app_header_top .list_1:hover .fa.fa-plus {

    color: #ff4f26;
    background: #f5f5f5;

}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li {
    height: 45px;
    background: #f3f3f3;
    list-style: none;
    padding: 0px 15px;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li .satus_page {
    font-size: 16px;
    color: #333;
    padding-top: 10px;
    text-decoration: none !important;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li ul li {
    background: #fff;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li ul li a {
    background: transparent !important;
    padding-left: 0px !important;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li ul {
    width: 250px;
    position: absolute;
    right: 44px;
    float: none;
    box-shadow: 0px 0px 2px 2px #e8e8e8;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li .satus_page .fa.fa-chevron-down {
    float: right;
    padding-top: 4px;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li .dropdown-toggle {
    display: block;
}
.myaap-edit-new .app_value li .app_logo .app_imag.ng-scope {
width: 90px;
height: auto;
    border-radius: 0px;
}
.myaap-edit-new .app_value li div {
    width: 100%;
}
.myaap-edit-new .app_value li .link_for_app {
    display: inline-block;
}
.myaap-edit-new .app_value li .link_for_app {
    display: inline-block;
    color: #555555;
}

.myaap-edit-new .app_value li .app_information p .status_t .fa.fa-circle.red {
    opacity: 0;
    display: none;
}
.myaap-edit-new .app_value li .app_logo h4.ng-binding {
    text-align: center;
    font-weight: 600;
}
.myaap-edit-new .app_value li .app_information p .status_t b {
    font-weight: normal;
}
.myaap-edit-new .app_value li .app_logo .app_img_new2 {
    text-align: center;
    width: auto !important;

padding: 4px 10px
}
#edit_panel_domian2 .panel-heading.backgrnd-file-icon {
    border-bottom: 1px solid #eee;
}
#edit_panel_domian2 #collapseOne form .form-group select {
    width: 10%;
    margin-right: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-right: none;
    height: 45px;
    background-color: #f6f6f6;
}
#edit_panel_domian2 .form-group {
    margin-bottom: 0px;
}
#edit_panel_domian2 #collapseOne form .form-group {
    margin-bottom: 0px;
}
#edit_panel_domian2 #collapseOne form .form-group input {
    width: 90%;
    height: 45px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background-color: #fff;
}
.myaap-edit-new .panel-body .form-group.jj.thumb-image-big img.thumb {
    padding: 10px;
}
.extension-info .wrap_app_bx .app_header .text-white {
    color: #fff;
    padding-top: 4px;
    text-align: center;
}
/*--end myapp pages-----*/   
/*------responsive code--*/
@media(max-width: 1366px){
.myaap-edit-new .panel-body .form-group.jj {
    width: 90%;
}
}
@media(max-width: 1024px){
.myaap-edit-new .extension-info .wrap_app .app_body ul li {
    width: 30%;
   text-align: center;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li .desc h3 {
    font-size: 14px;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li img {
    width: auto;
    height: 70px;
    margin: 0px auto;
}
.myaap-edit-new .extension-info .wrap_app .app_body h2 {
    text-align: center;
}
}
@media(max-width: 992px) and (min-width: 768px){
.myaap-edit-new .app_value li {
    width: 30%;
    padding: 20px !important;
}
.app_information p {
    font-size: 14px;
}
.myaap-edit-new .note-activate {
    font-size: 14px;
}
.myaap-edit-new .extension-info .wrap_app_bx .app_header .col-md-4.col-sm-4.col-xs-2.lgo_app {
    width: 49%;
}
.myaap-edit-new .extension-info .wrap_app_bx .app_header .col-md-4.col-sm-4.col-xs-6.float-right {
    width: 49%;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li {
    width: 28%;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li .desc p {
    font-size: 14px;
    margin: 4px 0px;
}
.myaap-edit-new #accordion .checkbx_lab input {
    top: 1px;
}
.myaap-edit-new .panel-body .form-group.jj .phone_number .col-md-10 {
    width: 77%;   
}
}
@media(max-width: 767px){
    .myaap-edit-new .note-activate {
    font-size: 14px;
}
#build_form .input-group .input-group-addon {
    width: 80%;
    display: inline-block;
    /* float: left; */
    height: 50px;
}
.input-group.url_links {
    display: block;
}
#build_form input#basic-url {
    width: 20%;
    display: inline-block;
}

.myaap-edit-new .panel-body .form-group.jj {
    width: 100%;
}
.myaap-edit-new .panel-body .form-group.jj {
    margin: 0px 0px 15px 0px;
}
.myaap-edit-new .extension-info form .col-md-6.col-sm-6.col-xs-6.app-style {
    width: 100%;
}
.myaap-edit-new .panel-body .form-group.jj .phone_number .col-md-10 {
    width: 80%;
}
.myaap-edit-new .panel-body .form-group.jj .phone_number .col-md-2 {
    width: 20%;
}
.myaap-edit-new .extension-info .wrap_app .app_body ul li .desc p {
    font-size: 14px;
    margin: 4px 0px;
}
.myaap-edit-new .app_header_top .col-md-8.col-sm-8.col-xs-6 {
    width: auto;
    position: absolute;
    left: 15px;
    right: 15px;
    margin: 0px auto;
}
.myaap-edit-new .app_header_top .col-md-1.col-sm-1.col-xs-3.not_showing_responsve {
    width: 30%;
    margin-top: 57px;
        padding-left: 5px;
}
.myaap-edit-new .app_header_top .col-md-3.col-sm-3.col-xs-3.satus_app_all {
    width: 70%;
    margin-top: 57px;
    padding-right: 5px;
}
.myaap-edit-new .app_value {
    padding: 15px;
}
.myaap-edit-new .app_value li {
    width: 46%;
    margin: 0px 5px;
    padding: 10px !important;
}
.myaap-edit-new .app_header_top .satus_app_all .all_satus li ul {
    width: 220px;
}
.myaap-edit-new .app_header_top .app_search span {
    width: 15%;
}
.myaap-edit-new .app_header_top .app_search input {
    width: 85%;
}
.myaap-edit-new .app_value li div {
    font-size: 14px;
}
.myaap-edit-new .app_value li .app_logo .app_imag.ng-scope {
    width: 70px;
}
.myaap-edit-new .app_value li .link_for_app .app_logo {
    min-height: 70px;
}
.myaap-edit-new .app_value li {
    min-height: auto;
}
.myaap-edit-new .text-center.edit_linkkl {
    padding: 6px 10px 6px 10px;
    font-size: 14px;
}
.panel-heading.backgrnd-file-icon {
    background-position: 10px 15px;
}
.panel-heading.backgrnd-file-icon .panel-title {
    padding: 20px 20px 20px 35px;
}
#main-steps.myaap-edit-new .panel.panel-default .panel-heading.headingimg {
    padding: 20px 20px 20px 35px;
    background-position: 10px 18px !important;
    font-size: 14px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info {
    padding: 0px;
}
#main-steps.myaap-edit-new .panel.panel-default .panel-heading.headingimg a.accordion-toggle {
    font-size: 14px;
}
#main-steps.myaap-edit-new .panel.panel-default #collapseFour .extension-info .verify_extension .btn.btn-primary {
    font-size: 14px;
    padding: 6px 10px;
}
.myaap-edit-new #accordion .displ-url form .form-group input {
    width: 70%;
}
.myaap-edit-new #accordion .displ-url form .form-group select {
    width: 30%;
}  
.myaap-edit-new #accordion .displ-url form .btn_page_user {
    text-align: center;
}

}
@media(min-width: 600px) and (max-width: 767px){
.myaap-edit-new .app_value li {
    width: 31%;
    margin: 0px 7px;
}
.myaap-edit-new .app_header_top .col-md-1.col-sm-1.col-xs-3.not_showing_responsve {
    width: 18%;
    margin-top: 0px;
    padding-left: 5px;
}
.myaap-edit-new .app_header_top .col-md-8.col-sm-8.col-xs-6 {
    width: 50%;
    position: relative;
}
.myaap-edit-new .app_header_top .col-md-3.col-sm-3.col-xs-3.satus_app_all {
    width: 29%;
    margin-top: 0px;
    padding-right: 5px;
    float: right;
}
}
/*---end responsive code-----?*/