/*
http://www.opensource.org/licenses/bsd-license.php New BSD License
*/
/* 
    Created on : 2020.08.14., 12:28:24
    Author     : Szincsák András <andras@szincsak.hu>
*/
body{color:#666;    height: 100%;background: #fafafa;font-family:"QUICKsand", sans-serif;} 
table.table{    color: #579778;}

/* LOGO */
#logo{margin: 0px auto;width:230px;height:100px;padding:0px;display:block;   transition: all .2s ease-in-out; transform-origin: center;}
a#logo  {display:inline-block;margin:5px;transform: scale(.7);width: 230px;height:50px;transform-origin: top left;}


#logotext {display:block;float:left;font-size: 2.5rem;line-height: 1.2em;color: #bccbd2;font-family: "PT+Sans narrow", sans-serif;text-align: center;}
#logotext b {color:#579778;font-weight:normal}
#logotext small {color:#bccbd2;display:block;line-height:1em;    line-height: 1em;font-size: .435em;padding: 0;margin: -7px 0px 0px 0px}

#logosquare{display:block;float:left;width:20px;height:60px;}
#logosquare i{position:relative;display:block; top:9px;left:0;width:13px;height:13px;background:#579778}
#logosquare i::after{content:"";position:absolute; top:34px;left:0;width:13px;height:13px;background:#aaa}
#logosquare i::before{content:"";position:absolute; top:17px;left:0;width:13px;height:13px;background:#bccbd2}

.box{padding:15px; border:1px solid #ccc;border-radius:5px;    margin-bottom: 15px;}
.box h2{background:#579778;color:#fff;padding:6px 10px;    margin: -16px -15px 15px -15px;font-size: 1.2em;    border-radius: 5px 5px 0 0px;}
.box.white{background:#fff;}

.box table.timer{margin:-5px;margin: -5px;width: calc(100% + 10px);}
.box table.timer tr:nth-child(6){background:#d9eaf1;}
.box table.timer tr:nth-child(7){background:#b7d5e0;}
.box table.timer .switch { padding-top: 8px;}

.frames pre {background:#f6f6f6;padding:12px;font-size: 13px;color:#2f3337;border-radius: 5px;white-space: unset;position: relative}
.frames code {white-space: normal}
.frames .icon {position:absolute;right:5px;top:5px;color:#cecece;font-size: 1.5em}
.frames .icon:hover {color:#333;cursor:pointer}
.bootstrap-tagsinput {margin-bottom:20px}

.grid-view {padding:0}
.grid-view .delete {display:block;text-align:center;color:inherit!Important}
.grid-view .delete:hover {color:#75afca!Important}
.grid-view table.items th {background: #579778!Important;}
.grid-view table.items tbody tr:hover,.grid-view table.items tbody tr:hover strong,.grid-view table.items tbody tr.selected {    background: #579778!Important;color:#fff}
.btn.extra {float:right;}
.description_extra h3 {margin:0}
.description_extra {margin:10px 0}

/*RIGHTS*/
#rbac-menu {display: block;    padding: 0 0 20px 0;}
#rbac-menu .nav-tabs {border:none}
#rbac-menu a{padding:10px 20px;color:#fff;background:#579778;margin: 0 5px 0 0;border-radius:5px;}
#rbac-menu li.active a{background:#5b7b88;}
#permissions tr th {font-size:.8em;text-align: center;padding: 5px;}
#permissions tr td {padding:5px;}
#permissions .role-column {text-align:center;max-width: 10%;}
#permissions .permission-column {width:50%!Important}
#permissions tr:hover .permission-column a{color:#fff}
.role-column svg {min-width:20px;color:#fff;text-align:center;font-size:20px;border: 1px solid #fff; padding: 3px 2px;border-radius:3px}
.role-column .label-success{background:#68b860;}
.role-column .label-important{background:#f44336}
.role-column .label-warning{background:#f4dc0b;color:#888;border-color:#bcb46d}

#assignments .role-column {text-align:left;font-size:.8em;font-weight: bold;padding: 2px 15px; color: #85abbc;}