html {height: 100%;}
body { min-height: 100%;   background-repeat: no-repeat;   position: relative;  background-size: cover; background-position:center 0px; background-attachment: fixed; font-family: 'Open Sans', "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color: #444; margin: auto;}
.a{-webkit-transition-property: all;	-webkit-transition-duration: 200ms;	-moz-transition-property: all;	-moz-transition-duration: 200ms;	transition: all 200ms ease-in-out;}
div,span.body,input,textarea,li,ul,a,i, .ajax select, .editable select, select.filtrsel {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.clear{width:100%; clear: both;}
input,textarea,select{font-size:10pt;}
h1, h2, h3, h4, h5, p {margin: 0; padding: 0 0 10px 0;}
h1{font-size:16pt; margin-top: 10px;}
h2{font-size:12pt; font-weight: normal; }
h3{font-size:14pt;}
h4{font-size:12pt;}

input:focus{outline: none; background:white;}
textarea:focus{outline: none; background:white;}

a {color:white;}

a.forgot {color: #444;font-size: 14px;}

.content-out{background: #fdfdfd;padding: 70px 0 30px 0;min-height: 100vh;}
.content-out .content {max-width: 1260px; margin: 0 auto; padding: 0 16px 16px;}
.content-out .content p{line-height: 22pt; padding: 20px 0 0 0;}

.btn2 {border: none;background: #ec7202;color: #fff;cursor: pointer;padding: 8px 12px;font-size: 14px;border-radius: 4px;transition: 0.2s all;margin-bottom: 10px;text-decoration: none;}
a.btn2 {color:#fff;}
.btn2.right {float: right;}

a.btn {color:white;}
.btn{border-style: none; overflow: hidden;margin: 0; display:block; cursor: pointer; font-size: 10pt; background: #FF9900; float:right; padding: 8px 15px 8px 45px; border-radius: 5px;  font-weight: bold; color:white; text-decoration: none; position: relative;}
.btn i{background: rgba(0, 0, 0, 0.2);  margin: -10px 5px -10px -47px;  padding: 11px 8px 10px 12px;  border-radius: 5px 0 0 5px;  height: 42px;  position: absolute;}
.btn.grey{background: grey;}
.btn.onlyi{height: 31px; width: 31px;padding: 0; }
.btn.onlyi i{margin: 0;    left: 0;    top: 0;    width: 100%;
    padding: 9px 5px 10px 5px;
    text-align: center; }
/*.btn.white{background: white; color:black;}*/
.nophonepad {color: black; padding: 0 10px;}
.btn.inline{display:inline-block; float:none;}
.btn:active {animation: 0.3s ease-out clickalert;}

.err{max-width: 420px; margin: 0 auto; padding: 10px;}
.err .in{border-radius: 5px; padding:15px; background: darkred; color:white; text-align: center; }
.err .in.green{background: darkgreen; }

.login {max-width: 420px;margin: 20px auto 0 auto;padding: 10px;background: #fff;border-radius: 8px;}
.login form{}
.login form input{width: 100%; padding: 10px; border-radius: 5px; font-size: 10pt; border: 1px solid #ddd; margin: 0 0 10px 0;}
.login .btn{margin: 0;}

.topline{border-color: #ddd;border-style: solid; background: #fff;border-width: 0 0 1px 0;position: fixed;width: 100%;z-index: 2;}
.topline .content {height: 60px;max-width: 1260px;margin: 0px auto;display: flex;-moz-box-pack: justify;justify-content: space-between;-moz-box-align: stretch;align-items: stretch;}
.navsnlogo {-moz-box-flex: 1;flex-grow: 1;flex-basis: 100px;display: flex;-moz-box-align: center;align-items: center;ter;}
.snlogo {width: 96px;height: 13px;padding: 0 20px;}
.navetitle {}
.topline .logo{height: 20px;  margin: 3px 5px -5px 0px;}
.navetitle {-moz-box-flex: 1;flex-grow: 1;display: flex;-moz-box-align: center;align-items: center;}
.topline a.main{text-decoration: none; font-weight: bold; font-size: 16px; display: inline-block; color: #4d4845;}
.navgap {-moz-box-flex: 10000;flex-grow: 10000;}
.quickbtns {-moz-box-flex: 1;flex-grow: 1;display: flex;flex-basis: 700px;justify-content: right;}
.quickbtn a::after {content: "";position: absolute;width: 100%;height: 2px;border-radius: 4px 4px 0 0;bottom: 0;left: 0;visibility: hidden;transition: all 0.2s ease-in-out 0s;opacity: 0;}
.quickbtn.active a::after {visibility: visible;opacity: 1;}
.quickbtn:hover a::after {visibility: visible;opacity: 1;}
.quickbtn {display: flex;-moz-box-align: center;align-items: center;flex-basis: 70px;justify-content: center;position: relative;cursor: pointer}
.quickbtn a {width: 100%;height: 100%;justify-content: center;display: flex;-moz-box-align: center;align-items: center;}
.quickbtn svg {width: 22px;height: 22px;fill: transparent;stroke: #65676b;}

.qdesc {position: absolute;margin: 85px 0 0 0;font-size: 11px;color: #fff;padding: 2px 0 8px 0px;width: 70px;text-align: center;border-radius: 0 0 50% 50%;transition: 0.3s all;box-shadow: 0 3px 3px 0 #0005;visibility: hidden;opacity: 0;}
.quickbtn:hover .qdesc {visibility: visible;opacity: 1;}

.debug {position: fixed;bottom: 0px;width: 100%;background: #fff;padding: 4px;font-size: 14px;}

.notifications {padding: 0px;margin: 0px;background-color: #fff;position: absolute;min-width: 100%;width: 300px;z-index: 10;visibility: visible;opacity: 1;transition: all 300ms ease 0s;box-shadow: 0px -1px 0px 0px #fff, 0px 4px 8px -3px #0007;overflow: auto;max-height: calc(100vh - 61px);scrollbar-width: thin;top: 61px;right: 0;}
.notifications.closed {visibility: hidden;opacity: 0;}
.notiempty {padding: 10px;color: #959595;text-align: center;}
.notification{display: flex;align-content: center;padding: 10px;border: ;border-bottom: 1px solid #ddd;font-size: 14px;cursor: pointer;}
.notification.read {background: #fff;cursor: default;}
.notification.read:hover {background: #fff;}
.notification img {width: 50px;border-radius: 50%;margin-right: 10px;}
.notification > div {display: flex;flex-direction: column;justify-content: center;}
.noticnt {position: absolute;top: 6px;right: 6px;font-size: 12px;background-color: #c00000;color: #fff;width: 18px;height: 18px;border-radius: 50%;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;box-shadow: 0 0 0 3px #fff;}
.msgnoti {position: absolute;background-color: rgb(192, 0, 0);width: 20px;height: 20px;border-radius: 50%;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;color: #fff;bottom: 0;right: 0;font-size: 12px;box-shadow: 0 0 0 2px #fff;}
.noti_img {width: 50px;height: 50px;background-size: cover;background-position: center;border-radius: 50%;margin-right: 16px;}

.rham1, .rham2, .rham3 {background: #959595;height: 3px;width: 20px;transition: 300ms;}
.rham1, .rham2 {margin: 0px 0px 4px 0px;}
.rham3 {margin: 0;}
.ropen .rham1 {transform: rotate(-45deg) translate(-4px, 7px);}
.ropen .rham2 {opacity: 0;}
.ropen .rham3 {transform: rotate(45deg) translate(-3px, -6px);}
.navham {-moz-box-flex: 1;flex-grow: 1;flex-basis: 150px;width: 100%;position: relative;border-width: 0px 1px 0 1px;border-style: solid;border-color: #ddd;display: none;}
.topline .rollup {cursor: pointer;display: flex;-moz-box-align: center;align-items: center;height: 100%;
justify-content: flex-start;padding-left: 21px;}
.menu {padding: 0px;margin: 0px;background-color: #fff;position: absolute;min-width: 100%;width: 100%;z-index: 10;visibility: visible;opacity: 1;transition: all 300ms ease 0s;box-shadow: 0px -1px 0px 0px #fff, 0px 4px 8px -3px #0007;overflow: auto;max-height: calc(100vh - 61px);scrollbar-width: thin;}
.menu.closed {visibility: hidden;opacity: 0;}
.menu a {text-decoration: none;}
.menuitem {display: grid;grid-template-columns: 30px auto;gap: 6px;align-items: center;border-radius: 5px;background: #fff;text-decoration: none;padding: 12px 20px;color: #444;transition: all 200ms ease;font-size: 14px;}
.menuitem svg {width: 20px;height: 20px;stroke: #444;fill: #fff;}
.menuitem:hover {color: #ec7202;background: #f2f2f2;}
.menu a:hover {background: #f2f2f2;}

.btnmain span {display: none;}
.btndisabled {color: #bbb;}
.btndisabled:hover {color: #999;}

#meet {text-align: center;}

.nomsgs {background: #fff;padding: 16px;border-radius: 8px;border: 1px solid #0003;box-shadow: 0px 6px 12px -2px #0007;}

.gridwrap {display: grid;grid-template-columns: 302px minmax(1px, 1fr) 302px;gap: 24px;max-width: 1254px;margin: 0px auto;}
.gridwrap.duo {grid-template-columns: 302px minmax(1px, 1fr);}
.leftcontent {position: sticky;top: 61px;}
.leftblock {background: #fff;color: #444;font-size: 14px;border-radius: 8px;padding: 16px;width: 100%;border: 1px solid #0003;box-shadow: 0px 6px 12px -2px #0007;}
.profiletop {display: grid;grid-template-columns: 1fr 105px 1fr;}
.profdetails {display: flex;width: 100%;-moz-box-pack: center;justify-content: center;text-align: center;position: relative;height: 105px;background-size: cover;border-radius: 50%;background-position: center center;}
.profedit {display: flex;-moz-box-pack: end;justify-content: flex-end;width: 100%;}
.profedit a {color: #444;text-decoration: none;font-size: 14px;font-weight: bold;}
.profilebottom {text-align: center;}
.proflive {position: absolute;bottom: 15%;right: 15%;transform: translate(50%, 50%);background-color: rgb(255, 255, 255);width: 20px;height: 20px;border-radius: 50%;display: flex;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;}
.proflive::after {content: "";width: 16px;height: 16px;border-radius: 50%;display: block;background-color: rgb(0, 204, 136);}
.profname {color: #444;font-size: 14px;font-weight: bold;margin: 10px 0 0 0;}
.profjobtitle {color: #444;font-size: 14px;margin: 0;}
.profcompany {color: #444;font-size: 14px;font-weight: bold;margin: 0;}

.prof_msg {display: flex;justify-content: center;margin-top: 30px;border-top: 1px solid #ddd;padding-top: 30px;gap: 16px;}
.prof_connected {position: absolute;color: #0c8;font-size: 14px;}
.prof_pending {position: absolute;color: #ccc;font-size: 14px;}
.prof_title {margin-top: 30px;font-size: 20px;font-weight: bold;border-top: 1px solid #ddd;padding-top: 20px;}
.content-out .content p.prof {line-height: 1.3;font-size: 14px;padding: 10px 0 0 0;}
.prof_cbrief {display: flex;text-align: center;color: #444;flex-direction: column;-moz-box-align: center;align-items: center;padding: 8px 0px;}
.logowrap {height: 100px;width: 200px;min-width: 200px;margin: 16px auto 32px;background-color: transparent;opacity: 1;display: flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;overflow: hidden;}
.logowrap img {display: flex;object-fit: contain;width: 100%;height: 100px;}
.prof_company {font-size: 20px;line-height: 27px;font-weight: bold;margin-bottom: 4px;}
.prof_link {text-decoration: none;transition: all 100ms ease 0s;overflow-wrap: anywhere;color: rgb(103, 128, 152);line-height: 22px;}
.prof_request button {font-size: 14px;line-height: 1;padding: 6px 8px;border: 0;color: #fff;border-radius: 4px;font-weight: bold;cursor: pointer;}
.request_title {font-size: 18px;font-weight: bold;}
.prof_request textarea {width: 100%;border-radius: 2px;border: 1px solid #ddd;padding: 6px;margin: 10px 0 0 0;}
#request_len {font-size: 10pt;margin: 0 0 10px 0;padding: 0 0 0 7px;color: #777;}
.prof_cabout {padding-top: 20px;border-top: 1px solid #ddd;margin-top: 20px;line-height: 1.3;font-size: 14px;}
.reqblock {margin-bottom: 30px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.reqblock button {font-size: 14px;line-height: 1;padding: 12px 8px;border: 0;color: #fff;border-radius: 4px;font-weight: bold;cursor: pointer;width: 100%;transition: 0.2s all;}
.reqoptions {display: flex;align-items: center;justify-content: space-around;gap: 30px;margin-top: 20px;}
.reqoption {width: 100%;}
.prof_accept button {background: #00cc88;}
.prof_decline button {background: #c00;}
.prof_accept button:hover {background: #00e89a;}
.prof_decline button:hover {background: #ea0000;}
.req_text {padding: 10px;margin-top: 20px;background: #eee;border-radius: 4px;}
.notiwrap {display: flex;align-items: center;justify-content: center;margin: 10px 0;}
.notisucc {background: #0c8;color: #fff;padding: 12px 16px;border-radius: 8px;}
.notifail {background: #c00;color: #fff;padding: 12px 16px;border-radius: 8px;}
.contact_details {display: flex;flex-direction: column;gap: 8px;font-size: 14px;}
.contact {display: grid;grid-template-columns: 20px auto;align-items: center;gap: 10px;}
.contact svg {width: 16px;height: 16px;fill: #777;}

.gridcenter {border-radius: 8px;border: 1px solid #0003;}
.homecenter {background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0px 6px 12px -2px #0007;}
.gridcenter.delegatesgrid {background: transparent;}
.duo .gridcenter {border: none;}
.bannerpc, .bannermob {width: 100%;border-radius: 8px 8px 0 0;}
.homebtns {background: #fff;display: grid;grid-template-columns: repeat(auto-fill, calc(31%));gap: 16px;padding: 16px;}
.homebtn {display: grid;grid-template-columns: 30px auto;gap: 10px;align-items: center;justify-content: center;border-radius: 5px;background: #f9f9f9;text-decoration: none;padding: 10px 14px;color: #fff;transition: all 200ms ease;border: none;}
.homebtn svg {width: 24px;height: 24px;stroke: #fff;fill: transparent;}
.homebtns a {text-decoration: none;}
.homebtn:hover svg {stroke: #fff;fill: #fff3;}
.homebtn:hover > div {color: #fff;}

.fa {color: #fff;margin: 0 5px 0 0;}
.menu a .fa {color: #959595;}
.home_sponsors {margin-top: 0;border-top: 1px solid #ccc;display: grid;grid-template-columns: repeat(2, 50%);}
.home_sponsors.col2 {grid-template-columns: repeat(2, 50%);}
.home_sponsors.col1 {grid-template-columns: auto;}
.span_two {grid-area: 1 / 1 / 1 / 3;}

.home_sponsor {display: flex;justify-content: center;align-items: center;-moz-box-align: center;gap: 30px;padding: 24px 0;transition: 0.2s all;}
.home_sponsor:hover {background: #eee;}
.home_logo {width: 250px;height: 100px;display: flex;-moz-box-pack: center;justify-content: center;-moz-box-align: center;align-items: center;}
.home_logo img {object-fit: contain;width: 100%;height: 100px;}
.home_nametype {color: #333;font-size: 14px;}
.home_name {font-size: 18px;font-weight: bold;margin-bottom: 4px;}

.bannermob {display: none;}
.centercontent.profil, .centercontent.settings {padding: 16px;border: 1px solid #0003;border-radius: 8px;margin: 0 0 10px 0;background: #fff;box-shadow: 0px 6px 12px -2px #0007;}
nav {padding: 0 0 10px 0;margin: 10px 0 0 0;width: 100%;display: flex;-moz-box-align: center;align-items: center;flex-wrap: wrap;-moz-box-pack: center;justify-content: center;}
nav a {color: #959595;font-weight: bold;text-decoration: none;padding: 0 12px;font-size: 14px;background: #eee;padding: 6px 10px;border-radius: 16px;margin: 0 5px;}

.rightcontent {position: sticky;top: 61px;background-color: #fff;border-radius: 8px;color: #444;width: 100%;border: 1px solid #0003;display: flex;flex-direction: column;}
.advright img {width: 100%;border-radius: 8px 8px 0 0;}
.advbtn {margin: 16px 0px;display: flex;flex-direction: row;-moz-box-align: center;align-items: center;-moz-box-pack: center;justify-content: center;}
.advbtn a {text-decoration: none;transition: all 100ms ease 0s;overflow-wrap: anywhere;color: rgb(103, 128, 152);}
.advbtn button {border-radius: 20px;cursor: pointer;border: none;transition: all 200ms ease 0s;padding: 8px 12px;color: #fff;}
.advbtn button svg {width: 14px;height: 14px;fill: #fff;margin-right: 6px;vertical-align: -2px;}
.rightprofile {padding: 16px;}


.maintable{}
.maintable .table-row{text-align: center;}
.maintable .table-row .btn{display: inline-block; float: none; margin: 25px 5px 0px 5px; font-size: 11pt;}

.logout{ float:right; margin: 0 15px 0 0;}
.logout:hover{}

/*.chat:hover{background: #666666;}*/
.chat {min-height: 31px;}
.proflink:hover {color: #ffffff;}

.profil table{width: 100%; font-size: 14px; margin: 0 15px 25px 0; }
.profil table td{padding: 8px; vertical-align: top; width: 50%;}
.profil table tr td:first-of-type{ width: 30%; text-align: right;}
.profil table tr td:last-of-type{ width: 70%;}


.col-12 table{width: 100%; font-size: 11pt; margin: 0 15px 25px 0; }
.col-12 table td{padding: 8px; vertical-align: top; width: 50%;}
.col-12 table tr td:first-of-type{ width: 30%; text-align: right;}
.col-12 table tr td:last-of-type{ width: 70%;}

.editable{background:transparent; padding: 8px; margin: -8px -4px -4px -4px; min-height: 26px; border-radius: 5px; position: relative; overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.editable strong{opacity: 0.3;}
.editable i.fa-pencil{position: absolute;  right: 8px;  background: rgba(255, 255, 255, 0.5);  padding: 5px;  border-radius: 5px; margin: -5px; cursor: pointer;  color: black;}
.editable i.fa-pencil:hover{background: white;}
.editable .querySave{    position: absolute;  right: 4px;  bottom: 4px;  padding: 4px;  cursor: pointer;  background: #6DB152;  color: white;  border-radius: 3px;}
.editable .querySave.blue{    background: transparent;  color: white;}
.editable textarea, .editable input {color:black; font-family: 'Open Sans', "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; width: 100%; padding: 6px 0;  margin: -8px 0; border-style: none; background: transparent;}
.editable textarea {resize: vertical;}
.editable:hover{/*background:black;*/}
.editable.opened{background:white;}

.editable select {-webkit-appearance:none; color: #5c4b4b; position: relative; z-index: 9999; font-family: 'Open Sans', "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; width: 100%; font-size: 11pt; padding: 8px 32px 8px 4px;  margin: -8px -6px -8px 0; border-style: none; background: transparent;}
.editable select:focus{background:white; color:black; outline: none;}

.btnupload{position: absolute;  right: 8px;  background: rgba(255, 255, 255, 0.5);  padding: 5px;  border-radius: 5px; margin: -5px; cursor: pointer;color: black;}
.btnupload:hover{background: white; }

.photoedit {position: relative;}
.fileUpload{padding: 20px 8px 8px 8px; background: white; color: black; position: relative; border-radius: 8px; cursor: pointer; }
.fileUpload i{font-size: 22pt; }
.cancelbtn {background: #000a;border-radius: 5px;cursor: pointer;color: #fff;position: absolute;right: 0px;bottom: 0px;padding: 8px 12px;}

.currentphoto{padding: 8px; background-position: center; background-size: cover;position: relative;  margin: -4px;  border-radius: 5px; }

.circlewaits{    display: inline-block;  background: red;  color: white;  border-radius: 50%;  padding: 3px 0;  width: 18px;     line-height: 12px; text-align: center;  border-color: White;  border-style: solid;  border-width: 1px;  font-size: 8pt;  margin: -6px 0 0 0;  }
.circlewaits.circlewaits-menu{  }
.homerelative .circlewaits{    width: 21px;     line-height: 15px; margin: 13px -4px 0 0;  position: absolute;  right: 0;  font-size: 10pt;  top: 0; }

.foot{}
.foot a{color: black;}

.delfilter {display: flex;flex-direction: column;gap: 10px;}
.formline.duo {display: flex;}
.delfilter input {line-height: 1;padding: 11px;width: calc(100% - 43px);border: 1px solid #ddd;border-radius: 4px;font-size: 14px;vertical-align: middle;}
.delfilter select {line-height: 1;padding: 10px;width: 100%;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;vertical-align: middle;color: #7b7b7b;}
.delfilter button {display: inline-block;width: 43px;margin: 0;height: 43px;vertical-align: middle;text-align: center;background: none;border: none;font-size: 20px;cursor: pointer;}
.delfilter button:hover .fa {color: #c00000;}
.svgmagnify {width: 22px;height: 22px;fill: #444;}

.list-search{float:right; margin: 0 0 0 10px; }
.list-search input{padding: 7px; border-radius: 5px; border-style: none; margin: 0 10px 0 0;}

.list-box-out{position: relative; overflow:hidden; margin: 0 15px 15px 0;border-radius: 5px; }
.list-box-out2{position: relative; overflow:visible; margin: 0 15px 0 0;border-radius: 0px; border-style: solid; border-width: 0 0 2px 0; border-color: rgba(0,0,0,0.2);}
.list-box-out .sbalit{ cursor: pointer;    float: right;  margin: 0px 10px 0 0;  background: black;  padding: 5px;  width: 28px;  text-align: center;  border-radius: 5px;}
.list-box-out .shadow{height: 10px; bottom: 0; position: absolute; width: 100%; cursor: pointer; display: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.list-box{/*border-radius: 5px; */position: relative; padding: 10px 0 0px 0; background: rgba(0, 0, 0, 0.5); }
.list-box .photo{padding: 0 10px 0 0;    float: left;  }
.list-box .comprofile{ padding: 0px 0 10px 10px; font-size: 10pt;  }
.list-box .comprofile h3{ margin: 5px 0 10px 0;  cursor: pointer; }
.list-box .photo .photo-in{ width: 50px;  background-size: cover; background-position: center;  border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); }
.list-box .photo img{width: 100%;}


.list-box .data{ color:white; padding: 10px; }
.list-box .profil{border-style: solid; border-width: 2px 0 0 0; border-color: rgba(255,255,255,0.2); padding: 10px 0 10px 0;}
.list-box .profil h4{font-size: 10pt;font-weight: normal;}
.list-box .col-1{float:left; color:white; padding: 0px 0 0px 10px;}
.list-box .col-2{float:left; color:white; padding: 0px 0 0px 10px;}
.list-box .col-3{float:left; color:white; padding: 0px 0 0px 10px; position: relative;}
.list-box .col-3 h5{padding: 0;}
.list-box .col-4{float:left; color:white; padding: 0px 0 0px 10px;}
.list-box .col-5{float:left; color: white; padding: 0px 0 0px 10px;}
.list-box .col-6{float:left; color:white; padding: 0px 0 0px 10px;}
.list-box .col-11{float:left; color:white; padding: 0px 0 0px 10px; font-size: 10pt;}
.list-box .btn{font-size: 10pt; margin: 0 10px 0 0;}
.list-box .status{
    float: right;
    font-weight: bold;  margin: 0 10px 0 0;  background: darkgreen;  color: white;  text-decoration: none;  position: relative;  font-size: 10pt;  display: inline-block;  padding: 8px;  border-radius: 5px;}

.list-box .infolabel {font-size: 10pt;   margin: 0 10px 0 0;    display: inline-block;  padding: 8px;  background: white;  color: black;  border-radius: 5px;
    color: white;
    background: rgb(27, 26, 26); float: right;
    font-weight: bold;}

.note{    position: absolute;  background: rgba(255, 255, 255, 0.16);  color: white;  right: 0;  top: 0;  border-radius: 5px;  padding: 7px 0;  height: 31px;  width: 31px;  text-align: center;}
.note .note-in{display: none; position: absolute; z-index: 9999; background: white; color: black; font-size: 10pt; padding: 10px; border-radius: 5px;  width: 150px; box-shadow: 0 0 10px black;  text-align: left;}
.note:hover .note-in{display:block;}

.timeblok .list-box-out2:first-of-type{border-radius: 5px 5px 0 0;}
.timeblok .list-box-out2:last-of-type{border-radius: 0 0 5px 5px; border-width: 0;}
.timeblok .list-box-out2 .list-box{border-radius: 0px;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11 {min-height:1px; float: left;  position: relative;}
.col-1:after,.col-2:after,.col-3:after,.col-4:after,.col-5:after,.col-6:after,.col-7:after,.col-8:after,.col-9:after,.col-10:after,.col-11:after{ content: " "; clear: both; display: block; }


.profil h3{text-align: center;font-weight: initial;color: #959595;}
.profil table{width: 100%;}

.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%;    }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }

select.filtrsel{  background: white;   width: 150px;    padding: 7px;    -webkit-appearance: none;    border-radius: 5px;    border-style: none;    float: right;    margin: 0 0 0 10px; }

.recipient {background: rgba(0, 0, 0, 0.3);padding: 6px 9px;border-radius: 8px;margin: 0px 0px 2px 0px;}
.recipient input {margin: 0px 10px 0px 0px;}

.displaynone {display: none;}

@media screen and (max-width: 899px) {
.quickbtns {flex-basis: 80px;display: flex;}
.quickbtn {display: none;}
#notibtn, #topmsgsbtn {display: flex;flex-basis: 40px;}
#notifications {margin: 0px -54px 0 0;}
.navham {display: initial;position: unset;flex-basis: 54px;border: none;}
.topline .rollup {padding-left: 12px;}
.menu {right: 0px;min-width: 160px;width: 160px;}
}
@media screen and (max-width: 680px) {
.navsnlogo{display: none;}
.navetitle {padding-left: 20px;}
.home_sponsors.col2 {grid-template-columns: auto;}
.span_two {grid-area: initial;}
}


@media screen and (max-width: 710px) {
    .col-4 {  width: 100%;  }
    .col-6, .col-5, .col-7 {  width: 100%;  float: none;  }
    .col-6 .list-box{ margin: 0 0 15px 0; }
    .col-2{  width: 50%;    }
    .col-3 {  width: 100%;    }
}

@media screen and (max-width: 780px) {


    h1{font-size: 18pt; padding-bottom: 10px;}
    .list-box-out2 .col-6{width: 100%; padding: 10px 0;}
    .list-box-out2 .col-1{width: 16.666666666666664%;}
    .list-box-out2 .col-2{width: 33.33333333333333%;}
    .list-box-out2 .col-3{width: 33.33333333333333%; }
    .list-box-out2 .col-11{width: 83.33333333333334%; }
    .list-box-out2 .infolabel{margin-left: 10px;}

}

@media screen and (max-width: 628px) {

    .smalllomic { float: right;}
    .smalllomic .btn.small span{display:none;}
    .smalllomic .btn.small{height: 31px; width: 31px;padding: 0; margin: 0; }
    .smalllomic .btn.small i{margin: 0;    left: 0;    top: 0;    width: 100%;  padding: 9px 5px 10px 5px;  text-align: center; }

    .maintable .table-row .btn { width: auto; display:block; float: none; text-align: left;}
    .maintable .table-row .homerelative { width: auto; display:block !important; float: none; text-align: left;}
    .maintable .table-row .homerelative .circlewaits{   margin: -10px -4px 0 0   }
}

@media screen and (max-width: 470px) {


    .list-box-out2 .btn{font-size: 9pt; padding: 10px 10px 10px 30px;    margin: 0 8px 0 0;}
    .list-box-out2 .btn i{ padding: 12px 6px 12px 6px;     margin: -12px 5px -10px -30px;}

    .list-box-out .btn{font-size: 9pt; padding: 10px 10px 10px 30px;    margin: 0 8px 0 0;}
    .list-box-out .btn i{ padding: 10px 6px 12px 6px;     margin: -12px 5px -10px -30px;}

    .list-box-out .data {padding: 0 10px; }
    .list-box-out .col-7 {padding: 0  0 10px 0; }

    .list-search input{width: 65px;}
    select.filtrsel {        width: 80px;    }


    .smalllomic .btn.small span{display:none;}
    .smalllomic .btn.small{height: 31px; width: 31px;padding: 0; }
    .smalllomic .btn.small i{margin: 0;    left: 0;    top: 0;    width: 100%;  padding: 9px 5px 10px 5px;  text-align: center; }

    .small.btn{font-size: 9pt; padding: 10px 10px 10px 30px;    margin: 0 8px 0 0;}
    .small.btn i{ padding: 13px 6px 12px 6px;     margin: -12px 5px -10px -30px;}
    .small.btn i.fixpad{ padding: 13px 6px 12px 6px;     margin: -12px 5px -10px -30px;}
    .btn.onlyi {padding: 0;}
    .btn.onlyi i{margin: 0;}
    .col-4 {  width: 100%;  margin: 10px auto;  float: none;  }
    .content {margin: 0; box-shadow: none; border-radius: 0;}
    .table{display:table; width: 100%;}
    .table-row {display:table-row; width: 100%;}
    .forgot {margin: 20px 0px 0px 0px;display: block;}
}

.cirnum {display:inline-block; background: #0003; border-radius: 50%; padding: 5px 0; margin: -5px 0 0 0; text-align: center; width: 32px; }

.delImage{right: 8px;float: right;background: #0002;padding: 5px;border-radius: 5px;margin: 5px -5px 0 0;cursor: pointer;color: black;display: block;bottom: 0;position: absolute;}
.delImage:hover{background: #0003;}
a.pick{text-decoration: none;}
.ajax{}
.ajax select{padding: 8px 30px 8px 15px;-webkit-appearance: none;  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC"); background-position: 45px 13px; background-repeat: no-repeat; }
.ajax h3{    margin: 0px 0 0 0;  padding: 0;}
.ajax p{padding: 0;  line-height: inherit;  font-size: 11pt;}
.ajax .pick {float:left; color: white;  cursor: pointer; margin: 10px 10px 0 0;border-radius: 5px; font-size: 10pt; }
.ajax .pick.not {color: white; background:grey; cursor: not-allowed;  }
.ajax .pick.off {color: white; background:grey;  }
.ajax .pick .in { padding: 8px 15px; border-radius: 5px; font-weight: bold; }
.ajax .pick:hover .in {background: rgba(0, 0, 0, 0.5);  }
.ajax .pick.aktivni .in {background: rgba(0, 0, 0, 0.5);  }

.box-submit{padding: 4px 8px;border-radius: 6px;color: black;margin: 0 0 15px 0;border: 1px solid #ccc;}
.box-submit textarea{width: 100%;background: #eee;font-size: 14px;margin: 4px 0 6px 0;border-radius: 6px;padding: 4px 6px;border: none;}



.meetingBox{color:white; background: rgba(0, 0, 0, 0.5); height: 50px; overflow: hidden; border-radius: 5px; margin: 0 0 10px 0;}
.meetingBox.expanded{height: auto; overflow: visible;}
.meetingBox .topLine{   cursor: pointer;    border-style: solid;    border-width: 0 0 2px 0;    border-color: rgba(255,255,255,0.3);    padding: 10px;}
.meetingBox .topLine strong{font-size: 14pt; padding: 3px 0; display:inline-block;}
.meetingBox .topLine strong.confirmed{  text-transform: uppercase; }
.meetingBox .topLine strong.pending{color:grey;   text-transform: uppercase;}
.meetingBox .topLine strong.recived{color:rgb(255,-0,0);   text-transform: uppercase;}
.meetingBox .topLine span{display:block; padding: 10px 0 0 0;}
.meetingBox .topLine .expand{    float: right;    background: red;    padding:6px 10px;   border-radius: 5px;}
.meetingBox .indata{padding: 10px;}
.meetingBox .indata table{float:left;}
.meetingBox .indata .tdphoto{ width: 60px;}
.meetingBox .indata .photo{float:left; border-radius: 5px; width: 50px; background-size:cover; background-position:center; margin: 0 10px 10px 0;}
.meetingBox .indata .photo img{width: 100%;}
.meetingBox .indata .profile{float:left; padding: 0 0 10px 0;}
.meetingBox .indata .profile strong{display:block;}
.meetingBox .indata .profile a{display:block;}
.meetingBox .indata .profile span{display:block;}
.meetingBox .indata .btns{float:right;}
.meetingBox .indata .btns .superbtn{display:block; float:right; margin: 0 0 10px 10px; text-decoration: none; border-radius: 5px; font-weight: bold; }
.meetingBox .indata .btns .superbtn.green{background:rgb(0,204,-0	);}
.meetingBox .indata .btns .superbtn i{padding: 8px;  background: rgba(0, 0, 0, 0.1); }
.meetingBox .indata .btns .superbtn span{ padding:  8px 8px 10px 4px; font-size: 10pt;}
.meetingBox .indata .btns .mess{float:right; margin: 0 0 10px 10px; padding: 7px 8px; border-radius: 5px;background:grey; position: relative; }
.meetingBox .indata .btns .mess:hover .mess-in{display:block;}
.meetingBox .indata .btns .mess .mess-in{      word-wrap: break-word;  z-index: 9999;display:none; position:absolute; width: 250px; padding: 5px; border-radius: 5px; font-size: 10pt; background: white; color:black; margin: -20px 0 0 -50px; right: 20px;}

.type-of-meeting.ajax h3{font-weight: normal;}

@media screen and (max-width: 760px) {
  /*  .meetingBox .indata .profile strong{display:none;}
    .meetingBox .indata .profile span{display:none;}*/
    .meetingBox .indata .btns{float:none; width: 100%;         clear: both;}

}
@media screen and (max-width: 460px) {
    .btn.collapsemeet span{display:none;}
    .btn.collapsemeet{height: 31px; width: 31px;padding: 0; margin-right: 10px !important; }
    .btn.collapsemeet i{margin: 0;    left: 0;    top: 0;    width: 100%;  padding: 9px 4px 10px 4px;  text-align: center; }

    .meetingBox .indata .btns .superbtn.min{}
    .meetingBox .indata .btns .superbtn.min i{}
    .meetingBox .indata .btns .superbtn.min span{display:none;}
}


.message{    clear: both; margin: 0 0 15px 0; position: relative;   }
.message.left{}
.message.right{}
.message .date{text-align: center; padding: 10px 0 5px 0; font-size: 10pt;}
.message .message-in{width: 80%;  }
.message.left .message-in:before{content: '';
    position: absolute;
    bottom: -9px;
    border-top: 9px solid #0003;
    left: 0;
    border-right: 10px solid transparent;}
.message.right .message-in:before{content: '';
    position: absolute;
    bottom: -9px;
    border-top: 9px solid #0003;
    right: 0;
    border-left: 10px solid transparent;}
.message .message-in .min{padding: 15px; border-radius: 5px; word-break: break-word;}
.message.left .message-in{flaot:left;background: #0003; border-radius: 8px 8px 8px 0;color: #333;}
.message.right .message-in{float:right;  border-radius: 8px 8px 0 8px;color: #333;}

textarea {font-family: 'Open Sans', "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif !important;}

.option{cursor: pointer; background:rgba(255,255,255,0.1); border-radius: 5px; width: 120px;   overflow: hidden; font-weight: bold;}
.option:hover{}
.option.val0{}
.option.val1{}
.option span{display:block; padding: 8px 10px 8px 10px; width: 50px; text-align: center; margin: 0;}
.option.val0 span{background:#b14848; margin: 0 0 0 55px;  padding: 8px 15px 8px 10px;}
.option.val1 span{background: #3ead3e; margin: 0 0 0 -5px;  padding: 8px 10px 8px 15px;}

.option.val0:hover span{margin: 0 0 0 50px;}
.option.val1:hover span{margin: 0 0 0 0px;}

@keyframes clickalert{
0% { box-shadow: 0px 0px 0px 0px #33333355 }
70% { box-shadow: 0px 0px 0px 20px #33333355 }
100% { box-shadow: 0px 0px 0px 20px #33333300 }
}