/*
//////////////////////////////////////////

CSS Styles - Copyright Wredia Co. 2019

//////////////////////////////////////////
*/
textarea{
    padding-top: 11px !important;
}
.tox .tox-button {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important;
}
.tox .tox-textarea:focus, .tox .tox-textfield:focus {
    border-color: #9c27b0 !important;
}
.tox .tox-button--secondary {
    color: #fff !important;
}
.tox .tox-button--naked{
    color: #fff !important;
}
.tox .tox-button:hover:not(:disabled) {
    color: #fff !important;
}
.tox .tox-button:active:not(:disabled){
    color: #fff !important;
}
.tox .tox-button--secondary:active:not(:disabled){
    color: #fff !important;
}
.tox .tox-button--secondary:hover:not(:disabled){
    color: #fff !important;
}
.icon-alert-news, .icon-alert-page{
    position: relative;
    top: 3px;
    font-size: 16px;
}

.stats a, .stats .message{
    padding-top: 2px;
}

.bootstrap-tagsinput .not_us:hover{
    padding-right: 12px !important;
    cursor: not-allowed;
}
.bootstrap-tagsinput{
    padding-top: 10px;;
}
.bootstrap-tagsinput .form-control{
    display: none !important;
}
.bootstrap-tagsinput .yes_us:hover {
    padding-right: 18px !important;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    cursor: pointer;
    position: absolute;
    top: 5px !important;
    right: 0;
    opacity: 0;
}
.tox-statusbar__branding {
    display: none !important;
  }
  .tox-tinymce{
    top: 16px !important;
    margin-bottom: 20px !important;
  }
.slug{
    text-transform: lowercase;
}
.slug_invalid{
    background-image: linear-gradient(to top, #f44336 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px) !important;
}
.doc_click:hover{
    cursor: pointer;
}
.dropdown-item{
    cursor: pointer;
}
.wait-please{
    display: inline-block;
    top: 8px;
    position: absolute;
    bottom: 0;
    left: 44px;
    right: 0;
}
.dt-body-right{
    text-align: right;
}
.show>.dropdown-toggle:not(.dropdown-item):after{
    display: none !important;
}
.show>.dropdown-toggle:not(.dropdown-item):before{
    display: none !important;
}
/*
/////////////////////////////////////////

Videos CSS

/////////////////////////////////////////
*/
.video_form input{
    padding-bottom: 0px !important;
}

.video_form textarea{
    padding-top: 10px !important;
}
input{
    padding-top: 14px !important;
}

/*
/////////////////////////////////////////

Messaging CSS

/////////////////////////////////////////
*/
.toggle{
    margin-left: 25px !important;
    float: right;
}

.toggle_label{
    width: 100% !important;
    color: #999999 !important;
}


/*
/////////////////////////////////////////

Messaging CSS

/////////////////////////////////////////
*/
.messages_content{
    overflow: scroll;
}
.send_message{
    bottom: 32px;
    position: absolute;
}
.send_message_button{
    padding-top: 4px;
    padding-bottom: 4px;
    height: 35px;
    margin-right: 25px;;
}
.new_message_create{
    text-align: center !important;
}
.msg_user_photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zero_padding_msg{
    padding: 0px !important;
}
.right_chev{
    vertical-align: middle;
    padding: 10px;
    float: right;
    right: 0px;
    display: inline;
    line-height: 45px;
    top: 0;
    bottom: 0;
}


.convo_item li:last-child{
    border-bottom: 0px solid #e7e7e7;
}

.convo_item{
    border-top: 1px solid #e7e7e7;
    height: 75px;
    padding: 6px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 61px;
}
.msg_user_photo{
    line-height: 1px;
    width: 54px;
    height: 54px;
    margin-top: 3px;
    overflow: hidden;
    float: left;
    z-index: 5;
    margin-right: 11px;
    border-radius: 50%;
    margin-left: 23px;
}
.user_img_msg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .img_cont_msg {
    height: 40px;
    width: 40px;
    overflow: hidden;
    z-index: 5;
    margin-top: 3px;
    border-radius: 50%;
  }
  
  .online_icon {
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #4cd137;
    border-radius: 50%;
    bottom: 0.2em;
    right: 0.4em;
    border: 1.5px solid white;
  }
  
  .offline {
    background-color: #c23616 !important;
  }
  
  .msg_cotainer {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    border-radius: 25px;
    color: white;
    font-weight: 400;
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    padding: 7px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
  }
  
  .msg_cotainer_send {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    border-radius: 25px;
    color: white;
    font-weight: 400;
    background: linear-gradient(60deg, #5aa45d, #38853c);
    padding: 7px;
    padding-left: 17px;
    padding-right: 17px;
    position: relative;
  }
  
  .msg_time {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: #3C4858;
    font-size: 10px;
  }
  
  .msg_time_send {
    position: absolute;
    right: 0;
    color: #3C4858;
    bottom: -20px;
    font-size: 10px;
  }
  

/*
////////////////////////////////////////
END MESSAGING CSS
*/


.convo_table{
    list-style: none;
    padding-left: 0px;
    padding-top: 20px;
}
.form-control:disabled{
    color: grey !important;
}
.fileinput .thumbnail.img-circle{
    max-height: 100px;
}
.fileinput .thumbnail>img{
    object-fit: cover;
}
.avatar_img{
    height: 100px !important;
    width: 100px !important;
    object-fit: cover !important;
    max-height: 100px !important;
    max-width: 100px !important;
}

.th_container{
    max-width: 470px !important;
    margin: 0 auto;
    border-radius: 4px !important;
    padding-bottom: 10px;
}
.v_container{
    max-width: 500px !important;
    margin: 0 auto;
    border-radius: 4px !important;
    padding-bottom: 10px;
}
.v_middle{
    margin: -50px auto 0;
    border-radius: 4px !important;
    position: relative !important;
    padding-bottom: 56.25% !important;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.thumb_img_parent{
    margin: -50px auto 0;
    border-radius: 4px !important;
    position: relative !important;
    padding-bottom: 56.25% !important;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.v_middle > img{
    position: absolute !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.thumb_img_parent > img{
    position: absolute !important;
    border-radius: 4px !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.file_block, .th_block{
    top: 46px !important;
}
video {
    width: 100%;
    max-height: 100%;
    border-radius: 4px !important;
    margin: 0px !important;
    padding: 0px !important;
}
.video_middle{
    /* padding-bottom: 0px !important; */
    max-height: 164px !important;
}
#hover-item{
    color: white !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    background-color: #9c27b0;
}
.dropdown-item:hover{
    color: white !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
    background-color: #9c27b0;
}

.top-label{
    line-height: .25em !important;
}
#task_input-error{
    padding-left: 55px !important;
}
.register_form_error ul{
    list-style: none !important;
}
#login_form_error ul{
    list-style: none !important;
    font-weight: bold !important;  
}
#login_form_error{
    padding-bottom: 5px !important;
}
.bmd-floating-left{
    padding-left: 55px;
}
.left-label{
    padding-left: 55px;
}
#register_form{
    padding-top: 20px !important;
}

.col-form-label{
    text-align: right;
}

.utility > .table{
    display: inline-block;
    height: 200px !important;
    max-height: 200px !important; 
    overflow: scroll;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.notes, .tasks{
    position: relative;
    height: 200px;
}

.utility > .table > li:first-child{
    border-top: none !important;
}
.utility > .table > li{
    display: inline-flex;
    padding: 5px;
    width: 98%;
    border-top: 1px solid rgb(225, 225, 225);
}
.disabled{
    color: rgb(145, 145, 145);
}
.error{
    padding-left: 2.9em;
    color: #f44336 !important;
}
.utility > .table > li > span{
    display: inline;
    margin: auto;
    padding: 8px 8px;
}
.item{
    align-items: center; 
    align-content: center;
}
.utility > .table > li > #check{
    padding-left: 0px;
    max-width: 20px !important;
}
.utility > .table > li > #content{
    padding: 0px !important;
    margin-right: 9px;
    margin-left: 0px !important;
}
.utility > .table > li > #actions{
    padding-left: 0px;
    padding-right: 0px;
    text-align: right !important;
}
.utility > .table > li > #actions > button{
    padding: 5px;
    margin: 0px;
}
.form-check{
    display: inline;
}
.padding{
    padding: 10px;
}
.search-pane{
    float: right;
    display: inline-flex;
    color: white !important;
}
.todo_date{
    margin-right: 10px;
    margin-left: 0px !important;
}
.i-color{
    color: white !important;
}
.search-control{
    color: white !important;
}
.search-control:focus{
    color: white !important;
}
.pane{
    display: inline-flex;
}

.badge.badge-primary {
    background-color: #9c27b0;
}
.badge {
    padding: 5px 12px !important;
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
    display: inline-block !important;
    white-space: normal;
}
.badge-primary {
    color: #ffffff;
    background-color: #2196f3;
}
.badge-pill {
    padding-right: 0.6em !important;
    padding-left: 0.6em !important;
    border-radius: 10rem;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}


.border-between > [class*='col-']:before {
    background: #d2d2d2;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
 }
 
 .border-between > [class*='col-']:first-child:before {
    display: none;
 }



 /** Generic Stuff **/

 .hide{
     display: none;
 }


.my_lists{
    padding-top: 7px;
}

.oi{
    float: right;
    line-height: 1.5;
}
.list-group-item > a:hover{
    text-decoration: none;
}
.oi-trash{
    color: rgb(252, 50, 50);
    padding-left: 7px;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;
    transition: color 1s ease-out;
}
.edit_note_cancel{
    color: rgb(252, 50, 50);
    padding-left: 7px;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;
    transition: color 1s ease-out;
}
.oi-pencil{
    color: #3796fc;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;
    transition: color 1s ease-out;
}

.notifyspan{
    display: inline !important;
}

.oi-trash:hover{
    color: gray;
    padding-left: 7px;
}
.edit_note_cancel:hover{
    color: gray;
    padding-left: 7px;
}
.oi-x:hover{
    color: gray;
    padding-left: 7px;
}
.oi-pencil:hover{
    color: gray;
}



 .todo_completed_no{
     padding-right: 7px;
     color: gray;
     -webkit-transition: color 1s ease-out;
     -moz-transition: color 1s ease-out;
     -o-transition: color 1s ease-out;
     transition: color 1s ease-out;
 }

 .todo_completed_no:hover{
    padding-right: 7px;
    color: green;
}

 .todo_completed_yes{
     color: green;
     padding-right: 7px;
     -webkit-transition: color 1s ease-out;
     -moz-transition: color 1s ease-out;
     -o-transition: color 1s ease-out;
     transition: color 1s ease-out;
 }

 .todo_completed_yes:hover{
    color: gray;
    padding-right: 7px;
}
.note_title{
    font-size: 20px;
    font-weight: bold;

}
.note_content{
    line-height: 1.2em;
}
.note_controls{
    float: right;
}

.logo-img img{
    max-width: 230px;
    padding-left: 25px;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    
}
.main-panel>.content {
    min-height: calc(100vh - 153px) !important;
}
.login-page .footer {
    z-index: 99 !important;
}
.shrink_that{
    max-width: 220px;
    margin: auto;
    padding-bottom: 10px;

}