/* CSS Document */
.margin0{margin:0;}
.padding0{padding:0;}
.paddingtop10{padding-top:10px;}
.spacewrap{padding:3px;width:100%;}
#navbar{position: fixed;width: 100%;z-index: 100;}
.title{padding-left:10px;}
.logo img{max-height:25px;}
.title label{font-size: 18px;}
#sidebar, .contnt_sectn{margin-top: 45px;}
#sidebar{position: fixed;height: 100%;z-index: 50;}
.contentsction{margin-top: 45px;}
.tab-content{border:none;padding-left: 25px;padding-right: 25px;padding-top:10px;}
.tab-content .tabContent:not(:first-child){display:none;}
.tabContent h4{border-bottom: 1px solid #438eb9;padding-bottom: 10px;}

.tagItem{display:flex;margin-bottom: 5px;}
#TagsTab .tagicon{
    font-size: 22px;
    margin-top: 7px;
    color: #666666;
    padding-right:10px;
}
.tagItemDescription p{margin:0;}
/*.tagItemDescription {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 40px;
}*/
.tag_item_collapse{max-height:100px;overflow-y:scroll;margin: 0 0 10px 33px}
.recrding_dtl_inp{margin-bottom: 10px;}
.recrdng_dtl_btn, .doc_dwnld_btn{padding: 0px 20px;}
.tagItemTimes p{margin:0;}
.tagItemTimes{padding-right:10px;}
.collapse_icon{width:50px;}
.documentlist{width:100%;}
.documentItem div{float:left;}
.documentItem{width:100%;padding-bottom:15px;}
/*#DocumentsTab .ace-icon{font-size:20px;padding-right:10px;color: #666666;}*/
.doc_dwnld_btn{position: relative;float: right;}
#rcrding-doc-table td{vertical-align: middle;border:none;}
/*#rcrding-doc-table tr{height: 60px;}*/
#rcrding-doc-table tr:not(:last-child){border-bottom: 1px solid lightgray;}
#rcrding-timetag-table td{/*text-align:center;*/vertical-align: middle;border: none;}
/*#rcrding-timetag-table tr:not(:nth-last-child(2)) {
    border-bottom: 1px solid lightgrey;
}*/
#rcrding-timetag-table tr{border-bottom: 1px solid lightgrey;}
#rcrding-timetag-table td .ace-icon{font-size:20px;}
#rcrding-timetag-table td:last-child{text-align:left;}
#rcrding-timetag-table td:first-child{width:5%;}
#rcrding-timetag-table td:nth-child(2),#rcrding-timetag-table td:nth-child(3){width:5%;}
#rcrding-timetag-table p{margin:0;}
#rcrding-doc-table p{margin:0;}

#rcrding-meeting-table td { /*text-align:center;*/
    vertical-align: middle;
    border: none;
}

#rcrding-meeting-table tr:not(:nth-last-child(2)) {
    border-bottom: 1px solid lightgrey;
}

#rcrding-meeting-table td .ace-icon {
    font-size: 20px;
}

#rcrding-meeting-table td:last-child {
    text-align: left;
}

#rcrding-meeting-table td:first-child {
    width: 5%;
}

#rcrding-meeting-table td:nth-child(2), #rcrding-meeting-table td:nth-child(3) {
    width: 5%;
}

#rcrding-meeting-table p {
    margin: 0;
}


.doc-table td{vertical-align: middle;border:none;}
.doc-table tr{height: 60px;}
.doc-table tr:not(:last-child){border-bottom: 1px solid lightgray;} 


.ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar{
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    background: #669fc7;
    
}
.ui-dialog-title .widget-header{background: transparent;color: white;font-weight: bold;border:none;}
.ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-dialog-titlebar-close, .ui-dialog .ui-jqdialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close{
opacity: 1;
color: white;
}
.dialog-content{padding-bottom:15px;}
#password_field{width:100%;}
.dialog-footer{padding-top: 10px;text-align: right;}
.detail-row p{max-height: 110px;overflow-y: scroll;margin: 0;}
.tab-content-no-time-tag{margin-top:20px;}
/*.tab-content{margin-top:130px;}
*/
/****** ul-tag ******/
.ul-tag {
    font-family: 'FontAwesome';
    height: 25px !important;
    width: 160px !important;
    border: 1px #000 solid;
}

.ul-tag {
    border-radius: 0 !important;
    color: #858585;
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    padding: 5px 4px 6px !important;
    font-size: 14px !important;
    /*font-family: inherit;*/
    -webkit-box-shadow: none !important;
    /* box-shadow: none !important; */
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .ul-tag li {
        padding: 5px 10px !important;
        z-index: 2;
    }

        .ul-tag li:not(.init) {
            float: left;
            width: 140px;
            display: none;
            background: #ddd;
        }

            .ul-tag li:not(.init):hover, ul li.selected:not(.init) {
                background: #09f;
            }

li.init {
    cursor: pointer;
}

a#submit {
    z-index: 1;
}


/************Media Query*************/

@media only screen and (max-width: 767px){

.navbar:not(.navbar-collapse) .ace-nav > li {
    float: right !important;
}
.navbar:not(.navbar-collapse) .ace-nav {
    display: block;
    float: none !important;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 1px 0 0;
}

@media only screen and (max-width: 600px){
.logo_title .title span{display: block;}


.user-info{display:none;}

}
.navbar:not(.navbar-collapse) .ace-nav{background:transparent;}
}
@media only screen and (max-width: 480px){
.navbar .navbar-toggle{    width: 30px;height: 30px;}
.navbar .navbar-toggle .icon-bar{width: 20px;margin-left: 4px;}
.navbar .navbar-brand{padding:5px;padding-left: 8px;}
.title label {
    font-size: 15px;
}
.title {
    padding-left: 5px;
}

.titlediv{width:40%;}
.dtldiv{width:60%;}
.downldbtn{width: 100%;float:right !important;padding-bottom:10px;border-bottom:1px solid lightgrey;margin-bottom:10px;}
.doc_dwnld_btn{float: right;position: relative;right: 0;}

.navbar .navbar-header.headIcon {
     float: right !important; 
}
.navbar:not(.navbar-collapse) .ace-nav > li:last-child{border:none;}
.ace-nav a{height:40px !important;}
.ace-nav li a 
{
    border-radius: 5px;
    margin: 4px 5px 4px 0;
}
.headIcon{display:none !important;}

}
@media only screen and (max-width: 400px){

.titlediv{width:100%;}
.dtldiv, .dtldiv input{width:100%;}
}
@media only screen and (max-width: 319px){
.title label {
    font-size: 14px;
}
.title {
    width: 90%;
}
}