*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}
.rounded-circle-50 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color:white;
    background-color: #2F54A1;
    padding:8px 0;
    margin-bottom:2px;
    text-align:center;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) ; 

}
.rounded-circle-50:hover {
    background-color:white;
    border:solid 1px  #2F54A1;
    color: #2F54A1;
}

.chip {
    display: inline-block;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    line-height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    background-color:#e4e4e4;
    margin-bottom: 5px;
    margin-right: 5px;
}

.chip > img {
    float: left;
    margin: 0 8px 0 -12px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
}
/*---------------------------------------------------------*/
.select2-container--default .select2-selection--single{
    border: 1px solid #e5e5e5 !important;
}

.wrap-mon-beneficiaries, .wrap-mon{
    padding:10px;
}
.mon-beneficiaries-h3 .mon-h3 {
    font-family: "Quicksand-Bold";
    font-size:18px;
    padding-bottom:10px;
}
.mon-beneficiary, .mo-institution{
    padding: 5px 0;
    color: #1679E6;
    font-family: "Quicksand-Medium";
}

/*---------------------------------------------------------*/
.package-header{
    font-size:1.5rem;
}

@media (min-width: 576px) {
    .package-header{
	font-size:1.75rem;
    }
    .site-page-slider-bs{
	height: 200px;
    }
}
@media (min-width: 768px) {
    .package-header{
	font-size:2rem;
    }
    .site-page-slider-bs{
	height: 250px;
    }
}
@media (min-width: 992px) {
    .package-header{
	font-size:2.25rem;
    }
    .site-page-slider-bs{
      height: 350px;
    }
}

@media (min-width: 1200px) {
    .package-header{
	font-size:2.5rem;
    }
    .site-page-slider-bs{
	height: 350px;
    }
}

.mr-25 {
    margin-right: .25rem;
}
.border-left-indigo{
    border-left: .25rem solid #4e73df !important;
}
.border-left-green1{
    border-left: .25rem solid #1cc88a !important;
}
.border-left-cyan1{
    border-left: .25rem solid #36b9cc  !important;
}


.mprimary {
    background-color: #fff;
    color: #1679E6;
    border: 1px solid #1679E6;
}
.mprimary:hover {
    background-color: #1679E6;
    color:  #fff;
    border: 1px solid #1679E6;
}
.mwarn {
    background-color: #fff;
    color: #F08319;
    border: 1px solid #F08319;
}
.mwarn:hover {
    background-color: #F08319;
    color:  #fff;
    border: 1px solid #F08319;
}
.money-btn {
    border-radius:5px;
    padding: 3px 5px;
    font-size: 16px;
    cursor: pointer;
}
.moneyDetailsTable {
    width: 100%;
}
table.moneyDetailsTable tr {

}
table.moneyDetailsTable tr:nth-child(even) {
    background-color: #f2f2f2;
}
table.moneyDetailsTable th {
    padding: 8px;
    text-align: left;
    background-color: #1679E6;
    font-family:OpenSans-Semibold;
    font-size:15px;
    border: 1px solid #ddd;
    color: white;
}
table.moneyDetailsTable td {
    padding: 10px 5px; text-align: left;
    font-family: Quicksand-Regular;
    font-size:15px;
    border: 1px solid #ddd;
    width:1px;
    white-space:pre-wrap;
}
.wrap-category-report-date {
    width:100%;
    padding:10px 0 10px 25px;
}
.wrap-account-tree {
    width:100%;
    margin:10px 0;
    padding-bottom:10px;
}
.report-date-item {
    display:inline-block;
    width:33.33%;
}
.report-date {
    width:96%;
    padding: 2%;
    border-radius: 2px;
    font-size: 0.8em;
    border: 1px solid #E5E5E5;
    outline: none;
    color: #5289C0;
    -webkit-appearance: none;
}

.report-date-finder {
    width:50%;
    margin:0 25%;
    padding:2px 0;
    background:#2F54A1;
    border-radius: 2px;
    font-size: 0.8em;
    border: 1px solid #2F54A1;
    outline: none;
    color: #fff;
    -webkit-appearance: none;
}

.select2-results__group {
    font-weight: 600;
    color:#1679E6;
}
.acct-trans {
    background-color:#fff;
    min-height:300px;
    border-radius: .25rem;
}
.acct-header {
    width:100%;
    padding:10px 1rem;
    margin-bottom:10px;
    font-family: Quicksand-Bold;
    background:#1679E6;
    color:#fff;
}
.nav-tab-acct-opt {
    border-bottom: 1px solid #dee2e6;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tab-acct-opt .nav-tab-acct-link {
    border: 1px solid transparent;
}

.nav-tab-acct-opt .nav-tab-acct-link.acct-link-active {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-color: #dee2e6 #dee2e6 #fff;
}

ul.nav-tab-acct-opt > li {
    display: inline-block;
}

.nav-tab-acct-link {
    text-decoration: none;
    display: block;
    padding: .5rem 1.5rem;
}
.acct-link-active {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #1679E6;
    

}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#money-accounts {
    background-color:#fff;
    border:1px solid #f5f5f5;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:3px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}
/*----------------------------*/
.m-active-item:hover {
    cursor:pointer;
}
.m-active-item {
    background-color: #fff;
    color: #1679E6;
}

.m-passive-item:hover {
    cursor:pointer;
}
.m-passive-item {
    background-color:#fff;
    color:  #F08319;
}


.m-balance-item-plus {
    background-color: #fff;
    color: #82C91E;
}
.m-balance-item-minus {
    background-color: #fff;
    color: #dc3545;
}

.money-report-card-item {
    border-radius:5px;
    width: 28%;
    min-height: 75px;
    padding:5px;
    margin: 5px;
    text-align: center;
    line-height: 30px;
    font-family: "Quicksand-Bold";
    font-size: 15px;
}
/*----------------------------*/
.flex-acc-res, .flex-cat-report, .flex-bal-res {
    background:#fff;
    display: flex;
    justify-content: space-between;
}
.flex-bal-res > div {
    width: 50%;
    min-height: 75px;
    padding:10px;
    margin: 10px;
    text-align: center;
    line-height: 30px;
    font-family: "Quicksand-Bold";
    font-size: 16px;
    border-radius:5px;
}

.flex-acc-res > div {
    width: 33%;
    min-height: 75px;
    padding:10px;
    margin: 10px;
    text-align: center;
    line-height: 30px;
    font-family: "Quicksand-Bold";
    font-size: 16px;
}
.flex-acc-res > div > p {
    font-family: "Quicksand-Medium";
    font-size:15px;
}
/*---------------------------------------------------------*/
.acc-total {
    display:inline-block;
    right:20px;
    position:absolute;
}
.ex-con-icon {
    color:#1679E6;
    padding:8px 5px 0 5px;
}
.tree {
    min-height:20px;
    padding-bottom:10px;
    margin-bottom:20px;
    background-color:#fff;
}
.tree ul {
    margin: 0 0 0 20px;
}

.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative;
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto;
}
.tree li::before {
    border-left:1px solid #1679E6;
    bottom:50px;
    height:100%;
    top:-4px;
    width:1px;
}
.tree li::after {
    border-top:1px solid #1679E6;
    height:20px;
    top:25px;
    width:25px;
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #1679E6;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
}
.tree li.parent_li>span {
    cursor:pointer;
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0;
}
.tree li:last-child::before {
    height:30px;
}
.tree li.parent_li > span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000;
}
/**********************************************************************************/
/**********************************************************************************/

/*---------------------------------------------------------*/
/* Huuii search*/
.huuii-finder-file {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.huuii-finder-img-file {
    width:200px;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.finder-wrap{
    width:100%;
    height:45px;
    border-radius:5px;
    position: relative;
     color: #aaa;
     font-size: 20px;
     border: 1px solid #DDD;
     margin:10px 0;

}
.finder-btn {
    background: transparent;
    border-radius:0 5px 5px 0;
    border:0;
    background:#fff;
    color:#aaa;
    position: absolute;
    height:45px;
    top: 0px;
    right: 0px;
    padding:12px;
    width:10%;
}

.huuii-finder-input {
    width:90%;
    position:absolute;
    height:45px;
    border:0;
    border-radius: 5px 0 0 5px;
    color:#222;
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;

}
/*************************/
.finder-pe-wrap{
    width:100%;
    height:40px;
    border-radius:5px;
    position: relative;
     color: #aaa;
     font-size: 20px;
     border: 1px solid #DDD;
     margin:10px 0;

}
.finder-pe-btn {
    background: transparent;
    border-radius:0 5px 5px 0;
    border:0;
    background:#fff;
    color:#aaa;
    position: absolute;
    height:35px;
    top: 0px;
    right: 0px;
    padding:12px;
    width:10%;
}

.finder-pe-input {
    width:90%;
    position:absolute;
    height:35px;
    border:0;
    border-radius: 5px 0 0 5px;
    color:#222;
    line-height: 34px;
    padding-left: 16px;
    padding-right: 16px;

}
/*************************/
/*.huuii-finder-input:hover, input#huuii-finder:focus  {
    border: 1px solid #006be6;
}*/
.huuii-card-find-result {
    background-color: #fff;
    margin: 0 0 10px 0;
    border: 1px solid #ddd;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-radius: 5px;
    min-height:100px;
}
.huuii-finder-header {
    padding:12px 2px;
}
.huuii-finder-result-img {
    width:60px;
}
.huuii-find-result-title {
    color: #2F54A1;
    font-size: 16px;
    line-height: 20px;
    padding-top: 1px;
    margin-bottom: -1px;
}
.huuii-find-result-href {
    color: #006621;
    font-size: 14px;
    line-height: 20px;
}
.huuii-finder-hr {
    margin:0 16px;
    border-bottom: 1px solid #DFE1E5;
}
.huuii-finder-result-body {
    padding:12px 16px !important;
    color: #3C4043;
    font-size: 14px;
    line-height: 20px;
    font-family: OpenSans-Regular;

}
/*-------------------------------------------*/

.is-dragover
{
    outline-offset: -20px;
    outline-color: #e0f7ff;
    background-color: #e0f7ff;
}

.has-advanced-upload
{
    outline-offset: -10px;
    -webkit-transition: outline-offset 0.5s ease-in-out, background-color .15s linear;
    transition: outline-offset 0.5s ease-in-out, background-color .15s linear;
}

.box__upload{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.box__dragndrop,
.box__icon
{
    display: none;
}

.box.has-advanced-upload .box__dragndrop
{
    display: inline;
}

/* width percent */
.with_100_{width: 100%;}
.with_97_{width: 97%;}
.with_090_{width: 90%;}
.with_085_{width: 85%;}
.with_080_{width: 80%;}
.with_070_{width: 70%;}
.with_060_{width: 60%;}
.with_050_{width: 50%;}
.with_040_{width: 40%;}
.with_030_{width: 30%;}
.with_033_{width: 33.3333%;}
.with_025_{width: 25%;}
.with_020_{width: 20%;}
.with_015_{width: 15%;}
.with_012_{width: 12%;}
.with_010_{width: 10%;}

.vh-90 {
    max-height: 90vh;
}
.input-active{
    border: solid #56CFFC !important;
    -- 2px solid rgba(34, 39, 155 , 0.8) !important;
    border-radius: 4px;
}
.input-desactive{
    border: 2px solid #56CFFC !important;
    border-radius: 4px;
}
.input-error{
    border: 2px solid rgba(127, 6, 21, 0.8) !important;
}

.invalid{
    border-color: #dc3545 !important;
}
.error-feedback{
    width:100%;
    font-size: 80%;
    color: #dc3545;
    margin-top:.5rem;
}

.index_column_01{width: 50%;}

/*max-width*/
.mx-wd-100 {max-width:100%;}

/*** Preview urls ***/
.preview-url{
    width: 100%;
}
.wrapper_video{
    width: 200px;
}
.wrapper_preview{
    width: 100%;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    max-height: 200px;
}
.remove_wrapp{
    top: 5px;
    right: 5px;
}
/****** search sites * * */
.huuii-sites-gogle-ad-wrap {
    width: 100%;
    display: inline-block;
}
.huuii-sites-gogle-ad-permalink-wrap {
    width: 100%;
    display: inline-block;
    margin: 2rem 0;
}
.huuii-sites-gogle-ad {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.wr_site_posts {
    max-width: 800px;
    min-height: 400px;
    padding:60px;
    margin:0 auto;
}

.wrap-fn-site-post {
    width:48%;
    border: 1px solid #e5e5e5;
    margin: 10px 1%;
    padding:2%;
    border-radius: 5px;
    height: 300px;
    display: inline-block;
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
    overflow:hidden;
}

/*** Zoom img sites ***/
.wrapper_zoom_img{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(225,225,225, 0.8);
    overflow-y: auto;
    z-index: 99999;
}
.wrapper_img{
    max-width: 1200px;
    height: 100%;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.wrapper_wrapper_img{
    padding: 20px;
    display: inline-block;
}
.zoom_img{
    max-width: 100%;
}
.close_zoom_img{
    right: 3px;
    top: 3px;
    font-size: x-large;
}
/*  */
.album-icon-wrap {
    position:relative;
    
}
.album-icon-wrap:hover {
    background-color: rgba(46,84,159,0.6);
    
}

/********************** temp ********************/
.hist_nots_{
    border-radius: 2px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    margin-bottom: 10px;
}
.wrapper_scroll{
    width: 100%;
    position: absolute;
}
/**** Box shadows ****/
.box-sh_01{
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2),
    0px 1px 2px rgba(0,0,0,0.2),
    0px -1px 2px rgba(0,0,0,0.2),
    -1px 0px 2px rgba(0,0,0,0.2);
}
.img-wisygyg{
    max-width: 100%;
}
/**** Search Notes ****/
.wrapper_min_img{
    width: 45px;
    height: 30px;
    overflow: hidden;
}
.min_img{
    width: 100%;
}
.wrapper_preview_image_in_notes{
    position: absolute;
    width: 100px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    top: 85%;
    left: 0px;
    overflow: hidden;
    z-index: 1000000;
}

.wrapper_img_search{
    position: absolute;
    width: 200px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.3);
    top: 10px;
    left: 50%;
    margin-left: -100px;
    overflow: hidden;
    z-index: 3;
}
.img_search, .preview_image_in_notes{
    width: 100%;
    display:block;
}
.a_note{
    display: block;
    width: 100%;
    height: 100%;
}

.clr_{
    clear: both;
}
#horizontal-scrollbar-demo{
    padding-top: 8px;
    width: 100%;
    height: 45px;
}
#horizontal-scrollbar-demo .overview{
    white-space: nowrap;
}

.link_comment{
    font-size: 0.9em;
    transition: all 0.2s ease 0.2s;
}
.link_comment:hover{
    color: #000 !important;
}
.li, .ul{list-style:none;}
/***** Paddings ****/
.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }
.pt-2,
.py-2 {
    padding-top: 0.5rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.pb-2,
.py-2 {padding-bottom: 0.5rem !important; }
.pr-2 {padding-right:0.5rem !important}
.pr-3 {padding-right:1rem !important}
.pb-3 {padding-bottom:1rem !important}
.px-3 {padding-right:1rem !important}
.pa-00{padding: 0px 0px;}.pa-05{padding: 0px 5px;}
.pa-25{padding: 2px 5px;}
.pa-2-10{padding: 2px 10px;}
.pa-11{padding: 1px 1px;}.pa-22{padding: 2px 2px;}.pa-33{padding: 3px 3px;}.pa-44{padding: 4px 4px;}.pa-55{padding: 5px 5px;}
.pa-02-0{padding: 2px 0px;}.pa-04-0{padding: 4px 0px;}.pa-05-0{padding: 5px 0px;}.pa-05-05{padding: 5px 5px;}.pa-10-0{padding: 10px 0px;}.pa-10-5{padding: 10px 5px;}
.pa-0-02{padding: 0px 2px;}.pa-0-04{padding: 0px 4px;}.pa-0-05{padding: 0px 5px;}.pa-10-10{padding: 10px 10px;}.pa-0-10{padding: 0px 10px;}.pa-5-10{padding: 5px 10px;}.pa-8-10{padding: 8px 10px;}.pa-0-20{padding:0 20px;}
.pa-10-15{padding: 10px 15px;}.pa-10-20{padding: 10px 20px;}.pa-4p-7p{padding: 4% 7%;}
.pa-20-0{padding: 20px 0px;}
.pa-25-0{padding: 25px 0px;}.pa-05-10{padding: 5px 10px;}
.pa-top-45{padding-top:45px;}
.pa-btm-20{padding-bottom:20px;}
.pa-btm-10{padding-bottom:10px;}
.pl-16{padding-left:16px;}
.pb-10{padding-top:10px;}
.pt-6{padding-top:6px;}
/**** Margins ****/
.mr-3 {margin-right:1rem !important}
.ma-0-a-10{margin: 0px auto 10px;}.ma-0-auto{margin: 0px auto;}.ma-0-a-20{margin: 0px auto 20px;}.ma-0-0-6p{margin: 0px 0 6%;}.ma-0-0-2p{margin: 0px 0 2%;}
.ma-25-auto{margin: 25px auto;}
.ma-00{margin: 0px 0px;}.ma-22{margin: 2px 2px;}
.ma-0-0-10{margin: 0px 0px 10px;}.ma-22{margin: 2px 2px;}
.ma-02{margin: 0px 2px;}.ma-03{margin: 0px 3px;}.ma-04{margin: 0px 4px;}.ma-05{margin: 0px 5px;}
.ma-20{margin: 2px 0px;}.ma-30{margin: 3px 0px;}.ma-40{margin: 4px 0px;}.ma-50{margin: 5px 0px;}.ma-10-0{margin: 10px 0px;}
.ma-10-20{margin: 10px 20px;}
.ma-btm_10{margin-bottom: 10px;};.ma-btm_20{margin-bottom: 20px;};
/**** Margin lefts ****/
.malf_02{margin-left: 2px;}.malf_05{margin-left: 5px;}.malf_10{margin-left: 10px;}
.malf_15{margin-left: 15px;}.malf_20{margin-left: 20px;}.malf_5p{margin-left: 5%;}
/* Margins right*/
.marh_05 {margin-right:5px}
    
/**** Margin Tops ****/
.matp_02{margin-top: 2px;}.matp_05{margin-top: 5px;}.matp_10{margin-top: 10px;}
.mabm_25{margin-bottom:25px;}







.link-uf{
    height: 60px;
}
/**** Absolutes positions px px****/
.tprh00_{top: 0px; right: 0px;}
.tprh02_{top: 0px; right: 2px;}.tprh20_{top: 2px; right: 0px;}.tprh22_{top: 2px; right: 2px;}
.tprh50_{top: 5px; right: 0px;}.tprh55_{top: 5px; right: 5px;}

/*** Messages ***/
.mess_01{width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);top:0px; left:0px}
.mess_01_{width: 300px; height: 100px; margin: 10% auto};
.mess_02{width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);top:0px; left:0px}
.mess_02_{width: 300px;margin: 10% auto;}

/**** Hovers ****/
.hov-01:hover{background-color:#E5E5E5;}

#horizontal-scrollbar-demo .overview{
    white-space: nowrap;
}
.li, .ul{list-style:none;}

.va_top{vertical-align: top;}
.va_md {vertical-align: middle;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.ovfl_h{overflow: hidden;}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.flex_{
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex-direction-row, .flex_row{ flex-direction: row;}
.flex-direction-column, .flex_column{ flex-direction: column;}
.flex-justify-end , .flex_end{ justify-content: flex-end;}
.flex-justify-center, .flex_center{ justify-content: center; }
.flex-vertical-center { justify-content: center; align-items: center;}
.flex-horizontal-center { justify-content: center; align-items: center;}
.flex-justify-around, .flex_around{ justify-content: space-around;}
.flex-justify-start{ justify-content: flex-start !important;}
.flex_wrap{flex-wrap: wrap;}
.flex_nowrap {flex-wrap: nowrap}
.flex_justify_content_bt , .flex_between{justify-content: space-between;}
.flex-container-row-wrap{  
    flex-flow: row wrap;
    justify-content: space-around;
}

.flex_items_center{
    -webkit-align-items: center; /* Safari 7.0+ */
    align-items: center;
}

/*** Fuentes ***/
@font-face {
    font-family: "Quicksand-Bold";
    src: url(../fonts/Quicksand/Quicksand-Bold.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Quicksand-Regular";
    src: url(../fonts/Quicksand/Quicksand-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Quicksand-Light";
    src: url(../fonts/Quicksand/Quicksand-Light.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Quicksand-Medium";
    src: url(../fonts/Quicksand/Quicksand-Medium.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-Regular";
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Light";
    src: url(../fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url(../fonts/Open_Sans/OpenSans-Semibold.ttf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url(../fonts/Open_Sans/OpenSans-Bold.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-LightItalic";
    src: url(../fonts/Open_Sans/OpenSans-LightItalic.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans-Italic";
    src: url(../fonts/Open_Sans/OpenSans-Italic.ttf);
    font-weight: normal;
    font-style: normal;
}
/*** Canvas ***/
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}					 
/*** Upload flies ***/
.wrapper_tx_up{
    bottom: 40px;
    width: 100%;
    padding: 10px;
    height: 40px;
}
.tx_up_{
    text-align: center;
    font-size: 1em;
}
/*** Margins ***/
.mr_{
    margin-right: 5px;
}


/*** Landing page  ***/

.btn_lsites_default{
    background: none;
    color: #012089;
    border: none;
}

.btn_lsites_primary{
    padding: 15px 35px;
    border-radius: 35px;
    background-image: linear-gradient(to right, #044ad0, #26a0da);
    border: none;
    margin-left: 22px;
}

.btn_lsites_secondary{
    color: #FFF;
    max-width: 300px;
    font-size: 1rem;
    padding: 1% 2%;
    border-radius: 24px;
    background-color: #2699fb;
    border: none;
}

.btn_lsites_secondary .span_free_circle{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFF;
    color: #2699fb;
    display: flex;
    font-size: 0.8rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFF;
}

.content_sites_landing{
    max-width: 1366px;
    background: #FFF;
    margin: 0 auto;
}

.hader_sites_landing{
    width: 100%;
    display: flex;
    justify-content:  space-between;
}
.wrap_img_landing{
    width: 150px;
    display: inline-block;
}

.wrap_img_landing img{
    max-width: 100%;
}

.content_header_sites{
    width: 1350px;
    max-width: 1350px;
    margin: 30px 4% 10px;
    padding: 0px 2%;
}
.wrapper-logobuttos{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 95%;
    margin: 0 auto;
    align-items: center;
}
.margen_{
    width: 30px;
    background-color: #2699fb;
}
.margen_02{
    width: 30px;
    background-color: #7ec4ff;
}
.margen_03{
    width: 30px;
    background-color: #b0d9fc;
}
.margen_04{
    width: 30px;
    background-color: #d3e9fc;
    
}

/**** Body landing sites ****/
.body_sites_landing{
    width : 100%;
}
.content_sites_01{
    
}
.content_sites_01 .content_01{
    max-width: 1300px;
    width: 1300px;
    margin: 30px 6% 2%;
    padding: 0px 2px;
    flex-direction: row;
}

.with_image_landing{
    width: 70%;
}
.wrap_contet_01_{
    width: 70%;
    flex-direction: row;
    padding: 0 2%;
    line-height: 1.2;
}
.wrap_landing_navs{
    position: fixed;
    padding: 1.5% 1%;
    flex-direction: column;
}
.wrap_content_landing{
    width: 80%;
}

.nav_landing{
    border-radius: 50%;
    background-color: #2699fb;
    padding: 12px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
}

.total-sites{
    border: 1px solid black;
    padding: 8px;
    margin-right: 1%;
}
.button_landing_third{

}
/*** Buttons link ***/
.btn-block {
    padding:25%;
    display: block;
    width: 100%;
}
.btn_free{
    width: 55%;
    padding: 10px 10px;
    height: 50px;
    border-radius: 25px;
    background-color: #ffa700;
    color: #FFF;


    -webkit-transition: background-color 500ms ease-out 0.2s;
    -moz-transition: background-color 500ms ease-out 0.2s;
    -o-transition: background-color 500ms ease-out 0.2s;
    transition: background-color 500ms ease-out 0.2s;
}
.btn_free:hover{
    background-color: #51c4f3;
}
.btn_free .span_free{
    display: inline-block;
    padding: 7px 10px;
}
.btn_free .span_free_circle{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFF;
    color: #2699fb;
    text-align: center;
    padding: 8px 0px;
    font-size: 0.8rem;
    border: 1px solid #FFF;
}
.btn_can_00, .btn_sav_00{
    padding: 4px 15px;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    font-family: OpenSans-SemiBold;
}
.btn_can_00{
    border: 1px solid #545555;
    color: #545555;
    background-color: #FFF;
}
.btn_sav_00{
    border: 1px solid transparent;
    color: #FFF;
    background-color: #5289C0;
}
.btn_{
    padding: 1px 15px;
}
.btn_000_l{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    padding: 4.5px 10px;
    border: 1px solid transparent;
    margin: 0.1px;
}
.btn_00_l{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    padding: 2px 8px;
    border: 1px solid transparent;
    margin: 5px 5px;
}
.btn_01_l{
    width: 100px;
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    padding: 2px 8px;
    border: 1px solid transparent;
    margin: 5px 5px;
}
.btn_02_l{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: 1px solid transparent;
    margin: 5px 5px;
}
.btn_03_l{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
    border: 1px solid transparent;
    margin: 2.5px 2.5px;
}

.btn_poll_option {
    background: #51D4FC;
    color: #fff;
    font-family: OpenSans-Semibold;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
    border-radius: 4px;
    margin-top: 1px;
    margin-right: 2px;
    padding: 5px 15px;
    vertical-align: top;
}
/*** Links ***/
.links{
    text-decoration: none;
    font-family: OpenSans-Bold;
    font-size: 1em;
}
.similar-post{
    color: #1a0dab;
    text-decoration:none;
}
.similar-post:hover{
    text-decoration: underline;

}
a.similar-post:visited{
    color: #681da8;
}

.links_warning{
    text-decoration: none;
    color:  #FFF;
    font-family: OpenSans-Italic;
    font-size: 0.9em;
}
.links_warning:hover{
    text-decoration: underline;
}
.message_error{
    text-decoration: none;
    color: #FFF;
    //color:  #D42D13;
    padding: 5px 0px;
    font-family: OpenSans-Italic;
    font-size: 0.9em
}
/*** Option menu ***/
.menu_huuii_{}
.menu_huuii_opt_01{width: 200px; left: 0;}
.menu_huuii_opt_02{width: 200px; left: 5%; z-index:1;}
.
/*** Select ***/
.sel_audi{
    color: #fff;
    font-family: OpenSans-Semibold;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.8em;
    border-radius: 2px;
    padding: 3px 14px;
    margin-right: 5px;
}
/*** Buttons ***/
.wr_btn_s{
    padding: 0px 10px;
}
.btn_00{
    width: 140px;
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;
    margin: 5px 2.5px;
}
.btn_01{
    width: 100px;
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;
    margin: 5px 2.5px;
}
.btn_02{
    width: 80px;
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;
}
.btn_03{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;    
    margin: 2.5px 2.5px;
}
.wr_btn_com{
    top: 15px;
    left: 50%;
    margin-left: -50px;
}
/*** Button register ***/
.btn_00r_{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 2px;
    border: 1px solid #FFF;    
    padding: 8px 10px;
}
.btn_01r_{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 1.4em;
    border-radius: 2px;
    border: 1px solid #FFF;
    padding: 8px 10px;
}
.btn_02r_{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    border-radius: 2px;
    border: 1px solid trasparent;    
    padding: 4px 5px;
}
.btn_01re_{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 1.4em;
    border-radius: 2px;
    border: 2px solid #FFF;
    color: #FFF;
    padding: 8px 10px;
}
.btn_01x_{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 2px;
    border: 1px solid #trasparent;    
    padding: 8px 10px;
}
.btn_01re_:hover{   
    color: #01AB90;
    border: 2px solid #01AB90;
}
.btn_register{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    border-radius: 2px;
    padding: 8px 10px;
}
.btn_coment{
    color: #fff;
    font-family: OpenSans-Semibold;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
    border-radius: 2px;
    margin-top: 1px;
    margin-right: 2px;
    padding: 1.5px 15px;
    vertical-align: top;
}
.btn_can_alb{
    color: #fff;
    font-family: OpenSans-Semibold;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
    border-radius: 2px;
    margin-top: 1px;
    padding: 1.5px 15px;
    margin-right: 5px;
}
.btn_add_edit{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
    border-radius: 2px;
    padding: 4px 20px;
    border: 1px solid transparent;
    margin-top: 2px;
    margin-right: 5px;
}
.btn_can{
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 2px;
    padding: 8px 15px;
    margin-right: 5px;
    margin-top: 2px;
}

.btn-people {
    background-color: #2F54A1;
    color: #fff;
    font-family: OpenSans-Semibold;
    text-decoration: none;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 2px;
    padding: 8px 15px;
    margin-top: 2px;
}
/*** Label ***/
.wrapper_lbl_01{
    width: 100%;
    padding: 3px 0px;
}
/*** Text input pop up***/
.inpt_01_{
    height: 25px;
    border: 1px solid #006B93;
    border-radius: 3px;
    padding: 1px 5px;
}

/*** Input text ***/
.txt_input_da, .txt_input_default {
    border-radius: 2px;
    border: 1px solid #A8A8A8;
    color: #545555;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.txt_input_poll {
    border-radius: 2px;
    border: 1px solid #A8A8A8;
    color: #545555;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    height: 25px;
    width:75%;
}

/*** Newsletter ***/

.input-newsletter{
    width: 200px;
    height: 30px;
    border: none;
    background-color: transparent;
    color: #FFF;
    padding: 0px 10px;
}
.btn_newsletter{
    width: 40px;
    height: 30px;
    padding: 8px 0px;
    background-color: #FFF;
    color: #1679E6;
    border-left: 1px solid #FFFFFF;
    text-align: center;
}
.btn_newsletter:hover{
    color: #FFF;
    background-color: #1679E6;
}


.wrapper_txt_01{
    width: 100%;
    padding: 2px 0px;
}
.txt_input_01{
    padding: 0px 5px;
    border-radius: 2px;
    border: 1px solid #DDD;
}
.txt_input_00{
    border-radius: 2px;
    font-size: 0.8em;
    border: 1px solid #E5E5E5;
    color: #006B93;
    padding: 2px 2px;
    outline: none;
    -webkit-appearance: none;
}
.txt_input{
    border-radius: 2px;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #006B93;
    outline: none;
    -webkit-appearance: none;
}
.txt_input_na{
    border-radius: 2px;
    font-size: 0.8em;
    padding: 2px 10px;
    border: 1px solid #E5E5E5;
    outline: none;
    color: #4776A5;
    -webkit-appearance: none;
}
.txt_input_02{
    border-radius: 2px;
    font-size: 1em;
    padding: 0px 3px;
    border: 1px solid #E5E5E5;
    outline: none;
    color: #4776A5;
    -webkit-appearance: none;
}
.txt_input_ht{
    border-radius: 2px;
    font-size: 0.8em;
    padding: 3px 10px;
    border: 1px solid #E5E5E5;
    outline: none;
    color: #4776A5;
    -webkit-appearance: none;
}
.err_input{
    border: 1px solid #D42D13 !important;
}

.txt_input_err{
    border-radius: 2px;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #D42D13;
    outline: none;
    -webkit-appearance: none;
}
.btn_pencil_edit{
    background-image: url(../img/lapizeditar.png);
    background-position:  50% 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-color: transparent;
    width: 80px;
    height: 80px;
    border: 0px;
    cursor: pointer;
    outline: none;
}
.wrapper_btn_upload_file{
    width: 25px;
    height: 25px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
}
.btn_upload_file{
    background-image: url(../img/clip.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-color: transparent;
    width: 22px;
    height: 25px;
    border: 0px;
    cursor: pointer;
    outline: none;
}
.btn_upload_pic{
    background-image: url(../img/album_icon.png);
    background-position: 2px 2.5px;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-color: transparent;
    width: 30px;
    height: 25px;
    border: 0px;
    cursor: pointer;
    outline: none;
}
.btn_upload_pic:hover{
    background-color: #e5e5e5;
}
/*** Text files ***/
.txt_li_file{
    font-family: OpenSans-Italic;
    color: #A8A8A8;
    font-size: 0.9em;
}
/*** Select ***/

.wr_div_agr{
    width: 40%;
    margin: 0px 0px 10px 0px;
}
.div_agr{
    width: 100%;
    position: relative;
    font-size: 1em;
    cursor: pointer;
    height:20px;
    margin-right: 10px;
}
.div_group_of{
    width: 70%;
    position: relative;
    font-size: 1em;
    cursor: pointer;
    height:20px;
    margin-right: 10px;
}
.txt_sel{
    height: 22px;
    position:absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    outline: none;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    z-index: 2;
}
.txt_sel_grp {
    font-size: 0.8em;
    color: #5289C0;
    height: 25px;
    position:absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    outline: none;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    z-index: 2;
}
.ata_file_txt{
    width: 70%;
    height: 20px;
    position:absolute;
    top: 0px;
    right: 0px;
    background: transparent;
    outline: none;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #E5E5E5;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding: 0px 5px;
    z-index: 2;
}
.lab_sel_i{
    color:#fff;
    background: #F08319;
    width:65px; height:14Opx;
    right:0px; top:0px;
    padding: 2px;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #E5E5E5;
    text-decoration: none;
    position:absolute;
    text-align: center;
}
.lab_sel_grp_i{
    background:#fff;
    color: #1679E6;
    width:65px;
    height:25px;
    right:0px; top:0px;
    padding: 2px;
    border-radius: 0px 3px 3px 0px;
    border: 1px solid #E5E5E5;
    text-decoration: none;
    position:absolute;
    text-align: center;
}
.lab_ata_a{
    color:#fff;
    background: #F08319;
    width:30%; height:20px;
    left:0px; top:0px;
    padding: 2px 0px;
    border-radius: 10px 0px 0px 10px;
    border: 1px solid #E5E5E5;
    position:absolute;
    text-decoration: none;
    font-family: OpenSans-Semibold;
    text-align: center;
    font-size: 0.8em;
}
/*** labels ***/
.lab_n_v{
    font-size: 0.9em;
}
/*** btn search ***/
.btn_sch{
    background-image: url(../img/lupa.png);
    background-position:  5px 2px;
    background-repeat: no-repeat;
    background-color: #fdf8e1;
    background-size: 22px 22px;
    color: #2F54A1;
    text-align: center;
    border: 0px;
    padding: 3px;
    cursor: pointer;
    outline: none;
}
.btn_sch_mv{
    background-position:  5px 2px;
    background-repeat: no-repeat;
    background-color: #fdf8e1;
    background-size: 22px 22px;
    color: #2F54A1;
    text-align: center;
    border: 0px;
    padding: 3px;
    cursor: pointer;
    outline: none;
}

.li_h_co{
    color: #AFAFAF;
}
.li_h_co:hover{
    color: #2F54A1;
}
.ic-com_{
    text-decoration: none;
    width: 40px;
    height: 25px;
    margin-right: 3px;
    padding: 6px 10px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #A8A8A8;
}
/*** Icons grey***/
.bt_ico_l{
    color: #a8a8a8;
    text-decoration: none;
    font-size: 1em;
}

/*** Fonts Family ***/
.op_re{font-family:OpenSans-Regular;}
.op_li{font-family:OpenSans-Light;}
.op_se{font-family:OpenSans-Semibold;}
.op_bo{font-family:OpenSans-Bold;}
.op_it{font-family:OpenSans-Italic;}
.op_lit{font-family:OpenSans-LightItalic;}

.qu_bo{font-family: Quicksand-Bold;}
.qu_re{font-family: Quicksand-Regular;}
.qu_li{font-family: Quicksand-Light;}
.qu_me{font-family: Quicksand-Medium;}

.fo_wh{font-weight: bold;}

/*** Headers Size ***/

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }
h1, .h1 {
  font-size: 2.5rem; }
  @media (max-width: 1200px) {
    h1, .h1 {
      font-size: calc(1.375rem + 1.5vw) ; } }

h2, .h2 {
  font-size: 2rem; }
  @media (max-width: 1200px) {
    h2, .h2 {
      font-size: calc(1.325rem + 0.9vw) ; } }

h3, .h3 {
  font-size: 1.75rem; }
  @media (max-width: 1200px) {
    h3, .h3 {
      font-size: calc(1.3rem + 0.6vw) ; } }

h4, .h4 {
  font-size: 1.5rem; }
  @media (max-width: 1200px) {
    h4, .h4 {
      font-size: calc(1.275rem + 0.3vw) ; } }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }


/*** Font Size ***/
.huf-lg { font-size:1.33333333em; line-height:0.75em; vertical-align:-15%;}
.huf-2x {font-size:2em;}
.huf-3x {font-size:3em;}
.huf-4x {font-size:4em;}
.huf-5x {font-size:5em;}
.x_ty_{font-size: 0.4em;}
.ty_{font-size: 0.5em;}
.x_sm_{font-size: 0.6em;}
.sm_{font-size: 0.7em;}
.me_x_{font-size: 0.8em;}
.me_{font-size: 0.9em;}
.la_{font-size: 1em;}
.x_la_{font-size: 1.1em;}
.xx_la_{font-size: 1.2em;}
.xx_la_g{font-size: 1.3em;}
.xx_la_gm{font-size: 1.5em;}
.xx_la_gx{font-size: 1.7em;}
.xx_la_gr{font-size: 1.9em;}
.xx_la_gg{font-size: 2.2em;}
.xx_la_xg{font-size: 2.6em;}

/*** Font Size rem ***/
.x_ty_r{font-size: 0.6rem;}
.x_ty_rx{font-size: 0.7rem;}
.ty_r{font-size: 0.8rem;}
.xt_sm_r{font-size: 0.9rem;}
.x_sm_r{font-size: 1rem;}
.sm_r{font-size: 1.2rem;}
.x_me_r{font-size: 1.4rem;}
.me_r{font-size: 1.6rem;}
.x_la_r{font-size: 1.8rem;}
.la_r{font-size: 2rem;}
.la_x_r{font-size: 2.2rem;}
.la_xg_r{font-size: 2.4rem;}
.xla_xg_r{font-size: 2.6rem;}
.xla_xl_r{font-size: 3rem;}

/*** Fonts Big ***/
.bgs_la_xg{font-size: 2.8em;}
.bgm_la_xg{font-size: 2.6em;}
.bgg_la_xg{font-size: 2.6em;}

.big_la_xb{font-size: 7em;}
/*** Inline Height ***/
.in_ty_{line-height: 0px;}
.in_sm_{line-height: 105%;}
.in_mx_{line-height: 110%;}
.in_md_{line-height: 120%;}
.in_bi_{line-height: 140%;}
.in_x_l{line-height: 160%;}
.li_he_me_{line-height: 1.5rem}
/*** Colors ***/
.co_00_wh_{color: #FFFFFF;}
.co_01_bl_{color: #000000;}
/*** Colors separate categories and subcategories ***/
.bkca_01{background-color: rgba(31, 147, 76, 0.3);}
.bkca_02{background-color: rgba(183, 21, 109, 0.3);}
.bkca_03{background-color: rgba(87, 154, 141, 0.3);}
.bkca_04{background-color: rgba(205, 88, 31, 0.3);}
.bkca_05{background-color: rgba(230, 173, 47, 0.3);}
.bkca_06{background-color: rgba(85, 50, 118, 0.3);}
.bkca_07{background-color: rgba(157, 191, 59, 0.3);}
.bkca_08{background-color: rgba(154, 194, 187, 0.3);}
.bkca_09{background-color: rgba(141, 59, 136, 0.3);}
.bkca_10{background-color: rgba(255, 155, 121, 0.3);}
.bkca_11{background-color: rgba(240, 206, 130, 0.3);}
.bkca_12{background-color: rgba(153, 132, 173, 0.3);}
.bkca_13{background-color: rgba(196, 19, 27, 0.3);}
.bkca_14{background-color: rgba(196, 217, 137, 0.3);}
.bkca_15{background-color: rgba(212, 115, 167, 0.3);}
.bkca_16{background-color: rgba(220, 113, 118, 0.3);}
.bkca_17{background-color: rgba(121, 190, 148, 0.3);}
.bkca_18{background-color: rgba(187, 137, 184, 0.3);}
.bkca_19{background-color: rgba(85, 85, 85, 0.3);}
.bkca_20{background-color: rgba(153, 153, 153, 0.3);}
/***y Colors Blue ***/
.co_02_bl_{color: #2F54A1;}
.co_03_bl_{color: #006B93;}
.co_04_bl_{color: #4FBFDS;}
.co_05_bl_{color: #A4D8E6;}
.co_06_bl_{color: #00AFD6;}
.co_20_bl_{color: #51D4FC;}
.co_07_bl_g{color: #1679E6;}
.co_08_bl_{color: #51c4f3;}
.co_09_bl_{color: #012089;}
.co_10_bl_{color: #4eacfb;}
.co_11_bl_{color: #56CFFC;}
.co_12_bl_{color: #2668fb;}
.co_13_bl_{color: #2699FB;}
/*** Colors Orange ***/
.co_07_or_{color: #F08319;}
.co_08_or_{color: #F6A117;}
.co_09_or_{color: #FEC92F;}
.co_10_or_{color: #FFD779;}
/*** Colors Green ***/
.co_11_gr_{color: #52AE32;}
.co_12_gr_{color: #8CBF32;}
/*** Color Grey***/
.co_13_gr_{color: #A8A8A8;}
.co_14_vi_{color: #5526db;}
.co_15_bl_{color: #5289C0;}
.co_16_bl_{color: #5C94CB;}
.co_17_bl_{color: #01AB90;}
/**** Colors red ***/
.co_17_re_{color: #D42D13;}
.co_18_bl_{color: #01AB90;}
.co_19_gr_{color: #545555;}
/**** colors black ***/
.co_01_bk_ {color: #333;} 


/***Backgrounds ***/
.bk_00_gr_ox{background-color: #545555;}
.bk_01_or_ox, .bk_01_gr_ox{background-color: #000000;}
.bk_02_or_ox, .bk_02_gr_ox{background-color: #F2F2F2;}


.bk_03_or_ox, .bk_03_gr_ox{background-color: #545555;}
.bk_04_or_ox, .bk_04_gr_ox{background-color: #79797B;}
.bk_05_or_ox, .bk_05_gr_ox{background-color: #9B9B9C;}
.bk_06_or_ox, .bk_06_gr_ox{background-color: #BCBCBD;}
.bk_07_or_ox, .bk_07_gr_ox{background-color: #79797B;}
.bk_08_or_ox, .bk_08_gr_ox{background-color: #9B9B9C;}

.bk_09_gr_ox{background-color: #79BE94;}
.bk_10_gr_ox{background-color: #F5F8EB;}

.bk_11_vi_ox{background-color: #553276;}
.bk_12_vi_ox{background-color: #E8D8E7;}
.bk_13_or_ox{background-color: #E4E4E4;}


/***Backgrounds ***/
.bk_00_wh_{background-color: #FFFFFF;}
/*** Background Blue ***/
.bk_01_bl_{background-color: #2F54A1;}
//.bk_01_bl_:hover{background-color: #3F64B1}
.bk_02_bl_{background-color: #006B93;}
.bk_03_bl_{background-color: #4FBFD5;}
.bk_04_bl_{background-color: #A4D8E6;}
.bk_05_bl_{background-color: #00AFD6;}
.bk_06_bl_{background-color: #1679E6;}
.bk_07_bl_{background-color: #2699FB;}
.bk_08_bl_{background-color: #51c4f3;}
.bk_09_bl_{background-color: #f1f9ff;}
.bk_10_bl_{background-color: #bce0fd;}
.bk_11_bl_{background-color: #2699FB;}
.bk_12_bl_{Background-color: #56CFFC;}
/*** Background Orange ***/
.bk_06_or_{background-color: #F08319;}
.bk_07_or_{background-color: #F6A117;}
.bk_08_or_{background-color: #FEC92F;}
.bk_09_or_{background-color: #FFD779;}
/*** Background Green ***/
.bk_10_gr_{background-color: #52AE32;}
.bk_11_gr_{background-color: #8CBF32;}
/*** Background Grey ***/
.bk_12_gr_{background-color: #F1F0ED;}
.bk_13_or_{background-color: #FDF8E1;}
.bk_14_gr_{background-color: #A8A8A8;}
.bk_15_bl_{background-color: #4ECDC4;}
.bk_16_or_{background-color: #FFEAAE;}
.bk_17_bl_{background-color: #003770;}
.bk_18_re_{background-color: #D42D13;}

.bk_19_ma_{background-color: #F6F7F9;}
.bk_20_blp_{background-color: #8FE0CE;}
.bk_21_bls_{background-color: #336E7B}
.bk_22_bls_{background-color: #0a5692}
.bk_23_bll_{background-color: #99E9D7}
.bk_24_bll_{background-color: #01AB90;}
.bk_25_blc_{background-color: #D8EDF8;}
.bk_26_grc_{background-color: #F2F2F2;}
.bk_27_grc_{background-color: #CAFFC6;}
.bk_28_ye_{background-color: #F4D450;}
.bk_29_bl_{background-color: #51D4FC;}
.bk_30_bl_{background-color: #119EC9;}
.bk_31_gr_{background-color: #D5F1FA;}
/*** Back ground menu people ***/
.bk_01_blp_{background-color: #5289C0;}
.bk_02_blp_{background-color: #E8fEF9;}

.bk_mn1_blp_{background-color: #4776A5;}
.bk_mn2_blp_{background-color: #5488BD;}
.bk_mn3_blp_{background-color: #5C94CB;}


/*** Back ground menu notes ***/
.bk_mn1_or_{background-color: #F08319;}
.bk_mn2_or_{background-color: #F39C2E;}
.bk_mn3_or_{background-color: #F9A52B;}
.bk_mn4_or_{background-color: #F9BF3B;}
.bk_mn5_or_{background-color: #F3D579;}
.bk_mn6_or_{background-color: #F7DD9F;}
.bk_mn7_bl_{background-color: #1679E6;}

/*** Back ground menu groups ***/
.bk_01_vi_{background-color: #5E76D2;}
.bk_02_vi_{background-color: #EEFCFE;}

.bk_mn1_vi_{background-color: #5526DB;}
.bk_mn2_vi_{background-color: #6237DB;}
.bk_mn3_vi_{background-color: #7049DC;}
.bk_mn4_vi_{background-color: #886ADC;}
.bk_mn5_vi_{background-color: #967ED8;}


/***Backgrounds RGBA white***/
.bk_00_wh_rgb{background-color: rgba(255,255,255,0.8);}
.bk_01_wh_rbg{background-color: rgba(255,255,255,0.5);}
.bk_02_wh_rgb{background-color: rgba(255,255,255,0.3);}
.bk_03_wh_rgb{background-color: rgba(255,255,255,0.2);}

/***Backgrounds RGBA white***/
.bk_00_bl_rgb{background-color: rgba(0,0,0,0.8);}
.bk_01_bl_rbg{background-color: rgba(0,0,0,0.5);}
.bk_02_bl_rgb{background-color: rgba(0,0,0,0.3);}
.bk_03_bl_rgb{background-color: rgba(0,0,0,0.2);}



/*** Positions ***/
.rel_{position: relative;}
.abs_{position: absolute;}
.fix_{position: fixed;}
.sta_{position: static;}

/*** Display ***/
.di_bl_{display: block;}
.di_no_{display: none;}
.di_in_{display: inline;}
.di_ib_{display: inline-block;}
.di_if_{display: inline-flex;}

/*** Floats ***/
.fl_lef_{float: left;}
.fl_rig_{float: right;}
.fl_non_{float: none;}
/*** Cursors  ***/
.cu_po_{cursor: pointer;}
.cu_zi_{cursor: zoom-in;}
.cu_zo_{cursor: zoom-out;}
.lterm,.lpriv{
    color:white;
    text-decoration: none;
}
.lterm:hover,.lpriv:hover{
    text-decoration: underline;
}
/*** links ***/
.tx_de_no_{text-decoration: none;}
.tx_de_un_{text-decoration: underline;}

/*** buttons ***/
.bt_def{width: default;}
.bt_tyn{width: 6em;}
.bt_sml{width: 7em;}
.bt_med{width: 8em;}
.bt_lar{width: 9em;}
.bt_x_lar{width: 10em;}

/*** Borders ***/
.bo_no_{border: none;}
.bo_tr_{border: 1px solid transparent}
.bo_or_ {border: 1px solid #F08319;}
.bo_bl_ {border: 1px solid #5289C0;}


.bo_rh_{border-right: 1px solid gainsboro;}
.bo_rf_{border-left: 1px solid gainsboro;}
.bo_bm_{border-bottom: 1px solid #FFF;}
.bo_tp_{border-top: 1px solid gainsboro;}
.bo_gl_{border: 1px solid gainsboro;}

.bds_00{border: 1px solid #FFF;}
.bds_01{border: 1px solid #E5E5E5;}
.bds_tp{border-top: 1px solid #E5E5E5;}
.bds_bt{border-bottom: 1px solid #E5E5E5;}
.bds_tb{border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;}

.border-rgbabl_tp{border-top: 1px solid #e3e3e3;}
.border-rgbabl_bt{border-bottom: 1px solid #e3e3e3;}

/*** Border solid ***/
.bo_do_bl_{border: 1px solid #E5E5E5;}
.bo_do_wh_{border: 1px solid #FFFFFF;}
.bo_do_gr_{border: 1px solid #A8A8A8;}

/*** Border radius***/
.bo_02r_{border-radius: 2px;}
.bo_03r_{border-radius: 3px;}
.bo_04r_{border-radius: 4px;}
.bo_05r_{border-radius: 5px;}
.bo_06r_{border-radius: 6px;}
.bo_07r_{border-radius: 7px;}
.bo_08r_{border-radius: 8px;}
.bo_09r_{border-radius: 9px;}
.bo_10r_{border-radius: 10px;}
.bo_20r_{border-radius: 20px;}
.bo_30r_{border-radius: 30px;}

/*** Text align ***/
.ce_{text-align: center;}
.lf_{text-align: left;}
.rh_{text-align: right;}
.js_{text-align: justify}
.text-justify-in-wo{ text-align: justify;text-justify: inter-word;}
.txt-line-h1{line-height: 1.5;}

/*** Body ***/
body{width: 100%;}

.notebo_con{border: 2px solid #2F54A1;}
.notebo_acc{border: 2px solid #A8A8A8;}
.notebo_cre{border: 2px solid #F08319;}
.notebo_pro{border: 2px solid #2F54A1;}
.notebo_cer{border: 2px solid #8CBF32;}
.notebo_ret{border: 2px solid #D42D13;}

.bk_note_tab{background-color: rgba(153,108,206,0.8);}
.bk_note_acc{background-color: rgba(168,168,168,0.0);}
.bk_note_cre{background-color: rgba(240,131,25,0.0);}
.bk_note_pro{background-color: rgba(216,237,248,0.8);}
.bk_note_cer{background-color: rgba(202,255,198,0.8);}
.bk_note_ret{background-color: rgba(212,45,19,0.0);}

.note_acc{color: #A8A8A8;}
.note_cre{color: #F08319;}
.note_pro{color: #2F54A1;}
.note_cer{color: #8CBF32;}
.note_ret{color: #D42D13;}

.note_acc_bk{background-color: #A8A8A8;}
.note_cre_bk{background-color: #F08319;}
.note_pro_bk{background-color: #2F54A1;}
.note_cer_bk{background-color: #8CBF32;}
.note_ret_bk{background-color: #D42D13;}
/**** WRAPPERS ****/
.wrapper_images{
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    display: block;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.wrapper_new_image{
    width: 100%;
    height: 300px;
}
.wrapper_Imgprofile{
    width: 100%;
    height: 100%;
    top: 0;
}
.wrapper_new_image{
    max-width: 280px;
    max-height: 280px;
    margin: 10px auto;
    overflow: hidden;
}
.image_00{
    max-width: 100%;
}
/*** men header pop notes ***/
.men_he_v_n{
    display: block;
    padding: 5px 5px;
}
.men_he_v_n .li_he_ls{
    display: inline-block;
}
.men_he_v_n .li_he_ls .lk_he_n_v{
    display: block;
    padding: 0px 8px;
}
#he_ti_v_n{
    width: 100%;
    margin-top: 10px;
}
#he_ti_v_n img{
    max-width: 100%;
    
}

.li_ico_no{
    text-decoration: none;
    font-family: OpenSans-Semibold;
    display: block;
}
.li_ico_no_a{
    color: #FFF;
    text-decoration: none;
    font-family: OpenSans-Semibold;
    display: block;
}
.no_a_v_n{
    text-decoration: none;
}
.li_pro_us{
    font-family: OpenSans-Semibold;
    color: #2F54A1;
    text-decoration: none;
    font-size: 0.8em;
}
.li_pro_us_a{
    font-family: OpenSans-Semibold;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 0.8em;
}
.tx-des_no{
    font-family: OpenSans-Italic;
    color: #000000;
    text-decoration: none;
    font-size: 0.8em;
}
.tx-des_no_a{
    font-family: OpenSans-Italic;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.8em;
}
.tx-com_no_a{
    font-family: OpenSans-SemiBold;
    color: #2F54A1;
    text-decoration: none;
    font-size: 0.8em;
}
.tx_in_v_no{
    height: 50px;
    border: 2px solid #2F54A1;
}

.txt_ico_note{
    font-size: 1.4em;
}
.txt_mes_ret{
    font-size: 0.7em;
    right: 10px;
    top: 5px;
    font-family: OpenSans-SemiBold;
    color: #fff;
}
.note-txt-ovf {
    text-justify:inter-word;
    text-align:justify;
    max-height: 150px;
    overflow:hidden;
}
/**** Menu Options ****/
.option_menu{
    width: 180px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    z-index: 3;
}
.menu_options{
    width: 100%:
}
.li_option_menu{
    width: 100%;
    height: 30px;
}
.li_option_menu:hover {
    background-color: #E5E5E5;
}
.a_option_menu{
    width: 100%;
    display: block;
    height: 30px;
    padding: 6px 10px;
}
.sp_option_menu{
    width: 20px;
    display: inline-block;
    padding: 0px 2px;
}
.opto-co-v_n{
    width: 180px;
    background-color: #FFF;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    z-index: 3;
}
.tool_inf_v_n{
    top: 120%;
    left: 5%;
    position: absolute;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: left;
    z-index: 100;
}
.tool_opt_v_n{
    top: 100%;
    right: -20%;
    position: absolute;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: left;
    z-index: 100;
}
.menu_config_album_bottom{
    top: 100%;
    left: 0px;
    position: absolute;
    background-color: #fff;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: left;
    z-index: 100;
}
.menu_config_album_top{
    top: 100%;
    left: 0px;
    position: absolute;


    border-radius: 5px;
    text-align: left;
    z-index: 100;
}
.tool_opt_v_n-b{
    bottom: 100%;
    right: 0%;
    position: absolute;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    text-align: left;
    z-index: 100;
}
.tool_opt_v_n-t{
    top: 100%;
    right: 0%;
    position: absolute;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    text-align: left;
    z-index: 100;
}

.tool_opt_v_n > ul > li{
    width: 100%;
    border-top: 1px solid #E5E5E5;
}
.lis_op_v_note{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    color: #2F54A1;
    font-size: 1em;
    width: 100%;
    display: block;
    padding:8px 10px;
}
.lis_op_v_n{
    font-family: OpenSans-Semibold;
    text-decoration: none;
    color: #2F54A1;
    font-size: 0.8em;
    width: 100%;
    display: block;
    padding:8px 10px;
}
.lis_op_v_n:hover{
    background-color: #E5E5E5;
    text-decoration:none;
}
.lis_in_v_n{
/**    font-family: OpenSans-Semibold;**/
    text-decoration: none;
    color: #2F54A1;
    font-size: 0.8em;
    
}
.opto-in-he-li_v_n{
    padding: 0px 5px;
    border-top: 1px solid #E5E5E5;
}

/*** ti-files ***/
.ti-files{
    font-size: 1.2em;
    display: block;
    text-decoration: none;
    margin: 0px 10px;
}

#wr_ti_not{
    overflow: hidden;
}

/**** Calendar ***/
.dy_to_we{
    idth: 77.14px;
    height: 77.14px;
    float: left;
    display: block;
    border: 1px solid black;
}

#diamond{
    width:0;
    height:0;
    border:30px solid transparent;
    border-bottom-color: ;
    position:relative;
    top:-30px;
}
#diamond:after{
    content:'';
    position:absolute;
    left:-30px;
    top:30px;
    width:0;
    height:0;
    border:30px solid transparent;
    border-top-color: ;
}

#diamond img{
    width: 100%;
    z-index: 1000;
}

.icon_file{
    font-size: 2.4em;  
    margin-right: 2px;
    margin-bottom: 2px;
    text-decoration: none;
    background: #FFF;
    color: #2F54A1;
    display: inline-block;
    vertical-align: top;
    outline: none;    
}
.span-files-text{
    vertical-align: top;
    margin-right: 4px;
}
.sec_btn_upload_file{
    overflow: hidden;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: -2px;
    padding: 2px 5px;
    border-radius: 50%;
    color: #000;
    background-color: #2F54A1;
    box-shadow: -1px 1px 2px rgba(0,0,0,0.3);
    transition: all 0.1s ease, background-position 1ms;
}
.sec_btn_upload_file:hover{
    width: 22px;
    height: 22px;
    padding: 3px 6px;
}

.btn_upload_file_cog{
    background-image: url(../img/clip.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-color: transparent;
    width: 22px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
    border: 0px;
    cursor: pointer;
    outline: none;
}

.num_not{
    top: 0px;
    left: 20px;
    font-family: OpenSans-Semibold;
    font-size: 0.4em;
    background: #D42D13;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 1px;
}
#btn_notifications{
    width: 30px;
    height: 30px;
    display: block;
}
/*** Post ***/
/*** end Info wall user ***/

.huuii-sites-permalink-advert {
    width: 285px;
    display: none;
}

.huuii-people-gogle-ad-wrap  {
    width: 100%;
    display: inline-block;
    margin: 2rem 0;
}

.huuii-people-gogle-ad  {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.beat{
    border: 0px;
}
.time-line-beat, .profile-info{
    width: 90%;
    margin: 10px auto;
    border: 1px solid;
    border-color: #e5e5e5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
.time-line-beat-wall{
    width: 88%;
    margin: 10px auto;
    border: 1px solid #a8a8a8;
}
.time-line-poll{
    width: 100%;
    margin: 10px auto;
    border: 1px solid #a8a8a8;
}
.time-line{
    left: 15px;
    height: 103%;
    border: 4px solid #a8a8a8;
}
.circle-time-line{
    width: 26px;
    height: 26px;
    border: 5px solid #a8a8a8;
    margin-top: -13px;
    top: 50%;
    left: -13px;
}
.marg{
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 2px;   
}
.marg-in{
    width: 50px;
    height: 50px;
    top: -25px;
    left: -25px;
    transform: rotate(45deg);
}
.content-beat{
    width: 100%;
    height: 100%;
}
.content-beat-wall{
    width: 98%;
    height: 100%;
    margin: 0 auto;
}
/*** Notes content ***/
.wr-info-post{
    width: 100%;
    max-height: 200px;
    border: 1px solid transparent;
    margin: 10px auto 10px auto;
    padding: 0px 0px 20px 0px;
    overflow: hidden;
}
.tx-info-post{
    width: 100%;
    font-size: 1.1em;
    margin: 30px auto 10px auto;
}
.ic-info-post{
    width: 100%;
    margin: 0px auto;
}
.ic-app-info{
    width: 50px;
}
/*** Header huuii ****/
#wr-hea-huuii{
    width: 100%;
    height: 60px;
    z-index: 999;
}
#wr-hea-huuii-in{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
}
.profile-avatar {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

/*** logo ***/
#but-i-res-m{
    padding-right: 5px;
}
#wr-img-logo{
    left: 10px;
    top: 3px;
}
#wr-img-logo-nl{
    left: 10px;
    top: 3px;
}
.img-logo-huui-a {
    width:35px;
    height:auto;
}
.img-huuii-letters{
    padding-right: 5px;
}

.img-huuii-letters-logo {
    padding-right:5px;
    width:40px;
    height:auto;
}
/*** icon-menu ***/
.me-huu-resp{
    font-size: 1.5rem;
    display: none;
}
.me-huu-resp-p{
    top: 5px;
    left: 155px;
    font-size: 2.2em;
    display: block;
}
/*** search ***/
#search-huuii{
    width: 395px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
    padding-right: 5px;
}
#search-huuii-mn{
    max-width: 100%;
    height: 25px;
    margin: 5px auto;
    border-radius: 8px;
    overflow: hidden;
    z-index: 2;
}
.input-search{
    left: 0;
    height: 25px;
    outline: none;
    -webkit-appearance: none;
}
.button-search{
    right: 0;
    width: 35px;
    height: 25px;
}

/*** Config user ***/
#wr-huuii-profile{
    width: 510px;
    padding-right: 10%;
    display: flex;
    height: 35px;
    right: 10%;
    top: 5px;
}
#wr-huuii-profile-in{
    height: 35px;
}
.user-config-one{
    height: 35px;
   -- display: block;
}
#user-img-pro{
    padding-right: 5px;
    -- margin: 5px 0px 0px 10px;
}
#span-profile{
    padding-right: 5px;
 --   margin: 5px 2px 2px 2px;
}
#wr-figure-text-profile{
    width: 35px;
    height: 35px;
    border: 1px solid #transparent;
    border-radius: 50%;
    overflow: hidden;
    -- -ms-transform: rotate(45deg); /* IE 9 */
    -- -webkit-transform: rotate(45deg); /* Safari */
    --- transform: rotate(45deg); /* Standard syntax */
}
#wr_figure-text-profile-in{
    width: 35px;
    height: 35px;
 --    -ms-transform: rotate(-45deg); /* IE 9 */
 -- -webkit-transform: rotate(-45deg); /* Safari */
 -- transform: rotate(-45deg); /* Standard syntax */
}
#img-profile{
    width: 100%;
}
/**** ***/
/*** Avatar beat or notifications ***/
#wr-fig-text-profile{
    margin: 5px;
    width: 30px;
    height: 30px;
    border: 1px solid #E5E5E5;
    overflow: hidden;
    display: inline-block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
}
#wr_fig-text-profile-in{
    top: -6.5px;
    left: -7px;
    width: 42.42px;
    height: 42.42px;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg); /* Standard syntax */
}
#img-pro_file{
    width: 100%;
}
.menu-sys-huuii{
    font-size: 1.5rem;
    padding-right: 5px;
}
.submenu{
    font-size: 1.45rem;
    padding-left: 0.5rem;
    color:white;
}
/**** notifications user ****/
.user-config-not{
    width: 40px;
    height: 30px;
    margin-right: 10px;
    font-size: 1.6em;
}
#btn_notifications{
    width: 36px;
    left: 50%;
    margin-left: -18px;
}
.tooltips-not{
    width: 320px;
    height: 350px;
    right: -30px;
    top: 30px;
}
.tooltips-not .tool-not{
    width: 320px;
    height: 400px;
    color: #000;
    background: #fff;
    border: 1px solid #E5E5E5;
    overflow-x: hidden;
    overflow-y: auto;
}
.tool-not-header{
    height: 17px;
    border-bottom: 1px solid #2F54A1;
}
.li-not{
    height: 60px;
    list-style: none;
    padding-top: 5px;
    border-bottom: 1px solid #2F54A1;
}
.a-not{
    display: block;
    width: 100%;
    height: 50px;
}
.fig-not{
    width: 17%;
    height: 100%;
    overflow: hidden;
    float: left;
}
.img-not{
    width: 100%;
}
.tx-not{
    padding: 5px 10px;
    width: 82%;
    height: 100%;
    float: left;
    line-height: 13px;
}
/**** config user tooltip ****/
.user-config-two{
--    width: 40px;
--    margin: 0px;
}
#btn_profile{
    width: 5px;
    margin-left: 10px;
    text-align: center;
}
.tooltips-pro{
    width: 200px;
    right: 0px;
    height: 0px;
    top: 30px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    overflow: hidden;
    transition: all 0.5s ease 0.15s;
}
.tooltips-pro .tool-pro{
    width: 200px;
    color: #000;
    background: #fff;
    -- border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.li-pro{
    height: 30px;
    list-style: none;
    border-top: 1px solid #E5E5E5;
}
.a-prof{
    width: 100%;
    height: 30px;
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: #2F54A1;
}
.a-prof:hover{
    color: #006B93;
}
/*** nav menu ***/
#content-huuii{
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden;
}
#content-huuii-not-log{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#content-huuii-extras{
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    overflow: hidden;
}
#wr-nav-huuii {
    width: 180px;
    height: 100%;
    display: block;
    z-index: 12;
    top: 60px;
    transition: all 0.5s ease 0.15s;
}

#wr-nav-huuii-sys{
    --height: 100%;
    position: fixed;
    width: 285px;
    --display: none;
    background: #FFF;
    right: 14%;
    top: -150%;
    border-radius: 3px;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
    z-index: 99;
    transition: all 0.5s ease 0.15s;
    
}
.huuii-sites-advert {
	width: 200px;
	height: 100%;
	display: none;
}
.huuii-people-advert {
	width: 330px;
	height: 100%;
	display: none;
}

#menu-huuii-systems{
    padding: 15px;
    

}
#menu-huuii-systems li{
    width: 75px;
    margin: 5px;
}
#wr-nav-huuii-p{
    height: 100%;
    display: none;
    z-index: 3;
}
#menu-huuii{
    width: 100%;
    margin: 0;
    float: right;
}
#menu-huuii li{
    width: 100%;
}
#menu-huuii > li > a{
    width: 100%;
    padding: 10px 0px;
    display: block;
}
.icon_submenu{
    display: inline-block;
    width: 28px;
}
.icon-huuii-chat {
    font-size:41px;
    margin: 0px 4px;
}
.img-men{
    width: 30px;
    margin: 0px 10px;
}
.huuii-menu-systems-img{
    width: 60px;
    margin: 0;
}
.txt-men{
    bottom: 15px;
}
.font-men{
    font-size: 1.4em;
}
.men-not > li > a{
    padding: 10px 10px;
    display: block;
    height: 45px;
}
#huuii-content-sec{
    width: 620px;

    margin-left: 180px;
    float: left;
}
.huuii-content-sec-in{
    width: 90%;
    margin: 10px auto;
}
#sec-extras{
    max-width: 620px;
    margin: 30px auto;
}
#content-huuii-not-find{
    max-width: 1366px;
    margin: 0 auto;
    padding-top: 60px;
    overflow: hidden;
}
#huuii-content-sec-not-finding{
    max-width: 1366px;
    margin: 0 auto;
}
#banner-not-findign{
    margin: 10px auto;
}

.ban_x_1_{
    width: 100%;
    overflow: hidden;
    margin: 30px auto;
}
.ban_x_1_in_{
    overflow: hidden;
}
.ban_x_1_in_ .img_x_1{
    float: right;
}
.wr_btn_r{
    width: 100%;
    margin: 10px auto;
}
.btn-reg-n{
    margin: 0 auto;
    width: 120px;
}
.btn-reg-l{
    width: 100px;
}
.ban_x_2_{
    width: 90%;
    min-height: 484px;
    margin: 50px auto;
}
/*** Img people ***/
.wr_le_p{
    max-width: 400px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -200px;
}
.wr_le_p img{
    width: 100%;
}
.tx_ban_x_2_{
    max-width: 400px;
    height: 200px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -200px;
}
/*** With 50% elements of the banner 2 ***/
.wr_x{
    width: 50%;
    height: 484px;
    overflow: hidden;
}
.wr_tx_x{
    width: 80%;
    margin: 50px auto 0px auto;
}
.wr_tx_ti_x{
    max-width: 180px;
}
.wr_tx_tt_x{
    margin: 20px auto;   
    width: 100%;
    line-height: 140%;
}
/*** Float banner 2 ***/
.wr_img_nf_lr_{
    float: left;
}
.wr_img_nf_rl_{
    float: right;
}
/*** footer apps ***/
.ban_x_3_{
    width: 100%;
    margin-bottom: 40px;
    overflow: hidden;
}
.ban_x_3_in_{
    width: 400px;
    height: 60px;
    margin: 0 auto;
}
.wr_ban_x_3_{
    width: 33.3%;
    text-align: center;
    float: left;
}
.wr_ban_x_3_ img{
    width: 80%;
}
/*** user porfile to beat***/
.head-content-share-people{
    height: 40px;
}
.head-content-beat{
    margin-top: 5px;
    height: 40px;
    padding-left: 3%;
}
.wrapper-content-datefield{
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 999999;
}
.content-datefield{
    width: 98%;
    margin: 10px auto;
}
.content-com{
    padding: 5px;
    overflow: hidden;
}
.wr_coments_{
    width: 90%;
    max-width: 500px;
    background: #e8fef9;
}

.wr_coments_t1_ {
    width: 90%;
    max-width: 500px;
    background: #fff;
    border:solid 1px #eee;
    padding:4px;
    border-radius: 4px;
}

.head-content-popup{
    margin-top: 5px;
    padding-left: 1%;
}
.head-content-popup-1{
    top: 5px;
    height: 80px;
    padding-left: 1%;
}
.wr_pi_c_p{
    width: 10%;
    min-width: 50px;
    float: left;
    overflow: hidden;
    padding: 10px;
}
.wrapper-user-profile, .wrapper-site-profile, .wrapper-noti-profile, .wrapper-note-profile{
    display: inline-block;
    vertical-align: top;
}
.user-profile-beat-com{
    margin-right: 10px;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
}
.user-profile-beat{
    margin: 5px;
    width: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
    border: 1px solid #E5E5E5;
}
.link-user-profile-beat-img{
    width: 42.42px;
    height: 42.42px;
    top: -6px;
    left: -6px;
    position: absolute;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg); /* Standard syntax */
}
.img-user-profile-beat{
    width: 100%;
}
.user-name-profle-share-people{
    display: block;
    height: 35px;
    padding: 10px 5%;
    border-bottom: 1px solid #00AFD6;
}
.user-name-profle-beat, .site-name-popup{
    display: inline-block;
    vertical-align: top;
    margin: 5px;
}
.user-name-profle-beat a:hover{
    text-decoration: underline;
}
.content-post-beat{
    max-height: 400px;
    min-height: 80px;
    padding: 0px 10px 0px 10px;
    margin-top: 15px;
    font-family: OpenSans-Italic;
    font-size: 0.8em;
    overflow: hidden;
}
.content-post-beat_{
    margin-top: 15px;
    font-family: OpenSans-Regular;
    font-size: 0.8em;
    overflow: hidden;
}
.content-text-post{
    width: 100%;
    padding: 0px 10px;
    margin: 5px auto;
}
.content-image-post{
    max-height: 400px;
    width: 100%;
}
.image-post_{
    max-width: 100%;
    max-height: 400px;
}
.image-post_rep{
    max-width: 100%;
}
.content-post-album{
    max-height: 300px;
    min-height: 100px;
    padding: 10px;
    font-family: OpenSans-Italic;
    font-size: 0.8em;
    overflow: hidden;
}
.content-post-beat-not-log{
    min-height: 80px;
    margin-top: 10px;
    padding: 10px;
    font-family: OpenSans-Italic;
    font-size: 0.8em;
    overflow: hidden;
}
.footer-post-beat{
    width: 100%;
    //min-height: 35px;
    z-index: 1;
}
.footer-share-post-people{
    width: 100%;
    bottom: 0px;
    padding: 5px;
    z-index: 1;
}
.head-footer-share-post-people{
    height: 40px;
    padding-left: 1%;
}
.top-post-site{
    width: 100%;
    //height: 35px;
    //bottom: 0px;
    padding: 7px 5px;
    z-index: 1;
}
.views-beat-post{
    top: 8px;
    right: 10px;
}
.social-beat-post{
    top: 8px;
    left: 10px;
}
.social-people-post{
    top: 8px;
    left: 10px;
}
.social-site-post{
    width: 100%;
    min-height: 35px;
    padding: 10px 10px;
}
/** View notes gropus **/
.wr-group-contact{
    width: 100%;
    overflow: hidden;
}
.controls-add-or-delete-memeber{
    width: 100%;
}
.circle_plus_, cicle_minus_{
    margin-left: 5px;
}
.circle_plus_:hover{
    color: #00AFD6;
}
.circle_minus_:hover{
    color: #D42D13;
}
.wr-btn-view-notes{
    width: 100%;
    height: 30px;
    left: 0px;
    bottom: 0px;
}
/*** Profile Image in huuii profile***/
/*** Diamond huuii ***/
.wr_diamond_huuii, .wrapper_diamon_huuii{
    position: relative;
    overflow: hidden;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
}
.diamond_huuii{
    position: absolute;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg); /* Standard syntax */
}
/*** huuii-pop ***/
#huuii-pop{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
    padding: 0;
    cursor: zoom-out;
}
#huuii-pop-notes{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 0px;
    cursor: zoom-out;
}
#infinity-scroll{
    width: 100%;
    top: 0px;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
}
#message-popup, #note-popup{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: scroll;
    z-index: 1020;
    background-color: rgba(0,0,0,0.5);
    padding: 10px 0px;
    cursor: zoom-out;
}
.body-loked{
    overflow: hidden;
}
.body-no-loked{

}
.huuii-pop-in{
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 10px;
    border-radius: 3px;
    z-index: 1999;
    cursor: default;
}
.huuii-pop-in-wos{
    max-width: 600px;
    margin: 15px auto;
    background-color: #fff;
    border-radius: 3px;
    z-index: 1999;
    cursor: default;
}
.huuii-pop-inxwop{
    max-width: 600px;
    min-height: 410px;
    margin: 50px auto;
    background-color: #fff;
    border-radius: 3px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
.huuii-pop-inx{
    max-width: 600px;
    margin: 50px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
.huuii-pop-inx1{
    max-width: 600px;
    margin: 50px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
.huuii-pop-inx1f{
    max-width: 600px;
    margin: 50px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    z-index: 1999;
    cursor: default;
}

.share-media-file {
}

.huuii-modal {
    cursor: default;
    margin: 60px auto;
}

.huuii-modal-lg {
    width:558px;
}

.huuii-modal-md {
}

.huuii-modal-sm {
}

.huuii-modal-header .huuii-close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;

}
.huuii-close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    background:none;
    border-style:none;
    text-shadow: 0 1px 0 #fff;
    cursor:pointer;
}

.huuii-modal-dialog {
    border-radius: 5px;
    outline: 0;
    background-color: #FFF;
}
.huuii-modal-content {
    position:relative;
    display:flex;
    flex-direction: column;
    width:100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 5px;
    outline: 0;
}

.huuii-modal-header {
    padding:1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
}
.huuii-modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.huuii-modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e5e5e5;
}
.huuii-modal-footerv1 {
    padding: 1rem;
    border-top: 1px solid #e5e5e5;
}
.huuii-row {
    margin-right:-15px;
    margin-left:-15px;
}
.huuii-hr {
    border-bottom:1px solid #e5e5e5;
    margin-right:-15px;
    margin-left:-15px;
    padding: 5px 0;
}
.huuii-share-file-wrap {
    margin:5px 0;
    display:flex;
    justify-content:space-around;
}

.inx1_{
    width: 98%;
    margin: 0px auto;
    padding: 10px 0px;
}
/**** Pop up 500 px width ****/
.huuii-pop-inx1c, pop-up-body{
    max-width: 500px;
    margin: 50px auto;
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
    z-index: 1999;
    cursor: default;
}
.pop-up-header{
    font-size:1.1rem;
    padding:0.7rem;
    color: #5289C0;
    font-family:OpenSans-Semibold;
}
.pop-up-body{
    max-width: 500px;
    margin: 50px auto;
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
    z-index: 1999;
    cursor: default;
    position:relative;
}
.pop-up-btn-close{
    top: 10px;
    right: 10px;
    text-decoration: none;
    position: absolute;
   font-size: 1.3em;
}
.pop-up-content{
    width: 95%;
    margin: 20px auto 10px auto;
}
.pop-up-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding:0.7rem;
}

.inx1c_{
    width: 98%;
    margin: 0px auto;
    padding: 10px 0px;
}
.inx1_{
    width: 98%;
    margin: 0px auto;
    padding-top: 10px;
}

.inx1c_ngc{
    width: 100%;
}
.inx1c_ngcc{
    width: 98%;
    padding: 3px 5px;
}
.inx1c_ng{
    width: 98%;
    margin: 0px auto;
    padding: 3px 5px;
}
/*** Form login and register ***/
.form-lr{
    width: 85%;
    margin: 10px auto;
}
.form_x1c{
    width: 100%;
    margin-top: 10px;
}
/*** head inx1c ***/
.h_inx1c{
    width: 100%;
    margin-bottom: 10px;
}
/*** Section inx1c ***/
.s_inx1{
    width: 100%;
}
.s_inx1c{
    width: 100%;
    min-height: 50px;
}
.s_inx2c{
    width: 100%;
}
.tx_inx1c{
    width: 100%;
    margin-bottom: 10px;
}
.fd_inx1c{
    width: 100%;
    max-height: 100px;
    margin-bottom: 10px;
    overflow-y: auto;
}
.input_inx1c{
    border-radius: 1px;
    font-size: 1em;
    padding: 0px 10px;
    border: 1px solid #5289C0;
    outline: none;
    color: #5289C0;
    -webkit-appearance: none;
}
.file_inx1c{
    border-radius: 1px;
    font-size: 1em;
    border: 1px solid #5289C0;
    outline: none;
    color: #5289C0;
    -webkit-appearance: none;
}
.input_inx1c_{
    border-radius: 2px;
    font-size: 0.8em;
    padding: 2px 5px;
    border: 1px solid #E5E5E5;
    outline: none;
    color: #5289C0;
    -webkit-appearance: none;
}
/*** Figure inx1c ***/
.fg_inx1c{
    width: 100%;
}
.im_inx1c{
    width: 100%;
}
/*** Footer inx1c ***/
.fo_inx1c{
    width: 100%;
    overflow: hidden;
}
.fo_inx1cc{
    width: 100%;
    margin-bottom: 5px;
}
.fo_inx1c{
    width: 100%;
    padding: 5px 10px 10px;
    overflow: hidden;
}

/**** Pop up 400 px width ****/
.huuii-pop-inx3c{
    max-width: 420px;
    margin: 5% auto;
    border-radius: 3px;
    overflow: hidden;
    z-index: 1999;
    cursor: default;
}
.inx3c_{
    width: 100%;
    margin: 15% auto 5%;
    padding: 0px 2%;
}
#form-ms{
    width: 80%;
    margin: 0 auto;
}
._input_rl{
    max-width: 350px;
    margin: 0 auto;
}
._input_reg {
    max-width: 350px;
}
.spa_lr{
    padding: 2px 0px;
}
.txt_input_rl{
    border-radius: 2px;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #006B93;
    outline: none;
    -webkit-appearance: none;
}
/**** Pop up 300 px width ****/
.huuii-pop-inup{
    max-width: 300px;
    max-height: 300px;
    margin: 50px auto;
    background: #FFF;
    overflow:hidden;
    border-radius: 5px;
    z-index: 1999;
    cursor: default;
}
.huuii-pop-loading {
    max-width: 150px;
    max-height: 150px;
    margin: 80px auto;
    overflow:hidden;
    border-radius: 5px;
    z-index: 1999;
    cursor: default;
}
.huuii-pop-inx2a{
    max-width: 600px;
    margin: -20px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
.huuii-pop-inx2s{
    max-width: 600px;
    margin: 40px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
.huuii-pop-inx2c{
    max-width: 600px;
    margin: -20px auto;
    background-color: #fff;
    padding: 10px 10px 30px 10px;
    border-radius: 10px;
    z-index: 1999;
    overflow: hidden;
    cursor: default;
}
/*** Content messages popup ***/
.wr-pop-inx1c{
    width: 95%;
    margin: 20px auto 10px auto;
}
.wr-ttl-pop{
    width: 100%;
}
.wr-ctt-pop{
    width: 100%;
    margin: 5px auto;
}
.wr-ct2-pop{
    padding: 5px 0px 5px 0px;
    overflow: hidden;
}
.content-post-pop-beat, .content-post-pop-beat-popup{
    min-height: 80px;
    margin-top: 10px;
    padding: 10px 10px 30px 10px;
    font-family: OpenSans-Regular;
    font-size: 0.8em;
}
.content-post-pop-beat-alb{
    min-height: 80px;
    padding: 0px 10px 0px 10px;
    font-family: OpenSans-Italic;
    font-size: 0.8em;
}
.content-poll-pop{
    min-height: 80px;
    margin-top: 10px;
    padding: 10px 0px 0px 0px;
    font-family: OpenSans-Italic;
    font-size: 0.8em;
}
.wr-img-post{
    max-width: 100%;
    margin: 5px auto;
}
.wr-img-post-alb{
    max-width: 100%;
    margin: 5px auto;
    text-align: center;
}
.content-post-pop-beat-alb img{
    max-width: 100%;
}
.content-edit-post{
    min-height: 80px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    font-family: OpenSans-Italic;
}
.content-edit-post-in{
    width: 100%;
}
.close_popup_00{top:10px;right: 5px;}
.close_popup{
    top: 10px;
    right: 10px;
}
.close_popup:hover{
    color: #006B93;
}
.close_popup_i{
    top: 20px;
    right: 10px;
    z-index: 3;
}
.close_popup_:hover{
    color: #006B93;
}
/*** Title album in people ***/
.wrapper_title_album{
    width: 100%;
    margin-top: 15px;
    padding: 0px 10px;
}
.wrapper_title_album_gp{    
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
}
.wrapper_title_album_gp:hover i{
    text-decoration: underline;
}
.wrapper_title_img{
    width: 20px;
    margin-right: 5px;
}
.title_img{
    width: 100%;
}
/*** Reactions ***/
.transition_dis_n{
    transition: all 1s ease 0.15s;
    display: none;
    opacity: 0; 
}
.transition_dis_b{
    display: block;
    transition: all 1s ease 0.15s;
    opacity: 1; 
}

.tool_ractions_u{
    width: 280px;
    height: 50px;
    bottom: 100%;
    border-radius: 50px;
    background: #fff;
    left: -140%;
    padding: 5px 10px;
    z-index: 100;
    border: 1px solid #a8a8a8;
}

.tool_ractions_d{
    width: 280px;
    height: 50px;
    top: 100%;
    border-radius: 50px;
    background: #fff;
    left: -140%;
    padding: 5px 10px;
    z-index: 100;
    border: 1px solid #a8a8a8;
}
.wr_likes{
    padding: 0px 5px;
    text-decoration: none;
    color: #A8A8A8;
}
.wr_likes i{
    margin: 0px 2px;
}
.wr_likes:hover{
    color: #2F54A1;
}
/*** Share links ***/
.fb_{
    color:#3b5998;
}
.tw_{
    color: #1da1f2;
}
.gp_{
    color: #db4437
}
.hu_{
    color: #2F54A1;
}
.wr_sh_{
    width: 90%;
    margin: 0 auto;
}
.wr_sh_01{
    display: block;
    height: 40px;
    width: 20%;
    font-size: 2.5em;
    transition: all .2s ease-in-out;
}
.wr_sh_01:hover{
    font-size: 3.5em;
}
.wr_sh_01 i{
    bottom: 0px;
    left: 50%;
    margin-left: -0.45em;
}
/*** Icon huuii share***/
.wr_sh_02{
    display: block;
    height: 40px;
    width: 20%;
    font-size: 2.2em;
    transition: all .2s ease-in-out;
}
.wr_sh_02:hover{
    font-size: 3em;
}
.wr_sh_02 i{
    bottom: 2px;
    left: 50%;
    margin-left: -0.45em;
}
/*** Edit post ***/
.date_start{
    width: 30%;
    margin-left: 10px;
}
.date_end{
    width: 30%;
}
.hour_end{
    width: 10%;
}


/*** Td mosaic ***/
.td-contacts{
    width: 80%;
    margin: 0 auto;
}
.td-contacts tr td{
    width: 30px;
    height: 40px;
}
/*** add and delete integrante ***/
.add_i_gr, .del_i_gr{
    color: #5526DB;
}
.add_i_gr:hover{
    color: #6237DB;
}
.del_i_gr:hover{
    color: #D42D13;
}
/*** Files of the group ***/
.wr_file{
    width: 100%;
}
.wr-lin-file-in{
    width: 90%;
    height: 18px;
    overflow: hidden;
}
.edi_{
    top: 0px;
    right: 20px;
}
.del_{
    top: 0px;
    right: 0px;
}
.edi_l, .del_l{
    color: #5526DB;
}
.del_l:hover{
    color: #D42D13;
}
/*** Img ***/
.content-post-pop-beat img, .content-post-beat img, .con-v-no_ img, .content-post-beat-not-log img, .content-post-album img{
    max-width: 100%;
}
.content-post-pop-beat-popup .img-popup-eq{
    max-width: 70%;
    marign: 0 auto;
}
.content-post-pop-beat-popup .img-popup, .content-post-pop-beat-popup img{
    max-width: 100%;
}
.img-permalink_{
    max-width: 100%;
}
/*** Close button notification ***/
.p_c-1{
    right: 10px;
}
/*** Style wysiwyg and oters***/
#box-text-huuii{
    width: 100%;
    margin: 5px auto;
}
#box-text-huuii-in{
    width: 90%;
    margin: 0px auto;
    padding: 10px 6px;
    border: 1px solid;
    border-color:#d0d1d5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
#box-text-huuii-improved{
    width: 90%;
    margin: 0px auto;
    padding: 5px 5px;
    border: 1px solid;
    border-color: #e5e5e5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/*** wr_up_load ***/
#wrapp_fileUp{
    
}

#wr_up_load{
    width:100%;
    overflow: hidden;
}
.link_img_up_00{
    width: 130px;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}
.link_img_up0{
    margin: 5px;
    padding-top: 2px;
    overflow: hidden;
}
.link_img_up{
    margin-right: 6px;
    overflow: hidden;
}
.sp_00{
    overflow: hidden;
    padding: 2px 0px;
}
.sp_0{
    display: inline-block;
    height: 18px;
    overflow: hidden;
    padding: 2px 3px 0px 0px;
    position: relative;
    border-right: 1px solid #2F54A1;
}
.sp_{
    display: inline-block;
    overflow: hidden;
    padding: 0px 5px 0px 0px;
    position: relative;
    border-right: 1px solid #2F54A1;
}
.wr_icon_camera{
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
}
.icon_camera, .icon_album{
    width: 20px;
}
.text_camera{
    display: inline-block;
    bottom: 0px;
    font-size: 0.7em;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 14px;
    vertical-align: top;
}
.upload-file-contacts-wrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align:center;
    padding:5px;
    border-radius:3px;
    /*border: 1px solid #CFCFCF;*/
    background-color: #5289C0;
}


.wr_fls{ 
    bottom: 0px;
    right: 0px;
}
.fls{
    bottom: 0;
    right: 0;
    cursor: inherit;
    font-size: 1000px !important;
    height: 1000px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
}
.fls_02{
    bottom: 0;
    right: 0;
    cursor: inherit;
    font-size: 10px !important;
    height: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    cursor: pointer;
}
.wr-btns{
    margin-top: 4px;
}
/*** Preview files and images ***/
#files-preview, #preview-files{
    max-width: 600px;
    margin: 5px 0px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
#link-add-foi{
    display: block;
    height: 78px;
    padding: 20px;
    font-size: 2.4em;
}
.wr-img-preview{
    width: 80px;
    max-height: 80px;
    display: inline-block;
    overflow: hidden;
    margin-right: 2px;
    border: 1px solid #CFCFCF;
}
.img-preview{
    width: 100%;
}
.wr-progress-bar{
    width: 100%;
    max-height: 15px;
    position: relative;
}
.progress-bar{
    position: absolute;
    top: 0px;
    width: 100%;
}
.wr-user-img{
    margin: 5px;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}
.img-usr_{
    width: 42px;
    margin-top: -1.5px;
    margin-left: -1.5px;
}

.wr-fi-pro_{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.img_pro-p{
    width: 37px;
    margin-top: -1.5px;
    margin-left: -1.5px;
}

/*** Button audience ***/
.wr_aud_{
    width: 110px;
    height: 25px;
    margin-right: 5px;
    border: 1px solid #E5E5E5;
    vertical-align: top;
}
.btn_aud_a{
    width: 110px;
    height: 35px;
    font-family: OpenSans-Bold;
    padding: 0px 10px;
}
.m_txi_aud{
    left: 10px;
    top: 5px;
}
.m_ico_aud{
    right: 10px;
    top: 3px;
}
.wr_me_aud_x1{
    width: 180px;
    min-height: 90px;
    top: 105%;
    left: -53%;
    background-color: #FFF;
    z-index:30;
    border: 1px solid #E5E5E5;
}
.li_me_aud{
    width: 100%;
    min-height: 20px;
    margin: 2px auto;
}
.li_me_aud_a{
    width: 100%;
    height: 30px;
    padding: 5px 20px;
}
.ma_01{
    top: 5px;
}
.ma_02{
    top: 7px;
    left: 45px;
}
.ma_03{
    top: 7px;
    left: 5px;
}
.ma_01x{
    top: 2px;
}
/***** dropdown menu*****/
.show {
    display: block !important;
}
.hu-dropdown{
    position: relative;
}
.hu-dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.hu-dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    font-family: OpenSans-Regular;
    font-size: 12px !important;
    color: #2F54A1;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration:none;
}
.hu-dropdown-item:hover{
    color: #fff;
    text-decoration: none;
    background-color: #2F54A1;
}

.huu-dropdown-menu-share-site-post {
    right: -5px;
    left: auto;
    top: 30px;
}

.huu-dropdown-menu-delete-site-post-shared {
    right: auto;
    
}

/*** End menu audience ***/

/*** Messages ***/
.wr_mes_tp{
    width: 310px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -155px;
    margin-top: -30px;
    border: 2px solid #E5E5E5;
    z-index: 11;
    background: #FFF;
}
.mes_tp{
    width: 90%;
    height: 40px;
    margin: 10px auto;
    text-align: center;
}


#wr_pro_imx_w{
    top: 9px;
    left: 50%;
    margin-left: -24px;
    margin-top: -0px;
    width: 48px;
    height: 48px;
    overflow: hidden;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
    border: 3px solid #FFFFFF;
}

#wr_pro_imx_w_{
    top: -12px;
    left: -10.5px;
    width: 67.67px;
    height: 67.67px;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg); /* Standard syntax */
}

#pro_imx_w{
    width: 67.67px;
    height: 67.67px;
}

.wr_imx_ap{
    width: 50px;
    height: 35px;
    margin: 0 auto;
}
.imx_ap_{
    width: 100%;
}


/*** Notes menus ***/
.pl-not_v-n{
    margin: 5px;
}
/*** Cog albums people ***/
.pl-not_v-al{
    right: 5px;
    top:3.5px;
}
/*** Cog albums ***/
.wr_cog_{
    right: 5px;
    top: 3.5px;
}
/*** Share imges album ***/
.wr_sh_li{
    width: 110%;
    height: 70px;
    top: 0px;
    margin-left: -10px;
    z-index: 99999;
}
.wr_sh_li_i{
    width: 100%;
    max-width: 600px;
    height: 60px;
    background: #fff;
}

#wr_sh_li-in{
    width: 100%;
    border: 1px solid #fff;
}
/*** Header pop up. ***/
.wr_header__pop__{
    width: 100%;
    height: 90px;
    margin-top: -25px;
    z-index: 99999;
}
.wr_header_pop__{
    width: 100%;
    height: 80px;
    margin-top: -5px;
    z-index: 99999;
}
.wr_header_pop_{
    width: 100%;
    height: 50px;
    margin-top: 5px;
    z-index: 99999;
}
.wr_header_pop{
    width: 100%;
    height: 80px;
    margin-top: -5px;
    z-index: 99999;
}
.wr_header_pop_in_00{
    width: 100%;
    max-width: 600px;
    border-bottom: 1px solid #E5E5E5;
    height: 50px;
    background: #fff;
}
.wr_header_pop_in_01{
    width: 100%;
    max-width: 600px;
    border-bottom: 1px solid #E5E5E5;
    height: 80px;
    background: #fff;
}
.wr_header_pop_in_02{
    width: 100%;
    max-width: 600px;
    -- border-bottom: 1px solid #E5E5E5;
    height: 75px;
    background: #fff;
}
.wr_header_pop_in{
    width: 100%;
    max-width: 600px;
    border-bottom: 1px solid #E5E5E5;
    height: 70px;
    background: #fff;
}
.wrap-post-people{
    width: 100%;
    padding: 5px 3px;
}
.wr_title_pop_post_site{
    width: 100%;
    padding: 5px 15px;
}
.sec_content_pop_post_site{
    width: 100%;
    padding: 5px 15px 20px 15px;
    font-family: OpenSans-Regular;
    font-size: 0.9em;
    line-height: 120%;
}
.sec_content_pop_post_site_album{
    width: 100%;
    padding: 10px;
    font-family: OpenSans-Rgular;
    text-align: center;
}
.wrap-album-photo {
    max-width:100%;
    height:400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-album-photo img {
    max-width:100%;
}

.img-album-photo {
    max-heigth:100%;
}
.sec_content_pop_post_site_album img{
    max-height: 100%;
}
.sec_content_pop_post_site img {
    max-width:100%;
}


/*** Return home site in pop site post ***/
.title_post_site{
    color: #2F54A1;
    font-family: OpenSans-Semibold;
}
.title_site_in_post{
    width: 100%;
    top: 5px;
    left: 0px;
}
.title_site_in_post_{
    padding: 10px;
}
.title_site_in_post_nl{
    width: 100%;
    top: 10px;
    left: 0px;
}
.icon_return_site{
    width: 40px;
}
.a_icon_site{
    margin-right: 5px;
}
.a_text_site{
    left: 55px;
    text-decoration: none;
}
.a_text_site:hover{
    text-decoration: underline;
}
.i_crea_site{
    margin-top: 5px;
}
.sec_content_post_site{
    width: 95%;
    margin: 10px auto;
}
.sec_content_post_site_in{
    width: 100%;
    padding: 0px 0px 10px;
    border-radius: 3px;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.content_post_site{
    width: 95%;
    margin: 10px auto 0px;
}
.content_post_site_pl{
    width: 100%;
    margin-top: 10px;
}
.sec_content_post_site img{
    max-width: 100%;
}
.sec_content_post_site_c{
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
    padding-top: 65px;
}
.sec_content_post_site_c img{
    max-width: 100%;
}
/*** Shate top ***/
.sh_to_ps_{
    top: 20px;
    left: 70px;
}
.sh_to_pl_{
    top: 20px;
    left: 10px;
}
/*** Content coment text ***/
.wr_cont_tx_com_{
    width: 100%;
    min-height: 100px;
}
.cont_tx_com_{
    width: 95%;
    min-height: 80px;
    margin: 10px auto;
    overflow: hidden;
}
.tx_a_com_{
    width: 100%;
    height: 90px;
    resize: none;
    background: #E8FEF9;
    border-radius: 10px;
    border: 1px solid #E5E5E5;
}
/*** Polls ***/
.content-poll{
    width: 100%;
    height: 100%;
}
.item-poll{
    width: 49%;
    margin: 0.5% 0.5%;
    height: 230px;
    margin-bottom:15px;
}
.img-poll{
    width: 100%;
    height: 120px;
}
.img-poll2{
    max-width: 100%;
    height: 120px;
}
.back-poll{
    width: 100%;
    height: 100%;
}
.inf-poll{
    width: 100%;
    height: 110px;
}
.line-poll{
    height: 100%;
    display: inline-block;
    border: 2px solid #51D4FC;
}
.title-poll{
    height: 16px;
    line-height: 120%;
    overflow: hidden;
}
/*** View all poll  ***/
.wrapper_poll{
    width: 90%;
    margin:10px auto;
    padding-bottom: 10px;
}
.poll-content{
    width: 100%;
    border: 1px solid black;
    border-radius: 2px;
}
.poll_hea_{
    width: 100%;
    min-height: 30px;
    margin: 0px 0px 20px 0px;
}
.wrapper-content-poll{
    margin-bottom: 5px;
}
.poll-choice{
    margin-bottom: 8px;
    overflow: hidden;
    line-height: 120%;
    border-bottom: 1px solid #e5e5e5;
}
.poll-choice-text{
    width: 200px;
    overflow: hidden;
}
.poll-wrapper-chart{
    padding: 0 5px;
    overflow: hidden;
    width: 400px;
}
.poll-choice-chart{
    height: 18px;
}
.poll-choice-progress{
    height: 18px;
}

/**** Poll question answers ****/
.textarea-question{
    resize: none;
    width: 100%;
}
.wr-poll-que{
    width: 90%;
    min-height: 30px;
    margin: 5px auto;
}
.tx_po, .ra_po{
    margin: 6px 3px;
    display: inline;
    z-index: 9999;
}
.poll_que{
    width: 90%;
    margin: 5px auto;
}
.poll-ans{
    width: 80%;
    margin: 5px auto;
}
.wr_ans{
    width: 100%;
    min-height: 30px;
    padding: 0px 0px;
}
.wr_ans_qa{
    min-height: 30px;
    z-index: 1;
}
.wr_ans_qp{
    top: 0px;
    right: 0px;
    padding: 5px;
    min-height: 30px;
}

/*** Name contact ***/
.wr_inf_con_ts{
    width: 100%;
    padding: 5px 0px;
    margin-bottom: 10px;
}
.wr_inf_con_tsn{
    width: 100%;
    padding: 5px 0px;
    overflow: hidden;
}
.wr_lbl_{
    width: 40%;
    padding: 1px 1px;
}
.wr_txt_{
    width: 50%;
}
.wr_ic_cnt_{
    width: 100%;
    overflow: hidden;
}
.wr_ic_cnt_i{
    width: 20px;
}
.wr_btn_gc{
    margin: 5px 0px;
}
.inf_con_ts{
    width: 99%;
    margin: 0 auto;
}
.wr-form-con-tac_{
    width: 90%;
    margin: 20px auto;
}
.tx_con_ts{
    padding: 2px 1px;
}
.tx_con_ts_p{
    padding: 3px 1px;
    overflow: hidden;
}
/*** Colors polls ****/
.bk_p_01{background-color: #f1c93e;}
.bk_p_02{background-color: #f17654;}
.bk_p_03{background-color: #f16234;}
.bk_p_04{background-color: #f17645;}
.bk_p_05{background-color: #f16545;}
.bk_p_06{background-color: #f15234;}
.bk_p_07{background-color: #f11346;}
.bk_p_08{background-color: #f16346;}
.bk_p_09{background-color: #f17645;}
.bk_p_10{background-color: #f16457;}
.bk_p_11{background-color: #f15434;}


/*** Dates Box ***/
.wr_box_date{
    width: 100%;
    min-height: 30px;
    overflow: hidden;
}
.box_dates{
    margin-right: 5px;
}

/*** Sites ***/
.title-sites{
    width: 70%;
    margin: 10px auto;
    text-align: center;
}
.wr-img-sites{
    width: 100%;
}
.img-site{
    width: 95%;
    margin: 10px auto;
}
.img-sites-x{
    width: 100%;
}
.wr-share_{
    margin-bottom: 10px;
    width: 100%;
}
.wr-share_tx{
    width: 100%;
    margin-top: 5px;
}

/*** Content pop groups , contacs***/
.wr-content-gro, .wr-content-pro{
    margin-top: 10px;
    padding: 5px;
    overflow: hidden;
}
.wr_inf_gro_{
    width: 48%;
    margin: 1%;
    border: 1px solid #5526DB;
    border-radius: 10px;
    overflow: hidden;
}
.wr_gro_{
    width: 60%;
    margin-top: 2%;
}
/*** Content pop contacts ***/
.wr-con-po{
    width: 100%;
    margin: 20px auto;
}
.wr_inf_pro_{
    width: 48%;
    margin: 1%;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    overflow: hidden;
}
.wr-hea-po{
    margin: 10px 10px;
}
.wr-con-tac-s{
    width: 95%;
    margin: 15px auto;
}
.wr_pro_{
    width: 60%;
    margin-top: 2%;
}
/*** Edit contact ***/
.txta_c_t{
    width: 100%;
    border: 1px solid transparent;
    resize: none;
}
.txta_c_t:hover{
    border: 1px solid #e5e5e5;
}
.txta_c_ta{
    width: 100%;
    border: 1px solid #e5e5e5; 
    resize: none;
}
.ico_ned_it{
    width: 22px;
    height: 22px;
    text-decoration: none;
    display: inline-block;
    padding: 4px 4.5px;
    border-radius: 3px;
    color: #E5E5E5;
}
.ico_ned_it_e{
    width: 22px;
    height: 22px;
    float: left;
    padding: 2px;
    text-decoration: none;
    color: #E5E5E5;
}
.ico_ned_it_c{
    text-decoration: none;
    margin-left: 10px;
    color: #E5E5E5;
}
.tx_con_ts{
    padding: 3px 0px;
}
.wr_inf_co_s{
    width: 190px;
    overflow: hidden;
    padding: 1px 0px;
}
.wr_ic_btn_s{
    top: 2px;
    right: 0px;
    width: 80px;
}
.tx_edi_tcnm{
    width: 170px;
    border-radius: 3px;
    padding: 0px 4px;
    border: 1px solid #E5E5E5;	
}
.tx_edi_tcs{
    width: 170px;
    border-radius: 3px;
    padding: 0px 4px;
    border: 1px solid transparent;
}
.tx_edi_tcs:hover{
    width: 170px;
    border-radius: 3px;
    padding: 0px 4px;
    border: 1px solid #a8a8a8;
}
.tx_edi_tcsa{
    width: 170px;
    border-radius: 3px;
    padding: 0px 4px;
    border: 1px solid #E5E5E5;
}
.type_inf{
    overflow: hidden;
    padding: 1px 0px;
    background: #fff;
}
.sel_02{
    width: 60px;
    border: 1px solid #2F51A1;
    background: #fff;
}
.wr_ic_co{
    width: 25px;
    height: 20px;
    padding: 1px 0px;
    text-align: center;
}
.wr-ctr_{
    width: 120px;
    height: 20px;
    float: left;
}
.wr-ctr_ .lbl_p{
    margin-top: 2px;
}
.add_more{
    font-size: 0.8em;
    color: #2F54A1;
}
.f_ch_k i{
    color: #8CBF32;
}
.f_ed_t i{
    color: #2F54A1;
}
.f_de_t i{
    color: #D42D13;
}
.f_ad_d:hover i{
    color: #006B93;
}
/*** list color to contacts ***/
.b_c1{background-color: #F08319;}
.b_c2{background-color: #8CBF32;}
.b_c3{background-color: #2F54A1;}
.b_c4{background-color: #006B93;}
.b_c5{background-color: #5526DB;}
.b_c6{background-color: #5289C0;}
.b_c7{background-color: #8FE0CE;}


.wrapper_social_sites{
    width: 100%;
}
.wrapper_social_people{
    width: 100%;
    left: 0px;
    bottom: 0px;
}
/*** Options to share ***/
.wrapper_share_options_pop{
    position: absolute;
    width: 280px;
    height: 50px;
    left: -45px;
    padding: 5px 10px;
    border-radius: 25px;
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    z-index: 2;
}
.wrapper_share_options{
    position: absolute;
    width: 280px;
    height: 50px;
    left: -150px;
    padding: 5px 10px;
    border-radius: 25px;
    border: 1px solid #E5E5E5;
    background-color: #FFF ;
}
.bttm_{
    bottom: 100%;
}
.tp_{
    top: 0%;
}
.wrapper_item_share{
    width: 90%;
    margin: 0 auto;
}
.item_share{
    width: 25%;
    height: 40px;
    display: block;
    float: left;
    font-size: 2.5em;
    position: relative;
}
.item_share_h{
    width: 25%;
    height: 40px;
    display: block;
    float: left;
    font-size: 2.2em;
    position: relative;
}
.item_share_h:hover{
    font-size: 2.9em;
}
.item_share i{
    bottom: 0px;
    left: 50%;
    margin-left: -0.45em;
}
.item_share_h i{
    bottom: 3px;
    left: 50%;
    margin-left: -0.45em;
}
.item_share:hover{
    font-size: 3.5em;
}

/*** Messages ***/
.message_shared{
    width: 100%;
    min-height: 30px;
    padding: 7px 15px;
    font-size: 0.9em;
    color:  #006B93;
    font-family: OpenSans-Light;
}
.icon_pepople_mg{
    font-size: 1em;
}
.s_doe{
    margin-left: 5px;
    display: inline-block;
}
.txt_name_graphs{
    font-size: 1em;
}
.txt_infouser_graphs{
    font-size: 0.8em;
}
/*** vertical aling top ****/
.vert_align{
    vertical-align: top;
}
/**** Text graphs ****/
.icon_create_note{
    font-size: 4em;
}
.icon_close_note{
    font-size: 4em;
    margin-right: 5px;
}
.icon_process_note{
    font-size: 4em;
}
.icon_programed_note{
    font-size: 3em;
    margin-right: 5px;
}
.icon_delayed_note{
    font-size: 4em;
}
/**** Text notes info ****/
.tx_create_note{
    font-size: 2em;
}
.tx_create_note, .tx_close_note, .tx_process_note, .tx_programed_note, .tx_delayed_note{ 
    font-size: 2em;
}
.tx_title_note{
    font-size: 0.8em;
}
/**** Content for grapsh or kpis ****/
.bo_sh_03{
    border: 1px solid #E5E5E5;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.wrapper_graphs{
    width: 95%;
    margin: 0 auto;
//    overflow: hidden;
}
#huuii-content-graphs{
    width: 890px;
    margin-left: 180px;
    margin-top: 10px;
    float: left;
    overflow: hidden;
}
#wrapper_graphs_ug{
    width: 70%;
    height: 120px;
    float: left;
}
.graphs_ug{
    width: 98%;
    height: 100%;
    margin: 0px auto;
    padding: 25px 0px 0px 20px;
}
/**** Info activity user ****/
.wrapper_user_kpis{
    width: 28%;
    height: 420px;
}
.wrapper_chartbar_kpis{
    width: 71%;
    height: 450px;
}
.header-user-kpis, .header-chart-kpis{
    width: 100%;
    height: 38%;
}
.content-user-kpis, .content-chart-kpis{
    width: 100%;
    height: 62%;
}
.user-kpis-info{
    width: 100%;
    height: 200px;
    margin-top: -30px;
}
.user-img-kpis{
    width: 70.71px;
    height: 70.71px;
    margin: 10px auto;
}
.wrapper_user_imagen_{
    width: 50px;
    height: 50px;
    margin: 10px 9.5px;
}
.user_image_{
    width: 70.71px;
    height: 70.71px;
    top: -11.5px;
    left: -10px;
}
.chart-kpis{
    width: 100%;
    min-height: 220px;
    margin-top: -60px;
}
.user-goals-info{
    width: 100%;
    height: 160px;
    margin-top: -40px;
}

.img_ifo_goals{
    width: 30px;
    height: 30px;
}
.btn_goals{
    height: 50px;
}

.wrapper_user_picture-di{
    z-index: 2;
    width: 60px;
    height: 60px;
    margin-right: 25px;
    border: 1px solid trasparent;
    overflow: hidden;
    position: relative;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg); /* Standard syntax */
}
.user_picture_di{
    top: -13.5px;
    left: -13.5px;
    position: absolute;
    width: 84.85px;
    height: 84.85px;
    border: 1px solid trasparent;
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg); /* Standard syntax */
}
.picture_di{
    width: 100%;
}
#wrapper_create_notes_ug{
    width: 30%;
    height: 120px;
    float: left;
}
.create_notes_ug{
    width: 95%;
    height: 100%;
    margin: 0px auto;
}
/*** Text Num notes ***/
.txt_num_notes{
    padding-top: 3%;
}
/**** Notes Info ****/
.notes_create_info{
    width: 100%;
    height: 90%;
    padding: 10% 0px 0px 5%
}
.notes_close_info{
    width: 100%;
    height: 90%;
    padding: 10% 0px 0px 5%;
}
.notes_process_info{
    width: 100%;
    height: 90%;
    padding: 10% 0px 0px 2%;
}
.notes_programed_info{
    width: 100%;
    height: 90%;
    padding: 10% 0px 0px 2%;
}
.notes_delayed_info{
    width: 100%;
    height: 90%;
    padding: 10% 0px 0px 2%;
}
.notes_info{
    width: 100%;
    height: 90%;
    padding: 2% 2%;
}
.notes_margin{
    width: 100%;
    height: 10%;
}
/**** List info notes ***/
#wrapper_close_notes_ug, #wrapper_process_notes_ug, #wrapper_programed_notes_ug, #wrapper_delayed_notes_ug{
    width: 23%;
    height: 100px;
    margin: 1% 1%;
    float: left;
}
.close_notes_ug, .process_notes_ug, .programed_notes_ug, .delayed_notes_ug{
    width: 100%;
    height: 100%;
}
/*** First Graph ***/
#wrapper_first_graph, #wrapper_third_graph{
    width: 98%;
    height: 230px;
    margin: 1%;
    clear: left;
}
.first_box, .third_box{
    width: 30%;
    height: 100%;
    display: inline-block;
    margin: 0px 0.2%;
    padding: 10px;
    vertical-align: top;
}
.first_graph,.third_graph{
    width: 69%;
    height: 100%;
    margin: 0px 0.3%;
    display: inline-block;
    vertical-align: top;
}
/**** ****/
#wrapper_map_graph{
    width: 98%;
    padding-top: 25px;
    border: 1px solid black;
    margin: 0 auto;
}
#map_grpahs{
    width: 100%;
    border: 1px solid #E5E5E5;
}
/**** Text dependes ****/
.tx_depends{
    margin-right: 4px;
}
/*** Second Graps ***/
#wrapper_second_graph{
    width: 98%;
    height: 250px;
    margin: 1%;
    clear: left;
}
.pie_graph{
    width: 32.32%;
    height: 100%;
    display: inline-block;
    margin: 0px 0.5%;
    padding: 10px;
    vertical-align: top;
}
/*** Banner Groups, People, Etc ***/
#wrapper_banner_ug{
    width: 90%;
    margin: 10px auto 0px auto;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    position: relative;
}
#in_banner_ug{
    width: 100%;
    min-height: 120px;
    max-height: 155px;
    overflow: hidden;
}
#banner_user_{
    max-height: 120px;
    min-height: 120px;
    overflow: hidden;
}
/*** Button change banner ***/
.wrapper_change_ugb{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}
.change_ugb{
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    position: relative;
}
.icon_change_ugb{
    width: 30px;
    height: 30px;
    text-decoration: none;
    display: block;
    position: absolute;
    border-radius: 20px;
    font-size: 0.9em;
}
/*** Save Or Cancel Banner ***/
.wr_save_or_cancel_img_banner{
    width: 230px;
    height: 30px;
    position: absolute;
    right: 30px;
    padding-top: 5px;
    bottom: 5%;
    display: none;
}
.btn_save_banner, .btn_cancel_banner{
    width: 110px;
    height: 25px;
    border-radius: 5px;
    border: 0px;
    font-family: OpenSans-Bold;
    margin-right: 5px;
    color: #FFF;
}
.btn_save_banner{
    background-color: #006B93;
}
.btn_cancel_banner{
    background-color: #F08319;
}
.icon_change_ugb{
    background-color: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.icon_change_ugb:hover{
    background-color: #F1C93E;
}
.icon_change_ugb:hover .text_change_ugb{
    display: block;
}
.icon_camera_cugb{
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("/wwwroot/img/album_icon.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 50% 50%;
    border-radius: 50%;
}
.text_change_ugb{
    width: 120px;
    height: 25px;
    position: absolute;
    display: none;
    right: 100%;
    top: 50%;
    margin-top: -12.5px;
    padding: 6px 3px;   
    border-radius: 3px;
    font-size: 0.8em;
    color: #006B93;
    background-color: #F1C93E;
    font-family: OpenSans-Semibold;
}
#img_banner_ug{
    width: 100%;
}
.wrapper_img_user_wall{
    width: 100px;
    height: 100px;
    top: 0px;
    left: 50%;
    margin-left: -50px;
}
#profile_user_img_d{
    top: 14px;
    left: 55%;
    margin-left: -50.50px;
    border-radius: 10px;
    width: 92px;
    height: 92px;
    border: 7px solid #E8FEF9;
}
#img_user_d{
    top: -15px;
    left: -15px;
    width: 110.11px;
    height: 110.11px;
    border: 1px solid transparent;
}
#img_profile_user_b{
    width: 100%;
}
.btn-profile{
    width: 100%;
    height: 100%;
    top: -1px;
}
.btn-profile:hover {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.btn-profile:hover .btn_image{
    display: block;
}
.btn_image{
    width: 100px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -50px;
    display: none;
}
/**** Name after banner ****/
.footer_ugb{
    width: 100%;
    background-color: #FFF;
}
#wrapper_name_ug{
    height: 30px;
}
#name_ug{
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    z-index: 1;
}
#ug_txnam{
    color: #2F54A1;
    text-rendering: optimizelegibility;
}
/*** List Groups ***/
.wrapper_list_groups, .wrapper_list_{
    width: 90%;
    margin: 5px auto;
    border-radius: 3px;
}
.list_groups{
    width: 100%;
}
.wrapper_group, .wrapper_site{
    width: 32.2%;
    min-width: 100px;
    height: 180px;
    overflow: hidden;
    display: inline-block;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid #E5E5E5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    margin: 0.5%;
    vertical-align: top;
}
.top_group, .top_site{
    width: 100%;
    height: 70%;
}
.bottom_group, .bottom_site, .bottom_album{
    width: 100%;
    height: 30%;
    padding: 10px 0px;
    text-align: center;
    background-color: #fff;
}
.top_site img{
    max-height: 100%;
}
.wrapper_img_icon{
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: inline-block;
}
.wrapper_image, .wrapper_album{
    width: 24%;
    min-width: 100px;
    height: 130px;
    overflow: hidden;
    display: inline-block;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid #E5E5E5;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    vertical-align:top;
    margin: 0.5%;
}
.image_00{
    max-width: 100%;
}
.wrapper_image_s{
    width: 100%;
    height: 100%;
}
.wrapper_image_s img{
    height: 130px;
}
.del_img{
    top: 5px;
    right: 5px;
    color: #FFF;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.del_img:hover{
    color: #D42D13;
}
.top_image, .top_album{
    width: 100%;
    height: 70%;
}
.prevNextButton{
    padding: 4px 10px;
    border-radius: 2px;
    border: 1px solid #2F51A1;
}
.prevNextButton:hover{
    background-color: #F8F8F8;
}
.bottom_image{
    width: 100%;
    height: 30%;
    padding: 10px 0px;
    text-align: center;
    background-color: #fff;
}
.wrapper_num_mem, .wrapper_num_views{
    display: inline-block;
    right: 5px;
    bottom: 5px;
}
/*** Profile ***/
.wr-content-user-profile{
    width: 100%;
}
.content-user-profile{
    width: 100%;
}
.info-user-profile{
    width: 100%;
    margin: 10px auto; 
}
.prof_user_{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 4px;
    
    margin-bottom: 10px;
}
/**** Borders menu ug ****/
.bor_ug01{
    border-bottom: 1px solid #E5E5E5;
}
/**** Title section ****/
.wrapper_title_ug{
    padding: 8px 0px;
    margin: 0 auto;
    overflow: hidden;
}
/**** Menu after banner ****/
#wrapper_menu_ug{
    margin: 0 auto;
    overflow: hidden;
}
.menu_ug{
    max-width: 600px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
.li_ug{
    margin-top: 2px;
    text-align: center;
    padding: 5px 0px;
    display: inline-block;
}
.a_ug{
    padding: 0px 10px;
    height: 20px;
    border-right: 1px solid #006B93;
    display: block;
}
.a_ugname{
    padding: 0px 10px;
    height: 20px;
    text-decoration: none;
}
.a_ugname:hover{
    text-decoration: underline;
}
.fig_mug{
    width: 20px;
    height: 20px;
    margin: 0 auto;
    /*float: left;*/
}
.img_mug{
    width: 18px;
}
.img_vug{
    height: 20px;
}
.wrtxt_mug{
    /*float: left;*/
    /*margin-left: 5px;*/
    /*padding-top: 2px;*/
    height: 20px;
}
/*** Num notes in menu ***/
.num_ng_{
    padding: 1px 4px;
}
.mkf_ug{
    margin-top: 2px;
    padding: 5px 5px;
    display: inline-block;
}
.box_message_ug{
    width: 100%;
    margin: 10px auto;
    border-radius: 3px;
}
.box_coll_ug{
    width: 100%;
    margin: 10px auto;
    border-radius: 3px;
}
.message_ug{
    width: 100%;
    display: block;
    padding: 7px 10px;
    border-bottom: 1px solid #E5E5E5;;
}
.figure_ug{
    width: 100%;
    padding: 10px 0px;
}
.imgst_ug{
    max-width: 100%;
}
.collaborators_ug{
    width: 100%;
}
.wrapper_coll_ug{
    width: 100%;
    overflow: hidden;
    background: #FFF;
}
.li_coll_ug{
    width: 50%;
    height: 90px;
    overflow: hidden;
    padding: 4% 2%;
    position: relative;
    float: left;
    border: 1px solid #E5E5E5;;
}
.wrapper_acoll_ug{
    width: 100%;
}
/*** Wrapper img and name collaborator ***/
.rm_coll{
    top: 2%;
    right: 1%;
}
.wrapper_imgc_ug{
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #E5E5E5;
}
.ro_diamond{
    position: relative;
    overflow: hidden;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.figure_imgc_ug{
    width: 56.56px;
    height: 56.56px;
    top: -10px;
    left: -10px;
    border: 1px solid black;
}
.ro_img{
    position: absolute;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.imgc_ug{
    width: 100%;
}
.wrapper_txtc_ug{
    float: left;
    padding: 5px 15px;
    max-width: 200px;
}
.txtc_ug{
    padding: 4px 0px;
}
.txam_ug{
    2px 0px;
}
.tx_de_no_:hover .txtc_ug{
    text-decoration: underline;
}
.aside-fix-nores{
    position: fixed;
    top: 0;
}
/*** New vist for add new album ***/
.header_new_album_ng{
    padding: 2.5px 0px;
    border-bottom: 1px solid #E5E5E5;
}
.wrapper_close_album_ng{
    right: 5px;
}
.wrapper_img_new_album_ng{
    vertical-align: top;
    width: 25px;
    margin-right: 5px;
}
.wrapper_text_new_album_ng{
    padding: 2.5px 0px;
    vertical-align: top;
}
.wrapper_contenct_new_album_ng{
    padding: 2.5px 0px;
    width: 100%;
}
.wrapper_text_new_album_ng{
    margin-bottom: 2.5px;
}
.textfield_new_album_ng{
    width: 250px;
    border: 1px solid #CFCFCF;
}

/*** Charts ***/
.wrapper_kpis{
    width: 90%;
    margin: 2.5px auto;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    clear: left;
}
.wrapper_chart{
    width: 100%;
}
.wrapper_title_chart_ng{
    width: 100%;
    padding: 7.5px 10px;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
}
.chart{
    width: 100%;
    padding: 10px;
}
.chart_070{
    width: 70%;
    padding: 10px;
}
/*** Set Title chart ng ***/
.wrapper_title_top_chart_ng{
    padding: 10px 10px;
    border-bottom: 1px solid #A8A8A8;
}
.wrapper_set_title_chart_ng{
    padding: 5px 10px;
    border-top: 1px solid #A8A8A8;
    border-bottom: 1px solid #A8A8A8;
}
.ico_chart{
    height: 22px;
    border-radius: 2px;
    padding: 3px 4px;
    margin-left:4px;
    vertical-align: top;
}
/*** Formulario chart ***/
.wrapper_form_chart_ng{
    width: 100%;
    padding: 10px;
}
.title_chart{
    padding: 2.5px;
    vertical-align: top;
}
.wrapper_items_des_chart_ng{
    width: 100%;
}
.wrapper_items_chart_ng{
    padding: 2.5px 0px;
    overflow: hidden;
    vertical-align: top;
}
.wrapper_label_chart_ng{
    margin: 0px 1% ;
    padding-left: 10px;
}
.wrapper_txt_chart_ng{
    margin: 0px 0.5%;
    vertical-align: top;
}
.item_label{
    padding: 2px 1px;
    width: 15px;
    vertical-align: top;
}
.txt_item_chart{
    height: 22px;
    vertical-align: top;
}
/**** btn chart ***/
.btn_chart{
    height: 22px;
    margin: 0px 1% 0px 0px;
    border: 1px solid transparent;
}
/*** Link to add new item ***/
.a_item_chart{
    text-decoration: none;
}
.a_item_chart .add_item{
    margin-right: 4px;
}
.a_item_chart:hover .add_item .i_add{
    text-decoration: underline;
}

/*** Categories ***/
.men_ca_ng{
    background-color: ;
    width: 100%;
}
.li_ca_ng{
    padding: 4px 10px;
}
.li_se_ng{
    padding: 2px 0px;
}
/**** filtro categories ****/
.col_ca_{
    width: 32.5%;
   /* height: 200px;*/
    border: 1px solid #E5E5E5;
}
.wrapper_items_ca{
    width: 100%;
    /*height: 176px;
    overflow-x: hidden;
    overflow-y: auto;*/
}
.items_ca{
    background: #FFF;
}
.items_ca:hover{
    background: #E5E5E5;
}

/***  View list notes ***/
.wrapper_icochart_{
    width: 100%;
}
.icochart_{
    
}
/**** Button alert email ****/
.wrapper_options{

}
.switch_container{
    right: 0px;
    top:-1px;
    padding: 2.5px;
}
.wrapper_switch{
    width: 35px;
    height: 15px;
    border-radius: 10px;
    position: relative;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.wrapper_switch_enabled{
    background-color: #1493C3;
}
.wrapper_switch_disabled{
    background-color: #C33614;
}
.switch{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #DDDADA;
    top: -2px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    position: absolute;
}
.switch_enabled{
    right: -1px;
}
.switch_disabled{
    left: -1px;
}

.wrapper-report-popup{
    width: 95%;
    margin: 0 auto;
}
.header-report-sheet{
    min-height: 38px;
}
.wrapper_paragraph{
    flex-wrap: nowrap;
}


.lp_text_01{
    min-height: 130px;
}
.lp_texts_{
    max-width: 520px;
}

/**** files */
.file-txt {
    width: 100%;
    float: left;
    font-size: 0.75em;
    font-family: OpenSans-Regular;
    padding: 5px;

}

.file-cell {
    display: inline-block;
    float: left;
    padding: 3px;
    border-collapse: separate;
    box-sizing: border-box;
    background-color:#FFF;
    overflow: hidden;
}

.file-stitch {
    overflow: hidden;
    text-align: center;
    width: 48%;
    height: 150px;
    margin:1%;
    padding:2%;
    border-radius: 5px;
    box-shadow: 1px 0 2px 0 #999999;
}

.file-stitch:hover {
    border:1px solid #1679E6;
    box-shadow: 1px 0px 2px 0 #1679E6;
}

.file-menu-list {
    top: 10px;
    right: 10px;
}
.file-list-stitch {
    border-bottom: 1px solid #e6e8eb;
    height: 80px;
    width:100%;
    background-color:#FFF;
    padding:2%;
}

.file-viewer-media {
    width:100%;
    max-height: 400px;
}
.file-viewer-media-wrap-img {
    max-height: 400px;
    width: 100%;
    text-align: center;
}

.file-viewer-media-img {
    max-width:100%;
    max-height: 400px;
}

.file-opt-menu {
    top: 28px;
    right: 5px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: left;
    z-index: 100;
}
.opt-menu-journal-record {
    top: 100%;
    left: 10%;
    position: absolute;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-align: left;
    z-index:100;
}

.file-acc-deny-tt {
    font-size: 1.4em;
}
.file-acce-deny-top {
    height:250px;
}
.file-acce-deny-img {
    margin-top:50px;
    height:300px;
}
.file-acce-deny-bottom {
    margin-top:-180px;
    height:400px;
    background-image: -ms-linear-gradient(top, #6DDBFC 0%, #007AF2 100%);
    background-image: -moz-linear-gradient(top, #6DDBFC 0%, #007AF2 100%);
    background-image: -o-linear-gradient(top, #6DDBFC 0%, #007AF2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6DDBFC), color-stop(100, #007AF2));
    background-image: -webkit-linear-gradient(top, #6DDBFC 0%, #007AF2 100%);
    background-image: linear-gradient(to bottom, #6DDBFC 0%, #007AF2 100%);
    
}
/*------------------------------------*/

@media screen and (max-width:1200px){
    #wr-hea-huuii-in{
	max-width: 1200px;
	padding: 0 5px;
    }
    #wr-huuii-profile{
	padding-right: 2%;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
}
@media screen and (max-width:1070px){
    #huuii-content-graphs{
	width: 800px;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
}
@media screen and (max-width:1085px){
    /**** Notes Info ****/
    .notes_create_info{
	width: 100%;
	height: 90%;
	padding: 20% 0px 0px 5%
    }
    .notes_close_info{
	width: 100%;
	height: 90%;
	padding: 20% 0px 0px 5%;
    }
    .notes_process_info{
	width: 100%;
	height: 90%;
	padding: 20% 0px 0px 2%;
    }
    .notes_programed_info{
	width: 100%;
	height: 90%;
	padding: 20% 0px 0px 5%;
    }
    .notes_delayed_info{
	width: 100%;
	height: 90%;
	padding: 20% 0px 0px 2%;
    }
    /**** Text graphs ****/
    .icon_create_note{
	font-size: 3em;
    }
    .icon_close_note{
	font-size: 3em;
	margin-right: 5px;
    }
    .icon_process_note{
	font-size: 3em;
    }
    .icon_programed_note{
	font-size: 2em;
	margin-right: 5px;
    }
    .icon_delayed_note{
	font-size: 3em;
    }
    /**** Text notes info ****/
    .tx_create_note, .tx_close_note, .tx_process_note, .tx_programed_note, .tx_delayed_note{ 
	font-size: 1.5em;
    }
    .tx_title_note{
	font-size: 0.6em;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
}
@media screen and (max-width:1045px){
    #wr-hea-huuii-in{
	width: 100%;
	padding: 0px 5px;
    }
    #wr-huuii-profile{
	right: 0px;
    }
    #beat-pub-in{
	display: none;
	float: none;
    }
    .aside-fix-res{
	position: fixed;
	width: 100%;
	height: 50px;
	display: none;
	bottom: 0px;
    }
    .wrapper_user_kpis{
	width: 30%;
	height: 330px;
    }
    .wrapper_chartbar_kpis{
	width: 69%;
	height: 450px;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
    .index_column_01{
	width: 95%;
	margin: 0 auto;
		   
    }
}
@media screen and (max-width:975px){
    #huuii-content-graphs{
	width: 720px;
    }
    .wrapper_user_kpis{
	width: 32%;
	height: 330px;
    }
    .wrapper_chartbar_kpis{
	width: 67%;
	height: 450px;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
    .lp_text_01{
	min-height: 150px;
    }
}
@media screen and (max-width:900px){
    #huuii-content-graphs{
	width: 620px;
    }
    /**** Icon info note ****/
    .icon_process_note{
	font-size: 2.5em;
    }
    .icon_programed_note{
	font-size: 1.5em;
	margin-right: 5px;
    }
    .icon_delayed_note{
	font-size: 2.5em;
    }

    /**** Notes Info ****/
    .notes_create_info{
	width: 100%;
	height: 90%;
	padding: 5% 0px 0px 5%
    }
    .notes_close_info{
	width: 100%;
	height: 90%;
	padding: 5% 0px 0px 5%;
    }
    .notes_process_info{
	width: 100%;
	height: 90%;
	padding: 5% 0px 0px 2%;
    }
    .notes_programed_info{
	width: 100%;
	height: 90%;
	padding: 5% 0px 0px 5%;
    }
    .notes_delayed_info{
	width: 100%;
	height: 90%;
	padding: 5% 0px 0px 2%;
    }
    /*** ***/
    .first_box, .third_box{
	width: 40%;
	margin: 0px 0.2%;
    }
    .first_graph,.third_graph{
	width: 59%;
	margin: 0px 0.3%;
    }
    .wrapper_user_kpis{
	width: 80%;
	height: 330px;
    }
    .wrapper_chartbar_kpis{
	width: 80%;
	height: 450px;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
    .file-acc-deny-tt {
	font-size: 1.3em;
    }
    .content_sites_01 .content_01{
	margin: 30px 8% 2%;
    }
    .note-txt-ovf {
	text-justify:inter-word;
	text-align:justify;
	max-height: 150px;
	overflow:hidden;
    }
}
@media screen and (max-width: 800px){
    .wrapper_chartbar_kpis{
	width: 71%;
	height: 350px;
    }
    .img-logo-huui-a {
	width:30px;
    }
    .img-huuii-letters-logo {
	display:none;
    }
    /*** Banner ***/
    #wrapper_banner_ug, .wrapper_poll{
	width: 95%;
    }
    .wrapper_banner_groups{
	width: 90%;
    }
    .wrapper_list_groups, .wrapper_kpis, .wrapper_list_{
	width: 95%;
    }
    #box-text-huuii{	
	margin: 2.5px auto;
    }
    #box-text-huuii-in, #box-text-huuii-improved{
	width: 95%;
    }
    .time-line-beat, .profile-info{
	width: 95%;
	margin: 2.5px auto;
    }
    /*** List members ***/
    .box_coll_ug{
	width: 100%;
    }
    /*** List sites ***/
    .huuii-content-sec-in{
	width: 95;
    }
    /*** Wrapper grapsh ***/
    .wrapper_graphs{
	width: 100%;
    }
    #wrapper_close_notes_ug, #wrapper_process_notes_ug, #wrapper_programed_notes_ug, #wrapper_delayed_notes_ug{
	width: 23%;
	height: 80px;
	margin: 1% 1%;
	float: left;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
    .index_column_01{
	width: 90%;
	margin: 0 auto;
    }
    .file-acc-deny-tt {
	font-size: 1.2em;
    }
    .content_sites_01 .content_01{
	margin: 30px 2% 2%;
	align-items: center;
	flex-direction: column;
    }
    .content_sites_01 .content_t01{
	-webkit-flex-direction: column-reverse; /* Safari 6.1+ */
	-moz-flex-direction: column-reverse; /* Firefox */
	flex-direction: column-reverse; 
    }
    .with_image_landing{
	width: 70%;
    }
    .wrap_contet_01_{
	width: 70%;
	flex-direction: row;
	margin-bottom: 2%;
	padding: 0px 0px;
    }
    .content_header_sites{
	margin: 30px 5% 10px
    }
    .wrap_img_landing{
	width: 150px;
    }

    .note-txt-ovf {
	text-justify:inter-word;
	text-align:justify;
	max-height: 160px;
	overflow:hidden;
    }
}
@media screen and (max-width: 625px){
    .finder-wrap {
	width:98%;
	margin:0 1%;
    }
    .huuii-card-find-result{
	width:98%;
	margin:10px 1%;
    }
    .img-logo-huui-a {
	width:30px;
    }
    
    .img-huuii-letters-logo {
	display:none;
    }
    #wrapper_graphs_ug{
	width: 100%;
	height: 120px;
	float: left;
    }
    #wrapper_create_notes_ug{
	width: 48%;
	height: 80px;
	float: left;
	margin: 1% 1% 0px 0px ;
    }
    #wrapper_close_notes_ug{
	width: 48%;
	height: 80px;
	float: left;
    }
    #wrapper_process_notes_ug, #wrapper_programed_notes_ug, #wrapper_delayed_notes_ug{
	width: 31.2%;
	height: 60px;
	marigin: 1%;
    }
    #wrapper_second_graph{
	height: auto;
    }
    .pie_graph{
	width: 100%;
	min-height: 200px;
	margin-top: 1%;
	float: none;
    }
    .wrapper-report-popup{
	width: 99%;
    }
    .wrapper_user_kpis{
	width: 99%;
	height: 330px;
    }
    .wrapper_chartbar_kpis{
	width: 99%;
	height: 400px;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }

    .wrap-fn-site-post {
	width:98%;
	border: 1px solid #e5e5e5;
	margin: 10px 1%;
	padding:2%;
	border-radius: 5px;
	height: 300px;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	overflow:hidden;
    }
    .btn_free{
	width: 70%;
    }
    .figure_index_login{
	width: 150px !important; 
	height: 150px !important;
    }
    .wrapper_paragraph{
	flex-wrap: wrap !important;
    }
    .wrapper_paragraph .wrapper_image_owner{
	width: 100%;
	flex-direction: row !important;
    }
    .wrapper_paragraph .wrapper_image_owner div{
	width: 30%;
	margin-left: 10px;
    }
    .file-viewer-media {
	max-width:100%;
	max-height: 200px;
    }
    .file-viewer-media-wrap-img {
	max-height: 200px;
    }
    .file-viewer-media-img {
	max-width:100%;
	max-height: 200px;
    }
    .huuii-modal-lg {
	width:100%;
    }
    .file-acc-deny-tt {
	font-size: 1em;
    }
    .x_sm_r{
	font-size: 0.9rem;
    }
    .content_header_sites{
	margin: 30px 3% 10px
    }
    .note-txt-ovf {
	text-justify:inter-word;
	text-align:justify;
	max-height: 170px;
	overflow:hidden;
    }
}
@media screen and (max-width: 480px){
    .wrapper_chartbar_kpis{
	width: 99%;
	height: 350px;
    }
    .report-date-finder{
	width:75%;
	margin:0 12.5%;
    }
    .report-date {
	width:96%;
	padding: 2%;
    }
    .report-date-item {
	padding-bottom:10px;
	width:96%;
	margin:0 2%;
	display:block;
    }
    .finder-wrap {
	width:98%;
	margin:0 1%;
    }
    .huuii-card-find-result{
	width:98%;
	margin:10px 1%;
    }
    .img-logo-huui-a {
	width:30px;
    }
    
    .img-huuii-letters-logo {
	display:none;
    }
    .user-name-profle-share-people{
	padding: 10px 7%;
	font-size: 0.9em;
    }
     /**** Icon info note ****/
    .icon_process_note{
	font-size: 2em;
    }
    .icon_programed_note{
	font-size: 1.5em;
	margin-right: 5px;
    }
    .icon_delayed_note{
	font-size: 2em;
    }
    #wrapper_create_notes_ug{
	width: 48%;
	height: 60px;
	float: left;
	margin: 1% 1% 0px 0px ;
    }
    #wrapper_close_notes_ug{
	width: 48%;
	height: 60px;
	float: left;
    }
    /**** Notes Info ****/
    .notes_create_info{
	width: 100%;
	height: 90%;
	padding: 0% 0px 0px 0%
    }
    .notes_close_info{
	width: 100%;
	height: 90%;
	padding: 0% 0px 0px 0%;
    }
    .notes_process_info{
	width: 100%;
	height: 90%;
	padding: 0% 0px 0px 0%;
    }
    .notes_programed_info{
	width: 100%;
	height: 90%;
	padding: 0% 0px 0px 0%;
    }
    .notes_delayed_info{
	width: 100%;
	height: 90%;
	padding: 0% 0px 0px 0%;
    }
    /**** Text notes info ****/
    .tx_create_note, .tx_close_note, .tx_process_note, .tx_programed_note, .tx_delayed_note{ 
	font-size: 1em;
    }
    .tx_title_note{
	font-size: 0.6em;
    }
    #wrapper_first_graph, #wrapper_third_graph{
	height: auto;
    }
    .first_box, .third_box{
	width: 100%;
	height: 200px;
	margin: 0px 0%;
    }
    .first_graph,.third_graph{
	width: 100%;
	height: 200px;
	margin: 0px 0%;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }
    .wrap-fn-site-post {
	width:98%;
	border: 1px solid #e5e5e5;
	margin: 10px 1%;
	padding:2%;
	border-radius: 5px;
	height: 300px;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	overflow:hidden;
    }
    .file-viewer-media {
	max-width:100%;
	max-height: 200px;
    }
    .file-viewer-media-wrap-img {
	max-height: 200px;
    }
    .file-viewer-media-wrap {
	max-height: 200px;
    }
    .huuii-modal-lg {
	width:100%;
    }
    .file-acce-deny-top {
	height:170px;
    }
    .file-acce-deny-img {
	height:200px;
    }
    .file-acc-deny-tt {
	font-size: 1em;
    }
    .wrap_landing_navs{
	display: none;
    }
    .x_sm_r{
	font-size: 0.7rem;
    }
    .note-txt-ovf {
	text-justify:inter-word;
	text-align:justify;
	max-height: 200px;
	overflow:hidden;
    }
}
@media screen and (max-width: 450px){
    
    .wrapper_chartbar_kpis{
	width: 99%;
	height: 350px;
    }
    .report-date-finder{
	width:75%;
	margin:0 12.5%;
    }
    .report-date{
	width:96%;
	padding: 2%;
    }
    .report-date-item {
	padding-bottom:10px;
	width:96%;
	margin:0 2%;
	display:block;
    }
    .finder-wrap {
	width:98%;
	margin:0 1%;
    }
    .huuii-card-find-result{
	width:98%;
	margin:10px 1%;
    }
    .img-logo-huui-a {
	width:30px;
    }
    
    .img-huuii-letters-logo {
	display:none;
    }
    /*** Groups ***/
    .wrapper_banner_groups{
	width: 95%;
    }
    .wrapper_list_groups, .wrapper_kpis, .wrapper_list_{
	width: 99%;
	padding: 0 5px;
    }
    #wrapper_banner_ug, .wrapper_poll{
	width: 99%;
    }
    /*** Box text ***/
    #box-text-huuii-in, #box-text-huuii-improved{
	width: 99%;
    }
    .time-line-beat, .profile-info{
	width: 99%;
    }
    /*** List members and sites***/
    .box_coll_ug, .huuii-content-sec-in{
	width: 99%;
    }
    .li_coll_ug{
	width: 80%;
	float: none;
	margin: 0 auto;
    }
    .wrapper_group, .wrapper_site, .wrapper_album{
	width: 48%;
	margin: 1%;
    }
    .content-post-pop-beat-popup .img-popup-eq{
	max-width: 100%;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }

    .wrap-album-photo {
	max-width:100%;
	height:300px;
	display: flex;
	align-items: center;
	justify-content: center;
    }
    .form-lr{
	width: 100%;
    }
    .lp_text_01{
	min-height: 200px;
    }
    .file-stitch {
	overflow:hidden;
	text-align:center;
	width:98%;
	height:150px;
	margin:1%;
	padding:2%;
	border-radius: 5px;
	box-shadow: 1px 0 2px 0 #999999;
    }
    .file-viewer-media {
	max-width:100%;
	max-height: 300px;
    }
    .file-viewer-media-wrap-img {
	max-height: 200px;
    }
    .file-viewer-media-wrap {
	max-height: 200px;
    }
    .huuii-modal-lg {
	width:100%;
    }

    .file-acce-deny-top {
	height:170px;
    }
    .file-acce-deny-img {
	height:200px;
    }
    .file-acc-deny-tt {
	font-size: 1em;
    }
    .wrap_contet_01_{
	width: 100%;
	padding: 0px 0px;
    }
    .wrap_content_landing{
	width: 95%;
    }
    .la_x_r{
	font-size: 1.6rem;
    }
    .wrap_img_landing{
	width: 100px;
    }
    .note-txt-ovf {
	text-justify:inter-word;
	text-align:justify;
	max-height: 240px;
	overflow:hidden;
    }
}

@media screen and (max-width: 370px){
    .wrapper_chartbar_kpis{
	width: 99%;
	height: 300px;
    }
    
    .report-date-finder{
	width:75%;
	margin:0 12.5%;
    }
    .report-date{
	width:96%;
	padding: 2%;
    }
    .report-date-item {
	padding-bottom:10px;
	width:96%;
	margin:0 2%;
	display:block;
    }
    .finder-wrap {
	width:98%;
	margin:0 1%;
    }
    .huuii-card-find-result{
	width:98%;
	margin:10px 1%;
    }
    .img-logo-huui-a {
	width:30px;
    }
    .img-huuii-letters-logo {
	display:none;
    }
     /*** Groups ***/
    #wrapper_banner_ug{
	width: 100%;
    }
    .wrapper_list_groups, .wrapper_kpis, .wrapper_list_{
	width: 100%;
    }
    .wrapper_group, .wrapper_site, .wrapper_album, .wrapper_image{
	width: 48%;
	margin: 1%;
    }
    #box-text-huuii-in, #box-text-huuii-improved{
	width: 100%;
    }
    .time-line-beat, .profile-info{
	width: 100%;
    }
    .box_coll_ug, .huuii-content-sec-in{
	width: 100%;
    }
    .li_coll_ug{
	width: 80%;
	float: none;
	margin: 0 auto;
    }
    /*** Icon menu after banner ***/
    .fig_mug{
	display: none;
    }
    .user-name-profle-share-people{
	padding: 5px 10%;
	font-size: 0.9em;
    }
    /**** Info activity user ****/
    .wrapper_user_picture-di{
	z-index: 2;
	width: 40px;
	height: 40px;
	margin-right: 25px;
    }
    .user_picture_di{
	top: -10px;
	left: -10px;
	width: 56.57px;
	height: 56.57px;
    }
    .txt_name_graphs{
	font-size: 0.8em;
    }
    .txt_infouser_graphs{
	font-size: 0.6em;
    }
    .item-poll{
	width: 100%;
	margin: 1% 0;
    }
    .img-poll2{
	max-width: 100%;
	height: 120px;
    }

    .wrap-album-photo {
    max-width:100%;
    height:188px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .btn_00r_{
	font-size: 0.8rem;
	padding: 6px 8px
    }
    .wrap-fn-site-post {
	width:98%;
	border: 1px solid #e5e5e5;
	margin: 10px 1%;
	padding:2%;
	border-radius: 5px;
	height: 300px;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
	overflow:hidden;
    }
    .btn_free{
	width: 90%;
    }
    .nv-logo-huuii{
	font-size: 1.4rem !important;
    }
    .lp_text_01{
	min-height: 240px;
    }

    .file-stitch {
	overflow:hidden;
	text-align:center;
	width:98%;
	height:150px;
	margin:1%;
	padding:2%;
	border-radius: 5px;
	box-shadow: 1px 0 2px 0 #999999;
    }
    .file-viewer-media {
	max-width:100%;
	max-height: 300px;
    }
    .file-viewer-media-wrap-img {
	max-height: 200px;
    }
    .file-viewer-media-wrap {
	max-height: 200px;
    }
    
    .huuii-modal-lg {
	width:100%;
    }
    .file-acce-deny-top {
	height:170px;
    }
    .file-acce-deny-img {
	height:250px;
    }
    .file-acc-deny-tt {
	font-size: 0.8em;
    }
    .me_r {
	font-size: 1.2rem;
    }
    .wrap_img_landing{
	width: 70px;
    }
    .btn_lsites_primary{
	padding: 10px 15px;
    }
    .note-txt-ovf {
    text-justify:inter-word;
    text-align:justify;
    max-height: 240px;
    overflow:hidden;
    }
}

@media (min-width: 576px) {
    font-size:1.75rem;
    #wr-nav-huuii-sys{
	position: fixed;
	width: 285px;
	--display: none;
	background: #FFF;
	right: 14%;
	top: -150%;
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
	z-index: 99;
	transition: all 0.5s ease 0.15s;
	height: 210px;
    }
    #menu-huuii-systems{
	padding: 15px;
	overflow-y:auto;
	height:210px;
    }
    .huuii-sites-gogle-ad-wrap {
	width: 50%;
	display: inline-block;
    }
}
@media (min-width: 768px){
    .package-header{
	font-size:2rem;
    }
    #wr-nav-huuii-sys{
	height: auto;
	position: fixed;
	width: 285px;
	--display: none;
	background: #FFF;
	right: 14%;
	top: -150%;
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
	z-index: 99;
	transition: all 0.5s ease 0.15s;

    }
    #menu-huuii-systems{
	padding: 15px;
	height: auto;
    }
    .huuii-sites-gogle-ad-wrap {
	width: 50%;
	display: inline-block;
    }
}
@media (min-width: 992px){
    .package-header{
	font-size:2.25rem;
    }
    #wr-nav-huuii-sys{
	height: auto;
	position: fixed;
	width: 285px;
	--display: none;
	background: #FFF;
	right: 14%;
	top: -150%;
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
	z-index: 99;
	transition: all 0.5s ease 0.15s;
    }
    #menu-huuii-systems{
	padding: 15px;
	height: auto;
    }
    .huuii-sites-advert {
	width: 200px;
	height: 100%;
	display: block;
	top: 450px;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }
    .huuii-sites-permalink-advert {
	width: 285px;
	display: block;
	top: 33%;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }

    .huuii-people-advert {
	width: 250px;
	height: 100%;
	display: block;
	top: 33%;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }
    .huuii-sites-gogle-ad-wrap {
	width: 50%;
	display: inline-block;
    }
}

@media (min-width: 1200px){
    .package-header{
	font-size:2.5rem;
    }
    #wr-nav-huuii-sys{
	height: auto;
	position: fixed;
	width: 285px;
	--display: none;
	background: #FFF;
	right: 14%;
	top: -150%;
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
	z-index: 99;
	transition: all 0.5s ease 0.15s;
    }
    #menu-huuii-systems{
	padding: 15px;
	height: auto;
    }
    .huuii-sites-advert {
	width: 250px;
	display: block;
	top: 485px;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }
    .huuii-sites-permalink-advert {
	width: 350px;
	display: block;
	top: 33%;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }

    .huuii-people-advert {
	width: 330px;
	height: 100%;
	display: block;
	top: 33%;
	transition: all 0.5s ease 0.15s;
	position:fixed;
	right:0;
	text-align: center;
	color: #a8a8a8;
    }
    .huuii-sites-gogle-ad-wrap {
	width: 50%;
	display: inline-block;
    }
}