@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,400italic,300italic,300,100italic,100|Titillium+Web:400,600,700,300);

ul, ol, li, dl, dd{margin:0; padding:0; list-style:none;}

.space15{margin-bottom:15px; clear:both;}

.row{
    max-width: 82.5rem;
}

/*span{
    color : #2587a8;
}*/
i{
    margin: 0 5px;
}

.no_padding_left{
    padding-left: 0px !important;
}

a.disabled_link {
    pointer-events: none;
    cursor: default;
}

/* =========== Common elements ======= */
.row.no-right-last [class*="column"] + [class*="column"]:last-child {
    float: left;
}

div.sub-nav a {
    padding: 4px 9px;
    font-size: 14px;
    margin-right: 5px;
    display: inline-block;
}
div.sub-nav a.active {
    background-color: #dedede;
}
input[type="search"]{
    padding: 2px 10px;
    height: 28px;
    /*background: url("../../img/icon-search.png") no-repeat right center;*/
    background-color: white;
}

textarea{
    resize: none;
}

input[type="text"], textarea, input[type="email"], input[type="search"] {
    box-shadow: none;
    border: #dfdfdf 1px solid;
    font-style: italic;
    color: #8e8e8e;
    font-size: 12px;
}

form label, label {
    color: #2587a8;
    font-size: 13px;
}
form label.inline {
    padding: 5px 0;
}
form button {
    background-color: #65aac2;
}

/*==============header============*/

.body_margin_header{
    margin-bottom: 90px;
}
.fontsize14{font-size:14px;}
#header{background:#2587a8; border-bottom:1px solid #265369; padding:9px 0; font-family: 'Titillium Web', sans-serif; font-size:20px; color:#fff; /*line-height:35px;*/}

.dropdown_button{position:relative; cursor:pointer; border-right:1px solid #fff; height:35px;}
.dropdown_button img{float:left; /*margin-top:6px;*/ padding:10px; margin-top:-2px;}
.dropdown_button img:hover{  border-radius:5px; padding:10px; -webkit-box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3); box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3);}

.hidden_menu {position:absolute; left:40px; top:0px; background: #fff; box-shadow: 0 0 7px #dadada; padding:10px; width:180px; z-index:9999; border-radius:5px;}

/*.hidden_menu ul{margin:-10px;}*/
.hidden_menu ul li {color:#000; text-align:left; /*margin-bottom:5px;*/ padding:4px 8px 4px 8px; height:38px; border-top:#2587a8 solid 1px; /*margin:0px 10px;*/}
/*.hidden_menu ul li:hover {margin:0px; width:100%;}*/
.hidden_menu ul li a{color:#2587a8; float:left; font-size:14px; line-height:26px; font-weight:400;}
/*.hidden_menu ul li a:hover{color:#ffffff; background:#2486A8;}*/
.hidden_menu ul li:first-child{ padding:4px 8px; border-top:none;}
/*** edit ***/
a.blog-home {
    color:#2486a8; text-decoration:none; display:block; 
    background-image: url("../../img/icon-blog.jpg");
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding:0 0 0 30px;
    height:25px;
    width:100%;
}
a.blog-home:hover {color:#ffffff; background-image: url("../../img/icon-blog.jpg") !important; 
                   background-position: 0 2px;
                   background-repeat: no-repeat !important;
}

a.ideas {
    color: #2486a8;
    text-decoration: none;
    display: block;
    background-image: url("../../img/bulb_hover.png");
    background-position: -11px -6px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    height: 35px;
    width: 100%;
    background-size: 44px;
}
a.ideas:hover {color:#ffffff; background-image: url("../../img/bulb_hover.png") !important;background-repeat: no-repeat  !important;}

a.You-me {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../../img/icon-you-and-me.png");
          background-position: 0 2px;
          background-repeat: no-repeat;
          padding:0 0 0 30px;
          height:25px;
          width:100%;
}
a.You-me:hover {color:#ffffff; background-position: 0 2px; background-image: url("../../img/icon-you-and-me.png") !important; background-repeat: no-repeat !important;
}

a.Bulletin-notes {color:#2486a8; text-decoration:none; display:block; /* */
                  background-image: url("../../img/icon-final-grades.png");
                  background-position: 0 2px;
                  background-repeat: no-repeat;
                  padding:0 0 0 30px;
                  height:25px;
                  width:100%;
}
a.Bulletin-notes:hover {color:#ffffff; background-image: url("../../img/icon-final-grades.png") !important;
                        background-repeat: no-repeat !important;}

a.Photos-menu {color:#2486a8; text-decoration:none; display:block; /* */
               background-image: url("../../img/icon-photos-hover.png");
               background-position: 0 2px;
               background-repeat: no-repeat;
               padding:0 0 0 30px;
               height:25px;
               width:100%;
}
a.Photos-menu:hover {color:#ffffff; background-position: 0 -18px; background-image: url("../../img/icon-photos.png");}

a.Vídeos {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../../img/icon-video-sm.png");
          background-position: 0 2px;
          background-repeat: no-repeat;
          padding:0 0 0 30px;
          height:25px;
          width:100%;
}
a.Vídeos:hover {color:#ffffff; background-position: 0 -24px; background-image: url("../../img/icon-video-sm.png");}

a.Resources {color:#2486a8; text-decoration:none; display:block; /* */
             background-image: url("../../img/icon-resourses.png");
             background-position: 0 2px;
             background-repeat: no-repeat;
             padding:0 0 0 30px;
             height:25px;
             width:100%;
}
a.Resources:hover {color:#ffffff; background-position: 0 -18px; background-image: url("../../img/icon-resourses.png");}

a.Friends {color:#2486a8; text-decoration:none; display:block; /* */
           background-image: url("../../img/icon-friends.png");
           background-position: 0 2px;
           background-repeat: no-repeat;
           padding:0 0 0 30px;
           height:25px;
           width:100%;
}
a.Friends:hover {color:#ffffff; background-position: 0 -24px; background-image: url("../../img/icon-friends.png");}

a.Schedule {color:#2486a8; text-decoration:none; display:block; /* */
            background-image: url("../../img/icon-schedule.png");
            background-position: 0 2px;
            background-repeat: no-repeat;
            padding:0 0 0 30px;
            height:25px;
            width:100%;
}
a.Schedule:hover {color:#ffffff; background-position: 0 -24px; background-image: url("../../img/icon-schedule.png");}

a.Groups {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../../img/icon-groups.png");
          background-position: 0 2px;
          background-repeat: no-repeat;
          padding:0 0 0 30px;
          height:25px;
          width:100%;
}
a.Groups:hover {color:#ffffff; background-position: 0 -22px; background-image: url("../../img/icon-groups.png");}

a.Ranking-users {color:#2486a8; text-decoration:none; display:block; /* */
                 background-image: url("../../img/icon-ranking-user.png");
                 background-position: 0 2px;
                 background-repeat: no-repeat;
                 padding:0 0 0 30px;
                 height:25px;
                 width:100%;
}
a.Ranking-users:hover {color:#ffffff; background-position: 0 -28px; background-image: url("../../img/icon-ranking-user.png");}

/*** end edit ***/

.hidden_menu ul li:hover {background:#2486A8; color:#ffffff;}	

.hidden_menu ul li:after { clear:both; content:''; display:block;}

.hidden_menu ul li img{ float:left; margin-right:10px; margin-top:4px; padding:0 0;}
.hidden_menu ul li img:hover{background:none; border-radius:0; padding:0; box-shadow:none;}

.hidden_menu2{position:absolute; right:115px; top:0px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:420px; z-index:9999; border-radius:5px;}
.hidden_menu2 ul li{color:#000; text-align:left; margin-bottom:5px;}
.hidden_menu2 ul li a{color:#000;}
.hidden_menu2 ul li a:hover{color:#b42c6e; background:none;}

h3.ass_title_bar{ background:#e6e6e6; line-height:22px; color:#737373; font-size:16px; margin:0 0; padding:8px 0; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center; font-weight:600;}

.event_selected{
    text-decoration: underline !important;
}

.modal_video_entry{
    width: 345px !important;
}

.fc-button-group{
    display:none !important;
}

.event_part{ padding:0 0;}
.event_part dl{
    padding:0 0;}
.event_part dl dt{ border-right:#e5e5e5 solid 1px; width:49%; float:left; padding:15px 8px; margin-bottom:0; font-weight:400;}
.event_part dl dd{width:49%; float:right; padding:15px 8px; margin-bottom:0;}
.event_part dl:after{ clear:both; content:''; display:block;}
.event_part dl:first-child{ border-top:none;}
.event_date{ border:#2486a8 solid 1px; border-radius:5px; padding:6px; width:30%; text-align:center; color:#2486a8; float:left; font-size:16px; line-height:20px;text-align:left; }
.event_desc{ color:#737373; width:60%; float:right; font-size:12px; line-height:16px; font-family: 'Lato', sans-serif;}
.trend_bar{background:#e6e6e6; border-right:#ffffff solid 1px; width:49%; float:left; text-align:center; line-height:38px; color:#737373; font-size:16px; margin:0 0; padding:0 0; }
.quin_bar{background:#e6e6e6; width:51%; float:right; text-align:center; line-height:38px; color:#737373; font-size:16px; margin:0 0; padding:0 0; }

.popup_bottom_txt_col1{ width:49%; float:left; padding:20px 18px 20px 18px; border-right:#e5e5e5 solid 1px; text-align:left;}
.popup_bottom_txt_col2{ width:51%; float:right; padding:12px 0; font-size:12px; color:#737373; line-height:15px;}
.popup_bottom_txt_col2 a{ text-decoration:none; display:block;}
.popup_bottom_txt_col2 p{ cursor:default; font-size:12px; margin-bottom:0;}

h3.ass_title_bar2{ line-height:38px; color:#737373; font-size:16px; margin:0 0; padding:0 0; border-top-left-radius:5px; border-top-right-radius:5px; text-align:center;}
.date_row{ border-top:#e8e8e8 dotted 2px; padding:10px 15px;}
.date_row:first-child{ border-top:none;}
.popup_bottom_txt_col3{ width:49%; float:left; padding:8px 0; border-right:#e5e5e5 solid 1px;}
.popup_bottom_txt_col4{ width:51%; float:right; padding:12px 15px; font-size:12px; color:#737373; line-height:15px; height:100px;}
.date_row:after{ clear:both; display:block; content:'';}
.popup_bottom_txt_col4 ul{ margin:0 0; padding:0 0;}
.popup_bottom_txt_col4 ul li{ font-size:12px; line-height:normal; color:#737373; vertical-align: text-top;}
.popup_bottom_txt_col4 ul li input[type=checkbox]{
    margin-right:5px;
    margin:5px 5px 0 0;
    float:left;
}
.popup_bottom_txt_col4 ul li span{ float:left;}
.popup_bottom_txt_col4 ul li:after{ clear:both; display:block; content:'';}

#header {
    position: fixed;
    width: 100%;
    z-index: 500;
    top: 0;
}



#header input[type=search]{
    height: 25px;
    border: 0;
    box-shadow: none;
    /* border-radius: 10px; */
    width: 95%;
    margin: 5px 0 0 0px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    padding-bottom: 0px;
    color: #fff;
    line-height: 10px;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    padding-left: 2px;
}
#header input[type=button]{
    background:url(../../img/btn-search.png) left top no-repeat; position:absolute; right:35px; top:10px; z-index:1; width:15px; height:15px; border:0; padding:0;
}

.right-icons{ display:inline-block; vertical-align:top;}
/*.right-icons img{margin-left:25px;}*/
.right-icons a{ margin:0 3.5px 0 3.5px;}
.right-icons a:first-child{ margin:0 3.5px 0 -5px;}
.right-icons a img{ padding:10px; margin-top:-5px;}
.right-icons a img:hover{ border-radius:5px; padding:10px; -webkit-box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3);
                          box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3);}

.right-icons a i{ padding: 10px; margin: 0px;}

.right-icons a i:hover{ border-radius:5px; padding:10px; -webkit-box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3);
                        box-shadow:inset 0 0 10px 2px rgba(30,53,65,.3);}

.right-icons sup{border-radius:50%; padding:0 5px; background:#ad2c3d; border:2px solid #7a2225; color:#fff; line-height: 15px; }

.profile-img{position:relative; cursor:pointer; display:inline-block; margin-left:0px;}
.profile-img img{float:right; border:1px solid #fff;}

/*orange-header*/

#header.orange-head{background:#ff6600; border-bottom:1px solid #bf4d00;}
#header.orange-head .dropdown_button img:hover{ background:#cf5503;}
#header.orange-head .hidden_menu ul li img:hover{background:none; border-radius:0; padding:0; box-shadow:none;}

#header.orange-head .right-icons a img:hover{ background:#cf5503;}

/*orange-header*/

#header .assistant_link {
    display: inline-block;
    height: 91px;
    width: 60px;
    background: transparent url("../../img/gus_icon.png") no-repeat center top;
    padding-top: 30px;
    vertical-align: middle;
    position: fixed;
    top: 25%;
    right: 1%;
    z-index: 50000;
}
#header .assistant_link span {
    color: #ffffff;
    background-color: #336699;
    text-align: center;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    padding: 1px 7px;
}

#header .assistant {
    width: 314px;
    background-color: #ffffff;
    border: #cdcdcd 1px solid;
    border-radius: 5px;
    padding: 12px 12px 7px;
    position: absolute;
    box-shadow: 0 4px 5px #888888;
    right: 15px;
    top: 75px;
    z-index: 9998;
}
#header .assistant .close {
    position: absolute;
    right: -10px;
    top: -10px;
    /*background: transparent url("../../img/icon_close.png") no-repeat center center;*/
    cursor: pointer;
    width: 19px;
    height: 19px;
}
#header .assistant .top {
    padding-left: 75px;
    min-height: 80px;
    background: transparent url("../../img/gus.gif") no-repeat left top;
    margin-bottom: 13px;
}

#header .assistant .notgus {

    padding-left: 0px;
    min-height: 58px;
    background: none!important;
    margin-bottom: 13px;
}
#header .assistant .top .questions {
    background-color: #2486a8;
    color: #ffffff;
    border-radius: 13px;
    min-height: 45px;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.3em;
    position: relative;
    margin-right: 5px;
}
#header .assistant .top .questions:before {
    content: "";
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2486a8;
    border-top: 10px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: 13px;
    left: -10px;
    display: block;
    clear: both;
}

#header .assistant .top .answers {
    display: inline-block;
    background-color: white;
    color: #2486a8;
    border: #2486a8 1px solid;
    border-radius: 13px;
    min-height: 45px;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.3em;
    position: relative;
    width: 204px;
}
#header .assistant .top .answers:after {
    content: "";
    border-bottom: 10px solid transparent;
    border-left: 10px solid #2486a8;
    border-top: 10px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    top: 12px;
    left: 202px;
    display: block;
    clear: both;
}

#header .assistant .top .questions .question {
    border-bottom: #ffffff 1px solid;
    padding: 6px 0;
    overflow: hidden;
}
.question_row .answer a{
    color:#CCC!important;
}
#header .assistant .top .questions .answer {
    padding: 6px 0;
    overflow: hidden;
}


#header .assistant .bottom {
    padding-bottom: 1px;
}
#header .assistant .bottom input[type="text"] {
    padding: 4px 7px;
    height: auto;
    color: #303030;
    width: 100%;
    margin-bottom: 0;
    font-style: normal;
}

/*==============header============*/
.single_header_menu{
    text-transform: capitalize;
}

.single_header_menu_logo{
    margin-top: 5px;
}

.selector_admin .accordion dd > a {background:url(../../img/icon_admin_select.png) center top no-repeat; padding:0; position:absolute; top:-5px; width:48px; text-align:center; height:48px; outline:none; left:46%;}
.selector_admin .accordion dd > a.accordionOpened{background:url(../../img/icon_admin_select_hover.png) center top no-repeat; padding:0; position:absolute; top:auto; bottom:-30px; width:48px; text-align:center; border: 1px solid #2486A8; border-radius: 50%}

/*==============periodic tables============*/

#per_table{background:url(../../img/table-bg.png) left top repeat; border-bottom:1px solid #cdcdcd; padding-top:42px; margin-top: 60px;}
#per_table ul{margin:0 !important;}

.per_table-content{ /*border-top:1px solid #cdcdcd;*/}
.per_table-content ul li{margin:0; padding:0 !important; width:100%;}

.per_table-content .accordion dd{position:relative;}
.per_table-content .accordion dd > a{background:url(../../img/icon-expand.png) center top no-repeat; padding:0; position:absolute; top:-25px; width:46px; text-align:center; height:46px; outline:none; left:46%;}
.per_table-content .accordion dd > a.accordionOpened{background:url(../../img/icon-collapse.png) center top no-repeat; padding:0; position:absolute; top:auto; bottom:-30px; width:46px; text-align:center;}

.grid{width:100%; clear:both;}
.grid ul li{width:53px; display:table-cell; vertical-align:bottom; border-right:2px solid transparent;}
.grid_items span{width:50px; margin:3px 0; background:#92c3d3; text-align:center; font-family: 'Titillium Web', sans-serif; font-size:18px; font-weight:700; color:#fff; line-height:50px; display:block;}
.grid_items span sub{font-weight:400;}
.grid_items span a{color:#fff; display:block;}
.grid_items span a:hover{text-decoration:underline;}

.inactive_grid_periodic{opacity: 0.3}

.join-menu{padding-bottom:50px;}
.join-menu h2{font:normal 36px/48px 'Titillium Web', sans-serif; border-bottom:1px solid #2587a8;}
.join-menu p{font:normal 14px/19px 'Lato', sans-serif;}
.join-menu a.join{font:normal 12px/40px 'Lato', sans-serif; width:40px; background:#2587a8; border-radius:50px; box-shadow:0 0 7px #bdc3c8; text-align:center; color:#fff; display:block; margin-top:25px;}

.expand-block{width:155px; height:155px; font:normal 11px/15px 'Lato', sans-serif; color:#fff; padding:10px;}
.block-text{font:900 55px/110px 'Lato', sans-serif; margin: 10px 0px 0px 20px;}
.label-text{font:700 14px/19px 'Lato', sans-serif; font-style:italic;}
.label-text span{font-weight:400; margin:0 0 0 22px; float:left;}

.module-info-text{
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 66px !important;
}

.module_description{
    height: 240px !important;
    width: 345px !important;
    padding-right: 10px;
}

.txt-btm{display:table-cell; vertical-align:bottom; height:155px; font:700 14px/19px 'Lato', sans-serif; font-style:italic; height: 230px !important;


    text-align: right;
    width: 100%;
    padding-left: 100px !important;
}
.join-text{ height: 65px;}
.b-line {margin:0 0 0 4px;}
.r-line {margin:0 4px 0 0px;}
.txt-btm-right-top {font-size: 14px; height:55px; margin-top:7px;}

.unity_information{
    margin-top: 20px;
}

.unity_information #collapse_1{
    margin-bottom: 0;
    padding: 0;
}
/*==============periodic tables============*/


/*==============main-content============*/

.entry_blog{
    margin-top: 50px;
}

.entry_blog_new{
    margin: 30px 0;
}

.element_entry_to_add{
    float: left !important;
}

.file_added_entry{
    padding: 5px;
    background-color: lightgrey;
}

.add_element_icon{
    color: #2587A8;
    margin: 0 10px;
    float: left;
}

.add_element_icon:hover{
    color: #737373;
    cursor: pointer;
}

.no_entries{
    text-align: center;
}

.submit_button{
    margin: 15px !important;
}

.block_content{
    width: 100%;
    float: left;
    margin: 10px 0;
    text-align: center;
}

.block_content_image{
    width: 46%;
    margin: 10px 2%;
}

.block_content_image_solo{
    width: 60%;
    margin: 10px 20%;
}

.block_content img, .image_trigger_modal{
    cursor: pointer;
}

.content_margin{
    margin-bottom: 200px;
    padding: 0 10px;
}

#content{

    background: #f7f7f7;
    padding-top:33px; margin-bottom: 60px;
}

.blog-content{padding-bottom:25px; border-bottom:1px solid #2587a8; margin-bottom:25px; width: 100%; float: left;}

.white-bg{background:#fff; border:1px solid #d8d8d8; margin-bottom:25px;}
.white-bg h1{font-family: 'Titillium Web', sans-serif; color:#2587a8; font-size:60px; margin:20px 0; padding:0 0 18px; border-bottom:1px solid #2587a8; line-height:50px;}
.white-bg h2{font-family: 'Titillium Web', sans-serif; color:#2587a8; font-size:24px; font-weight:600; margin:0 0 10px; padding:0; line-height:32px;}
.white-bg h2 a{color:#2587a8;}
.white-bg h2 a:hover{color:#265369;}
.white-bg h3{font-family: 'Titillium Web', sans-serif; color:#2587a8; font-size:16px; font-weight:600; margin:9px 0 12px; padding:0; line-height:42px;}
.white-bg p{margin-bottom:25px; font-family: 'Lato', sans-serif; font-size:14px; line-height:19px; color:#000000;}

.icon-text{padding-right:15px; float:left; font-size:14px; line-height:19px; margin-bottom:5px; color:#666666; font-family: 'Lato', sans-serif;}
.icon-text a{color:#2587a8; text-decoration:none;}
.icon-text a:hover{text-decoration:underline;}
.icon-text img{float:left; margin-right:5px;}

.leave-comment{background:#f6f6f6; padding-bottom:15px; padding-left: 10px; min-height: 188px;}
.leave-comment h4{font:normal 14px/19px 'Lato', sans-serif; color:#2587a8; }

.replies{border-left:1px solid #2587a8; margin-left:25px; padding-left:15px;}
.white-bg input[type=text], .white-bg textarea{width:90%; padding:14px; font:normal 14px/19px 'Lato', sans-serif; 
                                               /*color:#ccc;*/
}

img.avtar{float:left; margin-right:16px; border:1px solid #fff;}

.follow{background:#fff; border:1px solid #d8d8d8; font:normal 12px/16px Tahoma; color:#737373;}
.follow h3, .follow span{font-family: 'Titillium Web', sans-serif; color:#2587a8; font-size:16px; font-weight:600; margin:0 0 15px; padding:0; line-height:30px; background:#d3e7ee; text-align:center;}

.follow span{font-size:12px; background: none;}
a.name{color:#737373; text-decoration:underline;}
a.name:hover{text-decoration:none;}

.follow ul{margin-bottom:15px;}
.follow ul li{font:normal 14px/20px Tahoma;}
.follow ul li a{color:#737373; text-decoration:none;}
.follow ul li a:hover{color:#265369;}

a.follow-link{color:#2486a8; text-decoration:none; display:block; /* */
              background-image: url("../../img/icon-add-hover.png");
              background-position: 0 0;
              background-repeat: no-repeat;
              padding:0 0 0 22px!important;
              height:16px;
}
a.follow-link:hover{color:#265369; background-position: 0 -20px;}

a.follow-link img{float:left; margin-right:8px;}

.view-comments{background:#f6f6f6; text-align:center; font:normal 12px/44px 'Lato', sans-serif; color:#535353; margin-bottom:50px;}
.view-comments a{color:#535353;}
.view-comments a:hover{text-decoration:underline;}

#header .small-2{ width:22%;}

.gaia_title{ padding-left:2px; font-weight:400; font-size:20px; line-height:26px;}
.right-align{ text-align:right;}
.search_main_col{ width:51%; display:inline-block; position:relative; float:left;}

.popup_bottom_txt_col1 ul li a{font:400 14px/19px 'Lato', sans-serif; color:#737373;}
.popup_bottom_txt_col2 .small-2{ width:16.6667%!important;}


/*** ===========   me page   ============= ***/

.no-padd {padding:0px !important;}
.blog-content-1 {padding:5px; overflow:hidden; position: relative;}
.pro-col-right {float: right; width: 75%; margin:0px;}
.blog-content-input-box {padding:0px !important;}

.blog-content-input-box textarea{
    margin-bottom: 5px;
    font-style: normal;
    font-size: 15px;
    padding-top: 15px;
}

.deleteUserEntry{
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 20;
    color: #C0C0C0;
}

.editUserEntry{
    right: 20px;
}

.pinUserEntry{
    right: 50px;
}

.deleteUserEntry:hover{
    cursor:pointer;
    color: #3690AF;
}

.blog-left-col {width:23%; float:left;}
.bottom-padding {margin:0px 0px 14px;}
.blog-edit {border-bottom:1px solid #2587a8; float:left; width:100%; margin:0 0 10px;}
.blog-edit a {float:right;}



.blog-edit-right {float:left; width:100%; margin:0 0 10px;}

.blog-edit-right h3 {margin:0px; position:relative;}
.blog-edit-right h3 a {/*float:right; margin:0px 6px 0 0;*/ bottom:0; position:absolute; right:8px;
    background-image:url("../../img/icon-edit-sm-hover.png"); background-repeat:no-repeat; background-position:0 0px; display:inline-block; width:18px;
    height:22px;
}
.blog-edit-right h3 a:hover {background-position:0px -22px;}
.pro-col-right h1 {font:500 26pt/35px "Titillium Web",sans-serif; color:#2587a8; margin:0 0px 6px; line-height:inherit; padding:0 0 12px; float:left;}
.pro-col-right p {font:500 18px "Titillium Web",sans-serif; color:#2486a8;}
.icon-left-col {float:left; width:30%;}
.icon-right-col {float:left; width:35%;}

.icon-text-1 {padding-right:15px; float:left; font-size:14px; line-height:22px; margin-bottom:15px; color:#666666; font-family: 'Lato', sans-serif;}
.icon-text-1 a{color:#2587a8; text-decoration:none; font:14px/19px "Titillium Web",sans-serif;}
.icon-text-1 a:hover{text-decoration:underline;}
.icon-text-1 img{margin-right:5px;}
.f-left {float:left;}
.f-right {float:right;}
.icon-col {width:38px; text-align:center;}
.icon-text-1 span {color:#2486a8; font:11pt/19px "Titillium Web",sans-serif; float:left;}

.blog-input {border: 0 none !important; box-shadow: none !important; margin: 0 !important;  
             /*width: 76% !important;*/ 
             float:left; font: normal 14px/19px 'Lato', sans-serif !important;}
.blog-input:focus {background:#FFFFFF !important;}
.blog-content-input-box img {/*border-left: 1px solid #d8d8d8;*/ float: left; margin: 0; padding: 8px;}
.blog-input-img-bg {
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8; height:50px; width:39px; padding:15px 0 0; text-align:center; vertical-align:middle;}

.blog-input-img-bg i{
    font-size: 25px;
    color: #979797;
}

.blog-input-img-bg i:hover{
    font-size: 25px;
    color: #3690AF;
}

.profile_wall_comment{
    width: 90% !important;
    margin-left: -10px;
}

.clearfix_leave_comment{
    clear: both;
    height: 30px !important;
}

.profile_wall_comment_reply{
    width: 98% !important;
    margin-left: 1%;
}

.profile_wall_comment_reply_eportafolio{
    width: 85% !important;
}

.profile_wall_reply_add{
    margin-left: 50px;
}

.eportafolio_status{

}

.eportafolio_text_wrapper{
    margin: 10px 0;
}

.profile_status_uploader table{
    border: none;
}

.profile_status_uploader h6{
    margin: 10px 0 0 10px;
    float: left;
    color: #2486A8;
}

.input_profile_button{
    width: 100%;
    padding: 10px;
}

.input_profile_button span{
    margin-left: 10px;
}

.input_profile_button input[type="checkbox"]{
    margin: 5px;
}

.input_profile_button a{
    display: inline-block;
    margin: auto
}

.eportofolio_input{
    width: 75% !important;
}

.profile-status-input{
    border-bottom: 1px solid #d8d8d8 !important;
    height: 38px !important;
    padding-left: 15px;
}

.icon-upload, .icon-camera, .icon-video, .icon-calendar2 {}
.icon-upload {background-image:url(../../img/icon-upload-hover.png); background-repeat:no-repeat; background-position:0px 0px; display: inline-block;
              height: 24px; width: 18px;}
.icon-upload:hover {background-position:0px -27px;}

.icon-camera {background-image:url(../../img/icon-camera-hover.png); background-repeat:no-repeat; background-position:0px 0px; display: inline-block;
              height: 20px; width: 18px;}
.icon-camera:hover {background-position:0px -21px;}

.icon-video {background-image:url(../../img/icon-video-hover.png); background-repeat:no-repeat; background-position:0px 0px; display: inline-block;
             height: 20px; width: 18px;}
.icon-video:hover {background-position:0px -26px;}

.icon-calendar2 {background-image:url(../../img/icon-calendar2-hover.png); background-repeat:no-repeat; background-position:0px 0px; display: inline-block;
                 height: 20px; width:22px;}
.icon-calendar2:hover {background-position:0px -26px;}

.icon-edit {background-image:url(../../img/icon-edit-hover.png); background-repeat:no-repeat; background-position:0px 0px; display: inline-block;
            height: 32px; width:30px;}
.icon-edit:hover {background-position:0px -34px;}

.col-blog-right {float:left; width:100%; padding: 5px;}
.col-blog-right span {font:300 16px 'Lato', sans-serif; color:#2486a8; line-height:initial;}
.col-blog-right p {font:300 14px 'Lato', sans-serif; color:#000000;}



.view-comments-dark {background:#ececec; text-align:center; font:normal 12px/44px 'Lato', sans-serif; color:#535353; margin-bottom:50px;}
.view-comments-dark {color:#535353;}
.view-comments-dark:hover{text-decoration:underline;background: #ddd;}

.follow h3.edit {background:#d3e7ee url(../../img/icon-edit-sm.png) right 4px bottom 4px no-repeat;}
.follow-p-row {padding:0 10px;}
.follow-p-row p {font:300 14px/19px "Lato",sans-serif;  color:#737373;}


.follow-img-row {padding:0 0 8px; margin:0px; overflow:hidden;}
.follow-img-row img {margin:0em .6em 0.6em; float:left;max-width: 40px;max-height: 40px;}

.follow-img-2-row {padding:0 4px 8px; margin:0px; overflow:hidden;}
.follow-img-2-row img {margin:0em .3em 0.6em; float:left;max-width: 40px;max-height: 40px;}
/*** ===========   me page   ============= ***/

/*** ============   you no-friend   ============ ***/
.trans-bg {margin-bottom:12px;}
.blue-btn {background:#2486a8; box-shadow:2px 2px 2px #8e8e8e; color:#ffffff; font:400 14px tahoma; margin:0 14px 0 0; padding:8px;
           transition:all 0.2s ease 0.3s; -moz-transition:all 0.2s ease 0.3s; -webkit-transition:all 0.2s ease 0.3s; -o-transition:all 0.2s ease 0.3s;
           -ms-transition:all 0.2s ease 0.3s;
}
.blue-btn:hover {color:#F1F1F1; box-shadow:none;}
.blog-content-2 {overflow: hidden; padding:10px 0px;}

.message {background-image:url(../../img/mail-sm.png); padding:8px 10px 8px 30px;}
.friend {background-image:url(../../img/icon-friend-sm.png); padding:8px 10px 8px 20px;}
.message,.friend,.Photos,.Videos {background-position:6px 10px; background-repeat:no-repeat;}
/*** ============   end ============= ***/

/*** ============   you Friend   ============ ***/
.Photos {background-image:url(../../img/icon-camera-sm.png); padding:8px 10px 8px 30px;}
.Videos {background-image:url(../../img/icon-video-sm.png); padding:8px 10px 8px 30px;}
/*** ============   you Friend   ============ ***/


/*==============orange post============*/

#scroll-pan{background:#fff; padding:15px 0;margin-top: 60px; padding-bottom: 10px;}

.orange ul li{position:relative;}
.orange ul li a{display:inline-block; padding:5px 8px; color:#fff; font-size:18px; line-height:25px;}
.orange ul li:hover{box-shadow:inset 0 0 12px #bb4d00; border-radius:7px;}
.orange ul li ul{display:none; position:absolute; top:0; left:65px; width:110px; background:#fff; padding:7px 10px; border-radius:7px; box-shadow:0 0 7px #dadada; z-index:9999;}
.orange ul li:hover > ul{display:block;}
.orange ul li li{display:inline-block; color:#3B3B3B; margin:2px -1px; /*margin:2px;*/ padding:6px; width:42px;}
.orange ul li li:hover{background:url(../../img/block-bg.png) left top no-repeat; box-shadow:none; border-radius:0;}
.orange ul li li.blank:hover{background:none;}
.orange ul li li a{color:#fff; font-size:12px; width:30px; height:30px; line-height:16px; text-align:center;}
.orange ul li li a:hover{box-shadow:none; border-radius:0;}
.orange ul li li > ul{left:15px;}

.orange ul li sub{color:#fff;}

.orange ul li a.orange-active{background:#ff6600;}
.orange ul li a.orange-inactive{background:#ca9d7e; color:#dedede;}

.orange ul li a.cobalt-active{background:#264d73;}
.orange ul li a.cobalt-inactive{background:#97a8ba; color:#dedede;}

.orange ul li a.zinc-active{background:#ed1e79;}
.orange ul li a.zinc-inactive{background:#d0a3b7; color:#dedede;}

.orange ul li a.brocoli-active{background:#93278f;}
.orange ul li a.brocoli-inactive{background:#926c91; color:#dedede;}

.orange ul li a.rasberry-active{background:#9a3367;}
.orange ul li a.rasberry-inactive{background:#d88faf; color:#dedede;}

.orange ul li a.gold-active{background:#ffcb03;}
.orange ul li a.gold-inactive{background:#decc85; color:#dedede;}

.orange ul li a.emerald-active{background:#33cc33;}
.orange ul li a.emerald-inactive{background:#97cc97; color:#dedede;}

.orange ul li a.chocolate-active{background:#cb6632;}
.orange ul li a.chocolate-inactive{background:#f5cab4; color:#dedede;}

.link_academic_header{
    padding: 7px 4px !important;
}

.expand_module_block{
    width: 155px;
    height: 155px;
    font: normal 11px/15px 'Lato', sans-serif;
    color: #fff;
    padding: 10px;
}

.block_info_left{
    width: 28%;
    padding-right: 0;
}

.block_info_center{
    padding-right: 0;
    padding-left: 0;
    width: 24%;
}

.block_info_right{
    width: 43%;
    padding-left: 0;
    text-align: left;
}

.dropdown_button2{cursor: pointer; height: 20px; position: relative; margin-right:23px; float:left;}
.page-number{float:left; font:600 18px/24px 'Titillium Web', sans-serif; margin-top: 5px;}

.hidden_menu3{position:absolute; left:40px; top:0px; background: #fff; box-shadow: 0 0 7px #acacac; padding:10px 25px; min-width:120px; z-index:9999; border-radius:5px;}
.hidden_menu3 ul li{color:#8e8e8e; text-align:left; margin-bottom:5px; font:600 18px/24px 'Titillium Web', sans-serif;}

.activity-icon{cursor: pointer; height: 20px; position: relative; margin-left:25px; float:right;}
.activity{float:right; font:600 18px/24px 'Titillium Web', sans-serif; }

.hidden_menu4{position:absolute; right:25px; top:0px; background: #fff; box-shadow: 0 0 7px #acacac; padding:0 0 15px; min-width:238px; z-index:9999; border-radius:5px;}
.hidden_menu20{position: absolute;
               right: 25px;
               top: 210px;
               background: #fff;
               box-shadow: 0 0 5px #888888;
               padding: 0;
               width: 238px;
               z-index: 9999;
               border-radius: 5px;
               padding: 10px;
}
.hidden_menu4 ul li{color:#8e8e8e; text-align:left; margin-bottom:5px; font:600 18px/24px 'Titillium Web', sans-serif;}


#post-content{background:#fff; padding-top:33px;}

.post-box{border:1px solid #b2dad8; border-radius:5px; padding:15px 25px; width: 100%; padding-right: 10px;}
.post-box.active{box-shadow:0 0 15px #d8d8d8; }

.post-box h2{font:700 14pt/32px 'Titillium Web', sans-serif; color:#000;}
.post-box p{font:normal 14px/20px 'Lato', sans-serif;}
.post-box input[type=text]{width:80% !important;}

.carousel li.active{
    pointer-events: auto;
}

.carousel li{
    pointer-events: none; cursor: default;
}

.slimScrollDiv{
    padding-right: 20px;
}

.dummy_content{
    height: 500px;
}

.carousel li{
    cursor: pointer;
}

.carousel .active{
    cursor: default;
}

/*===================11.08.2014 post page activities====================*/

.orange_block{ background:#ff6600; color:#fff; font-size:14px; width:30px; height:30px; line-height:28px; text-align:center; display:inline-block; margin-bottom:10px;}
.orange_block sub{color:#fff;}

.inner_activity{ height:150px; position:relative; padding:10px 25px;}
.inner_activity ul li input{ float:left; margin-right:2%; margin-left:0; display:block;  margin-bottom:0; margin-top:2%;}
.inner_activity ul li label{ float:left; width:80%;}
.inner_activity ul li:after{ clear:both; content:''; display:block;}
.inner_activity ul li label{ font-family:'Lato', sans-serif; font-size:12px; color:#737373;}

.mainslider .blog-content{margin-right:20px;}
footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1500;/*footer*/
}
#footer{margin-top:20px; background:#2587a8;}

.footer-content{text-align:right; color:#fff; font:normal 14pt/19px 'Titillium Web', sans-serif; padding:10px 0 10px 0;}
.footer-content img{float:right; margin-left:16px;}

/*==============post page============*/

/*==============modulo page============*/

#model-bg{background:url(../../img/table-bg.png) left top repeat; border-bottom:1px solid #cdcdcd; margin-top: 60px;}

h1.or{color:#ff6600; border-bottom-color:#ff6600;}
h2.or, h2.or a{color:#ff6600;}

.join,.join:hover {font:normal 12px/40px 'Lato', sans-serif; /*background:#2587a8; border-radius:50px; box-shadow:0 0 7px #bdc3c8;*/ text-align:center; color:#fff; display:block; margin-top:25px;}

a.join2 {background: #2587a8; border-radius: 50px; box-shadow: 0 0 7px #bdc3c8; color: #fff; display: block; font: 12px/40px "Lato",sans-serif; margin-top: 25px; text-align: center; width: 40px;}

.module_grid {width:100%; clear:both;}
.module_grid ul li{width:55px; display:table-cell; vertical-align:bottom; border-right:2px solid transparent;}
.module_grid ul li span{width:50px; margin:2px 0; /*background:#92c3d3;*/ text-align:center; font-family: 'Lato', sans-serif; font-size:24px; font-weight:700; color:#fff; line-height:220%; display:block;}
.module_grid ul li span sub{font-weight:400;}
.module_grid ul li span a{color:#fff; display:block; font-size: 20px;}
.module_grid ul li span a:hover{text-decoration:underline;}

.module_grid ul li span a.orange-active{background:#ff6600;}
.module_grid ul li span a.orange-inactive{background:#dea885; color:#dedede;}

.module_grid ul li span a.blue-active{background:#0d54a0;}
.module_grid ul li span a.blue-inactive{background:#97a8ba; color:#dedede;}

.module_grid ul li span a.brown-active{background:#4b3a31;}
.module_grid ul li span a.brown-inactive{background:#baa092; color:#dedede;}

.module_grid ul li span a.pink-active{background:#b60452;}
.module_grid ul li span a.pink-inactive{background:#d88faf; color:#dedede;}

.module_grid ul li span a.purple-active{background:#6e036c;}
.module_grid ul li span a.purple-inactive{background:#b58ab4; color:#dedede;}


.module-padd-1 {margin:12px 0;}
.module-padd {padding:2rem 2rem;}
.module-padd h2 { font: 700 36px/48px "Titillium Web",sans-serif;}
.module-padd p {color: #000000; font: 300 14px/19px "Lato",sans-serif;}
.orange-sm {width:155px; height:62px; background:#ffd3b5; font:normal 11px/15px 'Lato', sans-serif; color:#fff;}
.text-orange-sm {height:62px;}
.block-text-orange {font: 900 72px/42px "Lato",sans-serif;}

.top-block{margin-bottom:10px; height:65px; opacity:0.5;  width:155px;}
.btm-block{margin-top:10px; height:65px; opacity:0.5;  width:155px;}


/*==============modulo page============*/

/* ============= inbox page =========== */

.inbox {
    background-color: #f7f7f7;
    padding-top: 30px;
}

.inbox textarea{
    resize: vertical;
    min-height: 200px;
}
.inbox fieldset {
    background-color: white;
    margin-top: 0;
}
.inbox input[type="text"] {
    height: 28px;
    padding: 2px 10px;
}
.inbox .sub-nav{
    margin-left: 15px;
    padding-top: 7px;
}
.inbox form {
    padding-bottom: 40px;
    font-size: 14px;
}
.inbox .commands {
    padding-left: 16px;
}
.inbox .commands a{
    margin-right: 35px;
    font-size: 0.9em;
}
.inbox .commands input[type="checkbox"]{
    margin-right: 10px;
}

.inbox .message {
    border: 1px solid #dfdfdf;
    margin: 5px 0 10px;
    padding: 8px 0;
    color: #2587a8;
    background-image: none;
}
.inbox .message .mailbox-empty {
    color: #666666;
    padding: 30px 15px;
    font-style: italic;
}

.inbox .message input[type="checkbox"]{
    margin-right: 10px;
    vertical-align: top;
}
.inbox .message img {
    max-width: 85px;
}
.inbox .message .date{
    background: url("../../img/icon-calendar.png") no-repeat left center;
    color: #666666;
    padding: 10px 0 10px 20px;
}
.inbox .message a:hover{
    text-decoration: underline;
}

.inbox .message.active {
    border-color: #008cba;
    font-weight: bold;
}

/*.inbox .text-col {
    padding-top: 25px;
}*/
.inbox .detail-mode {
    color: #2587a8;
}
.inbox .detail-mode .picture {
    max-width: 42px;
}
.inbox .detail-mode .message-body {
    color: black;
    padding: 10px 0 20px;
    border-bottom: #cdcdcd 1px solid;
    margin-bottom: 20px;
}

/* ============= inbox page close ===== */


/* ============= Friends page ======== */
.friends_view button {
    font-size: 14px;
    padding: 7px 11px;
    background-color: #65aac2;
    color: #ffffff;
    border: 0;
    font-family: tahoma;
    margin-bottom: 0;
}
.friends_view button i {
    margin-right: 4px;
    vertical-align: middle;
}
.friends_view .sub-nav {
    margin-bottom: 0;
    color: #2587a8;
    font-family: "Titillium Web", sans-serif;
    position: relative;
    overflow: visible;
    margin-left: 8px;
}

.friends_view .sub-nav a {
    color: #2587a8;
    font-size: 14px;
    margin-right: 10px;
}
.friends_view .sub-nav a i{
    font-size: 25px;
    vertical-align: middle;
}
.friends_view .sub-nav .selected {
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.friends_view a.show_menu {
    padding: 5px 11px;
}
.friends_view a.show_menu.active{
    background-color: #cdd4d8;
    border-radius: 3px;
}
.friends_view .sub-nav .pop_menu {
    border-radius: 5px;
    box-shadow: 0 0 5px #888888;
    padding: 11px 0;
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 9999;
    background-color: #ffffff;
}
.sub-nav .pop_menu div.menu_element {
    padding: 2px 11px;
    cursor: pointer;
}
.sub-nav .pop_menu div.menu_element:hover {
    color: #ffffff;
    background-color: #2484a6;
}
.sub-nav .pop_menu div.menu_element:hover a{
    color: #ffffff;
}


.friends_view {
    background-color: #f7f7f7;
    padding-top: 30px;
}

.friends_view input[type="text"] {
    height: 28px;
    padding: 2px 10px;
}
.friends_view textarea{
    resize: vertical;
}
.friends_view .sub-nav{
    margin-left: 15px;
    padding-top: 7px;
}
.friends_view form {
    font-size: 14px;
}
.friends_view .commands {
    padding-left: 16px;
}
.friends_view .commands a{
    margin-right: 35px;
    font-size: 0.9em;
}
.friends_view .commands input[type="checkbox"]{
    margin-right: 10px;
}
.friends_view fieldset {
    background-color: white;
    margin-top: 0;
    padding: 13px 0 13px 16px;
    color: #2587a8;
    font-family: "Titillium Web", sans-serif;
}

.student_label_ranking{
    margin-left: -18px;
}

.friend-list-item, .ranking-list-item{
    min-height: 98px;
}

.friend-info-multimedia-title{
    margin: 10px 0;
    color: #2587A8;
    text-transform: capitalize;
}

.friends_view .friend-list-item{
    border: #dfdfdf 1px solid;
    padding: 7px;
    margin: 0 16px 16px 0;
    position: relative;
    float: left;
    width: 334px;
    min-height: 110px;
    background-color: #fff;
}
.friends_view .friend-list-item img , .ranking-list-item img{
    width: 83px;
    float: left;
    margin: 0 16px 0 0;
}
.friends_view .friend-list-item div.friend-info{
    float: left;
    width: 217px;
}
.friend-list-item .friend-name, .ranking-list-item .friend-name {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0 10px 0;    
}

.friend-name a{
    text-transform: capitalize;
}

.friend-list-item .send, .ranking-list-item .send {
    padding-top: 5px;
    display: block;
    color: #2587a8;
    font-size: 13px;
}
.friend-list-item .send i, .ranking-list-item .send i {
    margin-right: 4px;
    margin-left: 0px;
}

.ranking-list-item .friend-name{
    padding-top: 0px;
}

.friends_view .search_box {
    border: 1px solid #dddddd;
    background-color: white;
    margin: 0 0 10px;
    padding: 13px 0 13px 16px;
    color: #2587a8;
    font-family: "Titillium Web", sans-serif;
}
.friends_view .search_box .add {
    border-bottom: #65aac2 1px solid;
    padding: 10px 0;
    margin-bottom: 10px;
}
.friends_view .search_box .criteria select {
    color: #8e8e8e;
    height: 28px;
    padding: 0 5px;
    margin-bottom: 5px;
}
.friends_view .search_box .criteria input{
    margin-bottom: 5px;
}

.friends_view .search_box .filters {
    margin-right: 15px;
}

.search_box span{
    margin: -5px 20px 5px 0;
}

.search_wrapper fieldset{
    background-color: #fff;
    margin: 0px;
}

.search_wrapper p{
    margin-left: 15px !important;
}

.search_wrapper h4{
    margin-bottom: 0px;
    margin-left: 16px;
    color: #2587A8;
    font-weight: bold;
    font-size: 30px;
}

.search_wrapper label{
    color: #C6C6C6;
    font-weight: bold;
    margin-left: 15px;
}

.search_wrapper a{
    color: #737373;
    font-weight: bold;
}

.search_wrapper a:hover{
    cursor: pointer;
    text-decoration: underline;
}

.search_element{
    margin-bottom: 10px;
}



/* ============= Friends page close ====== */

/***   11-08-2014 ***/
.icon-text-1 .f-left span {color:#2587a8; text-decoration:none; font:14px/24px "Titillium Web",sans-serif;}
/***   End   ***/

#pop-up {background:#f5f5f5; padding: 33px 0px;}
.pop-up-bg {background: url(../../img/pop-up-bg.jpg) repeat; 
            border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;}
.pop-up-content {overflow: hidden; padding: 53px 32px 53px 64px;}
.pop-up-left-col {float:left; width:20%;}
.pop-up-left-col h1 {color:#000000; font:700 26px "Titillium Web",sans-serif; border-bottom:1px solid #66c7c2; margin:0px 0 18px;}
.pop-up-left-col p {color:#000000; font:300 14px "Lato",sans-serif; margin:0px;}
.join {width:100%; text-align:center}
.join a {width:61px; height:61px; background:#66c6c2; border-radius:50%; text-align:center; font:700 20px "Titillium Web",sans-serif;
         color:#FFFFFF; padding:14px 10px 10px; box-shadow:1px 1px 1px #555555;
         display: inline-block;
         /*transform: translateZ(0px);
         transition-duration: 0.3s;
         transition-property: transform; */
}

.block_selection_view{
    padding: 0 !important;
}

.block_selection_view_desc{
    margin-top: 50px;
    /* width: 100%; */
    float: left !important;
    margin-left: 50px;
}

.module_block_name{
    width: 155px;
}

.label-text-activities{
    margin-left: -40px;
    margin-top: 20px;
}

.label-text-title{
    margin-left: -40px;
    margin-top: -30px;
}

.label-text-miles{
    margin-left: -40px;
    margin-top: 60px;
    width: 160px;
    
}

.pop-up-right-col {float:left; width:70%; margin:0 0 0 10%;}

.box-popup {width:150px; height:152px; margin:0 16px 16px 0; float:left; padding:38px 0 0; position:relative; cursor: pointer;}
.box-popup img {bottom:2px; left:1px; margin:0; padding:0; position:absolute;}

.box-2 {background:#ffcc00;}
.box-3 {background:#24476b;}
.box-4 {background:#248e24;}
.box-5 {background:#6b2447;}
.box-6 {background:#6b361b;}

.box-1 h1, .box-2 h1, .box-3 h1, .box-4 h1, .box-5 h1, .box-6 h1 {font:700 72px 'Lato', sans-serif; color:#FFFFFF; margin:0px; text-align:center;}
.box-1 sub, .box-2 sub, .box-3 sub, .box-4 sub, .box-5 sub, .box-6 sub {font:700 24px 'Lato', sans-serif; color:#FFFFFF; float:right; margin:-6px 6px 0 0;}

.box-3 sub.box-inactive, .box-4 sub.box-inactive, .box-5 sub.box-inactive, .box-6 sub.box-inactive {color: #b2b2b2;
}
.box-3 h1.box-inactive, .box-4 h1.box-inactive, .box-5 h1.box-inactive, .box-6 h1.box-inactive {
    color: #b2b2b2;
}
/*** ***/
.box-popup-2 {width:150px; height:152px; margin:0 16px 16px 0; float:left; padding:38px 0 0; position:relative;}
.box-1-1 img {bottom:2px; left:1px; margin:0; padding:0; position:absolute;}

.box-1-1 h1 {font:700 72px 'Lato', sans-serif; color:#FFFFFF; margin:0px; text-align:center;}
.box-1-1 sub {font:700 24px 'Lato', sans-serif; color:#FFFFFF; float:right; margin:-6px 6px 0 0;}

.box-top-main {width:100%; float:left;}

.block_finished {cursor: default;}
.block_inactive{ opacity: 0.3; cursor: default;}

.center-align .pop-head-text {color:#66c7c2 !important; font:700 24px "Titillium Web",sans-serif !important; margin:32px 0 10px !important;}
.pop-up-left-col .center-align h2 {color: #000000; font: 700 18px "Lato",sans-serif; margin: 0 0 18px;}
.pop-up-left-col .center-align span {color: #000000; font: 300 14px "Lato",sans-serif; margin: 0;}
.pop-up-left-col .center-align span span {font: 500 14px "Lato",sans-serif;}
.center-align {text-align:center;}

#sm-pop-up-main {background:#f5f5f5; padding: 33px 0;}
.sm-pop-up-bg {background:#ffffff; border: 1px solid #bbbbbb; border-radius: 5px; box-shadow: 2px 2px 2px #bbbbbb; margin: 0 auto; width: 428px;}
.sm-pop-up-content {text-align:center; margin:0 0 36px;}
.sm-pop-up-content h1 {font:700 24px/32px "Titillium Web",sans-serif; color:#2486a8;}
.sm-pop-orange {width:100px; height:100px; display:inline-block; padding:12px 0 0;}
.sm-pop-orange h1 {color: #ffffff; font: 700 56px "Lato",sans-serif; margin: 0; text-align: center;}
.sm-pop-orange sub {color: #ffffff; float: right; font: 700 20px "Lato",sans-serif; margin: -6px 6px 0 0; line-height: 0; position: relative;
                    vertical-align: baseline; bottom: -0.25em;}

.sm-pop-up-content ul {display:inline-block; margin:30px 0 0;}
.sm-pop-up-content ul li {float:left; list-style-type:none;}
.sm-pop-up-content ul li a {font:300 14px "Lato",sans-serif; color:#2587a8; text-decoration:none;}
.sm-pop-up-content ul li a:hover {text-decoration:underline; color:#FF6600;}
.sm-pop-up-content ul li:nth-of-type(2n) a:hover {text-decoration:none; color:#2587a8;}





.hidden_menu5{position:absolute; right:50px; top:40px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:420px; z-index:9999; border-radius:5px;}
.hidden_menu6{position:absolute; right:50px; top:40px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:420px; z-index:9999; border-radius:5px;}
.hidden_menu8{position:absolute; right:50px; top:40px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:420px; z-index:9999; border-radius:5px;}
.hidden_menu9{position:absolute; right:50px; top:50px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:230px; z-index:9999; border-radius:5px;}
.hidden_menu10{position:fixed; right:50px; top:50px; background: #fff; box-shadow: 0 0 5px #888888; padding:0; width:230px; z-index:9999; border-radius:5px;}
.popup_bottom_txt_col5{ width:70%; float:left; padding:2% 0;}
.popup_bottom_txt_col6{ width:30%; float:right;}
.frnd_part{ min-height:300px;}
.msg_part{ }
.not_part{ min-height:300px;}
.search_part{}
.search_part p{ text-align:center; font-size:14px; color:#ad1649; margin:10px 0;}
.sucs_part{ padding: 10px;}
.sucs_part p{text-align:center; font-size:14px; color:#0C3; margin:0;}
.sucs_part img{float:left; margin:5px 0 0 20px;}
.error_notification{
    padding: 10px;
    width: 100%;
}

.error_notification span{
    margin-right: 10px;
}

.error_notification p{
    font-weight: 600;
    margin: 0px;
    font-family: 'Titillium Web', sans-serif; font-size:14px; color:#990033;
}


.popup_bottom_txt_full p{ color:#737373; font-size:12px; text-align:left; margin-bottom:0;}
.popup_bottom_txt_full{ padding:3% 0;}
.text_left{ text-align:left;}
.text_right{ text-align:right;}
.popup_bottom_txt_full a{ display:inline-block; font-size:12px; border-left:#008cba solid 1px; padding:0 0 0 5px;}
.popup_bottom_txt_full a:first-child{ border-left:none; padding:0 0 0 0;}

.asssub_title_bar{ background:#e6e6e6; line-height:22px; color:#737373; font-size:13px; margin:0 0; padding:8px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center; font-weight:600;}

a.remove_cross{ position:absolute; right:0; top:2px; z-index:444; padding:0 0; margin-top:0;}
a.remove_cross img:hover{ background:none; box-shadow:none;}


/* Unity slider **/
#description {
    border:0px solid gray; 
    height:170px !important; 
    width:212px; position: absolute;
}

#description p{
    max-height: 130px; overflow-y: auto;
}

.commonSlider{ width:720px; min-height: 532px;}
#slider_content{clear:both;overflow:hidden; background:#fff;}
.mainslider{width:100%;float:left;overflow:hidden; background:#fff;}
.sliderThumb{clear:both;overflow:hidden; position:relative; padding:0 40px;}
.jssorb01{display:none;}

/* Admin can select edition*/
.selector_admin{
    position: fixed;
    left: 0; 
    top: 30%;
    background: #FFFFFF;
    border: 1px solid #ccc;
    z-index: 10000;
    padding: 20px;
    border-radius: 0 10px 10px 0;
}

/** Upload angularjs*/
.fileinput-button input{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}



@media only screen and (max-width : 990px) {

    .grid {overflow-x: scroll; overflow-y: auto; width:100%; padding-bottom:20px;}
    .profile-img{ margin-left:8px;}		

    .follow-img-row img {margin:0em 0.55em 0.6em;}	
    .follow-img-2-row {padding:0 2px 8px;}

    .module-padd h2{font-size:30px;}

}

@media (min-width:769px) and (max-width:979px) {

    .pro-col-right {width: 100%; margin:14px 0 0;}
    .blog-input {width:70% !important;}

}


@media only screen and (max-width : 768px) {

    .hidden_menu2{ width:500px;}

    .grid {overflow-x: scroll; overflow-y: auto; width:100%; padding-bottom:20px;}	

    .follow-img-row img {margin:0em 0.55em 0.6em;}
    .follow-img-2-row {padding:0 1px 8px;}
    .pro-col-right {width: 100%; margin:14px 0 0;}
    /*.blog-input {width:70% !important;}*/

}

/** tabs upload content **/
.tabs dd > a{
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    font-size: 24pt;
    color: #2587a8 !important;
    background-color: #cde0e7 !important;
    text-decoration: none;
    font: 18px "Titillium Web",sans-serif;
    padding: 4px;
    font-weight: 600;
    margin-left: 5px;
    border-bottom: none;
}

.tabs dd.active a{
    font: 18px "Titillium Web",sans-serif;
    background-color: #fff !important;
    color: #2385a8;
    border-bottom: none;
}

.tabs-content > .content.active{
    border: 1px solid #ccc;
    float: left;
    margin: 0 5px;
    width: 95%;
    padding: 20px;
}

.error_form{
    border: 1px solid #990033;
    background: #fff;
    border-radius: 10px;
    margin: 20px 5px;
    padding: 10px;
    width: 95%;
}

.error_form span{
    margin-right: 10px;
}

.error_form p{
    font-weight: 600;
    margin: 0px;
    font-family: 'Titillium Web', sans-serif; font-size:14px; color:#990033;
}

.icon_button{
    margin: 10px;
    padding-top: 18px;
}

.titleEdit{
    font:500 26pt/35px "Titillium Web",sans-serif; 
    color:#2587a8; 
    /*    margin:0 0px 6px; */
    line-height:inherit; 
    /*    padding:0 0 12px; */
    float:left;
}

/*** Bulletin notes**/
.tableHead{
    background-color: #65aac2;
    border-spacing: 5px;  
    width: 100%;
}

.tableHead th{
    color: white;
    /*font-weight: bold;*/
    text-align: center;
}

.tableBulletin{
    border-collapse: collapse;
    border: #65aac2 1px solid;
    width: 100%;
}

.tableBulletin td{
    border-collapse: collapse;
    border: #65aac2 1px solid;
    color: #65aac2;
    /*font-weight: bold;*/
    text-align: center;
}

/*.bulletin{
    margin: auto;
    background:#fff; 
    border:1px solid #d8d8d8; 
    color:#737373;
    padding: 0.5em;
}*/

.contentBulletin{
    margin-top:50px;
}
.titleBulletin{
    margin-top: -30px;
}
.titleBulletin h3{
    color: #2587a8; 
    font-family: "Titillium Web",sans-serif; 
    font-size: 16px; 
    font-weight: 600; 
    line-height: 42px; 
}

.titleBulletin p{
    font:12pt/20px "Lato",sans-serif;  
    margin-bottom: 25px;
    margin-top: -12px;
    color: #2587a8;
    font-family: "Titillium Web",sans-serif;  
}

.profileContent{
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
/****
Loading view
*****/
#loading_view{
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    background-color: white;
    z-index: 10000;
    opacity: 0.5;
    text-align: center;
}

#loading_view img{
    top: 50%;
    position: fixed;
}

/*Edit profile form*/
.inputDataTable{
    margin-left: 0;
    margin-top: 32px;
    padding-top: 22px;
    width: 60%;
}

.inputPrivacyTable{
    margin-top: 10px;
    padding-top: 22px; 
    width:25%;
}
.middle{
    margin: auto;
}

.showInfoUser{
    margin-top: 19px;
}

.formTable{

}

/*.floatMessage{
    z-index: 2;
    background-color: #e7e9fd;
    border: 2px solid #2a36b1;
    position: absolute;
    margin-left: 20%;
    font-size: 20px;
    color: #01579b;
    text-align: center;
    padding: 2px;
    width: 20%;
}*/

.required{
    color: #5677fc;
    font-size: 15px;
    font-style: italic;
    margin-left: 11px;
    margin-top: 7px;
}

.uploadButton{
    margin-top: 20px;
}

.listElements{
    margin-top: 30px;
}

.listElements label{
    margin: auto;
}

.deleteElement{ 
    display: block;
    float:right;
    clear: both;
    margin-bottom: 10px;
}

.periodWork select{
    width: 25%;
}

.inputEditProfile{
    width: 85% !important;
}

.inputWeb{
    width: 85% !important;
    margin-left: -20px !important;
}

.selectWorkTime{
    width: 25% !important;
}

.checkList{
    margin-top: 25px;
    margin-bottom: 25px;
}
/*** Edition Block ****/
.edition_title{
    width: 80%;
    float:left;
}

.edition_buttons{
    float: left;
    width: 20%;
    margin-top: 10px;
    text-align: right;
    padding-right: 10px;
}

.reveal-modal{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    /*max-width: 62.5rem; */
    max-width: 1100px;
    top: 5rem;
    left: 0;
    right: 0;
    padding: 0.5rem;
    padding-top: 30px;
    position:fixed;
}

.reveal-modal button{
    padding: 7px 11px;
}

.buttons_modal_multimedia{
    margin: 20px 0;
}

.photo_modal{
    padding: 0px;
    text-align: center;
    max-height: 32rem;
    overflow-y: auto;
    margin: 20px -5px;
}

.photo_modal_multimedia{
    padding: 10px;
    text-align: center;
    max-height: 32rem;
    max-width: 32rem;
    overflow-y: auto;
}

.photo_modal h2{
    color: #2587a8;
    font-family: "Titillium Web",sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    margin: 20px 0 12px;
    padding: 0; 
}

.right-reveal-modal{
    top: 50%;
    right: 50px;
    position: absolute; 
    color: #aaaaaa;
}

.left-reveal-modal{
    top: 50%;
    left: 50px;
    position: absolute; 
    color: #aaaaaa;
}

.modalinscription{
    width: 500px !important;
}

/** Entry edition switcher **/
.entry_blog_switch{
    position: fixed;
    top: 15%;
    left: 0;
    background-color: #fff;
    width: 43px;
    height: 42px;
    border: 1px solid #ccc;
    z-index: 100;
}

.entry_blog_switch img{
    left: 20px;
    position: absolute;
    width: 48px;
    height: 48px;
    max-width: 48px;
    top: -3px;    
}

.entry_blog_switched{
    border: 1px solid #2486A8;
    border-radius: 50%;
}

.table{
    width: 100%;
}

.table img{
    width: 50px;
}

.content_wrapper{
    max-height: 300px;
    overflow: auto;
}

.wrapper{
    margin-bottom: 40px;
}

.post-box{
    float:left;
}

/*** Comment **/

#textfield{
    float: left;
    width: 98%;
}

.textfield_send{
    margin-left: 5px;
    color: #2587a8;
}

.textfield_send:hover{
    opacity: 0.6;
    cursor: pointer;
}

.reply_comment{
    padding-top: 10px;
    margin: 10px 0;
}

.reply_comment img{
    margin-left: 2px;
}

/*Eportfolio*/
.tabs_profile{
    border: none !important;

}

.tabs_profile .tabbable .tabs dd{
    height: 50px;
    border:1px solid #d8d8d8;
    border-radius: 5px 5px 0 0;
}

.tabs_profile .tabbable .tabs dd.active{
    border-bottom: none;
}

.tabs_profile .tabbable .tabs dd p{
    margin: 10px 0 0 10px;
}

.tabs_profile .tabbable .tabs dd:first-child{
    width: 69% !important;
    margin-right: 1%;
}

.tabs_profile .tabbable .tabs dd:last-child{
    width: 30% !important;
}

.tabs_profile .tabs-content{
    border-top: none !important;
}

.tabs_profile .tabs-content .content{
    width: 100%;
    margin: 0;
    padding: 5px;
    background:#fff;
    border:1px solid #d8d8d8;
    border-top: none;
}

.tabs_profile .tabs-content .content .blog-content-1{
    padding: 0;
}



.tabs_profile dd a{
    margin: 0;
    border: 0;
    height: 100%;
}

.profile_edit_header{
    text-align: right;
    padding: 10px;
}

.button_upload_profile{
    float: left;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

.profile_uploader_wrapper{
    margin: 20px 0;
}

.profile_uploader_wrapper button{
    margin: 5px 0;
}

.profile_change_photo{
    text-align: center;
    margin: 15px 0;
    width: 100%;
}

.wh-bg-br {
    background: #fff;
    border: 1px solid #d8d8d8;
    margin-bottom: 12px;
}

.blog-content-wrapper{
    margin-top: 5px;
    float: left;
    width: 100%;
    border: 1px solid #d8d8d8;
}

.wh-bg-br input[type="text"], .tabs_profile input[type="text"] {
    /*color: #ccc;*/ 
    font: 14px/22px "Lato",sans-serif; padding-left: 25px; width: 85%;}

.wh-bg-br h3, .wh-bg-br h2 , .tabs_profile h3{color: #2587a8; font-family: "Titillium Web",sans-serif; font-size: 16px; font-weight: 600; line-height: 42px; margin: 20px 0 12px; padding: 0;}

.wh-bg-br h2{
    font-size: 2.3125rem;
    text-transform: capitalize;
}

.tabs_profile h3{
    margin: 0;
    height: 45px;
    overflow: hidden;
    padding-left: 15px;
    font-size: 26px;
}

.wh-bg-br p , .tabs_profile p{
    font:12pt/16px "Lato",sans-serif;  margin-bottom: 10px;
}

.wh-bg-br select , .tabs_profile select {
    width: 85%;
}

.wh-bg-br textarea , .tabs_profile textarea {
    width: 100%;
}

.comment_message_area{
    position: relative;
    /*margin-left: 8.33%;*/
}

.comment_message_area span{
    margin-left: 10px;
}

.comment_message_area i{
    margin: 10px;
}

.comment_message_area textarea, .comment_message_area_replies textarea{
    box-shadow: none;
    border: #dfdfdf 1px solid !important;
    font-style: italic;
    color: #8e8e8e;
    font-size: 12px;
    height:100px;
}

.form_padding_overall{
    padding: 0 1rem;
}


body.modalFoundation {
    overflow: hidden;
}

/** Likes and dislikes **/
.joyride-content-wrapper p{
    color: #fff !important;
}

.resourcesList .resource-list-item{
    border: #dfdfdf 1px solid;
    padding: 7px;
    margin: 0 10px 10px 0;
    position: relative;
    float: left;
    width: 334px;
    background-color: #fff;
}
.resourcesList .resource-list-item img {
    width: 83px;
    float: left;
    margin: 0 16px 0 0;
}

.resource-list-item{
    background-color: #fff;
    color: #66a9c3;;
    min-height: 150px;
}

.resource-list-item:hover{
    border-color: #008cba;

}

.resource-list-item h2{
    text-align: center;
    text-transform: capitalize;
    color: #66a9c3;
}

.resource-list-item h2:hover{

}

.resourcesList .resource-list-item .resource-name {
    font-size: 18px;
    font-weight: 600;
    padding: 12px 0 10px 0;
    color: #66a9c3;
}

.resource-info, .resource-info h6, .resource-info h3{
    color: #66a9c3;    
}

.resource-info{
    background-color: #fff;
}

.resource-info:hover, .resource-info h6:hover, .resource-info h3:hover{
    cursor: pointer;
}

.resource-info h3{
    text-transform: capitalize;
}

.resource-info h6{
    font-weight: bold;
    text-align: left;
    font-size: 14px;
}

.resourcesList h6{
    text-align: center;
}

.hover-undeline:hover{
    text-decoration: underline;
}

.pointer{
    cursor:pointer;
}
.subcategoryResource{
    font-size: 12px;
    color: #2587a8;
    width: auto;
    margin-top:10px;
}
.resourceIcon{
    height: 28px!important;
    width: 28px!important;
}

.resources_link, .resources_doc{
    background-image: url("../../img/icon-link.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100px;
    margin-top:5px;
}

.resources_link:hover{
    background-image: url("../../img/icon-link2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top:5px;
}

.resources_doc{
    background-image: url("../../img/icon-document.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top:5px;
}

.resources_doc:hover{
    background-image: url("../../img/icon-document2.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top:5px;
}

.resourceMainElement{
    margin-top:16px;
}
.bold{
    font-weight: bold;
}

.multimedia-name a{
    float: left;
    font-size: 18px !important;
    font-weight: bold;
}

.multimedia-number a{
    float: left;
    margin-top: 10px;
}

.multimedia-image-item{
    cursor: pointer;
    width: 150px  !important;
}

.multimedia-image{
    width: 160px !important;
    margin: 0 5px 5px 0 !important;
    min-height: 230px !important;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

/** Group info **/


.group-info p{
    font-size: 12px;
    color: #515153;
}

.group-list-item{
    width: 686px !important;

    border: #dfdfdf 1px solid;
    padding: 7px;
    margin: 0 16px 16px 0;
    position: relative;
    float: left;
    width: 334px;
    min-height: 110px;
    background-color: #fff;
}

.group-detail-item{
    width: 750px !important;
}

.friend-name{
    padding: 0;
}

.attendees-event{
    width: 49%;
    margin-left: 1%;
}

.group-name{
    padding: 0 !important;
}

.group_image{
    width: 83px !important;
    float: left;
    margin: 0 20px;
    position: relative;
}

.group_image img{
    position: relative;
}

.group_image p{
    bottom: 0;
    color: #fff;
    width: 83px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 0 !important;
}

.group-list-entries{
    padding: 0 !important;
    border-top: 1px solid #d8d8d8;
    margin-right: 15px;
    padding-top: 30px !important;
}

.group-list-entries .white-bg{
    border: none !important;
}

.group-view-header{
    border: none !important
}

.group_edit_info{
    float:left;

}
.resourceMainElement{
    margin-top:16px;
}
.bold{
    font-weight: bold;
}

.ranking-list{
    width: 95%!important;
}
.ranking-list .friend-info{
    width: 350px!important;
}
.ranking-list .friend-milles{
    float: right;
    margin-top: 25px;
    font-size: 1.2em;
}
.rattings-status, .friend-milles {
    float: left;
    width: 87px;
    font-size: 1.5em;
    padding-top: 36px;
    background: #d3e7ee;
    height: 100px;
    text-align: center;
    font-weight: bold;
    margin-right: 12px;
}

.friend-milles{
    background-color: #F7F7F7;
    color: #2587A8;
    text-align: center;
    font-size: 20px !important;
    margin: auto;
    padding-top: 40px;
    width: 105px;
}

.ranking-list-item {
    border: #dfdfdf 1px solid;
    padding: 7px;
    margin: 0 16px 16px 0;
    position: relative;
    float: left;
    min-height: 100px;
}



.group_category{
    text-align: center;
    margin-bottom: 10px;
}

.group_category span{
    color: #fff;
}

.group_category span:hover{
    font-weight: bold;
    cursor: pointer;
}

.group_title{
    color: #2587a8;
    text-align: left;
}

.group_entry_edition{
    margin: 30px 0;

}

.group_category_list{
    margin: 10px 0;
    text-align: center;
}

.add_member{
    margin-top: 12px;
}

.entry_group_edition input[type="text"], textarea, input[type="email"], input[type="search"]{
    width: 90% !important;

}

.group_image_privacity{
    position: absolute;
    opacity: 0.8;
    background-color: transparent;
    top: 0px;
    /*width: 150px;*/
    /*height: 160px;*/
    text-align: center;
    padding: 20px;
}

.group_image_privacity img{
    width: 45px !important;
}

.new_group{
    color: #fff !important;
}

.new_group_wrapper{
    float: left;
    margin: 20px 0;
    width: 100%;
    text-align: right;
}

.non_member_group{
    opacity: 0.5;
}

/***
Bell
**/
.admin_bell{
    width: 40px;
    padding: 7px;
}

/** Mentions **/

#auto_complete_text {
    /*margin-top: 20px;*/
    outline: none;
    color: #333;
    /*background-color: #fff;*/
    /*background-repeat: no-repeat;*/
    /*background-position: right center;*/
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in 0;
    vertical-align: middle;
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 240px;
    overflow-y: auto;
}

.dropdown-menu a{
    color: #222;
    font-weight: normal;
}

/*.dropdown-menu a:hover {
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}*/

.dropdown-menu li {
    border-top: 1px solid #ddd;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
}

.dropdown-menu li:first-child {
    border-top: none;
}

.dropdown-menu li:hover,
.dropdown-menu .active , .dropdown-menu .active a{
    color: #fff !important;
    background: #4183c4;
    text-decoration: none;
    font-weight: bold;
}

.dropdown-menu li:hover{
    color: #fff !important;
}

/* Search*/
.search_page_title{
    font-weight: bold;
    color: #2587a8;
    margin-top:5px;
    font-size: 20px;
}
.search_page_subtitle{
    color: #2587a8;
    font-size: 14px;
    margin-top:5px;
}
.search_page_description{
    font-size: 14px;
    margin-top:5px;
}
.totalFindedSearch{
    margin-top:10px;
    color:#666;
    font-size: 14px;
}
.searchItemList{
    margin-top:15px;
}
.searchButton{
    font-size: 14px;
    padding: 7px 11px;
    background-color: #65aac2;
    color: #ffffff;
    border: 0;
    font-family: tahoma;
    margin-bottom: 0;
}
.mce-menubtn.mce-fixed-width span{
    margin-bottom: 0px!important;
}
.pointsNumberRef{
    text-align: center;
    font-size: 22px;
    color: #2587a8;
}


#accordion section, #accordion .pointer, #accordion h1, #accordion p {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#accordion {
    margin-bottom:30px;
}
#accordion h1 {
    line-height:1.2;
    font-size:20px;
    background-color:rgba(255,0,0,0.3);
    margin:0;
    padding: 10px 10px 10px 30px;
}

#accordion h1 a {
    color:black;
}
#accordion section {
    overflow:hidden;
    height:220px;
    border:1px #333 solid;
}
#accordion p {
    padding:0 10px;
    color:black;
}
#accordion section.ac_hidden p:not(.pointer) {
    color:#fff;
}

#accordion section.ac_hidden {
    height:44px;
}
#accordion .pointer {
    padding:0;
    margin:10px 0 0 6px;
    line-height:20px;
    width:13px;
    position:absolute;
}
#accordion section:not(.ac_hidden) h1 {
    background-color:rgba(255,0,0,0.7);
}

#accordion section:not(.ac_hidden) .pointer {
    display:block;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    padding:0;
}

/** notification **/
.notif_wrapper{
    position: relative;
}

.notif_number{
    position: absolute;
    top: 0; 
    right: 0;
}

.textcomplete-item{
    width: 100%;
    cursor: pointer;
    z-index: 800;
    cursor: pointer !important;
    pointer-events: auto !important;
    opacity : 1 !important;
}

.textcomplete-wrapper textarea{
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100% !important;
}

.marginbottom10{
    margin-bottom: 10px;
}

.marginbottom20{
    margin-bottom: 20px;
}

.margintop5{
    margin-top:5px;
}

.margintop10{
    margin-top:10px;
}

.margintop15{
    margin-top:15px;
}

.margintop20{
    margin-top:20px;
}

.margintop25{
    margin-top:25px;
}

.margintop50{
    margin-top:50px;
}


.margintop75{
    margin-top:75px;
}

.margin20{
    margin: 20px 0;
}


.jsSpeechFactory-container{
    width: 83%;
    display: inline-block;
    margin-top: 10px;
}

.jsSpeechFactory-icon{
    width: 40px;
}


.sendAssistantButton{
    margin-top: 25px !important;
    display: inline-block;
}
.jsSpeechFactory-container input,.jsSpeechFactory-container textarea{
    width:75% !important;
    display: inline-block;
}
.jsSpeechFactory-container a{
    display: inline-block;
    width: 20% !important;
    float: left;
}
.jsSpeechFactory-btn{
    width: 20%!important;
}
#assistantContainer{
    max-height: 290px;
    overflow-y: auto;
    overflow-x: visible;
}
.personImageAssistant{
    width: 60px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    float: right;

}
.personImageAssistant img{
    width: 100%;

    border-radius: 100px;
    border: 2px solid #888;
}
.NotificationsheightDelimitator{
    max-height: 301px;
    overflow: auto;
}

.assignment_wrapper{
    border: 1px solid #d8d8d8;
    padding: 10px;
    background: #f6f6f6;
    margin: 20px;
    text-align: center;
}

.assignment_wrapper a{
    margin-left: 20px;
}
.assistantFormContainer{
    height: 48px;
}

/* CALENDAR */
#easyCodeCalendar{

}
#easyCodeCalendar h2{
    font-size: 24px;
}
#easyCodeCalendar .fc-day-header{
    font-size: 10px;
}
#easyCodeCalendar .fc-basic-view tbody .fc-row{
    min-height: 0px!important;
}
#easyCodeCalendar table {
    margin-bottom: 2px!important;

}
#easyCodeCalendar table tr td {
    display: table-cell;

}
#easyCodeCalendar .fc-widget-header {
    height: 22px!important;
}
#easyCodeCalendar .fc-row.fc-week.fc-widget-content:first-child {
    margin-top:10px;
}
#easyCodeCalendar .fc-day-grid-container.fc-scroller {
    min-height: 175px!important;
}
#easyCodeCalendar .fc-today-button {
    display:block!important;
    color: black;
}
#easyCodeCalendar .fc-state-hover {
    display:block!important;
    color: black;
    background-position: 0 -25px;
}
#easyCodeCalendar .fc-day-number {
    text-align: center;

}
#easyCodeCalendar .fc-today {
    text-align: center;
    background-color: #ccc;
    border-radius: 5px;
}
#easyCodeCalendar .hasEvent {
    text-align: center;
    color:#ad2c3d;
    cursor: pointer;

}
.fc-row .fc-bg{
    height: 23px;
}
#easyCodeCalendar .fc-event-container {
    display:none!important;

}

.fc-state-highlight{
    color: #AD2C3D;
    cursor: pointer;
}

/** chat **/
.cometchat_userstabtitle{
    background: linear-gradient(to bottom,#2587A8 0%,#2587A8 44%,#2587A8 100%) !important;
}

.cometchat_tabtitle{
    background: linear-gradient(to bottom,#2587A8 0%,#2587A8 44%,#2587A8 100%) !important;
}

.social_profile_interaction{
    margin: 25px 0;
}

/** events **/
.no_events_advice{
    margin: 10px 0;
    color: #737373;
}

.custom_text p{
    margin: 1em 0 !important;
}

.ideas_title h1{
    font-family: 'Titillium Web', sans-serif;
    color: #2587a8;
    font-size: 60px;
    margin: 20px 0;
    line-height: 50px;
}

.search_custom{
    margin: 10px 0px;
    float: left;
    width: 100%;
    padding: 20px 0px;
}

/** Modal **/
.modal_upload_wrapper{
    max-height: 370px;
    overflow-y: auto;
}

.multimedia_options_wrapper{
    margin-top: 20px;
}

.multimedia_options_wrapper li{
    margin-bottom: 10px;
}

.notificationsFriends a{
    margin:0px!important;
}


.cropArea {
    background: white;
    overflow: hidden;
    width:350px;
    height:350px;
}

.custom_delete_user img{
    padding: 0px !important;

}

.custom_delete_user img:hover{
    box-shadow: none !important;
}

.comment_label{
    float:left;
    margin-right: 20px;
    color: #2587A8 !important;
    width: 100px;

}

/***
 Animation angularjs
***/

div[ng-view].ng-enter {
    transition: all 0.5s linear;
    opacity: 0;
}

div[ng-view].ng-enter-active {
    opacity: 1;
}

.attach_file_comment{
    width: 150px;
    float: left;
}

.attach_files_button{
    width: 330px;
    float: left;
}

.normalText{
    font: normal 14px/20px 'Lato', sans-serif;
}

.nuance img{
    width: 30%;
}

.nuance{
    text-align: center;
}

/*.wrapper-container{
    -webkit-overflow-scrolling: touch;
}

.wrapper-container div{
    -webkit-overflow-scrolling: touch;
}*/


.smallSearch{
    padding:3px 10px;
}


.post-box{
    /*max-height: 700px;*/
    float: left;
    overflow-y: auto;
}

.hightlightComment{
    background-color: wheat !important;
}

.view_buttons{
    margin: 10px 0;
}

.link_no_border{
    border: none !important;
    padding: 0px !important;
}

.failed_grade{
    color: #ad2c3d;
}

.workout_delivery{
    border: 1px solid #b4b3b3;
    border-radius: 3px;
    padding: 10px;
    height: 100px;
    color: #373737;
    margin: 10px 0;
}

.workout_delivery i{
    color: rgba(249, 249, 23, 0.86);
}

.workout_delivery h4{
    color: #373737;
}

.message-icon-date {
    background: url(../../img/icon-calendar.png) no-repeat left center;
    color: #666666;
    padding: 10px 0 10px 20px;
}

.pinned_user_entry{
    border: 2px solid #2587A8;
    background-color: #D3E7EE;
}

.pinned_entry_info_upper{
    position: absolute;
    top: 0px;
    right: 15px;
    background-color: #2587A8;
    color: #D3E7EE;
    padding: 5px;
}

.pinned_entry_info_upper:hover{
    padding: 5px;
}

.pinned_entry_info i{
    float: left;
}

.pinned_entry_info{
    position: absolute;
    top: 5px;
    right: 15px;
    width: 180px;
    color: #2587A8;
    padding: 5px 0;
}

.pinEntryOwnEntry{
    position: absolute;
    top: 45px;
    right: 10px;
}

.unity_infography_wrapper{
    text-align: left;
    margin: 50px auto !important;
}

.left-off-canvas-menu{
    left: -15.625rem;
    transition: transform 750ms ease 0s;
}

.move-right .left-off-canvas-menu{    
    transition: transform 500ms ease 0s;
    -webkit-transform: translate3d(15.625rem, 0, 0);
    -moz-transform: translate3d(15.625rem, 0, 0);
    -ms-transform: translate(15.625rem, 0);
    -o-transform: translate3d(15.625rem, 0, 0);
    transform: translate3d(15.625rem, 0, 0); 
}

.menu-button-wrapper{
    padding: 0px;
    padding-left: 5px;
    margin-right: 10px;
}

/*.menu-button-wrapper:hover {
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: inset 0 0 10px 2px rgba(30,53,65,.3);
    box-shadow: inset 0 0 10px 2px rgba(30,53,65,.3);
}*/

.side-left-header{
    padding: 10px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #2587A8;
    border-right: 1px solid #2587A8;
}

.left-off-canvas-menu{
    position:fixed;
    background-color: #235465;
}

.left-off-canvas-menu img{
    width: 50%;
}

.left-off-canvas-menu li{
    background-color: #235465;
}

.left-off-canvas-menu li:hover{
    background-color: #2487a7;
}

ul.off-canvas-list li a {
    background-color: #235465;
    color: #fff;
    display: block;
    padding: 0.66667rem;
    transition: background 300ms ease;
    border: none;
    height: 45px;
    font-size: 16px;
}


ul.off-canvas-list li a:hover {
    background-color: #2487a7 !important;
}

.icon_side_left {
    padding: 12px 0 0 50px !important;
    background-position: 15px 15px !important;
}

.icon_fa_side_left{
    margin-right: 15px;
    margin-left: 4px;
    min-width: 18px;
}

.search-button-header{
    color: white;
    margin-top: -5px;
}

.search-button-header:hover{
    color: white;
}

/*------------------------------------CUSTOM STYLE BY TANUMAY PAL---------------------------------------*/

input[type=search] {
    -webkit-appearance: none;
}

.f-p {
    text-align: left;
}

.extra-elements-wrap ul {
    text-align: center;
}

.extra-elements-wrap ul li {
    display: inline-block;
}

.per-table-new {
    padding-top: 18px !important;
    padding-bottom: 27px;
    margin-top: -50px;
}

.per-table-new .per_table-content .accordion .accordion-navigation > a {}

#per_table.per-table-new .extra-elements-wrap ul,
#per_table.per-table-new .extra-elements-wrap-open {
    margin: 0 auto !important;
    width: 58%;
}

.more,
.less {
    height: 19px;
    margin: 0 auto -31px;
    width: 29px;
    display: block;
}

#drop2.f-dropdown.content,
#drop3.f-dropdown.content,
#drop6.f-dropdown.content {
    margin-left: -255px;
    margin-top: 31px;
    padding: 0;
    max-width: unset;
    width: 300px !important;
    border-radius: 5px;
    border: 2px solid #c3c3c3;
}

#drop7.f-dropdown.content {
    margin-left: -255px;
    margin-top: 31px;
    padding: 0;
    max-width: unset;
    width: 300px !important;
    border-radius: 5px;
    border: 2px solid hsl(0, 0%, 76%);
}

.f-dropdown.open::after,
.f-dropdown.open::before {
    display: none;
}

.new-follower-box > h2 {
    background: #e6e6e6;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 9px 0;
    text-align: center;
    color: #737373;
}

.close-cr,
.close-cr1 {
    position: absolute;
    right: 0;
    top: 0;
}

.close-cr img:hover,
.close-cr1 img:hover {
    background: transparent!important;
    box-shadow: none!important;
}

.new-folower-c-box-col-1 {
    float: left;
}

.new-folower-c-box-col-2 {
    float: left;
    padding-left: 16px;
    width: 72%;
    text-align: left;
}

.new-folower-c-box {
    padding: 12px 0 0 12px;
}

.right-icons a.close-cr img {
    margin: 5px 5px 0 0;
    padding: 0;
}

.new-folower-c-box-col-2 > a {
    margin: 0 !important;
}

.new-folower-c-box-col-2 > p {
    color: #333;
    font-size: 12px;
    margin: 0;
}

.new-folower-c-box-col-2 span i {
    color: hsl(0, 0%, 20%);
    font-size: 12px;
    font-style: normal;
    padding-left: 5px;
}

.del-follow-bt-wrap a {
    margin: 0 !important
}

.delete-bt,
.follow-bt {
    font-size: 12px;
}

.follow-bt {
    float: right
}

.f-p {
    padding-top: 5px;
}

.alerts-wrap {
    color: hsl(0, 0%, 20%);
    margin: 0;
    text-align: center;
    padding: 12px 0;
}

.alerts-wrap p {
    margin-bottom: 0;
    font-size: 14px;
}

.footer-for-tablet,
.top-menu-for-tablet {
    display: none;
}

.dropdown_button {
    float: left;
    padding-right: 12px;
}

.gaia-title {
    display: block;
    float: left;
    padding-left: 12px;
    padding-top: 6px;
}

#drop4.f-dropdown.content,
#drop5.f-dropdown.content {
    border: 2px solid hsl(0, 0%, 76%);
    border-radius: 5px;
    margin-left: 0;
    margin-top: -34px;
    max-width: unset;
    padding: 0;
    width: 300px!important;
}

#footer.ft-fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
}

.fav-wrap {
    padding: 20px 45px;
    overflow: hidden;
}

.tab-menu .fav-wrap ul li,
.fav-wrap ul li {
    padding-bottom: 5px;
    display: block;
    text-align: left;
}

.fav-wrap ul li a {
    background: url(../../img/star-off.png) no-repeat center left;
    padding: 0 0 0 20px;
    font-size: 16px;
    color: #2587a8;
    font-weight: bold;
}

.fav-wrap ul li a:hover {
    background: url(../../img/star-on.png) no-repeat center left;
    text-decoration: underline;
}

.f-dropdown li:hover,
.f-dropdown li:focus {
    background: none;
}


.pos-rel {
    position: relative;
}

.close1 {
    display: none!important;
}

#slimScrollDiv {
    height: 400px!important;
}

.notification-box {
    background: hsl(0, 100%, 50%) none repeat scroll 0 0;
    border-radius: 50%;
    color: hsl(0, 0%, 100%);
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 19px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -4px;
    width: 25px;
}

.page-workthrough-wrapper {
    height: 100%;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: hsl(0, 0%, 100%);
}

.page-workthrough-wrapper2,
.page-workthrough-wrapper3 {
    height: 100%;
    position: absolute!important;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: hsl(0, 0%, 100%);
}

.page-workthrough-wrapper > img,
.page-workthrough-wrapper2 > img,
.page-workthrough-wrapper3 > img {
    height: 100%;
    width: 100%;
}

.page-workthrough-wrapper .slick-slide img,
.page-workthrough-wrapper2 .slick-slide img,
.page-workthrough-wrapper3 .slick-slide img {
    width: auto;
}

.page-workthrough-wrapper .slick-slide {
    min-width: 1366px;
}

.closeh {
    margin-right: -285px;
    margin-top: 80px;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 99999;
    display: none;
}

.slick-content-custom {
    font-size: 12px;
    left: 50%;
    margin-left: -464px;
    margin-top: 52px;
    position: absolute;
    top: 0;
    z-index: 999999;
}

.slick-content-custom > h2,
.slick-content-custom2 > h2,
.slick-content-custom3 > h2 {
    font-family: 'Kalam', cursive;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.slick-content-custom > img {
    display: block;
    margin: 0;
}

.slick-content-custom2 {
    font-size: 12px;
    margin-right: -166px;
    margin-top: 52px;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 999999;
}

.slick-content-custom3 {
    font-size: 12px;
    margin-right: -481px;
    margin-top: 43px;
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 999999;
}

.slick-content-custom > img,
.slick-content-custom2 > img,
.slick-content-custom3 > img {
    height: auto !important;
    width: 46px !important;
}

.slick-content-custom3 > img {
    display: block;
    margin: 0 auto;
}

.slick-content-custom2 > img {
    margin: 0 auto;
}

.search-button-input{
    float: right;
    color: white;
    position: absolute;
    top: 10px;
}

@media only screen and (max-width: 990px) {
    .dropdown_button {
        border: 0;
    }
    .dropdown_button img {
        max-width: none;
    }
    /*medium-7 .search_main_col{width:42%;}
medium-7 .search_main_col input[type=button]{right:12px;}*/
    /*
    .grid {
    overflow-x: scroll;
    overflow-y: auto;
    width: 100%;
    padding-bottom: 20px;
}
    */
    .profile-img {
        margin-left: 8px;
    }
    .follow-img-row img {
        margin: 0em 0.55em 0.6em;
    }
    .follow-img-2-row {
        padding: 0 2px 8px;
    }
    .module-padd h2 {
        font-size: 27px;
    }
    .activity-icon {
        margin-left: 10px;
    }
    .post-box input[type=text] {
        width: 77% !important;
    }
}

@media (min-width:769px) and (max-width:979px) {
    .pro-col-right {
        width: 100%;
        margin: 14px 0 0;
    }
    .blog-input {
        width: 70% !important;
    }
}

@media(max-width:1024px) {
    /*----------------Custtom responsive css: author:tanumay pal---------------*/


    .search-button-input{
        float: right;
        color: white;
        position: absolute;
        right: 13px;
        top: 10px;
    }

    #header input[type=search]{
        height: 25px;
        border: 0;
        box-shadow: none;
        /* border-radius: 10px; */
        width: 95%;
        margin: 5px 0 0 0px;
        background-color: transparent;
        border-bottom: 1px solid #fff;
        padding-bottom: 0px;
        color: #fff;
        line-height: 10px;
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
        padding-left: 2px;
    }

    .footer-for-desktop,
    .top-menu-for-desktop {
        display: none
    }
    .footer-for-tablet,
    .top-menu-for-tablet {
        display: block;
    }
    .tab-footer ul,
    .tab-menu ul {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .tab-footer ul li {
        display: inline-block;
        margin: 0 5%;
    }
    .tab-menu ul li {
        display: inline-block;
        margin: 0 0;
    }
    .tab-footer ul li a img,
    .tab-menu ul li a img {
        margin: 0;
        padding: 10px;
    }
    .tab-footer ul li > a img:hover,
    .tab-menu ul li a img:hover {
        background: transparent;
        border-radius: 5px;
        box-shadow: 0 0 10px 2px hsla(201, 37%, 19%, 0.3) inset;
    }
    .d-n-o-t {
        display: none !important;
    }
    .tab-menu {
        float: right;
    }
    #per_table.per-table-new .extra-elements-wrap ul,
    #per_table.per-table-new .extra-elements-wrap-open {
        width: 60%;
    }
    #drop6.f-dropdown.content {
        margin-left: -682px;
    }
    #drop7.f-dropdown.content {
        margin-left: -682px;
    }
    .dropdown_button {
        padding-right: 0;
        /*padding-top: 8px;*/
        border: medium none;
    }
    .gaia-title {
        padding-top: 14px;
    }
    /**-------------HORRIBLE------------------*/
    .page-workthrough-wrapper2 .slick-slide {
        min-width: 1024px;
    }
    .page-workthrough-wrapper2 .slick-slide img {
        width: 1024px;
        height: 1024px;
    }
    .slick-content-custom2 {
        margin-right: -399px;
    }
    .slick-content-custom3 {
        margin-right: -66px;
    }
    .slick-content-custom3 {
        bottom: 50%;
        margin-bottom: -466px;
        margin-right: -20px;
        margin-top: 0;
        right: 50%;
        top: auto;
    }
    /**-------------HORRIBLE------------------*/
}

@media(max-width:1023px) {
    #per_table.per-table-new .extra-elements-wrap ul,
    #per_table.per-table-new .extra-elements-wrap-open {
        width: 290px;
    }
}

@media only screen and (max-width: 768px) {

    #pop-up{
        padding-top: 0px;
    }

    .pop-up-content {
        padding: 0px;
    }

    .block_info_center{
        width: 100%;
    }

    .block_info_right{
        width: 100%;
    }

    .block_info_left{
        width: 100%;
    }

    .pop-up-left-col{
        width: 100%;
    }

    .pop-up-right-col{
        width: 100%;
        margin: 0px;
        margin-top: 30px;
    }

    .box-popup, .box-popup-2{
        width: 80px;
        padding: 16px 0 0;
        height: 80px;
        margin: 0 auto;
        margin: 2px;
    }

    .block_selection_view .pop-up-right-col{
        margin: 0px;
    }

    .box-popup img, .box-popup-2 img{
        width: 35px;
    }

    .box-popup h1, .box-popup-2 h1{
        font-size: 28px;
    }

    /**-------------HORRIBLE------------------*/
    .page-workthrough-wrapper2 .slick-slide {
        min-width: 768px
    }
    .page-workthrough-wrapper2 .slick-slide img {
        width: 768px;
        height: 1024px;
    }
    .slick-content-custom {
        margin-left: -344px;
        margin-top: 61px;
    }
    .slick-content-custom2 {
        margin-right: -310px;
        margin-top: 52px;
    }
    .slick-content-custom3 {
        bottom: 50%;
        margin-bottom: -466px;
        margin-right: -66px;
        margin-top: 0;
        right: 50%;
        top: auto;
    }
    /**-------------HORRIBLE------------------*/
    .hidden_menu2 {
        width: 500px;
    }
    /*
    .grid {
        overflow-x: scroll;
        overflow-y: auto;
        width: 100%;
        padding-bottom: 20px;
    }
    */
    .follow-img-row img {
        margin: 0em 0.55em 0.6em;
    }
    .follow-img-2-row {
        padding: 0 1px 8px;
    }
    .pro-col-right {
        width: 100%;
        margin: 14px 0 0;
    }
    .blog-input {
        /*width: 70% !important;*/
    }
    .f-z {
        display: none;
    }
    #drop6.f-dropdown.content {
        margin-left: -579px;
    }
    #drop7.f-dropdown.content {
        margin-left: -579px;
    }

    .quick_access_wrapper{
        right: 30%;
    }    
}

@media(max-width:667px) {
    .gaia-title {
        padding-left: 0;
        padding-top: 5px;
    }
    .dropdown_button {
        padding: 0
    }
    .per-table-new {
        margin-bottom: 25px;
    }
    #per_table.per-table-new .extra-elements-wrap ul,
    #per_table.per-table-new .extra-elements-wrap-open {
        /*width: 45%;*/
    }
    .tab-footer ul li {
        display: inline-block;
        margin: 0 1%;
    }
    #drop4.f-dropdown.content {
        margin-top: -143px;
    }
    .per-table-new {
        margin-bottom: 136px;
    }
    #drop5.f-dropdown.content {
        margin-top: -137%;
    }
    #drop6.f-dropdown.content {
        margin-left: -160px;
    }
    #drop7.f-dropdown.content {
        margin-left: -160px;
    }    
}

@media(max-width:640px) {
    #drop5.f-dropdown.content {
        margin-top: -320px!important;
    }
}

@media(max-width:639px) {
    #drop5.f-dropdown.content {
        margin-top: -350px!important;
    }
}

@media(max-width:480px) {
    #drop5.f-dropdown.content {
        margin-top: -290px!important;
    }
    .closeh {
        margin-right: 22px;
        margin-top: 89px;
        right: 0;
        top: 0;
        z-index: 99999;
    }
}

@media(max-width:479px) {
    #drop5.f-dropdown.content {
        margin-top: -350px!important;
    }
}

@media(max-width:360px) {
    /**-------------HORRIBLE------------------*/
    .page-workthrough-wrapper3 .slick-slide {
        min-width: 360px;
    }
    .page-workthrough-wrapper3 .slick-slide img {
        width: 360px;
        height: 640px;
    }
    /**-------------HORRIBLE------------------*/
}

@media(max-width:320px) {
    /**-------------HORRIBLE------------------*/
    .page-workthrough-wrapper3 .slick-slide {
        min-width: 320px;
    }
    .page-workthrough-wrapper3 .slick-slide img {
        width: 320px;
        height: 480px;
    }
    .slick-content-custom {
        margin-left: -122px;
        margin-top: 46px;
    }
    .slick-content-custom2 {
        margin-right: -96px;
        margin-top: 52px;
    }
    .slick-content-custom3 {
        bottom: 50%;
        margin-bottom: -195px;
        margin-right: -97px;
        margin-top: 0;
        right: 50%;
        top: auto;
    }
    /**-------------HORRIBLE------------------*/
}

.mobile_header_wrapper{
    width: 50%;
    padding: 0px;
    height: 40px;
}

.mobile_header_wrapper .right-icons{
    width: 165px;
}

.mobile_header_wrapper .single_header_menu {
    font-size: 14px;
    margin-top: 8px;
    width: 70%;
}

.footer-notification{
    top: inherit;
    right: 0px;
    bottom: 70px;
    background: #fff;
    padding: 0;
    width: 94%;
    z-index: 9999;
    border-radius: 5px;
    margin: 3%;
    padding: 0px;
}

.quick_access_wrapper{
    /* margin-top: -8px; */
    padding: 0;
    width: 420px;
    border-radius: 5px;
    border: 2px solid #c3c3c3;
    background-color: #fff;
    position: fixed;
    top: 40px;
    rigth: 50px;
}

/**
    Periodic table
**/

.per-table-new {
    padding-top: 18px !important;
    padding-bottom: 27px;
    width: 290px !important;
    margin: 50px auto;
    margin-bottom: 0px;
    height: 200px;

    margin-top: -50px;
}

.per-table-new .per_table-content .accordion .accordion-navigation > a {}

.per_table-content accordion{
    width: 100%;
    margin-bottom: 10px;
}

#per_table_mobile{
    margin-top: 90px;
}

#per_table_mobile.per-table-new .extra-elements-wrap ul,
#per_table_mobile.per-table-new .extra-elements-wrap-open {
    margin: 0 auto !important;
    width: 58%;
}

#per_table_mobile.per-table-new .extra-elements-wrap ul,
#per_table_mobile.per-table-new .extra-elements-wrap-open {
    width: 290px !important;
}

.more,
.less {
    height: 40px;
    margin: 0 auto;
    width: 29px;
    display: block;
}

.assistant_link{
    display: none;
}

/* Search bar */
.search-bar{
    height: 59px;
    background: #ccc;
    border-bottom: 1px solid #eee;
    padding: 9px 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    color: #000;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.search_input{
    background: transparent  !important;
    border: none  !important;
    border-bottom: 1px solid #eee !important;
    margin: 0px !important;
    float: left;
}

.search-close-wrapper{
    width: 10%;
    float: left;
    padding-left: 10px;
}

.search-close-wrapper i{
    color: white;
}

.search-bar-wrapper{
    width: 90%;
    float: left;
}

.footer-icons sup{border-radius:50%; padding:0 5px; background:#ad2c3d; border:2px solid #7a2225; color:#fff; line-height: 15px;
                  position: absolute;
                  right: -50px;
                  top: 0px;}

.notif_wrapper img{
    min-width: 36px;
}

.fav_icon i{
    color: yellow;
}

/*** Styles in different media**/
.no-padding{
    padding: 0px;
}

.ranking-list-item img{
    width: 60px;
}

.rattings-status, .rattings-status_specs{
    width: 25%;
    float: left;
}


.ranking-list-item, .ranking-list-item_specs{
    width: 70%;
    float: left;
}

.friend-milles, .friend-milles_specs{
    width: 15%;
    float: left;
}

.friend-milles{
    font-size: 16px !important;
    text-align: left;
    /* margin: 0px; */
    padding-left: 5px;
}

.total_user_ranking{
    margin-top: -5px;
}

.friends_view .search_box{
    padding-bottom: 26px;
}

.rattings_wrapper{
    padding: 13px 0 13px 16px;
}



.group-list-item{
    width: 100% !important;
}

.group-list-item {
    padding: 1% !important;
    width: 98% !important;
}

.friends_view .friend-list-item {
    width: 98% !important;
}

.resourcesList .resource-list-item{
    width: 45%;
    min-height: 210px;
}

.list-multimedia{
    margin-bottom: 20px;
    float: left;
}

.blog-input{
    width: 90%;
}

.profile-input-status{
    width: 75%;
}

.blog-content-wrapper textarea{
    height: 100px;
}


.header-entry{
    margin-bottom: 10px !important;
}

.header-entry h6{
    float:left;
}

.search_comment_wrapper{
    width: 100%;
    padding-right: 0px;
}

.search_comment_form{

}

.search_comment_input{
    float:left;
    width: 80% !important;
    margin-bottom: 0px !important;
    height: 36px;
}

.search_comment_button{
    float: left;
    width: 20%;
    height: 36px;
    margin-bottom: 0px;
}

.social_icons_wrapper{
    width: 100% !important;
}


.list_entries_mobile{
    width: 100%;
    padding: 0 10px;
}

.content_mobile_wrapper{
    max-height: 300px;
}

.fix_mobile_header{
    /*position: fixed;*/
    width: 100%;
    padding: 10px;
    float: left;
    z-index: 1000;
}

.fix_mobile_header h2{
    font: 700 14pt/32px 'Titillium Web', sans-serif;
    color: #000;
}

.mobile-content{
    float: left;
    position: relative;
    width: 100%;
    padding: 0 10px;
}

.mobile-blog-wrapper{
    padding-bottom: 10px;
    border: none;
    position: relative;  
}

.post-box-mobile{
    padding-left: 10px;
    border: none;
    padding: 0px;
    margin-top: 5px;
}

.item_mobile_entry_wrapper{
    border: 1px solid #b2dad8;
    border-radius: 5px;
    /*padding: 10px;*/
    width: 100%;
    /*padding-right: 10px;*/
    float:left;
    padding-bottom: 0px;
}

.social_icons_mobile_wrapper{
    width: 100% !important;
    padding-top: 5px;
    position: relative;
    border-top: 1px solid #d7d7d7;
}

.leave-comment-for-mob{
    background: #d7d7d7;
    padding: 5px;
    text-align: center;
    display: block;
    color: #3a93b1;
}

.leave-comment-mobile{
    position: absolute;
    padding: 0px;
    margin: 0px;
    /* width: inherit; */
    padding: 10px;
    bottom: -1px;
    width: 100%;
    margin: 0 auto;
    /* display: inline-block; */
    border-top: 1px solid #b2dad8;
    border-bottom: 1px solid #b2dad8;
    height: 300px;
    border-radius: 5px;
}

.close-comment-flotant{
    color: #2486a8;
    position: absolute;
    top: 5px;
    right: 5px;
}

.blog-input-mobile{
    width: 100% !important;
}

.close-list-comment-flotant{
    color: #2486a8;
    position: fixed;
    right: 10px;
    z-index: 150;
}
.mobile-list-comment-wrapper{
    position: absolute;
    bottom: -1px;
    background: white;
    width: 100%;
    border-top: 1px solid #b2dad8;
    max-height: 310px;
    overflow-y: auto;
    border-bottom: 1px solid #b2dad8;
    border-radius: 5px;
}


@media (max-width:1024px) {

    .quick_access_wrapper{
        width: 94%;
        right: 0px;
        top: 50px;
        margin: 3%;
    }

    .module_wrapper{
        width: 100%;
    }

    #description{
        width: 310px !important;
        margin: 0px;
        padding: 9px;
    }

    #cometchat_userstab{
        display:none;
    }
}

@media only screen and (max-width: 736px)  {

    .reveal-modal{
        top: 0px;
    }

    .pinned_entry_info{
        top: 20px;
    }

    .replies{
        margin-left: 0px;
    }

    .friends_view .search_box{
        min-height: 88px;
    }

    .reply_comment{
        height: 235px;
    }

    .textcomplete-wrapper textarea{
        height: 100px;
    }

    #description{
        width: 250px !important;
        margin: 0px;
        padding: 9px;
        height: 150px;
        overflow-y: auto;
    }

    .resourcesList .resource-list-item{
        width: 95%;
        min-height: inherit;
    }

    .pro-img-1{
        width: 50px;
    }

    .orange ul li a{
        font-size: 13px;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .post-box {
        /*max-height: 235px;*/
        padding-right: 20px;
        width: 100%;
        padding-top: 0px;
        min-height: initial;
    }

    .post-box p{
        margin: 0px !important;
    }

    .cuc-wrapper{
        max-height: 412px;
        background: white;
    }
}


@media (min-width:737px) and (max-width:1024px) {

    .friends_view .friend-list-item {
        width: 45% !important;
    }

}

@media (min-width:738px) {

    .profile-input-status {
        width: 85% !important;
    }
}

@media (min-width:1025px) {

    .profile-input-status{
        width: 90% !important;
    }

    #cometchat_userstab{
        bottom: 47px !important;
    }




    .friends_view .friend-list-item {
        width: 45% !important;
    }

    #description p{
        max-height: 180px;
    }

    .group-list-item{
        width: 98% !important;
    }

    .group-info{
        width: 80% !important;
    }

}



.fleft {
    float: left;
}

.fright {
    float: right;
}

.cuc-wrapper {
    width: 100%;
    height: 850px;
    margin: 0 auto 0px;
}

.title-view-wrapper {
    width: auto;
    min-width: 100px;
    margin: 0 auto;
    height: auto;
    margin-top: -17px;
    color: #fff;
}

.section-area {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.section-area > ul {
    list-style: none;
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/
    transition: left 0.4s ease;
}

.section-area > ul > li {
    /*float: left;*/
    height: 100%;
}

.title-view-wrapper {
    position: relative;
}

.title-view {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 21px;
    padding: 8px 0;
    text-align: center;
}

.title-view:hover{
    position: relative;
    cursor:pointer;
}

.hidden_menu3{
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 190px;
    float: left;
    top: 50px;
}

.hidden_menu3:hover{
    cursor: pointer;
}

.navslide {
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 8px;
}


.navslide[data-navslide="prev-image"] {
    left: 50%;
    margin-left:-85px;
}

.navslide[data-navslide="next-image"] {
    right: 50%;
    margin-right: -85px;
}

.tab-insider {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.tab-insider > .dotlist {
    width: 180px;
    height: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: auto;
    text-align: center;
    z-index: 1;
}

.tab-insider > .dotlist > .dotlist-inside > ul {
    align-items: center;
    display: flex;
    justify-content: baseline;
    left: 0;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    top: 0;
    transition: left 0.4s ease 0s;
}

.tab-insider > .dotlist > .dotlist-inside > ul > li {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    float: left;
    font-size: 20px;
    background-color: #ff6633;
    margin: 2px 10px;
    text-indent: -9999px;
    color: #fff;
}

.tab-insider > .dotlist > .dotlist-inside > ul > li.active {
    width: 32px;
    height: 32px;
    border-radius: 19px;
    text-indent: 0;
}

.tab-insider > .dotlist > .dotslide {
    border-radius: 20px;
    position: absolute;
    top: 0;
}

.tab-insider > .dotlist > .dotslide[data-dotslide='prev'] {
    /*left: -20px;*/
}

.tab-insider > .dotlist > .dotslide[data-dotslide='next'] {
    /*right: -20px;*/
}

.dotlist > .dotlist-inside {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    float: left;
}

.tab-insider > .sectionlist {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.tab-insider > .sectionlist > ul {
    list-style: none;
    height: 100%;
    transition: left 0.4s ease;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
}

.tab-insider > .sectionlist > ul > li {
    float: left;
    height: 100%;
}

.navslide:hover {
    cursor: pointer;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);;
}

.center-grid{
    margin: 0 auto !important;
    display: inline-block;
}

.dotlist_container{
    height: 35px;
    width: 75%;
    display: inline-block;
    margin: 0 auto;
}

.dotlist{
    width: 280px !important;
    float: left;
    display: inline-block;
}

.prev_dot{
    float: left !important;
    padding: 10px !important;
    position: relative !important;
    width: 15% !important;
    margin-top: -15px;
}

.dotlist-inside{
    float: left !important;
    height: 60px !important;
    width: 70% !important;
}

.next_dot{
    padding: 10px;
    float: left !important;
    position: relative !important;
    width: 15% !important;
    margin-top: -15px;
}


.leave-ur-comment-box-cngt {
    background: hsl(0, 0%, 94%) none repeat scroll 0 0;
    display: none;
    padding: 12px;
}
.leave-ur-comment-box-cngt > textarea {
    height: 155px;
}
.leave-ur-comment-box-cngt {
    background: hsl(0, 0%, 94%) none repeat scroll 0 0;
    display: none;
    height: 77%;
    padding: 12px;
    position: absolute;
    top: 75px;
    width: 100%;
    z-index: 999;
}
.reply-comment-list-wrap-main{ background: #fff;
                               display: none;
                               height: 77%;
                               padding: 12px;
                               position: absolute;
                               top: 75px;
                               width: 100%;
                               z-index: 999; overflow: auto;border-top:1px solid hsl(0, 0%, 80%)}
.leave-ur-comment-box-cngt > button {
    color: hsl(0, 0%, 100%);
    float: right;
    height: 45px;
    line-height: 45px;
    margin-top: 12px;
    padding: 0;
    width: 120px;
}
.leave-ur-comment-box-cngt > h2 {
    color: hsl(195, 64%, 40%);
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 11px;
}

/*** Unity entries ***/

.video-container {
    /*    position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;*/
}


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

.ideas_list{
    border: 1px solid #d8d8d8;
    float: left;
    background: white;
    padding: 10px;
    width: 100%;
}

.pinned_entry_info_upper{
    border-radius: 0 0 10px 10px;    
    background-color: #3476be;
    
}

.pinned_entry_info_upper i{
    color: white;
}

.pinned_entry_info{
    right: 60px;
}

.modal-timeout{
    width: 50%;
    margin: 0 auto;
}