body{ font-size: 13px;}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
/*form*/
.form-control {
    font-size: 12px;
    font-weight: normal;
    color: #3e5c64;
    background-color: #d5e9f0;
    border: 1px solid #d5e9f0;
    border-radius: 3px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-error .form-control {
    border-color:rgb(205,92,92, 0.1)
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.control-label {
    font-weight: normal !important; color: #3f4047 !important; 
   
    
}
.blue {
    background: #439db7 !important;
}
.btn {
    border-radius: 3px !important;
    background: #666666 !important;
    color: #ffffff !important; border:0px !important; font-size: 12px !important

}
.btn:hover{ border: 0px !important;}


.btn.green{ background: #439db7 !important;}
.form .form-actions.right {
    padding-left: 0 !important;
    padding-right: 10px !important;
    text-align: center !important;
    background: #f2f2f2 !important;
    margin-top:30px !important;
}

.portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm {
    padding: 3px 12px !important;
    font-size: 12px;
    line-height: 2.2em;
}

.form .form-actions {
    background: none !important;
    border: none !important;
}
.page-title {
    padding: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    display: block;
    color: #2e333e;
    margin: 0px 0px 15px 0px;
    font-weight:400;
}
.page-title small {
    display: block;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 3px;
}
hr {
    border-top: 1px solid #bfbfbf;
}
/*TOPBAR FULLWIDTH*/
.topbarfullwidth {
    /*background: #1e2129;*/
    background: rgb(0, 0, 0);
    position: relative;
    z-index: 1;
    display: block;
    padding: 30px 0px 0px 0px;
    -webkit-box-shadow: -1px -2px 5px 8px rgba(186, 180, 186, 0.20);
    -moz-box-shadow: -1px -2px 5px 8px rgba(186, 180, 186, 0.20);
    box-shadow: -1px -2px 5px 8px rgba(186, 180, 186, 0.20);
    display: table;
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}
.topbarfullwidth .topbarfullwidth_content,
.topbarfullwidth .topbarfullwidth_login {
    background: #fff;
    color: #2e333e;
    height: 50px;
    margin-top: 40px;
    display: block;
    display: table-cell;
    vertical-align: middle;
    padding: 0px .9%;
    font-family: 'Muli', sans-serif;
    font-size: 1.1em;
    width: 70%;
}
.topbarfullwidth .topbarfullwidth_content>span {
    margin-left: 10px;
    font-weight: bold
}
.topbarfullwidth .topbarfullwidth_content>span::after {
    padding: 0px 10px;
    content: " || ";
}
.topbarfullwidth .topbarfullwidth_login {}
.topbarfullwidth .topbarfullwidth_login div {
    vertical-align: middle;
    display: table;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 1.2em
}
a.circle-icon {
    background: #2e333e;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    border: 0px #a2a2a2 solid;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: table;
    float: right;
    margin-left: 2%;
    transition: all 0.4s ease-in;
}
a.circle-icon i {
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
}
.redorange {
    color: #f9473a
}
.bluewhite {
    color: #09efe3
}
a.circle-icon.redorange:hover {
    color: #2e333e;
    background: #f9473a;
}
a.circle-icon.bluewhite:hover {
    color: #2e333e;
    background: #09efe3;
}
@media (max-width: 767px) {
    .topbarfullwidth .topbarfullwidth_content>span::after {
        padding: 0px 0px;
        content: "";
    }
    .topbarfullwidth .topbarfullwidth_content>i.Ccopy {
        display: none
    }
}
/*ASAMBLEA*/
.todo-main-header {
    margin-top: -20px
}

.todo-main-header>h3 {
    font-weight: 400;
   font-size : 22px;
    margin-right: 1em;
    display: inline-block;
    color: #3b464f
}

.todo-main-header>.todo-breadcrumb {
    border-left: 1px solid;
    border-color: #dae3eb;
    padding: .5em 2em;
    display: inline-block;
    margin-top: 17px
}

.todo-main-header>.todo-breadcrumb>li {
    display: inline-block;
    font-size: 1,2em
}

.todo-main-header>.todo-breadcrumb>li>a {
    color: #77838d;
    text-transform: uppercase;
    text-decoration: none
}

/* .todo-main-header>.todo-breadcrumb>li>a:hover {
    color: #337ab7;
    text-decoration: none
} */

.todo-main-header>.todo-breadcrumb>li>.todo-active {
    color: #9a7caf
}

.todo-main-header>.todo-breadcrumb>li:before {
    content: "•";
    color: #b6c1cb;
    margin: 0 1em
}

.todo-main-header>.todo-breadcrumb>li:first-child:before {
    content: "";
    margin: 0
}

.todo-container .todo-projects-container,
.todo-container .todo-tasks-container {
    background-color: #fff;
    border: 1px solid #ebf0f5
}

.todo-container .todo-projects-container {
    padding: 0
}

.todo-container .todo-projects-container>li {
    list-style: none;
    padding: 30px 20px
}

.todo-container .todo-projects-divider {
    height: 1px;
    margin: 0;
    background-color: #ebf0f5
}

.todo-container .todo-tasks-container {
    padding: 30px 20px
}

.todo-container .todo-head {
    border-bottom: 1px solid;
    border-color: #ebf0f5;
    padding-bottom: 20px
}

.todo-container .todo-head>h3 {
    margin-top: 0;
    display: inline-block;
    color: #4db3a4;
    font-weight: 600;
    text-transform: uppercase;
    
}

.todo-container .todo-head>p {
    display: inline-block;
    color: #9eacb4;
   
    margin-left: 2em;
    margin-bottom: 0;
    margin-top: 0
}

.todo-container .todo-head>button {
    float: right;
    font-weight: 600;
   
    text-transform: uppercase
}

.todo-container .todo-projects-content,
.todo-container .todo-tasks-content {
    padding-left: 0
}

.todo-container .todo-projects-item,
.todo-container .todo-tasks-item {
    list-style: none;
    margin-left: 0
}

.todo-container .todo-projects-item>h3 {
   
    color: #4e5a64;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px
}

.todo-container .todo-projects-item p {
    color: #a0a9b4;
    margin-bottom: 15px;
    margin-top: 0
}

.todo-container .todo-projects-item:last-child {
    border-bottom: none
}

.todo-container .todo-projects-item.todo-active {
    background-color: #fafbfc;
    position: relative
}

.todo-container .todo-projects-item.todo-active>h3 {
   color: #9a7caf
}

.todo-container .todo-projects-item.todo-active:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 20px solid #fafbfc;
    position: absolute;
    right: -20px;
    top: 65px
}

/* .todo-container .todo-projects-item:hover {
    background-color: #fafbfc;
    cursor: pointer
} */




/**/
.todo-container .todo-projects-item>.todo-project-item-foot {
    font-size: 12px
}

.todo-container .todo-tasks-item {
    padding: 30px 0;
    border-bottom: 1px solid;
    border-color: #ebf0f5
}

.todo-container .todo-tasks-item>h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3em
}

.todo-container .todo-tasks-item>h4>a {
    color: #65717b
}

.todo-container .todo-tasks-item>h4>a:hover {
    color: #49a7fa;
    text-decoration: none
}

.todo-container .todo-tasks-item>h4>a:focus {
    color: #65717b;
    text-decoration: none
}

.todo-container .todo-tasks-item>p {
    margin: 0;
    color: #9eacb4
}

.todo-container .todo-tasks-item:last-child {
    border-bottom: none
}

.todo-add-button {
    border: 1px solid #e0e6e9;
    background-color: #fff;
    color: #c1cbd1;
    text-decoration: none;
    padding: 0 .4em;
    font-size: 20px;
    margin: -.3em 0 0 .5em;
    float: right
}

.todo-add-button:hover {
    background-color: #4db3a4;
    color: #fff;
    text-decoration: none
}

.todo-add-button:focus {
    color: #c1cbd1;
    text-decoration: none
}

#todo-members-modal>.modal-dialog {
    top: 20px
}

#todo-members-modal .select-height {
    height: 10em
}

#todo-task-modal>.modal-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 60%;
    margin: 0 auto
}

#todo-task-modal>.modal-dialog .modal-content {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto
}

#todo-task-modal>.modal-dialog .modal-content .todo-task-modal-title {
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 2em
}

#todo-task-modal>.modal-dialog .modal-content .todo-task-due {
    margin-left: 1em;
    font-weight: 600;
    color: #4db3a4;
    width: 150px!important
}

#todo-task-modal>.modal-dialog .modal-content .todo-task-assign {
    margin-left: 1em;
    border: 1px solid #ccc;
    padding: 6px 10px;
    font-weight: 600;
    color: #4db3a4;
    text-transform: uppercase
}

#todo-task-modal>.modal-dialog .modal-content .todo-task-assign:focus,
#todo-task-modal>.modal-dialog .modal-content .todo-task-assign:hover {
    text-decoration: none
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-modal-bg {
    background-color: #f7f9fa;
    padding: 20px
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h3 {
    margin: 15px 0;
    font-size: 20px;
    color: #4e5a64;
    font-weight: 600
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>p {
    font-size: 15px;
    color: #8f9ea6;
    line-height: 24px
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9eacb4;
    margin-top: 25px
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>h4>.todo-add-button {
    float: none
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file {
    color: #49a7fa;
    font-size: 13px
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>i {
    margin-right: .5em
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>.todo-remove-file {
    color: #9eacb4;
    margin-left: .5em
}

#todo-task-modal>.modal-dialog .modal-content>.todo-task-modal-body>.todo-task-file>.todo-remove-file:hover {
    color: #4db3a4;
    cursor: pointer
}

.todo-inline {
    display: inline-block
}

.todo-float-r {
    float: right
}

.todo-bold {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase
}

.todo-padding-b-0 {
    padding-bottom: 0!important
}

.todo-grey {
    color: #9eacb4
}

.todo-red {
    color: #d39790!important
}

.todo-green {
    color: #4db3a4
}

@media (max-width:1199px) {
    .todo-head>p {
        display: block;
        margin-left: 0!important
    }
}

@media (max-width:991px) {
    #todo-task-modal>.modal-dialog {
        width: 95%
    }
    .todo-active:after {
        border: none!important
    }
}

@media (max-width:480px) {
    .todo-task-modal-title,
    .todo-tasks-container .todo-head>p {
        margin-left: 0!important;
        margin-top: 1em
    }
    .todo-task-modal-title {
        display: block!important
    }
}
/*CAJA USUARIO*/
a.circle-icon-big {
    background: #fff;
    width: 80px;
    height: 80px; 
    line-height: 80px;  
    border-radius: 50% !important;
    border: 2px #ccc solid;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;  
    margin-left: 0;
    transition: all 0.4s ease-in;
    margin:0px auto;
}
a.circle-icon-big  i {
    font-size: 60px;  line-height: 60px; margin-top: 10px; color: #2ab5c9;
}