.joinNetworkInner h3 {

    text-transform: lowercase;

}

.violet a:hover {

    text-decoration: none;

    color: #834eb7;

}

.help-block {

    color: #FF0000;

    bottom: -19px;

    position: absolute;

}

.form-group {

    position: relative;

}

.login_holder{

	padding-left: 0;

	padding-right: 0;

}

#invalidDetails {

    color: #FF0000;

}

.forgot_password{

  position: static !important;

}

.followers {

    color: #d4228f;

    font-weight: bold;

}

.textAreaFild form {

    padding: 0 !important;

    background-color: transparent !important;

}

.input5 {

    resize: none;

    height: 150px;

    background: #131313;

    width: 100%;

    padding: 15px;

    border: #373737 1px solid;

}

.tweet-btn {

    padding: 5px 30px;

    border: none;

    color: #fff;

    background: #d4228f;

    cursor: pointer;

    float: right;

    margin-top: 15px;

}

.links, .addthis {

    font-size: 16px;

    line-height: 25px;

    margin: 5px 0;

}

.links {

    color: #ccc;

}

.twitterComment {

    /*max-height: 400px;

    overflow-y: auto;

    width: 100%;

    float: left;*/

    width: 420px;

  height: 300px;

  position: relative;

  overflow-y: auto;

}

/*.twitterComment .mCustomScrollbar {

	height:400px;

	}*/

.twitterComment ul li {

    float: left;

    width: 100%;

    text-align: left;

    border-bottom: #373737 1px solid;

    padding-bottom: 20px;

    margin-bottom: 20px;

    font-size: 14px;

}

#posting-tweet {

    background-color: #212121;

    padding: 10px;

    margin-bottom: 50px;

}

.blue-btn {

    background: #834eb7;

    border: medium none;

    color: #fff;

    cursor: pointer;

    float: left;

    font-size: 14px;

    font-weight: normal;

    margin: 15px 5px 0 0;

    padding: 5px 25px;

}

.followers p {

    float: left;

    font-weight: bolder;

    margin-bottom: 30px;

}

.old_password .help-block {

    position: static !important;

}

.login_holder.log-lder .help-block{

    bottom: 8px;

}

.descriptiom {

  border-bottom: 1px solid #eee;

  padding: 20px 0;

}

.descriptiom h3 {

  color: #333;

  font-family: open_sansbold;

  font-size: 18px;

  padding-bottom: 5px;

}

.descriptiom p {

  color: #626262;

}

.logArea ul li ul li a{

    width: 100%;

}

/*dataTable*/

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {

    background-color: transparent;

}



table.dataTable.stripe tbody tr.odd td, table.dataTable.display tbody tr.odd td {

    color: #aaa !important;

    border-top: none;

}



table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {

    background-color: transparent;

}





table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {

    background-color: #212121;

}



table.dataTable.stripe tbody tr.even td, table.dataTable.display tbody tr.even td {

    color: #aaa !important;

    border-top: none;

}



table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {

    background-color: #212121;

}



.dataTables_wrapper .dataTables_paginate .paginate_button {

    padding: 0px 10px;

}



.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #333 !important;

    border: 1px solid #D4228F;

    background: #f5109c;

    color: #fff;

}

.dataTables_length:after {

    clear: both;

    margin-bottom: 15px;

    content: "";

    float: left;

    width: 100%;

}



/*dataTable*/



.imgThumb {

  display: table-cell;

  margin-right: 15px;

  padding-right: 15px;

  vertical-align: middle;

  width: 87px;

}

.twitterComment p {

  display: table-cell;

  vertical-align: middle;

}

.imgThumb img {

  display: block;

  width: 100%;

}



.copy_link {

  display: block;

  text-align: left;

}

/*Start Bootstrap Scroll Bar*/

.scrollbar-pink::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #F5F5F5;

  border-radius: 10px; }



.scrollbar-pink::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5; }



.scrollbar-pink::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #ec407a; }



.scrollbar-indigo::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #F5F5F5;

  border-radius: 10px; }



.scrollbar-indigo::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5; }



.scrollbar-indigo::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #3f51b5; }



.scrollbar-black::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #F5F5F5;

  border-radius: 10px; }



.scrollbar-black::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5; }



.scrollbar-black::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #000; }



.scrollbar-lady-lips::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #F5F5F5;

  border-radius: 10px; }



.scrollbar-lady-lips::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5; }



.scrollbar-lady-lips::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff9a9e), color-stop(99%, #fecfef), to(#fecfef));

  background-image: -webkit-linear-gradient(bottom, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);

  background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }



.scrollbar-near-moon::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-color: #F5F5F5;

  border-radius: 10px; }



.scrollbar-near-moon::-webkit-scrollbar {

  width: 12px;

  background-color: #F5F5F5; }



.scrollbar-near-moon::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);

  background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));

  background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);

  background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }



.bordered-pink::-webkit-scrollbar-track {

  -webkit-box-shadow: none;

  border: 1px solid #ec407a; }



.bordered-pink::-webkit-scrollbar-thumb {

  -webkit-box-shadow: none; }



.bordered-indigo::-webkit-scrollbar-track {

  -webkit-box-shadow: none;

  border: 1px solid #3f51b5; }



.bordered-indigo::-webkit-scrollbar-thumb {

  -webkit-box-shadow: none; }



.bordered-black::-webkit-scrollbar-track {

  -webkit-box-shadow: none;

  border: 1px solid #000; }



.bordered-black::-webkit-scrollbar-thumb {

  -webkit-box-shadow: none; }



.square::-webkit-scrollbar-track {

  border-radius: 0 !important; }



.square::-webkit-scrollbar-thumb {

  border-radius: 0 !important; }



.thin::-webkit-scrollbar {

  width: 6px; }

/*End Bootstrap Scroll Bar*/

.sorting_1:hover {

    background: #222;

}

table.dataTable.display tbody tr.odd:hover > td.sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {

    background-color: #222;

}



/*Loader*/

/* ==========================================================================

   Chrome Frame prompt

   ========================================================================== */



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */

p {

    line-height: 1.33em;

    color: #7E7E7E;

}



#loader-wrapper {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1000;

    background: #000;

}

#loader {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #c6a34f;



    -webkit-animation: spin 5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

    animation: spin 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

}



    #loader:before {

        content: "";

        position: absolute;

        top: 5px;

        left: 5px;

        right: 5px;

        bottom: 5px;

        border-radius: 50%;

        border: 3px solid transparent;

        border-top-color: #e5204b;



        -webkit-animation: spin 7s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

        animation: spin 7s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    }



    #loader:after {

        content: "";

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

		margin:0 auto;

		width:80px;

       /* border-radius: 50%;

        border: 3px solid transparent;

        border-top-color: #f9c922;*/

		background:url(../NEW_ASSETS_XMODELOS/images/x-logo.svg) no-repeat center center;

		background-size:contain;

		-moz-background-size:contain;

		-ms-background-size:contain;

		-o-background-size:contain;

		-webkit-background-size:contain;



        -webkit-animation: spin 3.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */

          animation: spin 3.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    }



    @-webkit-keyframes spin {

        0%   { 

            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

            -ms-transform: rotate(0deg);  /* IE 9 */

            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

        }

        100% {

            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

            -ms-transform: rotate(360deg);  /* IE 9 */

            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

        }

    }

    @keyframes spin {

        0%   { 

            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */

            -ms-transform: rotate(0deg);  /* IE 9 */

            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */

        }

        100% {

            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */

            -ms-transform: rotate(360deg);  /* IE 9 */

            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */

        }

    }





/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }

}

.titleCapital{

  text-transform: uppercase;

}

.tmcls p{

  margin-bottom: 8px;

}

.contentList ul {width: 100%; float: left; margin: 20px 0;}

.contentList ul li{margin-bottom: 8px; position: relative; padding-left: 30px;width: 100%; float: left;}

.contentList ul li ul {

    padding-left: 50px;

    margin: 10px 0;

}

.contentList ul li:before {

    font-family: 'FontAwesome';

    content: "\f00c";

    margin-right: 15px;

    color: #f5109c;

}

.terms h4 {

    color: #333; text-align: center;

}

.terms h3 {

    color: #333;

    font-size: 18px; 

}

.terms p {

    color: #666;

  }

.terms .faqs {

    border-bottom: 1px dashed #ddd;

}

 .terms .howItWorksArea {padding:15px 20px;}

 .jstLink {width: auto;     float: left; }

 .jstLink a{color: #f5109c;}

 .acptbtn a {

    background: #f5109c;

    color: #fff;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    line-height: 36px;

    padding: 0 26px;

    font-size: 15px;

    font-family: 'open_sansbold';

}