/* Note: This file is referred in inc_headcode.php */

/* Helpers */

.mainArea .displayNone {
    display: none;
}

.mainArea .displayBlock {
    display: block;
}

.mainArea .textAlignCenter {
    text-align: center;
}

/* Header */
.button__badge {
    right: -14px;
}


/* inc_region.php */

.link.following .link.followRegion {
    float: right;
    font-size: 16px;
    margin-top: 7px;
    margin-right: 23px;
}

/* inc_headcode.php */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
}

.embed-container .vid{
    height: 630px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-upload>input {
    display: none;
}

.image-upload img {
    width: 80px;
    cursor: pointer;
}

video::-internal-media-controls-overlay-cast-button {
    display: none;
}

/* inc_header.php */

.topArea .btnHambergDiv {
    float: right;
    margin-left: 0px;
    margin-top: 5px;
    width: 30px;
}

/* .topArea span {
    color: #000;
    padding-top: 3px;
    display: inline-block;
    font-weight: bold;
    font-size: 9px;
} */

.topArea .btnHambergDiv button {
    float: right;
}

.topArea .logo_icon.link {
    float: left;
}

.topArea .right_search_btn_div {
    float: right;
    margin-top: 5px;
}

.topArea .right_search_btn_div .btnNotifications {
    font-size: 1.7em;
    padding-top: 0;
    padding-left: 9px;
    -webkit-text-size-adjust: none;
}

.topArea .right_search_btn_div .btnSettings {
    font-size: 1.7em;
    padding-top: 0;
    padding-left: 0px;
    padding-right: 12px;
    -webkit-text-size-adjust: none;
}

.topArea .right_search_btn_div i.fa {
    padding-top:10px;
}

.topArea .btnNotifications i.fa {
    padding-top:0;
}

.topArea .btnSearch  i.fa {
    padding-top:11px;
}

.topArea .right_search_btn_div .btnSearch.showSearch {
    font-size: 1.7em;
    padding-top: 0;
    padding-left: 6px;
    -webkit-text-size-adjust: none;
}

.topArea .btnSearchForm {
    color: transparent;
}

/* .topArea .notificationsArea img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
} */

.topArea .saltStrongArea ul {
    padding-left: 0px;
}

.topArea .saltStrongArea li a {
    color: #000;
}

.topArea .saltStrongArea .blockLi {
    display: block;
}

.topArea .settingsArea ul {
    padding-left: 0px;
}

.topArea .settingsArea li {
    display: block;
    height: 27px;
    color: #000;
}

.topArea .settingsArea li a {
    color: #000;
}

/* inc_rightrail.php */

.mainRight .block.ad {
    text-align: center;
}

/* inc_interestsnav_guest.php */

.interestTitleDiv .form p {
    margin-bottom: 0px;
}

.interestTitleDiv .form p {
    margin-bottom: 0px;
}

.interestTitleDiv .form label {
    font-weight: normal;
}

.interestTitleDiv #dateRange {
    margin-left: 20px;
}

.regionMapLink strong {
    padding-bottom: 8px;
    float: left;
}

.interestLabelForm .interestlabel {
    margin-bottom: 0px;
}

/* inc_interestsnav.php */

#sortForm>p {
    margin-bottom: 0px;
}

#sortForm label {
    font-weight: normal;
}

#sortForm #dateRange {
    margin-left: 20px;
}

.interestTitleDiv .regionMapLink strong {
    padding-bottom: 8px;
    float: left;
}

.interestTitleDiv .interestlabel {
    margin-bottom: 0px;
}

.interestTitleDiv .fa-cog {
    font-size: 12px;
}

.interestTitleDiv .fa-cog a {
    font-family: sans-serif;
}

.privacyDiv .versionSpan {
    margin-top: 9px;
    font-size: 9px;
    text-align: center;
    width: 100%;
    display: block;
    color: #666;
}

.mainArea .container ul.menuListWithUserImg li {
    border-radius: 34px 10px 0px 0px;
    height: 72px;
}

.menuListWithUserImg li a {
    height: 50px;
}

.menuListWithUserImg .userImage {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-size: cover;
    /* display: inline-block; */
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

/* inc_commentblock.php */

/*
.tabbedArea #encodingProgressBar {
    width: 90%;
    height: 10px;
    display: none;
    margin-left: auto;
    margin-right: auto;
}

.tabbedArea #saveProgressButton {
    display: none;
    width: 100%;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    color: #2e6da4;
    border: none;
    font-weight: bold;
}


textarea#result {
    height: 100px;
    display: none;
}

#postTitle.form-control {
    font-size: 16px;
}

#fullCommentBox .labelFileUpload {
    font-weight: normal;
    color: #388ff4;
    margin-right: 50px;
}

#fullCommentBox #fileUpload {
    border: none;
    background-color: transparent;
    outline: 0;
    vertical-align: middle;
}

#fullCommentBox textarea.comment {
    font-size: 16px;
}

#fullCommentBox .labelVideoUpload {
    font-weight: normal;
    color: #388ff4;
}

#fullCommentBox #videoUpload {
    border: none;
    background-color: transparent;
    outline: 0;
    vertical-align: middle;
}

#fullCommentBox .labelVideoUpload svg {
    margin-top: 3px;
    enable-background: new 0 0 512 512;
}

#fullCommentBox #viewpreviewVideo {
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border-style: solid;
    border-width: 2px;
    border-radius: 7px;
    margin-bottom: 8px;
}

#fullCommentBox #previewVideo {
    display: none;
    width: 48%;
    border-style: solid;
    border-width: 2px;
    border-radius: 7px;
    float: left;
    margin-right: 10px;
}

#fullCommentBox #previewVideo {
    display: none;
    width: 48%;
    border-style: solid;
    border-width: 2px;
    border-radius: 7px;
}

#fullCommentBox #trimUI {
    float: left;
    display: none;
    width: 100%;
}

#fullCommentBox #trimUI .sliderDiv {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

#fullCommentBox #trimUI .sliderDiv .btn-primary {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#fullCommentBox #sliderEditor .videoLengthSpan {
    font-size: 12px;
    color: #cc0e00;
    text-align: center;
    display: block;
}
*/

.embed-container video {
    background-image: url(tpl_images/loader.gif);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* The container */

.pinRadio {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    padding-top: 3px
}

/* Hide the browser's default radio button */

.pinRadio input {
    position: relative;
    opacity: 1;
    margin-right: 5px;
    cursor: pointer;
}

/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.pinRadio:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */

.pinRadio input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.pinRadio:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.pinRadio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.pinRadio .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.control {
    /* font-family: arial; */
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 5px;
    padding-top: 0px;
    cursor: pointer;
    font-size: 14px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
}

.control-radio .control_indicator {
    border-radius: 24%;
}

.control:hover input~.control_indicator, .control input:focus~.control_indicator {
    background: #cccccc;
}

.control input:checked~.control_indicator {
    background: #74acdb;
}

.control:hover input:not([disabled]):checked~.control_indicator, .control input:checked:focus~.control_indicator {
    background: #0e6647;
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control_indicator:after {
    display: block;
}

.control-radio .control_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
}

.control-radio input:disabled~.control_indicator:after {
    background: #7b7b7b;
}

/* angler_header.php */

.header_unfollow,
.header_unblock {
    display: inline-block;
    background: none;
    padding: 5px 21px;
    border-radius: 22px;
    border: 1px solid #888;
    margin: 5px 3px 0px 0px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.17);
}

.header_follow {
    display: inline-flex;
    background: #f26820;
    padding: 5px 21px;
    border-radius: 22px;
    border: 1px solid #f26820;
    margin: 5px 3px 0px 0px;
    font-size: 15px;
    color: #FFF;
    gap: 7px;
}
.header_follow:hover {
    color: white;
}

.section1.anglerHeader #btnStartChat {
    display: inline-block;
    background: #3f8bbe;
    padding: 7px 21px;
    border-radius: 22px;
    border: 1px solid #103751;
    margin: 5px 3px 0px 0px;
    font-size: 15px;
    color: #FFF;
}

.section1.anglerHeader .userRankSpan {
    font-size: 11px;
    color: #388ff4;
}

.section1.anglerHeader .linkFollwers {
    color: #FFF;
    text-decoration: underline;
}

.section2.anglerHeader .sec2_bg {
    margin-bottom: 0px;
}

.section2.n2.anglerHeader .row {
    padding-left: 30px;
}

/* inc_interestsnav_guest.php */

.linkBodyWater {
    font-size: 12px;
    padding-left: 34px;
    padding-top: 0px;
}