@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;}

/*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-hover.png");
             background-position: 0 2px;
             background-repeat: no-repeat;
             padding:0 0 0 30px;
             height:25px;
             width:100%;
}
a.blog-home:hover {color:#ffffff; background-position: 0 -25px; background-image: url("../img/icon-blog-hover.png");}

a.ideas {
    color: #2486a8;
    text-decoration: none;
    display: block;
    background-image: url("../img/bulb.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");}

a.You-me {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../img/icon-you-me-hover.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 -25px; background-image: url("../img/icon-you-me-hover.png");}

a.Bulletin-notes {color:#2486a8; text-decoration:none; display:block; /* */
                  background-image: url("../img/icon-bulletin-news-hover.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-position: 0 -25px; background-image: url("../img/icon-bulletin-news-hover.png");}

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-hover.png");}

a.Vídeos {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../img/icon-videos-hover.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-videos-hover.png");}

a.Resources {color:#2486a8; text-decoration:none; display:block; /* */
             background-image: url("../img/icon-resourses-hover.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-hover.png");}

a.Friends {color:#2486a8; text-decoration:none; display:block; /* */
           background-image: url("../img/icon-friends-hover.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-hover.png");}

a.Schedule {color:#2486a8; text-decoration:none; display:block; /* */
            background-image: url("../img/icon-schedule-hover.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-hover.png");}

a.Groups {color:#2486a8; text-decoration:none; display:block; /* */
          background-image: url("../img/icon-groups-hover.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-hover.png");}

a.Ranking-users {color:#2486a8; text-decoration:none; display:block; /* */
                 background-image: url("../img/icon-ranking-user-hover.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-hover.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:22px; border:0; box-shadow:none; border-radius:10px; width:95%; padding:0 2%; margin:6px 0 0;}
#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 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{
    margin-top: 10px;
    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:23px; 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;}
.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;}
.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;
}

#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:15px; 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: 170px;}
.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:20px 24px; 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;
    color: #C0C0C0;
}

.editUserEntry{
    right: 20px;
}

.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: 92% !important;
    margin-left: 15px;
}

.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:90%;}
.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;}

.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;
}

.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: 40px;
    width: 120px;
}

.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:100px; width:212px; position: absolute;}

#description p{max-height: 300px; 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.8;
    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;
}

.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 20px;
}

.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;
    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/20px "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{
    width: 80% !important;
}

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

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

.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;
    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;
}

.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: 87%;
    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{
    min-height: 500px;
    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;
}