/* 
    Created on : 1-ago-2016, 10.22.32
    Author     : D.Khymchuk
*/

#groups-mgnt-main .custom-grid-1{display:inline-table;width:99%;}
#groups-mgnt-main .custom-grid-1 .grid-row{display:table-row;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col{display:table-cell;vertical-align:top;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1{width:24%;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-2{width:76%;padding-left:3em;}


#groups-mgnt-main .custom-grid-1 .grid-col-1 .filter label{margin-left:1.2em;margin-top:1em;margin-bottom:-0.8em;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container{display:inline-table;width:97%;margin-left:0.6em;margin-bottom:0.8em;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container div{display:table-cell;height:1.8em;line-height:1.8em;border:1px solid gainsboro;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container div.search{width:3em;text-align:center;background:#F2F2F2;border-left:none;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container div input{width:100%;border:1px solid transparent;padding-left:1em;height:2.4em;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container input:focus{border:1px solid silver;}
#groups-mgnt-main .custom-grid-1 .grid-col-1 .input-container div.search:hover{background:gainsboro;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1 .special-container{margin-left:0em;width:100%;height:80em;overflow-y:scroll;overflow-x:hidden;background:white;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1 .special-container .entry{width:23em;font-size:0.9em;line-height:2.2em;padding-left:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
      border-bottom:1px solid gainsboro;border-left:3px solid white;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1 .special-container .entry label{width:3em;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1 .special-container .entry:hover{background:#F2F2F2;}
#groups-mgnt-main .custom-grid-1 .grid-row .grid-col-1 .special-container .entry.selected{border-left:3px solid #7B0818;}


#groups-mgnt-main .custom-grid-1 .dictionary-container{margin-top:2.4em;line-height:2.4em;}
#groups-mgnt-main .custom-grid-1 .dictionary-container span{display:inline-block;width:6em;text-align:center;background:#F2F2F2;border:1px solid gainsboro;margin-left:0.4em;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .dictionary-container span.selected{background:#4DAF7C;border:1px solid #4DAF7C;color:white;}
#groups-mgnt-main .custom-grid-1 .dictionary-container span:not(.selected):hover{background:gainsboro;}
#groups-mgnt-main .custom-grid-1 .groups-container{margin-top:2.4em;}
#groups-mgnt-main .custom-grid-1 .groups-container .group{font-size:0.92em;text-transform:lowercase;line-height:2.4em;width:40em;margin-top:0.4em;border:1px solid gainsboro;
    background:#F2F2F2;cursor:default;font-weight:bold;outline:none;}
#groups-mgnt-main .custom-grid-1 .groups-container .group label{width:3em;text-transform:uppercase;border-right:1px solid gainsboro;text-align:center;background:gainsboro;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .groups-container .group span.info{display:inline-block;text-transform:lowercase;font-weight:normal;margin-left:1.8em;word-spacing:0.1em;font-size:0.92em;font-style:italic;}
#groups-mgnt-main .custom-grid-1 .groups-container .group span.description{padding-left:0.6em;}
#groups-mgnt-main .custom-grid-1 .groups-container .group input{height:2.3em;padding-left:0.6em;margin-left:-0.2em;width:33.5em;border:1px solid transparent;display:none;text-transform:lowercase;font-style:italic;}
#groups-mgnt-main .custom-grid-1 .groups-container .group button{background:white;margin-left:-2em;height:2.2em;border:none;display:none;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.level-1{text-transform:uppercase;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.level-2{margin-left:5%;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.level-3{margin-left:10%;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.level-4{margin-left:15%;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.level-5{margin-left:20%;}
#groups-mgnt-main .custom-grid-1 .groups-container .group label.option{float:right;margin-right:0em;background:#F2F2F2;border-left:1px solid gainsboro;border-right:none;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .groups-container .group label.option:hover{background:gainsboro;}
#groups-mgnt-main .custom-grid-1 .groups-container .group label.option i{font-size:0.7em;padding:1.1em 0em 1.2em 0em;}
/*#groups-mgnt-main .custom-grid-1 .groups-container .group.level-5 label{background:lightsteelblue;color:white;}*/
#groups-mgnt-main .custom-grid-1 .groups-container .group div.menu{border:1px solid gainsboro;background:white;position:absolute;margin-left:23.9em;width:16em;z-index:7;box-shadow:0 0.2em 0.55em 0em rgba(0,0,0,0.35);}
#groups-mgnt-main .custom-grid-1 .groups-container .group div.menu div{font-size:0.92em;padding-left:1em;text-transform:lowercase;cursor:pointer;}
#groups-mgnt-main .custom-grid-1 .groups-container .group div.menu div label{background:none;border:none;text-align:left;}
#groups-mgnt-main .custom-grid-1 .groups-container .group div.menu div:hover{background:#F2F2F2;}
#groups-mgnt-main .custom-grid-1 .groups-container .group div.menu div:not(:last-child){border-bottom:1px solid gainsboro;}

#groups-mgnt-main .custom-grid-1 .groups-container .group.selected{}
#groups-mgnt-main .custom-grid-1 .groups-container .group.selected span.description,#groups-mgnt-main .custom-grid-1 .groups-container .group.selected span.info{display:none;}
#groups-mgnt-main .custom-grid-1 .groups-container .group.selected input,#groups-mgnt-main .custom-grid-1 .groups-container .group.selected button{display:inline-block;}