.drop-highlighted {
    background-color: yellow;
}
.drop-validTarget {
    background-color: lightblue;
}
/*
 * Phoca Flags 1.0.0 by Jan Pavelka
 * Copyright 2013 Jan Pavelka ( http://www.phoca.cz )
 * License GNU General Public License version 3
 */
.phoca-box {
    width: 32%;
    float: left;
    position: relative;
    height: 140px;
}
.phoca-flagbox {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}
.phoca-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    display: inline-block;
    vertical-align: middle;
}
.phoca-title {

    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
}

/* australia */
.au {
    background: url('data:image/svg+xml;base64, ');
    width: 100%;
    height: 50%;
    background-size: 100% 100%;
}
/* canada */
.ca {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDY0MDAgMzIwMCI+DQo8cGF0aCBmaWxsPSIjZjAwIiBkPSJtMCwwaDY0MDB2MzIwMGgtNjQwMHoiLz4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xNjAwLDBoMzIwMHYzMjAwaC0zMjAweiIvPg0KPHBhdGggZmlsbD0iI2YwMCIgZD0ibTMxOTkuOTUyNiwyOTBsLTIwOS41OTExLDQwOC43MWMtMjMuNzgyNSw0NC40Mi02Ni4zOTM3LDQwLjMtMTA5LjAwNDksMTUuNDlsLTE1MS43MzgzLTgyLjE1IDExMy4wOTI5LDYyNy43N2MyMy43ODI2LDExNC42OS01Mi41MjI1LDExNC42OS05MC4xNzk1LDY1LjFsLTI2NC44MTI4LTMwOS45NS00Mi45OTE5LDE1Ny40Yy00Ljk1NzcsMjAuNjctMjYuNzU2LDQyLjM4LTU5LjQ1ODUsMzcuMjFsLTMzNC44NTg4LTczLjYxIDg3Ljk1MjgsMzM0LjMyYzE4LjgyODQsNzQuMzkgMzMuNTE0OSwxMDUuMTktMTkuMDA4LDEyNC44MWwtMTE5LjM1NDUsNTguNjUgNTc2LjQzNzksNDg5LjU0YzIyLjgxNTcsMTguNTEgMzQuMzQzMiw1MS44MiAyNi4yMjA2LDgxLjk4bC01MC40NTA2LDE3My4xYzE5OC40NzYxLTIzLjkyIDM3Ni40MTg4LTQ1LjMzIDU3NC44OTA0LTY5LjIyIDE3LjYzNTMtLjIzIDQ2Ljg3NzksMTUuNDQgNDYuNzU3NSwzNi42OGwtMjYuMjk3Nyw2MzQuMTdoOTYuNWwtMTUuMTkwMi02MzIuODFjLS4xMjA1LTIxLjI0IDI2LjM5ODQtMzguMjcgNDQuMDMzNy0zOC4wNCAxOTguNDcxNiwyMy44OSAzNzYuNDE0NSw0NS4zIDU3NC44OTA2LDY5LjIybC01MC40NTA1LTE3My4xYy04LjEyMjYtMzAuMTYgMy40MDQ4LTYzLjQ3IDI2LjIyMDUtODEuOThsNTc2LjQzNzgtNDg5LjU0LTExOS4zNTQ0LTU4LjY1Yy01Mi41MjMtMTkuNjItMzcuODM2NC01MC40Mi0xOS4wMDgxLTEyNC44MWw4Ny45NTMtMzM0LjMyLTMzNC44NTksNzMuNjFjLTMyLjcwMjUsNS4xNy01NC41MDA4LTE2LjU0LTU5LjQ1ODYtMzcuMjFsLTQyLjk5MTktMTU3LjQtMjY0LjgxMjcsMzA5Ljk1Yy0zNy42NTcxLDQ5LjU5LTExMy45NjIyLDQ5LjU5LTkwLjE3OTYtNjUuMWwxMTMuMDkyNy02MjcuNzctMTUxLjczOCw4Mi4xNWMtNDIuNjEyMywyNC44MS04NS4yMjI0LDI4LjkzLTEwOS4wMDUtMTUuNDkiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 50%;
    background-size: 100% 100%;
}
/* denmark */
.dk {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNzAgMjgwIj4NCjxwYXRoIGZpbGw9IiNkMDBjMzMiIGQ9Im0wLDBoMzcwdjI4MGgtMzcweiIvPg0KPGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQwIj4NCjxwYXRoIGQ9Im0xNDAsMHYyODAiLz4NCjxwYXRoIGQ9Im0wLDE0MGgzNzAiLz4NCjwvZz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 75.675675675676%;
    background-size: 100% 100%;
}
/* england */
.england {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUgMTUiIGhlaWdodD0iNzIwIj4NCjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0wLDBoMjV2MTVoLTI1eiIvPg0KPGcgZmlsbD0iI2NmMTQyYiI+DQo8cGF0aCBkPSJtMTEsMGgzdjE1aC0zeiIvPg0KPHBhdGggZD0ibTAsNmgyNXYzaC0yNXoiLz4NCjwvZz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 60%;
    background-size: 100% 100%;
}
/* spain */
.es {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgNTAwIj4NCjxwYXRoIGZpbGw9IiNjNjBiMWUiIGQ9Im0wLDBoNzUwdjUwMGgtNzUweiIvPg0KPHBhdGggZmlsbD0iI2ZmYzQwMCIgZD0ibTAsMTI1aDc1MHYyNTBoLTc1MHoiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}
/* sweden */
.se {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDEwMDAiPg0KPHBhdGggZmlsbD0iIzBiNTA4OSIgZD0ibTAsMGgxNjAwdjEwMDBoLTE2MDB6Ii8+DQo8ZyBmaWxsPSIjZmZjMTAwIj4NCjxwYXRoIGQ9Im01MDAsMGgyMDB2MTAwMGgtMjAweiIvPg0KPHBhdGggZD0ibTAsNDAwaDE2MDB2MjAwaC0xNjAweiIvPg0KPC9nPg0KPC9zdmc+DQo=');
    width: 100%;
    height: 62.5%;
    background-size: 100% 100%;
}
/* united_kingdom */
.gb {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 50%;
    background-size: 100% 100%;
}
/* netherlands */
.nl {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgOSA2Ij4NCjxwYXRoIGZpbGw9IiMyMTQ2OGIiIGQ9Im0wLDBoOXY2aC05eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg5djRoLTl6Ii8+DQo8cGF0aCBmaWxsPSIjYWUxYzI4IiBkPSJtMCwwaDl2MmgtOXoiLz4NCjwvc3ZnPg0K');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}
/* united_states */
.us {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjM1IDY1MCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPGRlZnM+DQo8ZyBpZD0idW5pb24iPg0KPHVzZSB5PSItLjIxNiIgeGxpbms6aHJlZj0iI3g0Ii8+DQo8dXNlIHhsaW5rOmhyZWY9IiN4NCIvPg0KPHVzZSB5PSIuMjE2IiB4bGluazpocmVmPSIjczYiLz4NCjwvZz4NCjxnIGlkPSJ4NCI+DQo8dXNlIHhsaW5rOmhyZWY9IiNzNiIvPg0KPHVzZSB5PSIuMDU0IiB4bGluazpocmVmPSIjczUiLz4NCjx1c2UgeT0iLjEwOCIgeGxpbms6aHJlZj0iI3M2Ii8+DQo8dXNlIHk9Ii4xNjIiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPC9nPg0KPGcgaWQ9InM1Ij4NCjx1c2UgeD0iLS4yNTIiIHhsaW5rOmhyZWY9IiNzdGFyIi8+DQo8dXNlIHg9Ii0uMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMTI2IiB4bGluazpocmVmPSIjc3RhciIvPg0KPHVzZSB4PSIuMjUyIiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InM2Ij4NCjx1c2UgeD0iLS4wNjMiIHhsaW5rOmhyZWY9IiNzNSIvPg0KPHVzZSB4PSIuMzE1IiB4bGluazpocmVmPSIjc3RhciIvPg0KPC9nPg0KPGcgaWQ9InN0YXIiPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0ibWF0cml4KC0uODA5MDIgLS41ODc3OSAuNTg3NzkgLS44MDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIgdHJhbnNmb3JtPSJtYXRyaXgoLjMwOTAyIC0uOTUxMDYgLjk1MTA2IC4zMDkwMiAwIDApIi8+DQo8dXNlIHhsaW5rOmhyZWY9IiNwdCIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDcyKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcHQiIHRyYW5zZm9ybT0icm90YXRlKDE0NCkiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNmZmYiIGlkPSJwdCIgZD0iTS0uMTYyNSwwIDAtLjUgLjE2MjUsMHoiIHRyYW5zZm9ybT0ic2NhbGUoLjA2MTYpIi8+DQo8cGF0aCBmaWxsPSIjYmYwYTMwIiBpZD0ic3RyaXBlIiBkPSJtMCwwaDEyMzV2NTBoLTEyMzV6Ii8+DQo8L2RlZnM+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwwaDEyMzV2NjUwaC0xMjM1eiIvPg0KPHVzZSB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjEwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSIyMDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iMzAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8dXNlIHk9IjQwMCIgeGxpbms6aHJlZj0iI3N0cmlwZSIvPg0KPHVzZSB5PSI1MDAiIHhsaW5rOmhyZWY9IiNzdHJpcGUiLz4NCjx1c2UgeT0iNjAwIiB4bGluazpocmVmPSIjc3RyaXBlIi8+DQo8cGF0aCBmaWxsPSIjMDAyODY4IiBkPSJtMCwwaDQ5NHYzNTBoLTQ5NHoiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3VuaW9uIiB0cmFuc2Zvcm09Im1hdHJpeCg2NTAgMCAwIDY1MCAyNDcgMTc1KSIvPg0KPC9zdmc+DQo=');
    width: 100%;
    height: 52.631578947368%;
    background-size: 100% 100%;
}
/* uruguay */
.uy {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzUwIDkwMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGgxMzUwdjkwMGgtMTM1MHoiLz4NCjxnIGZpbGw9IiNmY2QxMTYiIHN0cm9rZT0iIzAwMCIgaWQ9IjR3YXZ5cmF5cyIgc3Ryb2tlLXdpZHRoPSIuNiIgdHJhbnNmb3JtPSJtYXRyaXgoNS41MDU1MSAwIDAgNS41MDU1MSAyNTAgMjUwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjIwIj4NCjxnIGlkPSIyd2F2eXJheXMiPg0KPGcgaWQ9IndhdnlyYXkiIHRyYW5zZm9ybT0icm90YXRlKDIyLjUpIj4NCjxwYXRoIGQ9Im0wLDAgNiwxMmMtOCwxMyAxLDE1LTYsMjEgMy04LTQtNS0zLTIwIi8+DQo8cGF0aCBmaWxsPSJub25lIiBkPSJtMCwxMWMtMiwxMyA0LjUsMTcgMCwyMiIvPg0KPC9nPg0KPHVzZSB3aWR0aD0iMjQzIiBoZWlnaHQ9IjE2MiIgeGxpbms6aHJlZj0iI3dhdnlyYXkiIHRyYW5zZm9ybT0ic2NhbGUoLTEpIi8+DQo8L2c+DQo8dXNlIHdpZHRoPSIyNDMiIGhlaWdodD0iMTYyIiB4bGluazpocmVmPSIjMndhdnlyYXlzIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCkiLz4NCjwvZz4NCjx1c2Ugd2lkdGg9IjI0MyIgZmlsbD0iI2ZjZDExNiIgaGVpZ2h0PSIxNjIiIHN0cm9rZT0iIzAwMCIgeGxpbms6aHJlZj0iIzR3YXZ5cmF5cyIgc3Ryb2tlLXdpZHRoPSIuNiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzExIC43MDcxMSAtLjcwNzExIC43MDcxMSAyNTAgLTEwMy41NTMzOSkiIHN0cm9rZS1taXRlcmxpbWl0PSIyMCIvPg0KPGcgZmlsbD0iI2ZjZDExNiIgc3Ryb2tlPSIjMDAwIiBpZD0iNHN0cmFpZ2h0cmF5cyIgc3Ryb2tlLXdpZHRoPSIuNiIgdHJhbnNmb3JtPSJtYXRyaXgoNS41MDU1MSAwIDAgNS41MDU1MSAyNTAgMjUwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjIwIj4NCjxnIGlkPSIyc3RyYWlnaHRyYXlzIj4NCjxwYXRoIGlkPSJzdHJhaWdodHJheSIgZD0ibTAsMGg2bC02LDMzLTYtMzNoNnYzMyIvPg0KPHVzZSB3aWR0aD0iMjQzIiBoZWlnaHQ9IjE2MiIgeGxpbms6aHJlZj0iI3N0cmFpZ2h0cmF5IiB0cmFuc2Zvcm09InNjYWxlKC0xKSIvPg0KPC9nPg0KPHVzZSB3aWR0aD0iMjQzIiBoZWlnaHQ9IjE2MiIgeGxpbms6aHJlZj0iIzJzdHJhaWdodHJheXMiIHRyYW5zZm9ybT0icm90YXRlKDkwKSIvPg0KPC9nPg0KPHVzZSB3aWR0aD0iMjQzIiBmaWxsPSIjZmNkMTE2IiBoZWlnaHQ9IjE2MiIgc3Ryb2tlPSIjMDAwIiB4bGluazpocmVmPSIjNHN0cmFpZ2h0cmF5cyIgc3Ryb2tlLXdpZHRoPSIuNiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzExIC43MDcxMSAtLjcwNzExIC43MDcxMSAyNTAgLTEwMy41NTMzOSkiIHN0cm9rZS1taXRlcmxpbWl0PSIyMCIvPg0KPGNpcmNsZSBmaWxsPSIjZmNkMTE2IiBjeD0iMCIgY3k9IjAiIHN0cm9rZT0iIzAwMCIgcj0iMTEiIHN0cm9rZS13aWR0aD0iLjYiIHRyYW5zZm9ybT0ibWF0cml4KDUuNTA1NTEgMCAwIDUuNTA1NTEgMjUwIDI1MCkiIHN0cm9rZS1taXRlcmxpbWl0PSIyMCIvPg0KPGcgdHJhbnNmb3JtPSJtYXRyaXgoLjU1MDU1IDAgMCAuNTUwNTUgMjUwIDI1MCkiPg0KPGcgaWQ9InJpZ2h0Ij4NCjxwYXRoIGQ9Im04MS00NGMtNyw4LTExLTYtMzYtNi0yNSwwLTI5LDE1LTMzLDEyLTQtMyAyMS0yMSAyOS0yMiA4LTEgMzEsNyA0MCwxNiIvPg0KPHBhdGggZD0ibTUyLTM1YzcsNiAxLDE5LTYsMTktNywwLTIwLTEyLTE0LTIwIi8+DQo8cGF0aCBkPSJtMTktMjZjMS0xMiAxMS0xNCAyNy0xNCAxNiwwIDIzLDEyIDI5LDE1LTcsMC0xMy0xMC0yOS0xMC0xNiwwLTE2LDAtMjcsMTAiLz4NCjxwYXRoIGQ9Im0yMi0yM2M0LTYgOSw2IDIwLDYgMTEsMCAxNy0zIDI0LTggNy01LTEwLDEyLTIxLDEyLTExLDAtMjYtNi0yMy0xMCIvPg0KPHBhdGggZD0ibTU2LTE3YzEzLTcgNS0xNyAwLTE5IDIsMiAxMCwxMiAwLDE5Ii8+DQo8cGF0aCBkPSJtMCw0M2M2LDAgOC0yIDE2LTIgOCwwIDI3LDExIDM4LDctMjMsOS0xNCwzLTU0LDNoLTUiLz4NCjxwYXRoIGQ9Im01OCw1N2MtNC03LTMtNS0xMS0xNiA4LDYgMTAsOSAxMSwxNiIvPg0KPHBhdGggZD0ibTAsNjdjMjUsMCAyMS01IDU0LTE5LTI0LDMtMjksMTEtNTQsMTFoLTUiLz4NCjxwYXRoIGQ9Im0wLDMwYzcsMCA5LTUgMTctNSA4LDAgMTksMyAyNCw3IDEsMS0zLTgtMTEtOS04LTEtNS0xNC0xNC0xNiAwLDQgMywzIDQsOSAwLDUtOSw1LTExLDAgMiw4LTQsOC05LDgiLz4NCjwvZz4NCjx1c2Ugd2lkdGg9IjI0MyIgaGVpZ2h0PSIxNjIiIHhsaW5rOmhyZWY9IiNyaWdodCIgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSIvPg0KPHBhdGggZD0ibTAsNzZjLTUsMC0xOCwzIDAsMyAxOCwwIDUtMyAwLTMiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiMwMDM4YTgiIGlkPSJyZWN0MzY0MSIgZD0ibTAsNzAwaDEzNTB2MTAwaC0xMzUweiIvPg0KPHVzZSB3aWR0aD0iMzY0LjUiIGhlaWdodD0iMjQzIiB4bGluazpocmVmPSIjcmVjdDM2NDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIwMCkiLz4NCjxwYXRoIGZpbGw9IiMwMDM4YTgiIGlkPSJyZWN0Mzk4NiIgZD0ibTUwMCwzMDBoODUwdjEwMGgtODUweiIvPg0KPHVzZSB3aWR0aD0iMTM1MCIgaGVpZ2h0PSI5MDAiIHhsaW5rOmhyZWY9IiNyZWN0Mzk4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjAwKSIvPg0KPC9zdmc+DQo=');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}
/* gmdn */
.gmdn {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSI5MiIgaGVpZ2h0PSIzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+DQogPGc+DQogIDx0aXRsZT5MYXllciAxPC90aXRsZT4NCiAgPHRleHQgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InNlcmlmIiBmb250LXNpemU9IjI0IiBpZD0ic3ZnXzEiIHk9IjI2IiB4PSI0NSIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiMwMDAwMDAiPkdNRE48L3RleHQ+DQogIDxyZWN0IHN0cm9rZT0iIzAwMDBmZiIgZmlsbC1vcGFjaXR5PSIwIiBpZD0ic3ZnXzMiIGhlaWdodD0iMzYiIHdpZHRoPSI5MCIgeT0iMSIgeD0iMSIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSIjMDAwMDAwIi8+DQogPC9nPg0KPC9zdmc+');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}

/* mdp */
.mdp {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+DQo8c3ZnIHdpZHRoPSI5MiIgaGVpZ2h0PSIzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8IS0tIENyZWF0ZWQgd2l0aCBTVkctZWRpdCAtIGh0dHA6Ly9zdmctZWRpdC5nb29nbGVjb2RlLmNvbS8gLS0+DQogPGc+DQogIDx0aXRsZT5MYXllciAxPC90aXRsZT4NCiAgPHRleHQgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9InNlcmlmIiBmb250LXNpemU9IjI0IiBpZD0ic3ZnXzEiIHk9IjI2IiB4PSI0NSIgc3Ryb2tlLXdpZHRoPSIwIiBzdHJva2U9IiMwMDAwMDAiIGZpbGw9IiMwMDAwMDAiPk1EUDwvdGV4dD4NCiAgPHJlY3Qgc3Ryb2tlPSIjMDBjYzAwIiBmaWxsLW9wYWNpdHk9IjAiIGlkPSJzdmdfMyIgaGVpZ2h0PSIzNiIgd2lkdGg9IjkwIiB5PSIxIiB4PSIxIiBzdHJva2Utd2lkdGg9IjUiIGZpbGw9IiMwMDAwMDAiLz4NCiA8L2c+DQo8L3N2Zz4=');
    width: 100%;
    height: 66.666666666667%;
    background-size: 100% 100%;
}
/*!
* StyleSheet for JQuery splitter Plugin
* Copyright (C) 2010 Jakub Jankiewicz <http://jcubic.pl>
*
* Same license as plugin
*/
.splitter_panel {
    position: relative;
}
.splitter_panel .vsplitter {
    background-color: #dddddd;
    cursor: col-resize;
    z-index:900;
    width: 4px;
}

.splitter_panel .hsplitter {
    background-color: #dddddd;
    cursor: row-resize;
    z-index: 800;
    height: 4px;
}
.splitter_panel .vsplitter.splitter-invisible,
.splitter_panel .hsplitter.splitter-invisible {
    background: none;
}
.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel,
.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel {
    position: absolute;
    overflow: auto;
}
.splitter_panel .vsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel {
    height: 100%;
}
.splitter_panel .hsplitter, .splitter_panel .top_panel, .splitter_panel .bottom_panel {
    width: 100%;
}
.splitter_panel .top_panel, .splitter_panel .left_panel, .splitter_panel .vsplitter {
    top: 0;
}
.splitter_panel .top_panel, .splitter_panel .bottom_panel, .splitter_panel .left_panel, .splitter_panel .hsplitter {
    left: 0;
}
.splitter_panel .bottom_panel {
    bottom: 0;
}
.splitter_panel .right_panel {
    right: 0;
}
.splitterMask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
/* ===================================================
 * popover-extra-placements.css v0.1
 * http://twitter.github.com/bootstrap-popover-extra-placements
 * ===================================================
 * Copyright 2012 Daniel Kleehammer
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================== */


/*************************
 *   Top Positions
 *************************/

/** Top Left **/
.popover.topLeft {
    margin-top: -10px;
}

.popover.topLeft .arrow {
    bottom: -11px;
    left: 20%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

.popover.topLeft .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
    content: " ";
}

/** Top Right **/
.popover.topRight {
    margin-top: -10px;
}

.popover.topRight .arrow {
    bottom: -11px;
    left: 80%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

.popover.topRight .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
    content: " ";
}

/*************************
 *   Right Positions
 *************************/

/** Right Top **/
.popover.rightTop {
    margin-left: 10px;
}

.popover.rightTop .arrow {
    top: 20%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

.popover.rightTop .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
}

/** Right Bottom **/
.popover.rightBottom {
    margin-left: 10px;
}

.popover.rightBottom .arrow {
    top: 80%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
}

.popover.rightBottom .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
}

/*************************
 *   Bottom Positions
 *************************/

/** Bottom Left **/
.popover.bottomLeft {
    margin-top: 10px;
}

.popover.bottomLeft .arrow {
    top: -11px;
    left: 20%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

.popover.bottomLeft .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
    content: " ";
}

/** Bottom Right **/
.popover.bottomRight {
    margin-top: 10px;
}

.popover.bottomRight .arrow {
    top: -11px;
    left: 80%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

.popover.bottomRight .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
    content: " ";
}

/*************************
 *   Left Positions
 *************************/

/** Left Top **/
.popover.leftTop {
    margin-left: -10px;
}

.popover.leftTop .arrow {
    top: 20%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover.leftTop .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
    content: " ";
}


/** Left Bottom **/
.popover.leftBottom {
    margin-left: -10px;
}

.popover.leftBottom .arrow {
    top: 80%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
    border-right-width: 0;
}

.popover.leftBottom .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
    content: " ";
}
/*  Colors */
html {
    font-size: 100%;
}
.borderBox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverWrapper {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    position: fixed;
    height: 100%;
    /*width: 600px;*/
    padding-top: 14px;
    visibility: hidden;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    pointer-events: none;
    -webkit-transform: translateZ(0);
}
#popover {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    color: #333335;
    visibility: visible !important;
    z-index: 10;
    -webkit-transform: translateZ(0);
}
#popover a {
    color: #333335;
}
#popoverHeader {
    position: absolute;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    line-height: 45px;
    font-size: 0.8888888888888888em;
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
    visibility: hidden;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    height: 49px;
    pointer-events: auto;
    border-top: 1px solid #cccccc;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
#popoverArrow {
    position: absolute;
    float: left;
    margin-top: -15px;
    margin-left: -11px;
    /* Half width */
    visibility: visible;
    left: 50%;
    z-index: 2;
    line-height: 20px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: #fff;
    -webkit-transform: scale(2, 1);
    text-shadow: 0 -1px #cccccc;
}
.flipArrow {
    text-shadow: 0 1px #ccc !important;
}
#popoverClose,
#popoverBack {
    position: absolute;
    cursor: pointer;
    height: 49px;
    line-height: 49px;
}
#popoverCloseIcon,
#popoverBackIcon {
    display: inline-block;
    color: #555;
    margin: -2px 10px;
    font-size: 22px;
    font-weight: 800;
}
#popoverClose {
    top: 0;
    right: 0;
}
#popoverBackIcon {
    -webkit-transform: scale(0.75, 1);
}
#popoverBackIcon:hover,
#popoverCloseIcon:hover {
    color: #333335;
}
#popoverTitle {
    white-space: nowrap;
    text-align: center;
    max-width: 225px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverContentWrapper {
    position: relative;
    overflow: visible !important;
    padding-top: 0px;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.roundedCornersTop {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.roundedCornersBot {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#popoverContent {
    border-top: 1px solid #cccccc;
    visibility: hidden;<!--gayatri-->
    position: relative;
    overflow: auto;
    min-height: 43px;
    max-height: 100%;
    width: 100%;
    text-align: left;
    font-size: 1em;
    background: #ffffff;
    box-shadow: 0px 12px 15px -6px #888888;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverContent .last {
    border-bottom: none;
    padding-bottom: 13px;
}
.popoverContentRow {
    display: block;
    cursor: pointer;
    padding: 12px 23px;
    border-bottom: 1px solid #f1f2f2;
}
.popoverContentRow:hover {
    background: #e6e6e6;
}
#popoverContentWrapper .jspPane {
    width: 100% !important;
    -webkit-box-shadow: 0 0 10px #777779;
    box-shadow: 0 0 10px #777779;
}
#popoverContentWrapper .jspDrag {
    background: #777779;
}
#popoverContentWrapper .jspCapTop {
    display: block;
    height: 49px;
}
#popoverContentWrapper .jspCapBottom {
    display: block;
    height: 2px;
}
#popoverWrapper,
#popover,
#popoverContentWrapper .jspContainer {
    pointer-events: none;
}
#popoverWrapper .jspPane,
#popoverWrapper .jspVerticalBar,
#popoverHeader,
#popoverContent {
    pointer-events: auto;
}
/*  Colors */
html {
    font-size: 100%;
}
.borderBox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverWrapper {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    position: fixed;
    height: 100%;
    width: 500px;
    padding-top: 14px;
    visibility: hidden;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*box-sizing: border-box;*/
    z-index: 10;
    pointer-events: none;
    -webkit-transform: translateZ(0);
}
#popover {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    color: #333335;
    visibility: visible !important;
    z-index: 10;
    -webkit-transform: translateZ(0);
}
#popover a {
    color: #333335;
}
#popoverHeader {
    position: absolute;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    line-height: 45px;
    font-size: 0.8888888888888888em;
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
    visibility: hidden;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    height: 49px;
    pointer-events: auto;
    border-top: 1px solid #cccccc;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
#popoverArrow {
    position: absolute;
    float: left;
    margin-top: -15px;
    margin-left: -11px;
    /* Half width */
    visibility:hidden;<!--gayatri-->
    left: 50%;
    z-index: 2;
    line-height: 20px;
    height: 18px;
    width: 18px;
    font-size: 18px;
    color: #fff;
    -webkit-transform: scale(2, 1);
    text-shadow: 0 -1px #cccccc;
}
.flipArrow {
    text-shadow: 0 1px #ccc !important;
}
#popoverClose,
#popoverBack {
    position: absolute;
    cursor: pointer;
    height: 49px;
    line-height: 49px;
}
#popoverCloseIcon,
#popoverBackIcon {
    display: inline-block;
    color: #555;
    margin: -2px 10px;
    font-size: 22px;
    font-weight: 800;
}
#popoverClose {
    top: 0;
    right: 0;
}
#popoverBackIcon {
    -webkit-transform: scale(0.75, 1);
}
#popoverBackIcon:hover,
#popoverCloseIcon:hover {
    color: #333335;
}
#popoverTitle {
    white-space: nowrap;
    text-align: center;
    max-width: 225px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverContentWrapper {
    position: relative;
    overflow: visible !important;
    padding-top: 0px;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.roundedCornersTop {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
.roundedCornersBot {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#popoverContent {
    border-top: 1px solid #cccccc;
    visibility:hidden;
    position: relative;
    overflow: auto;
    min-height: 43px;
    max-height: 100%;
    width: 100%;
    text-align: left;
    font-size: 1em;
    background: #ffffff;
    box-shadow: 0px 12px 15px -6px #888888;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#popoverContent .last {
    border-bottom: none;
    padding-bottom: 13px;
}
.popoverContentRow {
    display: block;
    cursor: pointer;
    padding: 12px 23px;
    border-bottom: 1px solid #f1f2f2;
}
.popoverContentRow:hover {
    background: #e6e6e6;
}
#popoverContentWrapper .jspPane {
    width: 100% !important;
    -webkit-box-shadow: 0 0 10px #777779;
    box-shadow: 0 0 10px #777779;
}
#popoverContentWrapper .jspDrag {
    background: #777779;
}
#popoverContentWrapper .jspCapTop {
    display: block;
    height: 49px;
}
#popoverContentWrapper .jspCapBottom {
    display: block;
    height: 2px;
}
#popoverWrapper,
#popover,
#popoverContentWrapper .jspContainer {
    pointer-events: none;
}
#popoverWrapper .jspPane,
#popoverWrapper .jspVerticalBar,
#popoverHeader,
#popoverContent {
    pointer-events: auto;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 3, 2013, 12:07:42 AM
    Author     : alo
*/

.sct-primitive-concept
{
    position: relative;
    border: 2px solid #333;
    background-color: #99ccff;
    padding: 10px;
    text-align: left;
    display: inline-block;
    border-radius: 0px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px; */
    /* word-wrap:break-word; */
    /* word-break:normal; */
}

.sct-defined-concept
{
    position: relative;
    border: 1px solid #333;
    background-color: #ccccff;
    padding: 10px;
    text-align: left;
    display: inline-block;
    border-radius: 0px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px; */
    /* word-wrap:break-word; */
    box-shadow:
        0 0 0 2px hsl(0, 0%, 80%),
        0 0 0 3px #333;
}

.sct-attribute
{
    position: relative;
    border: 1px solid #333;
    background-color: #ffffcc;
    padding: 10px;
    text-align: left;
    display: inline-block;
    border-radius: 25px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px;  */
    /* word-wrap:break-word; */
    box-shadow:
        0 0 0 2px hsl(0, 0%, 80%),
        0 0 0 3px #333;
}

.sct-primitive-concept-compact
{
    position: relative;
    border: 2px solid #333;
    background-color: #99ccff;
    padding: 3px;
    margin: 5px;
    text-align: left;
    display: inline-block;
    border-radius: 0px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px; */
    /* word-wrap:break-word; */
    /* word-break:normal; */
}

.sct-defined-concept-compact
{
    position: relative;
    border: 1px solid #333;
    background-color: #ccccff;
    padding: 3px;
    margin: 5px;
    text-align: left;
    display: inline-block;
    border-radius: 0px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px; */
    /* word-wrap:break-word; */
    box-shadow:
        0 0 0 2px hsl(0, 0%, 80%),
        0 0 0 3px #333;
}

.sct-attribute-compact
{
    position: relative;
    border: 1px solid #333;
    background-color: #ffffcc;
    padding: 3px;
    margin: 5px;
    text-align: left;
    display: inline-block;
    border-radius: 25px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px;  */
    /* word-wrap:break-word; */
    box-shadow:
        0 0 0 2px hsl(0, 0%, 80%),
        0 0 0 3px #333;
}

.sct-slot
{
    position: relative;
    border: 2px solid #333;
    background-color: #ff9999;
    padding: 10px;
    text-align: left;
    display: inline-block;
    border-radius: 0px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: small;
    /* max-width:250px;  */
    /* word-wrap:break-word; */
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.sct-slot-straighten-text {
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 3, 2014, 1:41:56 PM
    Author     : alo
*/

@keyframes spin {
    from { transform: rotate(0deg); }
    to {transform: rotate(359deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(359deg);}
}
.icon-spin {
    animation: 1.5s linear 0s normal none infinite spin;
    -webkit-animation: 1.5s linear 0s normal none infinite spin;
    display: inline-block;
}

i:active { background-color: #428bca; }

.selectable-row:active { background-color: #428bca; color: white;}

.popover {
    max-width: 800px;
    min-width: 250px;
}

.jqui-draggable.ui-draggable-dragging {
    color: black;
    background: yellow; 
    font: bold; 
    z-index: 1000;
}

.panel, .panel-body, h4 {
    border: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar {
    margin: 0 !important;
}

.panel-heading {
    padding-top: 8px;
    padding-bottom: 5px;
}

.table > thead > tr > th, .table > thead > tr > td {
    border: 0;
}

.bperspective {
    display: none;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.unobtrusive-icon {
    color: #e3e3e3;
}

.unobtrusive-icon:hover {
    color: dodgerblue;
}

/* Tree CSS */
.tree li {
    margin: 0px 0;

    list-style-type: none;
    position: relative;
    padding: 20px 5px 0px 5px;
}

.tree li::before{
    content: '';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: auto;
    left: -20px;
    border-left: 1px solid #ccc;
    bottom: 50px;
}
.tree li::after{
    content: '';
    position: absolute;
    top: 30px;
    width: 25px;
    height: 20px;
    right: auto;
    left: -20px;
    border-top: 1px solid #ccc;
}
.tree li a{
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma,sans-serif;
    font-size: 11px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*Remove connectors before root*/
.tree > ul > li::before, .tree > ul > li::after{
    border: 0;
}
/*Remove connectors after last child*/
.tree li:last-child::before{
    height: 30px;
}

/*Hover effects*/
.tree li a:hover, .tree li a:hover+ul li a {
    background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
    border-color:  #94a0b4;
}

/* Clear Search */
.searchclear {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.highlightEffectiveTime {
    border: 2px solid blue;
    border-style:dashed;
}

.menu-item-active {
    background-color: #99ccff;
}

/* Expressions language */

.expression-code {
    font-family: "Courier New", monospace;
    white-space: pre;
    /*background-color: #000000;*/
    font-weight: bold;
    font-size: 13px;
}

.exp-brackets {
    color: #3300aa;
}

.exp-operators {
    color: sienna;
}

.exp-pipes {
    color: #086d11;
}

.exp-term {
    color: #086d11;
}