a{
    color: #1376bc;
    text-decoration: none;
}
a:hover, a:focus{
    color: #0f5c92;
    text-decoration: none; 
}
ul, ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.z{
    float:right;
    font-size:.001px;
    color:transparent;
    display:inline-block;
    width:0px;
}


.partners img{
    max-width: 100%;
    height: auto !important;
    max-height: 120px;
}

#profile_img a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
}
#profile_img img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 100%;
  z-index: 1;
}
#profile_img img:hover {
  opacity: 0.2;
}

#profile_img{
    height: 120px;
}

.profile{
    text-align: center;
}

.profile input{
    display: inline;
}

.profile div{
    margin-bottom: 25px;
    text-align: center;
}

.pages_chk{
    margin-bottom: 10px;
}

.profile img{
    width: 30%;
    height: auto;
    margin-bottom: 25px;
}

.alert {
    text-align: center;
}

.alert a{
    color:red;
}

.partners p{
    margin: 0px;
}

.partners .panel-body{
    padding: 0;
}

.sessions{
    text-align: center;
}

.sessions button{
    width: 24%;
    margin-bottom: 3px;
    height: 85px;
}

.session button{
    width: 33%;
    margin-bottom: 3px;
    height: 85px;
    font-size: 18px;
    white-space: normal;
}

.survey_button{
    width: auto !important;
    height: auto !important;
}

.sur{
    height: 55px;
    width: 20%;
}

.session_title{
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 2px black solid;
}

.panel{
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.session_left button{
    width: 100%;
    margin-bottom: 15px;
}

.session_title h2{
    margin-top: 0;
}

.session_panels{
    margin-top: 0;       
}

.pdf{
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;      
    -select: none;  
}

.session_panel{
    display: none;
    overflow-y:scroll; 
    height:70%;
}

.user_text{
    width: 100%;
    height: 30%;
}

.message_txt{
    width: 100%;
    height: 20%;
}

.journal_text{
    width: 100%;
    height: 100px;
}

#chat_journal{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #000000;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 15px;
}

#chat_journal h3{
    margin-top: 0px;
}

.call{
    /*display: none;*/
}

#call_text{
    font-size: 10px;
}

#outcome .checkbox-inline{
    margin-left: 0px;
    width: 32%;
    min-height: 40px;
}

.close_session {
    margin-top: 60px;
}

/*#project_buttons a{
    float: right;
}

#project_buttons button{
    float: left;
}

#project_buttons .btn-danger{
    margin-left: 140px;
}*/

.dropdown, .dropup{
    float: left;
    margin-right: 15px;
    /*padding-top: 15px;*/
}

#questions div{
    margin-bottom: 10px;
}

.prior {
    width: 350px;
    height: 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #000000;
    background-color:#E38AE3;
    margin: auto;
    margin-bottom: 10px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.prior2 {
    width: 240px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #000000;
    background-color:#E38AE3;
    margin: auto;
    margin-bottom: 10px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.prio_hist{
    margin-right: 10px;
    float: left;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #000000;
}

.video_thumb{
    width: 110px;
}

.prio_hist li{
    list-style-type: none;
}

.expl{
    text-align: left;
    margin-bottom: 20px;
}

.prior_but{
    margin-top: 20px;
    height: 45px;
}

.pri #save{
    display: none;
    width: 120px;
}

#new_prior{
    display: none;
}

#new_pri{
    height: 48px;
}

.prior input{
    width: 220px;
    height: 30px;
    margin-top: 9px;
    font-size: 18px;
}

.prior{
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

#chat{
    margin-bottom: 20px;
}

#sortable{
    padding-left: 0;
}

#sortable li{
    list-style-type: none;
}

#videoI{
    float: right;
    width: 50%;
    height: 500px;
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
}

.video_session{
    height: 798px;
    width: 50%;
    overflow-y: scroll;
}

.video_session2{
    height: 898px;
    width: 60%;
    max-width: 700px;
    overflow-y: scroll;
}

.survey_points{
    margin-right: auto;
    margin-left: auto;
}

.br-wrapper{
    width: 190px;
    position: relative;
    margin: 0px 0 0 -95px;
    left: 50%;
    margin-top: 20px;
}

#contentContainer {
    width: 600px;
    height: 250px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#contentContainer_survey{
    width: 600px;
    min-height: 600px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.content_survey {
    float: left;
    width: 600px;
    white-space: normal;
    background-repeat: no-repeat;
}

#wrapper {
    width: 12000px;
    transform: translate3d(0, 0, 0);
    transition: transform .5s ease-in-out;
}

.content {
    float: left;
    width: 600px;
    height: 250px;
    white-space: normal;
    background-repeat: no-repeat;
}

.messages {
    max-width: 450px;
    margin: 0px auto;
}
.messages div {
    max-width: 355px;
    word-wrap: break-word;
    margin-bottom: 20px;
    line-height: 24px;
}

.buble{
    font-size: 18px;
}

.clear {clear: both}
.from-me {
    position:relative;
    padding:10px 20px;
    color:white; 
    background:#0B93F6;
    border-radius:25px;
    float: right;
}
.from-me::before {
        content:"";
        position:absolute;
        z-index:-1;
        bottom:-2px;
        right:-7px;
        height:20px;
        border-right:20px solid #0B93F6;
        border-bottom-left-radius: 16px 14px;
        -webkit-transform:translate(0, -2px);
}

.from-me::after {
        content:"";
        position:absolute;
        z-index:1;
        bottom:-2px;
        right:-56px;
        width:26px;
        height:20px;
        background:white;
        border-bottom-left-radius: 10px;
        -webkit-transform:translate(-30px, -2px);
}

.from-them {
    position:relative;
    padding:10px 20px;
    background:#E5E5EA;
    border-radius:25px;
    color: black;
  float: left;
}       
.from-them::before {
        content:"";
        position:absolute;
        z-index:2;
        bottom:-2px;
        left:-7px;
        height:20px;
        border-left:20px solid #E5E5EA;
        border-bottom-right-radius: 16px 14px;
        -webkit-transform:translate(0, -2px);
}
.from-them::after {
        content:"";
        position:absolute;
        z-index:3;
        bottom:-2px;
        left:4px;
        width:26px;
        height:20px;
        background:white;
        border-bottom-right-radius: 10px;
        -webkit-transform:translate(-30px, -2px);
}

.journal_indi {
    width:100%;
    height:auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #000000;
    margin-bottom: 10px;
    padding: 10px;
}

.video_container{
    width: 100%;
}

.survey{
    width: 100%;
    height: 100%;
}

.unpartner{
    float: left;
}

.un_partner{
    float: right;
}

.inst{
    margin-top: 50px;
}
.actions{
    cursor: pointer;
    text-align: center;
}
#add_pages{
    display: none;
}
#add_questions{
    display: none;
}

#edit_outcome{
    display:none;
}

.edit_question{
    cursor: pointer;
}
.delete_question{
    margin-left: 20px;
}
.assigned_to{
    margin-bottom: 15px;
    padding-left: 0px;
}

.q_survey{
    margin-bottom: 25px;
    border-bottom: 1px solid black;
}

.q_survey p{
    font-weight: 700;
    font-size: 16px;
}

.q_survey label{
    font-weight: 300;
}

.intro_survey{
    font-size: 15px;
    margin-bottom: 30px;
    border-bottom: 1px black solid;
    padding-bottom: 10px;
}

#pop-div{
    width: 50%;
    margin: auto;
}

.charts div{
    margin-bottom: 25px;
}

#survey_details{
    border: 1px solid black;
    padding: 25px;
    display: none;
}

.close_table{
    float: right;
}

.magazine{
    width:800px;
    height:1035px;
}

.magazine_video{
    width:100% !important;
    height:798px;
}
.magazine_video2{
    width:95% !important;
    height:798px;
}

.session_panel_magazine{
    height: auto;
}

.magazine .turn-page{
    background-color:black;
    background-size:100% 100%;
}

.pager{
    text-align: center;
}

.pager i{
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
}

.tooltiptext{
    display: none;
}

.scroller_anchor{height:0px; margin:0; padding:0;}
.scroller{}

#processing{
    display: none;
}

.input-grou{
    margin-bottom: 20px;
}

.line{
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.session_back{
    margin-left: 10px;
}

.hidden {
  display: none;
}

.dash{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.dash_big{
    width: 100%;
    float: left;
}

.short_des{
    font-size: 13px;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

.video-js .vjs-control.vjs-fullscreen-control {
    position: absolute;
    right: 0;
}
.vjs-using-native-controls .vjs-control-bar {
    display: flex !important;
}

#dvSource { 
    width: 45%; 
    padding: 0.5em; 
    float: left; 
}
.dest { 
    width: 100%; 
    height: 60px; 
    padding: 0.5em; 
    float: left; 
    margin: 6px; 
    line-height: 40px;
}

.dest_box{
    width: 45%;
    float: right;
}

#dvSource div{
    width: 95%;
    height: 50px;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    border: 1px solid #000000;
    background-color: #e09e19;
    line-height: 50px;
    font-size: 14px;
}

.drag {
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.dropped {
  position: static !important;
}

.boxes{
    text-align: center;
    margin: 0px auto;
    width: 65%;
}

.priors_bck{
    background: #c9de96; /* Old browsers */
background: -webkit-linear-gradient(#c9de96 0%, #8ab66b 44%, #398235 100%);
background: -o-linear-gradient(#c9de96 0%, #8ab66b 44%, #398235 100%);
background: linear-gradient(#c9de96 0%, #8ab66b 44%, #398235 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );
}   

#save_button{
    margin-top: 20px;
    display: none;
}     

#save_video{
    text-align: center;
}  

.video-js{
    margin: auto;     
}

#new_post{
    display: none;
}

.social{
    margin-top: 15px;
}

.social_indi{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #000000;
    margin: 0 auto;
    margin-bottom: 15px;
    float: none;
    padding: 0;
}

.social_indi .header{
    width: 100%;
}

.social_indi p{
    padding: 10px;
    margin: 0px;
}

.social_indi .cont{
    margin-top: 15px;
}

.social_indi .comments{
    margin-top: 15px;
    background-color: #e6fff0;
    border-top: 1px solid #000000;
}
.social_indi .comment{
    background-color: #e6fff0;
}

.social_indi .header img{
    height: 45px;
}

.social_indi .comments img, .social_indi .comment img{
    width: 50px;
}

.social_indi .comment input{
    width: 90%;
    float: right;
}

.questions_survey{
    width: 240px;
    margin: 0 auto;
    text-align: left;
}

.dataex .input-group{
    margin-bottom: 25px;
}

video {
  height: 30%;
  z-index: 5;
}

#myvideo {
  transform: rotateY(-180deg);
}

#start {
    display: none;
}

#videoII{
    float: right;
    width: 40%;
    height: 500px;
    position: -webkit-sticky; 
    position: sticky;
    top: 0;
    text-align: center;
}

#connecting{
    margin-top: 25px;
}

.videoII{
    margin: 0 auto;
    float: none !important;
    padding-top: 60px;
    width: 100% !important;
    height: 90% !important;
}

.details{
    margin-top: 30px;
}

.call.disabled{
    background-color: #b3b3b3;
}

.call.disabled:hover{
    background-color: #b3b3b3;
}

.number_page{
    text-align: center;
    font-size: 20px;
}

.tools .fa-pencil{
    margin-left: 15px;
    color: green;
    cursor: pointer;
}

.tools .fa-trash{
    margin-left: 15px;
    color: red;
    cursor: pointer;
}

.blue{
    color: #0000ff;
}

.new_value{
    float: none;
    margin: 0 auto;
    width: 40%;
}

.new_value input{
    width: 80%;
    float: left;
}

.dropdown-menu{
    z-index: 10000;
}

.multimedia_session{
    height: 90% !important;
}

.audio_display_div{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
    z-index: 100;
}

.video_display_div{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
}

.audio_display{
    width: 80%;
}

#audio_display_window{
    width: 100%;
}

.audio_display_window{
    width: 100%;
    margin-top: 25px;
}

#remove_survey{
    margin-top: 35px;
}

.date-button{
    margin-top: 20px;
}

#remoteContainer video{
    margin-top: 20px;
    height: 45% !important;
}

#preloader { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }

.lightbox {
    display: none;
}

.read{
    text-align: center;
}

.session_heading{
    text-align: center;
}

.delete-course{
    margin: 0 auto;
    display: block;
}

.reading_material_video{
    width: 40%;
    float: right;
}

.reading_material_video_header{
    height: 51px;
    background-color: #000000;
    opacity: 0.45;
    color: white;
    font-size: 30px;
    text-align: center;
}

.bright_sidebar ul{
    list-style: none;
    padding-left: 0;
}
.bright_sidebar ul li a{
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin: 5px 0px;
}
.bright_sidebar ul li a.active, .bright_sidebar ul li a:hover{
    color: #22b573 !important;
}
.bright_sidebar ul li a svg, .bright_sidebar h6 span .feather{
    width: 18px;
    height: 18px;
    margin-right: 8px;
}
.bright_sidebar h6{
    font-weight: 400;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    margin: 12px 0px;
}
.bright_sidebar h6 a svg{
    width: 20px;
    height: 20px;
    color: #999;
}
.bright_sidebar ul.collapse{
    padding-left: 30px;
    padding-bottom: 10px;
}
.bright_sidebar ul.collapse li a{
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #777;
}

.main_content_wrapper .panel-heading{
    border-bottom: 1px solid #144A98;
    margin-top: 20px;
    padding-bottom: 5px;
    margin-bottom: 50px;
    position: relative;
}
.main_content_wrapper .panel-heading h1{
    font-size: 28px;
    color: #434242;
    font-weight: 700;
    margin: 10px 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.main_content_wrapper .panel-heading h1 .btn{
    padding: 5px 20px;
    font-size: 14px;
}
.main_content_wrapper .panel-heading h1 .btn svg{
    width: 16px;
    height: 16px;
    margin-top: -5px;
    margin-right: 8px;
}
.main_content_wrapper .panel-heading .filter_toggle{
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
}
.main_content_wrapper .panel-heading .filter_toggle svg{
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.show_filters{
    background: #f9f9f9;
    padding: 30px 0px;
}

.main_content_wrapper .table{
    background: #fff;
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
}
.main_content_wrapper .table-striped tbody tr:nth-of-type(odd){
    background-color: rgba(19, 118, 188, 0.03);
}
.main_content_wrapper .table td, .main_content_wrapper .table th{
    font-size: 14px;
    vertical-align: middle;
}
.main_content_wrapper .table thead th{
    border-top: 1px solid transparent;
    padding: 1rem;
}

.main_content_wrapper .table td a{
    font-weight: 700;
    color: #5d9315;
}
.main_content_wrapper .table td .form-control{
    min-width: 200px;
    width: auto;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
}
.unpartner{
    float: right;
    display: inline-block;
    padding: 6px 15px;
    text-align: center;
    border-radius: 25px;
    background: #f8f9fa;  
    font-size: 12px;  
}
.unpartner svg{
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.main_content_wrapper .table td.actions svg{
    width: 20px;
    height: 20px;
}
.main_content_wrapper .table td.actions svg.feather-trash-2{
    color: #bf202f;
}

.user_list_table ul.pagination{
    text-align: center;
    margin: 40px auto 40px;
    justify-content: center;
}
.user_list_table ul.pagination li{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #666;
    padding: 0px;
    margin: 0px 8px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid transparent;
    line-height: 32px;
}
.user_list_table ul.pagination li a{
    display: block;
    color: #666;
}
.user_list_table ul.pagination li.active{
    border: 1px solid #8dc642;
    color: #8dc642;
    font-weight: 700;
}
.user_list_table ul.pagination li.disabled{
    color: #ccc !important;
}
.user_list_table ul.pagination li:first-child, .user_list_table ul.pagination li:last-child{
    font-size: 24px;
}
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label{
    font-size: 14px;    
}
.dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input{
    border-radius: 4px;
    margin: 0px 4px;
    border: 1px solid #ccc;
}
.dataTables_wrapper{
    position: relative;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    margin-top: 30px;
}

.dataTables_wrapper .dataTables_info{
    position: absolute;
    bottom: 10px;
    display: inline-block;
    color: #fff;
    background-color: #6c757d;
    padding: .25em .4em !important;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}


.send_mail_list{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 1200px;
    width: 100%;
}
.send_mail_list li{
    width: 25%;
    text-align: left;
    margin-right: 10px;
}
.send_mail_list li a{
    display: block;
    font-size: 14px;
    color: #434242;
    padding: 5px 0px;
    margin-left: 16px;
}
.send_mail_list li a svg{
    height: 16px;
    width: 16px;
    /*margin-right: 6px;*/
    margin-left: -16px;
    padding-right: 3px;
}
.send_mail_list li a:hover{
    color: #1376bc;
}
.border_box{
    background: #eee;
    text-align: center;
    padding: 20px 0px;
}
.border_box p{
    margin-bottom: 0;
}


/*===== Datepicker Calendar Styling =====*/

.bootstrap-datetimepicker-widget{

    padding: 25px 15px 15px !important;

    border-radius: 4px !important;

    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);

    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);

    border: none !important;

    width: auto !important;

}

.bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:first-child{

    height: 60px;

}

.bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead th{

    padding: 0px 5px 15px !important; 
    font-family: 'Lato';
    color: #333;

}
.bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev{
    font-size: 40px;
    border: 1px solid red;
    color: #333 !important;
    position: relative;
    z-index: 9999;
}
.bootstrap-datetimepicker-widget th.next:after, .bootstrap-datetimepicker-widget th.prev:after{
    content: '>';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}



.bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead th.dow{

    border-bottom: 1px solid #eee;

    padding: 0px 12px 10px !important; 

    width: auto !important;

    font-size: 11px;

    font-weight: 300;

    color: #aaa;

}

.bootstrap-datetimepicker-widget td.day{

    height: 0px !important;

    width: 40px !important;

    border-radius: 50%;

    font-size: 13px;

    padding: 10px 5px;

    color: #434242;


}

.bootstrap-datetimepicker-widget td.today:before{

    display: none !important;

}

.bootstrap-datetimepicker-widget td.today{

    background: #ccc;

    color: #434242;

}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover{

    background: #c1a06e;

    color: #fff;

}

.secondary_heading{
    border-bottom: 1px solid #eee;
    margin-top: 45px;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 40px;
}

.userDetail_sec{
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to bottom, #f9f9f9, #eee);
    background-image: -webkit-linear-gradient(to bottom, #f9f9f9, #eee);
    background-image: -moz-linear-gradient(to bottom, #f9f9f9, #eee);
    background-image: -ms-linear-gradient(to bottom, #f9f9f9, #eee);
    background-image: -o-linear-gradient(to bottom, #f9f9f9, #eee);
    padding: 50px;
}
.user_profile_img{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.user_profile_img .user_imgs{
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 20px;

}
.user_profile_img .user_imgs img{
    max-width: 100%;
    height: auto !important;
}
.user_profile_img .user_name_info{
    margin: auto;;
    padding-bottom: 30px;
}
.user_profile_img .user_name_info h2{
    font-size: 24px;
    font-weight: 700;
}
.user_profile_img .user_name_info p{
    margin-bottom: 0;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    color: #666;
}
.user_profile_img .user_name_info svg{
    margin-right: 10px;
    stroke: #06bc1e;
    vertical-align: top;
    width: 20px;
    stroke-width: 2px;
    height: 20px;
}
.role_info1{
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.role_info{
    text-align: center;
    background: #eee;
    border-radius: 8px;
    min-height: 100px;
    border: 1px solid #ddd; 
    padding: 20px;   
}
.role_info1 .form-group{
    display: inline-block;
    margin: 0px 10px;
}
.user_current_session{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}
.user_current_session h5{
    font-size: 14px;
    margin: auto 0;
}
.user_current_session h4{
    font-size: 14px;
    font-weight: 700;
    margin: auto 15px;
}
.user_current_session .form-control{
    margin: auto 15px;
}

.journal_show{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 20px 0px;
}
.journal_show a{
    width: 20%;
    margin: auto;
}
.journal_show .journal_indi{
    margin-bottom: 0;
    width: 80%;
    background: rgba(19, 118, 188, 0.03);
    border: none;
    padding: 10px 20px;
}
.journal_show .journal_indi .journal_date_detail{
    font-size: 12px;
}
.user_general_info{
    border-top: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.user_general_info ul{
    text-align: center;
    display: block;
    padding: 0;
    list-style: none;
}
.user_general_info ul li{
    display: block;
}
.user_general_info ul li span.ugi_left{
    display: inline-block;
    width: 48%;
    text-align: right;
    margin-right: 5px;
    color: #777;
}
.user_general_info ul li span.ugi_right{
    display: inline-block;
    width: 48%;
    text-align: left;
    margin-left: 5px;
    font-weight: 700;
}

.admin_setting_page .brightSity_notification{
    padding: 40px 20px;
    margin: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.admin_outcome_page .list-group{
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.admin_outcome_page .list-group .list-group-item{
    width: 20%;
    border: 0;
    cursor: pointer;
    text-align: left;
    position: relative;
}
.admin_outcome_page .list-group .list-group-item:hover{
    color: #22b573;
}
.admin_outcome_page .list-group .list-group-item svg{
    margin-left: -20px;
    width: 15px;
    position: absolute;
    color: #22b573;
}
.admin_survey_page .form-check-label{
    width: 94%;
    vertical-align: top;
}