/******dark mode****/
.dark body{ background-color: #1a2433!important; color: #fafbfc!important;}
.dark .bg-white {background-color: #1c293a!important;}
.dark .navbar-light .navbar-nav .nav-link ,
.dark a.dropdown-item
{color: rgba(255,255,255,.7)!important;}
.dark .card,
.dark .breadcrumb,
.dark .dropdown-menu,
.dark .list-group-item,
.dark .faq #accordion .card .card-body
{background-color: #1c293a!important;}

.dark a {color: #6a9a33;}

.dark .dropdown-item.active, 
.dark .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #6a9a33;
}
.dark .list-group-flush .list-group-item a{
    color: #74a838!important;
}
.dark .dropdown-item:focus, 
.dark .dropdown-item:hover,
.dark .faq #accordion .card .card-header button
{
    color: #fafbfc;
    text-decoration: none;
    background-color: #1a2433;
}

.dark .form-control,
.dark .custom-file-label::after
{
    background-color: #1b2434!important;
    color: #fafbfc!important;
    border-color: #2c3c56!important;
    box-shadow: none;
}
.dark .jumbotron{background-color: #1b2434 !important ;}


.dark .border-top,
.dark .border-right,
.dark .border-bottom,
.dark .border-left,
.dark .list-group-item,
.dark .faq #accordion .card,
.dark .modal-header,
.dark .modal-footer,
.dark .table thead th,
.dark .table-bordered td, 
.dark .table-bordered th,
.dark .hashtag-copy-wrapper.fixed,
.dark .tool-table td,
.dark .wrapper-toggle,
.dark .ui-widget.ui-widget-content,
.dark .ui-widget-header,
.dark .ui-widget-content .ui-state-default,
.dark .colorPickerTD,
.dark .colorPickerTD .sp-palette-container,
.dark .colorPickerTD .sp-picker-container,
.dark .input-color-group,
.dark .img-preview
{
    border-color: rgba(98,105,118,.16)!important;
}
.dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(100, 153, 60, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dark .modal-content{
    background-color: #1c293a!important;
    
}
.dark .hashtag-copy-wrapper{
    background-color: #1c293a!important;
}
.dark .ui-widget-content{
    background-color: #182433 !important;
    color: #fff !important;
}
.dark .ui-widget-header,
.dark .ui-widget-content .ui-state-default
{
    background-color: #1a2939 !important;
    color: #789b66 !important;
}
.dark .ui-widget-content .ui-state-highlight{
    background-color: #789b66 !important;
    color: #fff !important;
}

.dark .ui-widget-content .ui-state-active{
    background-color: #2d5aac !important;
    color: #fff !important;
}

.dark .colorPickerTD{
    background-color: #1a2433;
}

.dark .sp-input{
    background-color: #1b2434!important;
    color: #fafbfc!important;
    border-color: #2c3c56!important;
}

.output-color,
.output-color-blend
{
    position: relative;
    min-height: 344px;
    min-width: 100%;
    border-radius: 8px;
    background-color: #fff;
}
.output-color-blend{
    min-height: 100px !important;
}

.input-color-group{
    text-shadow: 1px 1px 1px rgb(150 150 150);
    color: #fff;
}

body{
    transition: all 0.4s ease;
}
.lang-menu{ flex-direction: row !important;}
.lang-menu .dropdown-menu{ right: 0 !important; left: auto !important;}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 8px;
    outline: none;
    opacity: .7;
    transition: opacity .2s;
    --bg-opacity: 1;
    background-color: #dfe3e8;
    background-color: rgba(223,227,232,1);
    padding: 0;
}
.img-preview{
    min-height: 300px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 8px;
}
.img-preview img{
    position: relative;
    width: 100%;
}

.palette-list {
    margin: 35px 0 0;
    padding: 0;
    text-align: center;
}

ul.palette-list li {
    display: inline-block;
    width: 90px;
    height: 90px;
    padding: 5px;
    margin: 5px;
}

ul.palette-list li .shade {
    width: 100%;
    font-size: 0;
    height: 100%;
    cursor: pointer;
    border-radius: 3px;
    transition: all .05s ease-in;
}

ul.shades-container{
    display: flex;
    align-items: stretch;
    margin: 35px 0 0;
    padding: 0;
    list-style: none;
}

ul.shades-container li{
    min-width: 4%;
    height: 50px;
    flex: 1 1 0%;
    cursor: pointer;
}

ul.shades-container li:hover{
    border: 1px solid #000;
}

.dropdown-menu {
    left: 0 !important;
    right: auto !important;
}
.list-group-flush .list-group-item a{
    color: #6a9a33;
}
.logo-light, #ico-moon{display: inline-block;}
.logo-dark, #ico-sun{display: none;}

.dark .logo-light, .dark #ico-moon{display: none;}
.dark .logo-dark, .dark #ico-sun{display: inline-block;}

.lang-menu .dropdown-menu {position: absolute !important;}
.td-header {max-width: 700px;}
.breadcrumb {background-color: #f9f9f9;}

.tool-icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out 0.3s;
    position: relative;
    border-radius: 50px;
}
.tool-icon i {
    font-size: 32px;
    transition: 0.5s;
    line-height: 1;
    position: relative;
}

.tb-green{border-top: 3px solid #75c181;}
.tb-pink{border-top: 3px solid #e80368;}
.tb-blue{border-top: 3px solid #58bbee;}
.tb-purple{border-top: 3px solid #8A40A7;}
.tb-primary{border-top: 3px solid #40babd;}
.tb-orange{border-top: 3px solid #FFA500;}
.tb-slate{border-top: 3px solid #483D8B;}
.tb-tomato{border-top: 3px solid #FF6347;}



.tool-icon-green{color: #006400;}
.tool-icon-pink{color: #e80368;}
.tool-icon-blue{color: #47aeff;}
.tool-icon-purple{color: #8A40A7;}
.tool-icon-primary{color: #40babd;}
.tool-icon-orange{color: #FFA500;}
.tool-icon-slate{color: #483D8B;}
.tool-icon-tomato{color: #FF6347;}


.featured-img-max {
    max-width: 500px;
    width:100%;
}

.article p{
    font-size: 1.1rem;
}

/* --------------------------------- !Rating -------------------------------- */
.rating{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 30px 0 20px 0;
}
.star{
    font-size: 30px;
    color:#cfcfcf;
    display: inline-block;
    cursor: pointer;
}
.over{
    color:#968211 !important;
}
.fix{
    color:#ffa600;
}
.rating .rate_rated{
    margin-bottom: 0;
}

/* --------------------------------- !Rating -------------------------------- */
.faq h1 {
    color: #243972;
    margin-bottom: 0.6em;
}
.faq #accordion .card {
    border: 1px solid #dadce0;
    border-radius: 0;
}
.faq #accordion .card .card-header {
    padding: 0;
    border: none;
}
.faq #accordion .card .card-header button {
    width: 100%;
    padding: 1em 1.5em 1em 1.5em;
    margin: 0;
    background-color: #ffffff;
    color: #202124;
    text-align: left;
    border-radius: 0;
    border: none;
    border-bottom: none;
    transform: none;
    white-space: normal;
}
.faq #accordion .card .card-header button:after {
    content: "\f35a";
    font-family: "Font Awesome 5 Free";
    font-style: initial;
    color: #6a9a33;
    float: right;
    transform: rotate(90deg);
    transition: all ease-in-out 255ms;
}
.faq #accordion .card .card-header button.collapsed:after {
    transform: rotate(0deg);
}
.faq #accordion .card .card-header button:hover {
    transform: scaleY(1);
}
.faq #accordion .card .card-header button:focus {
    outline: none;
    box-shadow: none;
}
.faq #accordion .card .card-body {
    background-color: #e8f0fe;
}
.faq #accordion .card:first-of-type,
.faq #accordion .card:last-of-type,
.faq #accordion .card:first-of-type > .card-header > h5 > button,
.faq #accordion .card:last-of-type > .card-header > h5 > button
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


/*********ads***********/
.tdotad{
    min-height: 250px;
    text-align: center;
}

.tdotad.desktop{display: none;}
.tdotad.mob{display: block;}

@media screen and (min-width: 768px) {
    .tdotad.mob{display: none;}
    .tdotad.desktop{display: block;}
}

/***************highlights***********/
.text-wrapper{
    position: relative;
    min-height: 500px;

}
.text-wrapper textarea{
    resize: none;
}
#wordContainer {
    background-color: transparent !important;
    z-index: 2;
}
#highlights {
    z-index: 1;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: transparent;
    overflow-x: hidden;
    overflow-y: auto;
}
#wordContainer, #highlights {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 1.3rem;
    font-weight: normal;
    font-size: 18px;
    line-height: 2rem;
    outline: none;
    transition: height 0.3s;
    width: calc(100% - 1rem);
    box-sizing: border-box;
}


#highlights mark {
    padding: 0;
    margin: -0.2rem;
    border: 0.2rem solid transparent;
    border-radius: 0.4rem;
    color: transparent;
    background: transparent;
}

.side-list{
    position: relative;
    max-height: 550px;
    overflow-y: auto;
}
#list label{
    cursor: pointer !important;
}


.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.quote-card {
    background: #fff;
    color: #222222;
    padding: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    border-radius: 4px ;
}

.dark .quote-card {
    background-color: #1a2433;
    color: #fff;
}

.quote-card p {
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    max-width: 80%;
}
.quote-card cite {
    font-size: 16px;
    margin-top: 10px;
    display: block;
    font-weight: 200;
    opacity: 0.8;
    text-align: right;
}

@media (max-width: 640px) {
    .quote-card:after {
        font-size: 22em;
        right: -25px;
    }
}

.random-food{
    min-height: 170px;;
}
.random-food .no-food {
    height: 100%;
    position: relative;
    font-size: 10.7rem;
    line-height: 172px;
    color: var(--body-color);
    -webkit-animation: food-move 1.5s infinite;
    animation: food-move 1.5s infinite;
}
@-webkit-keyframes food-move {
    0%, 50% {
      transform: rotate(0);
    }
    10%, 30% {
      transform: rotate(-20deg);
    }
    20%, 40% {
      transform: rotate(20deg);
    }
  }
  
  @keyframes food-move {
    0%, 50% {
      transform: rotate(0);
    }
    10%, 30% {
      transform: rotate(-20deg);
    }
    20%, 40% {
      transform: rotate(20deg);
    }
}

.spacebar-counter {
    font-size: 5em;
    color: #f7ba1a;
    line-height: 80px;
    text-shadow: #000 1px 0 2px, #000 0 2px 0, #000 1px 0 0, #000 0 -1px 1px;
    margin-bottom: 5px;
    text-align: center;
}

.timer-count {
    font-size: 2.5em;
    margin-bottom: 20px;
}
.hashtag-copy-wrapper.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: 0;
    max-width: 100%;
    border-bottom: 1px solid;
}
.hashtag-copy-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-right: 4vw;
    padding-left: 4vw;
    max-width: calc(1140px + 8vw);
    width: 100%;
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 25px;
}


.trends-title{
    font-size: 25px;
}

.tool-table{
    width: 100%;
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 0.4em;
}

.tool-table th{
    padding: 10px;
}
.tool-table td{
    padding: 10px;
}

@media screen and (max-width: 600px) {
	.tool-table {
	    border: 0;
	}
	
	.tool-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
	}
	
	.tool-table tr {
        display: block;
        margin-bottom: 25px;
	}
	
	.tool-table td {
        border-bottom: 1px solid;
        display: block;
        text-align: right;
	}

    .tool-table td.ads-td{
        padding: 0 !important;
    }
	
    .tool-table tr td:first-child{
        background-color: rgb(179 179 179 / 5%);
    }
	.tool-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
	}
}

.tool-table a{
    text-decoration: none;
}




.flag{display:inline-block;position: relative;width:16px;height:11px;background:url('../images/flags.png') no-repeat}.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-th{background-position:-16px -143px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-io{background-position:-80px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-nl{background-position:-240px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px -99px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-es{background-position:-224px -33px}.flag.flag-mh{background-position:-144px -88px}.flag.flag-la{background-position:-160px -77px}.flag.flag-vn{background-position:-128px -154px}.flag.flag-py{background-position:-16px -121px}.flag.flag-br{background-position:-176px -11px}.flag.flag-ye{background-position:-224px -154px}.flag.flag-ie{background-position:0 -66px}.flag.flag-gh{background-position:-208px -44px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-hu{background-position:-224px -55px}.flag.flag-sg{background-position:-224px -121px}.flag.flag-at{background-position:-176px 0}.flag.flag-lk{background-position:-224px -77px}.flag.flag-vu{background-position:-144px -154px}.flag.flag-bo{background-position:-160px -11px}.flag.flag-jo{background-position:-208px -66px}.flag.flag-er{background-position:-208px -33px}.flag.flag-za{background-position:-256px -154px}.flag.flag-rs{background-position:-80px -121px}.flag.flag-nr{background-position:-16px -110px}.flag.flag-ls{background-position:-256px -77px}.flag.flag-jm{background-position:-192px -66px}.flag.flag-tz{background-position:-208px -143px}.flag.flag-ki{background-position:-16px -77px}.flag.flag-sj{background-position:0 -132px}.flag.flag-cz{background-position:-16px -33px}.flag.flag-pg{background-position:-128px -110px}.flag.flag-lv{background-position:-32px -88px}.flag.flag-do{background-position:-96px -33px}.flag.flag-lu{background-position:-16px -88px}.flag.flag-no{background-position:-256px -99px}.flag.flag-kw{background-position:-112px -77px}.flag.flag-mx{background-position:-96px -99px}.flag.flag-yt{background-position:-240px -154px}.flag.flag-ly{background-position:-48px -88px}.flag.flag-cy{background-position:0 -33px}.flag.flag-ph{background-position:-144px -110px}.flag.flag-my{background-position:-112px -99px}.flag.flag-sm{background-position:-48px -132px}.flag.flag-et{background-position:-240px -33px}.flag.flag-ru{background-position:-96px -121px}.flag.flag-tj{background-position:-48px -143px}.flag.flag-ai{background-position:-64px 0}.flag.flag-pl{background-position:-176px -110px}.flag.flag-kp{background-position:-64px -77px}.flag.flag-uy{background-position:-16px -154px}.flag.flag-gb{background-position:-112px -44px}.flag.flag-gs{background-position:-64px -55px}.flag.flag-kurdistan{background-position:-96px -77px}.flag.flag-rw{background-position:-112px -121px}.flag.flag-ec{background-position:-128px -33px}.flag.flag-mm{background-position:-192px -88px}.flag.flag-pa{background-position:-80px -110px}.flag.flag-wales{background-position:-160px -154px}.flag.flag-kg{background-position:-256px -66px}.flag.flag-ve{background-position:-80px -154px}.flag.flag-tk{background-position:-64px -143px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-is{background-position:-128px -66px}.flag.flag-ke{background-position:-240px -66px}.flag.flag-ro{background-position:-64px -121px}.flag.flag-gq{background-position:-32px -55px}.flag.flag-pt{background-position:-256px -110px}.flag.flag-tf{background-position:-256px -132px}.flag.flag-ad{background-position:0 0}.flag.flag-sk{background-position:-16px -132px}.flag.flag-pm{background-position:-192px -110px}.flag.flag-om{background-position:-64px -110px}.flag.flag-an{background-position:-112px 0}.flag.flag-ws{background-position:-192px -154px}.flag.flag-sh{background-position:-240px -121px}.flag.flag-mp{background-position:-240px -88px}.flag.flag-gt{background-position:-80px -55px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-zanzibar{background-position:0 -165px}.flag.flag-mw{background-position:-80px -99px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-ug{background-position:-240px -143px}.flag.flag-je{background-position:-176px -66px}.flag.flag-km{background-position:-32px -77px}.flag.flag-in{background-position:-64px -66px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-mc{background-position:-80px -88px}.flag.flag-sy{background-position:-192px -132px}.flag.flag-sn{background-position:-64px -132px}.flag.flag-kr{background-position:-80px -77px}.flag.flag-eu{background-position:-256px -33px}.flag.flag-bn{background-position:-144px -11px}.flag.flag-st{background-position:-144px -132px}.flag.flag-england{background-position:-192px -33px}.flag.flag-lc{background-position:-192px -77px}.flag.flag-dm{background-position:-80px -33px}.flag.flag-be{background-position:-32px -11px}.flag.flag-ni{background-position:-224px -99px}.flag.flag-ua{background-position:-224px -143px}.flag.flag-mz{background-position:-128px -99px}.flag.flag-pf{background-position:-112px -110px}.flag.flag-tn{background-position:-112px -143px}.flag.flag-ee{background-position:-144px -33px}.flag.flag-xk{background-position:-208px -154px}.flag.flag-sx{background-position:-176px -132px}.flag.flag-sd{background-position:-192px -121px}.flag.flag-gd{background-position:-128px -44px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-sz{background-position:-208px -132px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-fi{background-position:0 -44px}.flag.flag-ga{background-position:-96px -44px}.flag.flag-jp{background-position:-224px -66px}.flag.flag-de{background-position:-32px -33px}.flag.flag-np{background-position:0 -110px}.flag.flag-re{background-position:-48px -121px}.flag.flag-bg{background-position:-64px -11px}.flag.flag-sc{background-position:-160px -121px}.flag.flag-ng{background-position:-208px -99px}.flag.flag-qa{background-position:-32px -121px}.flag.flag-mk{background-position:-160px -88px}.flag.flag-aw{background-position:-208px 0}.flag.flag-kn{background-position:-48px -77px}.flag.flag-al{background-position:-80px 0}.flag.flag-bw{background-position:-240px -11px}.flag.flag-um{background-position:-256px -143px}.flag.flag-ky{background-position:-128px -77px}.flag.flag-tt{background-position:-160px -143px}.flag.flag-so{background-position:-80px -132px}.flag.flag-lt{background-position:0 -88px}.flag.flag-by{background-position:-256px -11px}.flag.flag-bb{background-position:0 -11px}.flag.flag-us{background-position:0 -154px}.flag.flag-md{background-position:-96px -88px}.flag.flag-ag{background-position:-48px 0}.flag.flag-hm{background-position:-160px -55px}.flag.flag-as{background-position:-160px 0}.flag.flag-eg{background-position:-160px -33px}.flag.flag-sv{background-position:-160px -132px}.flag.flag-sl{background-position:-32px -132px}.flag.flag-fk{background-position:-32px -44px}.flag.flag-am{background-position:-96px 0}.flag.flag-ck{background-position:-128px -22px}.flag.flag-tw{background-position:-192px -143px}.flag.flag-kh{background-position:0 -77px}.flag.flag-to{background-position:-128px -143px}.flag.flag-se{background-position:-208px -121px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-pn{background-position:-208px -110px}.flag.flag-gr{background-position:-48px -55px}.flag.flag-id{background-position:-256px -55px}.flag.flag-vc{background-position:-64px -154px}.flag.flag-somaliland{background-position:-96px -132px}.flag.flag-bi{background-position:-96px -11px}.flag.flag-pk{background-position:-160px -110px}.flag.flag-pr{background-position:-224px -110px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-co{background-position:-192px -22px}.flag.flag-fm{background-position:-48px -44px}.flag.flag-bm{background-position:-128px -11px}.flag.flag-ar{background-position:-144px 0}.flag.flag-bv{background-position:-224px -11px}.flag.flag-sb{background-position:-144px -121px}.flag.flag-mq{background-position:-256px -88px}.flag.flag-eh{background-position:-176px -33px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-it{background-position:-144px -66px}.flag.flag-hr{background-position:-192px -55px}.flag.flag-sa{background-position:-128px -121px}.flag.flag-mv{background-position:-64px -99px}.flag.flag-mg{background-position:-128px -88px}.flag.flag-dz{background-position:-112px -33px}.flag.flag-gg{background-position:-192px -44px}.flag.flag-gm{background-position:-256px -44px}.flag.flag-af{background-position:-32px 0}.flag.flag-li{background-position:-208px -77px}.flag.flag-sr{background-position:-112px -132px}.flag.flag-vg{background-position:-96px -154px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tc{background-position:-224px -132px}.flag.flag-ao{background-position:-128px 0}.flag.flag-ma{background-position:-64px -88px}.flag.flag-mr{background-position:0 -99px}.flag.flag-gn{background-position:0 -55px}.flag.flag-ne{background-position:-176px -99px}.flag.flag-nf{background-position:-192px -99px}.flag.flag-wf{background-position:-176px -154px}.flag.flag-hk{background-position:-144px -55px}.flag.flag-gf{background-position:-160px -44px}.flag.flag-ps{background-position:-240px -110px}.flag.flag-ic{background-position:-240px -55px}.flag.flag-cw{background-position:-256px -22px}.flag.flag-ml{background-position:-176px -88px}.flag.flag-ax{background-position:-224px 0}.flag.flag-gl{background-position:-240px -44px}.flag.flag-dj{background-position:-48px -33px}.flag.flag-cn{background-position:-176px -22px}.flag.flag-ht{background-position:-208px -55px}.flag.flag-lr{background-position:-240px -77px}.flag.flag-tg{background-position:0 -143px}.flag.flag-ba{background-position:-256px 0}.flag.flag-ge{background-position:-144px -44px}.flag.flag-bz{background-position:0 -22px}.flag.flag-au{background-position:-192px 0}.flag.flag-iq{background-position:-96px -66px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gw{background-position:-112px -55px}.flag.flag-az{background-position:-240px 0}.flag.flag-na{background-position:-144px -99px}.flag.flag-fj{background-position:-16px -44px}.flag.flag-zw{background-position:-32px -165px}.flag.flag-bs{background-position:-192px -11px}.flag.flag-il{background-position:-16px -66px}.flag.flag-nz{background-position:-48px -110px}.flag.flag-me{background-position:-112px -88px}.flag.flag-si{background-position:-256px -121px}.flag.flag-nc{background-position:-160px -99px}.flag.flag-lb{background-position:-176px -77px}
.td-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.td-list li{
    display: inline-block;
    width: 24%;
}
@media (max-width: 768px){
    .td-list li{
        width: 49%;
    }
}
.td-list li .flag{
	margin-right: 5px;
}

.wrapper-toggle {
    position: relative;
    border: 1px solid rgba(0,0,0,.125);;
    padding: 8px 12px;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
}
.drop-icon {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-radius: 2px;
    transition: .1s;
}
@media (min-width: 992px){
    .wrapper-toggle {
        display: none;
    }
}

.items-wrapper{
    position: relative;
    max-height: 700px;
    overflow-y: auto;
}

@media (max-width: 992px){
    .search-wrapper ul {
        max-height: 100px;
    }
}


.items-wrapper li.active {
    order: -1;
}

.items-wrapper li.active a{
    color: #fff;
}

::-webkit-scrollbar {
    width: 15px;
    height: 6px;
    cursor: pointer;
}
::-webkit-scrollbar-corner {
    background: 0 0;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
    cursor: pointer;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.video-title{
    font-size: 18px;
}

.video-container {
    height: 100%;
    max-width: 100%;
    position: relative;
}
.video-container iframe {
    position: relative;
    width: 100%;
    min-height: 300px;
}

.custom-control.material-switch {
    --color: #26a69a;
    padding-left: 0;
    cursor: pointer;
}
  .custom-control.material-switch .material-switch-control-input {
    display: none;
  }
  .custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
    background-color: var(--color);
    left: 17px;
  }
  .custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 16px;
    background: #ddd;
    border-radius: 16px;
    transition: 0.3s;
  }
  .custom-control.material-switch .material-switch-control-indicator::after {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: 0.3s;
    top: -1px;
    left: -1px;
    background: #fdfdfd;
    box-shadow: 0 1px 3px #1e1e1e;
  }