.hide{display:none;}
.show{display:block;}

.sign_in_with_google_box{padding:1em 0;}
a, .button, [type=button]{cursor:pointer;}
.padd{padding:.5em 0;}

#app{height:100%;}
.ib{display:inline-block;}

.loading{position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:10000; text-align:center;}
.loading img{height:50px; position: relative; top:48%;}

.swal2-title, .swal-title{text-transform:capitalize!important;}

.required{color:#d00;}
.btn-primary, .btn-danger, .btn-info, .btn-success{color:#fff!important;}

.modal-dialog.modal-lg{max-width:100%; width:80%;}
form .row{margin-bottom:5px;}

.nav-tabs > li > a.active, .nav-tabs > li > a.active:focus{background:#0064bc; color:#fff;}

textarea.form-control{min-height:120px;}
.dd .dd-item a{color:#fff!important;}


/*Pagination*/
.dataTables_paginate a{padding:.5em; background:#f7f7f7; color:#222;}
.dataTables_paginate a:hover{background:#30A5FF; color:#fff;}
.dataTables_paginate span a.current, .dataTables_paginate span a.current:hover{font-weight:bold; background:#1186E0; color:#fff;}
.dataTables_paginate .previous, .dataTables_paginate .next{background:#eee;}
.dataTables_paginate .previous{border-radius:5px 0 0 5px;}
.dataTables_paginate .next{border-radius:0 5px 5px 0;}

.btn-warning, .btn-warning:focus{color:#fff!important;}

.modal .content{padding-left:0!important;}


/*Custom Comment*/
.main-comment{margin:1em; border:1px solid #ccc; padding:1em; position:relative;}
.main-comment .sub-comment{margin-left:2em; margin-top:.5em; padding:.5em 1em; border:1px solid #ccc; background:#fff;}


.comment-hidden{background:#FACBC5!important;}
.comment-approve{background:#E6FFB5!important;}


/* Datatable Font*/
label{cursor:pointer;}
.main-label{font-family:'Montserrat', sans-serif; text-transform:uppercase; font-weight:bold;}
.sub-route td{padding-left:3em;}
.ctrl-label{padding:.15em 1em; background:#bbb; color:#fff; border-radius:10px;}
.ctrl-label.active{background:#7DBD48;}


.bootstrap-tagsinput{display:block;}
.bootstrap-tagsinput .tag{display:inline-block;}
.bootstrap-tagsinput .tag [data-role="remove"]{cursor:pointer;}

.drag-handler{cursor:pointer; background:#f7f7f7!important; text-align:center;}
.drag-handler:hover{background:#eee!important;}


.fix-scroll{overflow:scroll!important;}
.multiple-choice span.choice{display:inline-block; padding:.5em 1em; font-weight:bold;}

.radio.btn-tag label{margin:0!important;}

blockquote{font-size:1.1em; line-height:1.5em;}

.folder-view, .thumbs-view{display:inline-block; position:relative; width:100px; text-align:center; overflow:hidden; vertical-align:text-top;}
.folder-view img, .thumbs-view img{display:block; margin:0px auto;}
.folder-view span, .thumbs-view span{display:block;}