/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 7, 2019, 5:18:29 PM
    Author     : linlio.com
*/

#pta_item_submit_btn{
    text-transform: none !important;
    /*opacity: inherit;*/
    background: #1abc9c !important;
    opacity: inherit;
    font-family: sans-serif !important;
    letter-spacing: 0.5px !important;
    padding: 10px 15px !important;
    color: white;
    cursor: pointer;
    font-weight: 700;
}
#pta_item_submit_btn:hover{
    background: #1a6052 !important;
}
#pta_item_submit_btn:disabled{
    background: black !important;
    cursor: wait !important;
    line-height: inherit !important;
}

.pta-form-control{
    font-size: 0.8em;
    padding: 1em;
    padding-bottom: 2% !important;
    background: #f1f1f1 !important;
    border-radius: 4px;
}
.pta-form-control .title{
    font-weight: 700 !important;
}
.pta-form-control input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 1.17em;
    height: 1.17em;
    padding: 3.4px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #1e7f61;
    background-color: #f3ecec;
    border-radius: 50%;
    outline: none;
}
/* appearance for checked radiobutton */
.pta-form-control input[type="radio"]:checked {
    background-color: #00a570;
}

.pta-form-control .form-group label{
    color: #342a2a !important;
    font-weight: 500;
}

.pta-form-control input[type="url"]{
    -webkit-backface-visibility: hidden;
    background: rgba(0, 255, 186, 0.05);
    border: solid 1px #4ba670 !important;
    box-sizing: border-box;
    outline: none;
    padding: 0.36rem 0.66rem !important;
    -webkit-appearance: none;
    outline-offset: 4px !important;
    border-radius: 4px !important;
    height: 2.5em;
    width: 90% !important;
    color: black !important;
}
.web-type-btn label{
    padding: 1.5em !important;
    vertical-align: top !important;
    display: inline !important;
    font-weight: 500;
/*    color: #342a2a;*/
}
.domain-type-btn label{
/*    padding: 1.5em !important;
    vertical-align: top !important;
    display: inline !important;*/
    /*font-weight: 500;*/
    /*color: #342a2a;*/
}
.pta_popup_info, .pta_popup_info span {
    vertical-align: top;
}
.domain-type-btn .pta-r-btn-i{
    height: 2em;
    display: inline-flex; 
    width: 100%;
    padding: 1.5em;
    padding-top: 0em;
}
.domain-type-btn .pta-dtb-col1{
    width: 25%;
}
.domain-type-btn .pta-dtb-col2{
    /*width: 70%;*/
}
.pta-generate-btn{
    text-align: center !important;
}
.pta-content{
    margin-top: 2%; 
    width: 100%; 
    font-family: sans-serif;
}
.pta-tbl{
    font-size: 1.2em !important;
}
.pta-tbl-data tr{
    height: 2.2em;
}
.pta-tbl-head tr th{
    padding: 0.5%;
    font-size: 75% !important;
    text-align: -webkit-center;
    background: #6f89a0; 
    color: white;
    border: 1px solid #8eb9d5;;
}
.pta-tbl-data tr td{
    text-align: center;
    /*padding: 0.2rem;*/
    padding: 0.5% !important;
    /*font-size: 0.65em;*/
    font-size: small !important;
    border: 1px solid #ddd;
    position: relative;
}

.pta-tbl-data tr td a:visited{
    color: #609;
}
.pta-tbl-data tr td a{
    color: #311ffe;
    font-size: 1.2em !important;
    text-decoration: underline;
}
.pta-tbl-data tr td select{
    font-size: 1.1em;
    padding: 0.02em;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: #f7f7f7 !important;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    width: 97% !important;
    border-radius: 4px;
    text-align: center !important;
    height: 2.1em !important;
}
.pta-tbl tr:nth-child(even){background-color: #f2f2f2;}
.pta-tbl tr:hover {background-color: #ddd;}

.tip-hoverd-tbl{
    background: white;
    width: 30em;
    display: none; 
    position: absolute;
    border-radius: 5px;
    border: 2px solid white;
    box-shadow: 0px 0px 32px #0060b6;
    z-index: 99;
    left: 95%;
    /*top: 75%;*/
}
.tip-hoverd-tbl p{
    padding: 1% 1% 1% 0%;
    text-align: center;
    font-weight: 800;
    background: #dde4ea;
    color: #005ba8 !important;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 1px !important;
    margin-top: 1px !important;
    font-size: 0.9em !important;
}
.tip-hoverd-tbl a{
    color: #0d00ff !important;
}
.tip-hoverd-tbl-element{
    margin-bottom: 1px;
    background: white;
}
.tip-hoverd-tbl-element tr:nth-child(even){background-color: white;}
.tip-hoverd-tbl-element tr:hover {background-color: white;}

.tip-hoverd-tbl-element thead tr{
    background: #8eb0cd;
    color: white;
    font-size: 1em !important;
}
.tip-hoverd-tbl-element thead tr:hover{
    background: #8eb0cd;
    color: white;
}
.tip-hoverd-tbl-element tbody tr{
    /*height: 1.5em !important;*/
    /*font-size: 1.4em;*/
}
.tip-hoverd-tbl-element tbody tr td{
    padding: 0.05em;
}
.txt-center{
    text-align: center;
}
.pta-anchr-title{
    text-align: left !important;
    font-weight: bold;
    padding-left: 0.6em !important;
}
.pta-anchr-title-category-head{
    width: 40%;
    text-align: center;
}
.pta_btn_icon{
/*    cursor: pointer;
    background: none repeat scroll 0 0 rgba(74, 118, 158, 0.35);
    color: black;
    padding: 3%;
    padding-top: 5%;
    border: 2px solid #6f89a0 !important;
    width: 75%;
    margin: auto;
    border-radius: 5px;
    height: 2.3em;*/
    
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(74, 118, 158, 0.35);
    color: black;
    padding: 1%;
    /* padding-top: 5%; */
    border: 2px solid #6f89a0 !important;
    width: 75%;
    margin: auto;
    border-radius: 5px;
    /* height: 2.3em; */
    
    
    
}
.pta_btn_icon i{
    font-weight: bold;
    font-size: 1.25em;
}
.pta_btn_icon:hover{
    background: none repeat scroll 0 0 #404950;
    color: white;
    border: 2px solid #91dacb !important;
}

.pta-tbl-head .th-sn{
    text-align: left; 
    width: 5%
}
.pta-tbl-head .th-page-url{
    width: 26%;
}
.pta-tbl-head .th-page-type{
    width: 13%;
    text-align: center;
}
.pta-tbl-head .th-page-subtype{
    width: 22%;
    text-align: center;
}

.pta-tbl-head .th-target-i-per{
    width: 12%;
    font-size: 70% !important;
    text-align: center;
}

.pta-tbl-head .th-calc-linkio{
    font-size: 70% !important;
    width: 12%;
    padding: 2px;
    text-align: center;
}

.pta-tbl-data .td-sn{
    text-align: left;
}

.pta-tbl-data .td-page-url{
    text-align: left;
}

.pta_popup_info {
    font-size: 13px;
    color: #4f4f4f;
}
.pta_popup_info i{
    font-size: 18px;
    color: #4d586d;
    padding-right: 0.5em;
}
.tip-table-hover-header a{
    font-size: 12px !important;
}
.tip-table-hover-header div{
    /*height: 2em;*/
    padding-top: 3px;
}
.pta-ext-lnk a{
    color: #007acc !important;
}

.pta_container{
    margin: 2% !important;
    min-height: 500px;
}

.pta_container .add_table {
    min-height: 40px;
}

@media screen and (max-width: 888px) {
    .web-type-btn label {
        padding: 0.5em 1.5em;
        display: flex;
    }
    .domain-type-btn .pta-r-btn-i {
        padding-left: 1.5em;
        display: inline-block;
        padding-top: 10px;
    }
    .domain-type-btn label {
        padding-left: 0;
    }
    .web-type-btn label {
    line-height: 20px;
    }
    .domain-type-btn .pta-dtb-col1 {
        width: 100%;
    }
    .pta_popup_info {
        display: inline-flex;
    }
    .pta_popup_info span {
        display: inline-flex;
    }
}
@media screen and (max-width: 382px) { 
    
    .web-type-btn label {
        padding: 0.5em 0.5em;
    }
    .domain-type-btn .pta-r-btn-i {
        padding-left: 0.5em;
    }
    
}