@media only screen and (min-width: 901px) and (max-width: 1600px){

	html {
		font-size:12px;
	}

	/*.sidebar {
	    width: 200px;
	}
	.main-panel {
	    width: calc(100% - 200px);
	}
	.sidebar .sidebar-wrapper{
	    width: 200px;
	}*/

}

.btn{
	padding: 6px 12px !important;
}

.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    padding: 5px !important;
}

.file_img {
    float: inherit;
    display: inline-block;
    max-width: 21px;
    max-height: 21px;
    cursor: pointer;
    border: 1px solid #c8c8c8;
    margin-left: 10px;
}
.img {
    vertical-align: middle;
    border-style: none;
}
/*
.main-panel>.content {
    margin-top: 45px;
    padding: 30px 10px !important;
    min-height: calc(100vh - 123px)!important;
}

.container-fluid {
    width: 100%;
    padding-right: 5px!important;
    padding-left: 5px!important;
    margin-right: 5px!important;
    margin-left: 5px!important;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    position: relative!important;
    width: 100%!important;
    min-height: 1px!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
}
*/

.comment-list-pane .card {
    margin-bottom: 0px !important;
    margin-top: 0px!important;
}

.comment-list-pane .card .card-body  {
    margin-bottom: 0px !important;
    margin-top: 0px!important;
}

.comment-list-pane .card p  {
    margin-bottom: 0px !important;
    margin-top: 0px!important;
}

.timeline-panel{
	padding: 10px !important;
    	margin-bottom: 	0px !important;
	    background-color: #EEE!important;
}

.timeline.timeline-simple {
    margin-top: 05px !important;
    padding: 0 0 10px!important;
}



@media only screen and (min-width: 901px){
	.comment-max {
	    display:inline-block !important;
	    /*border: 1px solid #981b1b;*/
	    visibility: visible;
	    /*margin-left: 1%;*/
	    /*padding: 1%;*/
	    overflow: hidden;
	    -webkit-transition: all .1s ease-in-out;
	    -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	    -o-transition: all .1s ease-in-out;
	    transition: all .1s ease-in-out;
	}
}
@media only screen and (min-width: 901px){
	.comment-min {
	    width: 0px;
	    height: 0px;
	    display: none;
	    visibility: hidden;
	    margin-right: 0;
	    overflow: hidden;
	    -webkit-transition: all .1s ease-in-out;
	    -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	    -o-transition: all .1s ease-in-out;
	    transition: all .1s ease-in-out;
	}
	.comment-min {
	    width: 0px;
	    margin-right: 0;
	    overflow: hidden;
	}
}

@media only screen and (min-width: 901px){
	.detail-min {
	    float: left;
	    /*width: 77.7%;*/
	    display: block;
	}
	.detail-min {
	    float: left;
	    /*width: 70.7%;*/
	    display: block;
	}
}

@media only screen and (min-width: 901px){
	.detail-max {
	    display:inline-block;	
	    float: left;
	    width: 100%;
	}
	.detail-max {
	    float: left;
	    width: 100%;
	}
}