.clsMainPlContainerTable {
    width: 960px;
}

.MKLobbyContainerDiv {
    width: 960px;
    margin-right: 20px;
    margin-left: 20px;
}

.MKLobbyBannerDivCurrent {
    background-image: url(/_layouts/15/1037/images/custom/MKCurrentLobbyBanner.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 223px;
    text-align: center;
}

.MKLobbyBannerDivPrevious {
    background-image: url(/_layouts/15/1037/images/custom/MKAllLobbyBanner.png);
    background-repeat: no-repeat;
    width: 960px;
    height: 223px;
    text-align: center;
}

.MKLobbyMainTitle {
    font-size: 180% !important;
    color: #304982 !important;
    font-family: Arial !important;
    font-weight: bold !important;
    height: 223px;
    line-height: 400px;
    letter-spacing: 1px;
}

.GeneralMKLobbySection {
    background-color: #ffffff;
    width: 1000px;
    padding: 0 20px;
}

.MKLobbyGrayDiv {
    height: 60px;
    background-color: #f4f4f4;
    width: 100%;
}


.MKLobbyInGrayDivRight {
    width: 475px;
    float: right;
    height: 100%;
    position: relative;
}


.MKLobbyInGrayDivLeft {
    width: 475px;
    float: left;
    height: 100%;
    position: relative;
}


.MKLobbyWhiteBoxOpen {
    height: 20px;
    background-color: #ffffff;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #ffffff;
    width: 410px;
    position: absolute;
    bottom: 0px;
    border-radius: 5px 5px 0 0;
    margin-right: 32px;
    line-height: 20px;
    text-align: center;
    color: #304982;
    font-weight: bold;
    -webkit-box-shadow: 0px -2px 3px #c4c4c4;
    -moz-box-shadow: 0px -2px 3px #c4c4c4;
    box-shadow: 0px -2px 3px #c4c4c4;
}

    .MKLobbyWhiteBoxOpen h2 {
        font-size: 120% !important;
        font-family: Arial !important;
        color: #304982 !important;
    }

.MKLobbyWhiteBoxClosed {
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    width: 410px;
    border-radius: 5px;
    line-height: 20px;
    text-align: center;
    margin-top: 15px;
    margin-right: 32px;
    -webkit-box-shadow: 0px -2px 3px #c4c4c4;
    -moz-box-shadow: 0px -2px 3px #c4c4c4;
    box-shadow: 0px -2px 3px #c4c4c4;
}

.RadTabStrip_rtl .rtsLI {
}

    .RadTabStrip_rtl .rtsLI:hover {
        color: #304982 !important;
        cursor: pointer;
    }

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 !important;
}

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
    padding-right: 2px !important;
}

.RadTabStrip_rtl .rtsLast {
    border-left: none !important;
}

.tabMenu {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    background: #f4f4f4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #f4f4f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f4f4f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f4f4f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f4f4f4); /* Standard syntax */
    border-bottom: 1px solid #c4c4c4;
}

.tabMenuLeft {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    background: #f4f4f4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #f4f4f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f4f4f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f4f4f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f4f4f4); /* Standard syntax */
    border-bottom: 1px solid #c4c4c4;
    text-align: left;
}

.tabMenu .rtsUL {
    display: table !important;
    width: 100%;
}

    .tabMenu .rtsUL .rtsLI {
        /*display: table;*/
        /*padding-top: 20px;*/
        margin-top: 20px;
        height: 40px !important;
        text-align: center !important;
        padding-right: 4px !important;
        padding-left: 2px !important;
        border-left: 1px solid #c4c6c7;
        /*width: auto !important;*/
        width: 130px !important;
        vertical-align: top;
    }


.tabMenuLeft .rtsUL {
}

    .tabMenuLeft .rtsUL .rtsLI {
        height: 40px !important;
        width: 154px !important;
        text-align: center !important;
        vertical-align: top !important;
        margin-top: 20px !important;
        padding-right: 2px !important;
        padding-left: 2px !important;
        border-left: 1px solid #c4c6c7;
    }

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    white-space: normal !important;
    padding: 0px !important;
}

.RadTabStrip .tabCellSelected .rtsLink {
    color: #304982 !important;
}

.tabCellSelected {
    height: 40px;
    width: 132px;
    text-align: center;
    vertical-align: top;
    padding-right: 2px;
    padding-left: 2px;
    color: #304982 !important;
    font-weight: bold;
    background-image: url('/_layouts/15/1037/images/custom/MenuPointer.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.tabCellLast {
    border-left: none !important;
}

.MKLobbyVSepTd {
    width: 2px;
    background-image: url('/_layouts/15/1037/images/custom/SepLineVertical.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 100%;
}

.MKLobbyWrapperTable {
    margin-top: 20px;
    height: 40px;
    width: 100%;
}

.MKLobbyRightColTd {
    background-color: #f4f4f4;
    width: 214px;
    text-align: center;
    padding-top: 15px;
}

    .MKLobbyRightColTd select {
        width: 160px;
    }

    .MKLobbyRightColTd button {
        width: 40px;
        border: solid 1px #c4c4c4;
    }

.MKLobbyRight {
    background-color: #f4f4f4;
    width: 23%;
    text-align: center;
    padding-top: 15px;
    float: right;
}

.MKLobbyLeft {
    vertical-align: top;
    width: 76%;
    margin-right: 1%;
    float: right;
    position: relative;
}

.MKLobbyLeftButtonsSection {
    width: 100%;
}

/*.MKLobbyRight select
{
	width: 160px;
	
}

.MKLobbyRight button
{
	width: 40px;
	border: solid 1px #c4c4c4;
	
}*/


.MKLobbySpaceColTd {
    width: 16px;
}


.MKLobbyLeftColTd {
    vertical-align: top;
    width: 730px;
}



.MKLobbySearchLink {
    margin-top: 15px;
    padding-bottom: 20px;
    border-bottom: dotted 1px #c4c4c4;
}

    .MKLobbySearchLink img {
        margin-bottom: 5px;
    }


    .MKLobbySearchLink a {
        text-decoration: underline !important;
    }


.MKLobbyImageFlip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.MKLobbyLinkTo120 {
    font-size: 120% !important;
    margin-top: 10px;
    margin-bottom: 10px;
}


.MKLobbyHSepTd {
    width: 125px;
    height: 2px;
    background-image: url('/_layouts/15/1037/images/custom/SepLineHorizontal.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 7px;
    margin-top: 7px;
    display: inline-block;
}

.MKLobbyHSep {
    width: 125px;
    height: 2px;
    background-image: url('/_layouts/15/1037/images/custom/SepLineHorizontal.png');
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 7px;
    margin-top: 7px;
    display: inline-block;
}


.MKLobbyLetters {
    width: 160px;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    font-size: 140% !important;
    display: inline-block;
    padding: 4px;
    color: #304982 !important;
    text-decoration: none !important;
}

    .MKLobbyLetters span {
        font-weight: bold;
        color: #ffffff;
        display: inline-block;
        background-color: #304982;
        padding: 5px;
    }

    .MKLobbyLetters li {
        display: inline-block;
        padding: 3px;
        cursor: pointer;
    }

    .MKLobbyLetters a {
        display: inline-block;
        padding: 3px;
        cursor: pointer;
        color: #304982 !important;
        font-size: 14px !important;
        text-decoration: none !important;
    }

.MKLobbyLettersSelected {
    background-color: #304982 !important;
    color: #ffffff !important;
}


.MKLobbySideLinks {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 120% !important;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}


.MKLobbySideLinksSelected {
    font-weight: bold;
    color: #ffffff;
    background-color: #304982;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.MKLobbyDispList {
    background-image: url('/_layouts/15/1037/images/custom/IconList.png');
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 22px;
    display: inline-block;
    height: 20px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 20px;
}

    .MKLobbyDispList:hover {
        text-decoration: underline;
    }



.MKLobbyDispPhotos {
    background-image: url('/_layouts/15/1037/images/custom/IconImage.png');
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 22px;
    display: inline-block;
    height: 20px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
}

    .MKLobbyDispPhotos:hover {
        text-decoration: underline;
    }

.MKLobbyDispAccess {
    background-image: url('/_layouts/15/1037/images/custom/IconList.png');
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 22px;
    display: inline-block;
    height: 20px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
}

    .MKLobbyDispAccess:hover {
        text-decoration: underline;
    }

.MKLobbyDispPrint {
    background-image: url('/_layouts/15/1037/images/custom/IconPrint.png');
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 23px;
    display: inline-block;
    margin-right: 18px;
    height: 20px;
    line-height: 24px;
    font-weight: bold;
    cursor: pointer;
}

    .MKLobbyDispPrint:hover {
        text-decoration: underline;
    }

.MKLobbyDispSepLine {
    width: 360px;
    height: 2px;
    border-bottom: dotted 1px #4b4646;
    margin-bottom: 30px;
}

.MKLobbyTitleBlue {
    color: #304982 !important;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 125% !important;
    /*background-image: url('/mk/PublishingImages/LineBlue500px.png');
	background-position: center bottom;
	background-repeat: no-repeat;*/
    padding-bottom: 3px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.MKLobbyTitleGold {
    color: #905c21 !important;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 130% !important;
    /*background-image: url('/mk/PublishingImages/LineBlue500px.png');
	background-position: center bottom;
	background-repeat: no-repeat;*/
    text-align: center;
    margin-top: 20px !important;
    padding-bottom: 10px !important;
}

   .MKLobbySubTitleBlack {
    color: #000 !important;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 100% !important;
    padding-bottom: 3px;
    text-align: center;
    margin-top: -2px !important;
    margin-bottom: 6px !important;
}

.MKLobbyTitleLineBlue {
    color: #304982 !important;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 120% !important;
    background-image: url('/_layouts/15/1037/images/custom/LineBlue500px.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.MKLobbyTitleBrown {
    color: #441206 !important;
    font-family: Arial !important;
    font-weight: bold;
    font-size: 110% !important;
    background-image: url('/_layouts/15/1037/images/custom/LineBrown500px.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}



.MKLobbyTitleBlueSmall {
    background-image: url('/_layouts/15/1037/images/custom/LineBlue200px.png');
}

.MKLobbyTitleBrownSmall {
    background-image: url('/_layouts/15/1037/images/custom/LineBrown200px.png');
}


.MKLobbyTitleBlack {
    color: #2f393c !important;
    font-family: arial !important;
    font-weight: bold;
    font-size: 110% !important;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.MKLobbyPhotoContainer {
    width: 730px;
}

.MKLobbyListContainer {
    width: 730px;
}

.MKLobbyPhotoItem {
    background-image: url('/_layouts/15/1037/images/custom/memberCard175px.png');
    width: 25% !important;
    height: 224px;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: top;
    text-align: center;
    float: right;
}

.MKLobbyListItem {
    width: 100%;
    border-bottom: dotted 1px #c4c4c4;
    height: 31px;
}

    .MKLobbyListItem:hover {
        background-color: #e3e6e8;
    }

    .MKLobbyListItem div {
        padding: 8px 5px 0 3px;
    }

.MKLobbyListItemName {
    width: 120px;
    float: right;
    font-weight: bold;
}

    .MKLobbyListItemName img {
        padding-left: 5px;
    }

.MKLobbyListItemFaction {
    width: 240px;
    float: right;
}

.MKLobbyListItemEmail {
    width: 250px;
    float: right;
}

.MKLobbyListItemPhone {
    width: 80px;
    float: right;
}

.MKLobbyListItemTitle {
    width: 100%;
    height: 31px;
    color: #441206 !important;
    font-weight: bold;
    border-top: dotted 1px #3F677A;
    border-bottom: dotted 1px #3F677A;
    background-image: url(/_layouts/15/1037/images/custom/Bkg16px.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    text-align: right;
}

    .MKLobbyListItemTitle div {
        padding: 8px 5px 0 3px;
    }

.MKLobbyListItemNameTitle {
    width: 111px;
    padding-right: 14px !important;
    float: right;
    font-weight: bold;
}

.MKLobbyListItemFactionTitle {
    width: 240px;
    float: right;
}

.MKLobbyListItemEmailTitle {
    width: 250px;
    float: right;
}

.MKLobbyListItemPhoneTitle {
    width: 80px;
    float: right;
}

/* added by shai */

.MKLobbyListTbl {
    display: table;
    width: 730px;
}

.MKLobbyListThRow {
    display: table-row;
    width: 100%;
    height: 31px;
    color: #441206 !important;
    background-image: url(/_layouts/15/1037/images/custom/Bkg16px.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.MKLobbyListThCell {
    border-top: dotted 1px #eee;
    border-bottom: dotted 1px #eee;
    float: none;
    display: table-cell;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #441206 !important;
    font-weight: bold;
    text-align: right;
}

    .MKLobbyListThCell:first-child {
        padding-right: 10px;
    }

.MKLobbyListRow {
    display: table-row;
}

    .MKLobbyListRow:hover {
        background-color: #e3e6e8;
    }

    .MKLobbyListRow div:first-child {
        font-weight: bold !important;
    }


.MKLobbyListCell {
    float: none;
    display: table-cell;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    border-bottom: dotted 1px #eee;
    padding-left: 10px;
}

    .MKLobbyListCell img {
        padding-left: 5px;
    }

.MKLobbyListCellSimple {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    text-align: center;
}


.MKLobbyListItemRoleTitle {
    float: right;
}

/* end added by shai*/

.DisableControl {
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
}

.HideControl {
    display: none !important;
}

    .HideControl div {
        display: none !important;
    }

.App-page--closed {
    animation: close-page 1s both;
}

#MKLobbyMainContainerDiv {
    animation: open-page 1s both;
}


@keyframes open-page {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes close-page {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*.MKLobbyPhotoTable td
{
	background-image: url('/_layouts/15/1037/images/custom/memberCard175px.png');
	width: 175px !important;
	height: 224px;
	background-repeat:no-repeat;
	background-position: center top;
	vertical-align: top;
	text-align: center;
}*/

.MKLobbyPhotoTableSmall {
    width: 360px !important;
}

.MKLobbyPhotoTableWithBottom {
    width: 730px;
}


    .MKLobbyPhotoTableWithBottom td {
        background-image: url('/_layouts/15/1037/images/custom/memberCard175px.png');
        width: 175px !important;
        background-repeat: no-repeat;
        background-position: center top;
        vertical-align: top;
        text-align: center;
    }

.MKLobbyPhotoTableWithBottomDiv {
    height: 200px;
}

.MKLobbyPhotoBottomDiv {
    border-top: solid 2px #ffffff;
    background-color: #e7ebee;
    border-bottom: solid 3px #304982;
    height: 50px;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    width: 175px;
    padding-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

    .MKLobbyPhotoBottomDiv div {
        margin-right: 5px;
        margin-left: 5px;
        color: #441206 !important;
        font-weight: bold;
    }

    .MKLobbyPhotoBottomDiv a {
        color: #441206 !important;
    }

.MKLobbyPhotoDiv {
    text-align: center;
    padding-top: 15px;
    padding-right: 42px;
}

    .MKLobbyPhotoDiv img {
        margin-left: 41px;
        height: 127px;
    }

.MKLobbyPhotoLinksDiv {
    text-align: center;
    margin-top: 15px;
}

.MKLobbyMKNameDiv {
    font-weight: bold;
    margin-top: 8px;
}

.MKLobbyFactionDiv {
    margin-top: 8px;
}

.MKLobbyEmptyTd {
    background-image: none !important;
    height: auto !important;
    vertical-align: middle !important;
    text-align: right !important;
}

.MKLobbyBackToTop {
    text-align: left;
    background-image: url('/_layouts/15/1037/images/custom/LinkArrowUp.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 10px;
    width: 100%;
    display: inline-block;
}

    .MKLobbyBackToTop a {
        display: inline-block;
        margin-left: 10px;
    }

.MKLobbyListTable {
    width: 730px;
}

    .MKLobbyListTable th {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #441206 !important;
        font-weight: bold;
        border-top: dotted 1px #3F677A;
        border-bottom: dotted 1px #3F677A;
        background-image: url('/_layouts/15/1037/images/custom/Bkg16px.png');
        background-repeat: repeat-x;
        background-position: center bottom;
        text-align: right;
    }

    .MKLobbyListTable tr th:first-child {
        padding-right: 10px;
    }

    .MKLobbyListTable td {
        border-bottom: dotted 1px #c4c4c4;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .MKLobbyListTable tr td:first-child {
        background-image: url('/_layouts/15/1037/images/custom/LinkArrowSmall.png');
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 10px;
        font-weight: bold;
    }

.MKLobbyGeneralLink {
    background-image: url('/_layouts/15/1037/images/custom/LinkArrowSmall.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
    font-weight: normal;
    text-decoration: underline !important;
    display: inline-block;
    margin-right: 20px;
}

.MKLobbyRoleText {
    margin-bottom: 30px;
}

.MKLobbyCoalitionRoleText, .MKLobbyOppositionRoleText {
    height: 64px;
}

.MKLobbySpeakerText {
    padding-right: 175px;
    padding-left: 175px;
    margin-bottom: 20px;
}



.MKLobbyCoalOppTd {
    width: 360px;
    vertical-align: top;
}

.MKLobbyGrayBoxDiv {
    color: #4a7aad;
    font-weight: bold;
    /*width: 115px;*/
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.MKLobbyGrayBoxDateDiv {
    font-weight: bold;
    width: 115px;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.MKLobbyGrayBoxDiv img {
    width: 10% !important;
}

/*search*/

.btnSearch {
    background-image: none !important;
    vertical-align: text-bottom !important;
}

    .btnSearch input {
        background-image: none !important;
        text-align: center !important;
        vertical-align: central !important;
        font-weight: bold !important;
        margin-right: 4px !important;
        width: 40px !important;
        min-width: 40px !important;
        height: 20px !important;
        font-weight: bold !important;
        background-color: #f1f1f1 !important;
        border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.5) !important;
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5) !important;
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5) !important;
        border: solid 1px white !important;
        cursor: pointer !important;
        padding: 0px 10px !important;
        margin-top: 4px !important;
    }

        .btnSearch input:hover {
            border-color: #ecebeb !important;
            background-color: #ecebeb !important;
        }

        .btnSearch input:active {
            border-color: #c6c6c6 !important;
            background-color: #e0e0e0 !important;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
        }


.MKLobbySrchMainDiv {
    width: 100%;
    background: #f7f7f7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f7f7f7, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7f7f7, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7f7f7, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7f7f7, #ffffff); /* Standard syntax */
}

    .MKLobbySrchMainDiv .MKLobbyTitleBlue {
        margin-top: 0px !important;
    }


.MKLobbySearchLink span {
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    background-color: #304982;
    padding: 5px;
}

.MKLobbySrchSubControlsContainerDiv {
    width: 100%;
    display: inline-block;
    padding: 5px 70px 0 0;
}


.MKLobbySrchSubTitleDiv {
    margin-top: 13px;
    width: 100%;
    /* float: right; */
    padding-right: 40px;
}

    .MKLobbySrchSubTitleDiv img {
        margin-left: 5px;
        vertical-align: middle;
    }

    .MKLobbySrchSubTitleDiv h4 {
        display: inline-block;
        font-family: Arial !important;
        font-weight: bold;
        color: #304982;
        font-size: 105% !important;
        line-height: normal !important;
        margin: 0px !important;
    }


.MKLobbySrchSep {
    /*height: 2px;
	border-bottom: dotted 1px #304982;
	margin: 20px auto 20px auto;
	width: 80%;*/
    margin: 0;
    height: 1px;
}

.MKLobbySrchSepLine {
    margin: 25px 0;
    height: 1px;
    background: #ccc;
    box-shadow: inset 210px 0px 80px -40px #f9f9f9, inset -210px 0px 80px -40px #f9f9f9;
}

.MKLobbySrchParDiv {
    white-space: nowrap;
    margin-bottom: 20px;
}

    .MKLobbySrchParDiv div:nth-child(1) {
        display: inline-block;
        width: 150px;
        margin-right: 100px;
        vertical-align: middle;
    }

    .MKLobbySrchParDiv div:nth-child(2) {
        display: inline-block;
        width: 370px;
        margin-right: 30px;
        vertical-align: middle;
    }

    .MKLobbySrchParDiv input[type="text"] {
        width: 300px;
        box-sizing: border-box;
    }

    .MKLobbySrchParDiv select {
        width: 300px;
        box-sizing: border-box;
    }

.MKLobbySrchDateDiv input[type="text"] {
    /*width: 100px !important;*/
}

.MKLobbySrchDateDiv img {
    vertical-align: middle !important;
    width: 18px !important;
}

.MKLobbySrchDateDivInner {
    width: 300px;
    float: right;
}

.MKLobbySrchButton {
    text-align: center;
    padding-top: 20px;
}

    .MKLobbySrchButton button {
        text-align: center;
        font-weight: bold;
        width: 60px;
        background-color: #f4f4f4;
        height: 30px;
        border: solid 1px #c4c4c4;
    }

.mkLobbySrchRow {
    width: 729px;
    /*clear: both;
    display: flex;*/
}

.MKLobbySrchCol {
    width: 150px;
    float: right;
}

    .MKLobbySrchCol input[type=text] {
        width: 120px;
    }

    .MKLobbySrchCol label {
        font-size: 11px !important;
    }

.MKLobbySrchCol1 {
    width: 300px;
    float: right;
}

    .MKLobbySrchCol1 input[type=text] {
        width: 190px;
    }

    .MKLobbySrchCol1 label {
        font-size: 11px !important;
    }

    .MKLobbySrchCol1 .k-dropdown-wrap {
        width: 246px;
    }

.MKLobbySrchColFull {
    width: 729px;
    float: right;
}

    .MKLobbySrchColFull h5 {
        font-family: Arial;
        font-weight: 600;
        text-decoration: underline;
        padding-bottom: 4px;
        font-size: 11px !important;
    }

        .MKLobbySrchColFull h5.h5Another {
            text-decoration: none;
        }

.validationMessage {
    display: block;
    color: red;
}

.validationMessageAll {
    display: block;
    text-align: center;
    color: red;
}

.MKLObbySrchResultContainer {
    width: 730px;
}

.MKLObbySrchHedderLetter {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #304982;
    padding: 18px 0;
    text-align: center;
    width: 100%;
    text-decoration: underline;
}

.MKLObbySrchResultLetterContainer {
    width: 100%;
}

.MKLObbySrchResultItem {
    width: 33%;
    float: right;
    text-align: center;
    padding-bottom: 4px;
}

.MKLobbySrchResultMkSingleImageDiv {
    float: right;
    height: 49px;
    width: 53px;
    text-align: center;
    border: 1px solid #f4f5f5;
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F2F5F4 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F2F5F4 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F2F5F4 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(100, #F2F5F4));
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F2F5F4 100%);
    background-image: linear-gradient(to top, #FFFFFF 0%, #F2F5F4 100%);
}

    .MKLobbySrchResultMkSingleImageDiv img {
        padding: 2px 0px;
        width: 66%;
    }

.MKLobbySrchResultMkSingleNameDiv {
    float: right;
    width: 67%;
    height: 50px;
    border-right: 3px solid #304982;
    padding-right: 10px;
    -webkit-box-shadow: inset 0px 8px 5px 0px rgba(242,242,242,0.51);
    -moz-box-shadow: inset 0px 8px 5px 0px rgba(242,242,242,0.51);
    box-shadow: inset 0px 64px 5px 0px rgba(242,242,242,0.51);
    position: relative;
    border-radius: 10px 0 0 10px !important;
}

    .MKLobbySrchResultMkSingleNameDiv a {
        position: absolute;
        top: 37%;
        right: 5%;
        color: #304982 !important;
        font-weight: bold;
    }


/* end search*/


.AllImagesTemplate {
}


.AllImagesKnessetPositionsTemplate, .AllImagesGovermentPositionsTemplate,
.AllImagesReplacementPositionsTemplate {
}

    .AllImagesGovermentPositionsTemplate .MKLobbySectionSingle {
        text-align: center;
    }

    .AllImagesGovermentPositionsTemplate .MKLobbyPhotoItem {
        float: none;
        display: inline-block;
    }

    .AllImagesGovermentPositionsTemplate .MKLobbyPhotoItem {
        float: none;
    }

.AllListKnessetPositionsTemplate, .AllListKnessetYearBornTemplate,
.AllListGovermentPositionsTemplate, .AllListReplacementPositionsTemplate {
}


    .AllListKnessetPositionsTemplate .MKLobbyListThCell:first-child {
        width: 20%;
    }

    .AllListKnessetPositionsTemplate .MKLobbyListThCell:nth-child(2) {
        width: 20%;
    }

.AllImagesTemplate .MKLobbySection {
    display: inline-block;
    width: 100%;
}

.AllImagesTemplate .MKLobbyKnessetPositionsSingle {
    width: 50%;
    margin: 0 auto;
    display: table;
}

    .AllImagesTemplate .MKLobbyKnessetPositionsSingle .MKLobbyPhotoItem {
        width: 50% !important;
        float: none;
        display: table-cell;
    }

.MKLobbyPhotoItemPosition {
}

.AllImagesTemplate .MKLobbyKnessetPositionsSingle .MKLobbyPhotoLinksPosition {
    text-align: center;
    /* margin-top: 15px; */
    display: block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

    .AllImagesTemplate .MKLobbyKnessetPositionsSingle .MKLobbyPhotoLinksPosition .MKLobbyGeneralLink {
        margin-right: 0px;
    }

.AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition {
    display: table;
}

    .AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .cell {
        display: table-cell;
    }

    .AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .coalition,
    .AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .opposition {
        width: 360px;
    }

    .AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .cellSpace {
        width: 10px;
    }


.AllImagesKnessetPositionsTemplate .MKLobbyPhotoItemContainer {
    display: table;
    width: 100%;
}

.AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .MKLobbyPhotoItem {
    width: 50% !important;
    float: right;
    display: table-cell;
}

.AllImagesKnessetPositionsTemplate .chairmanOpposotionCoalition .MKLobbyPhotoLinksPosition {
    text-align: right;
    /* margin-top: 15px; */
    width: 50%;
    display: block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.AllImagesTemplate .MKLobbyPhotoCommittee {
}

.AllImagesTemplate .MKLobbyPhotoItem2parts {
    float: right;
    width: 25%;
}

    .AllImagesTemplate .MKLobbyPhotoItem2parts .MKLobbyPhotoItem {
        float: none;
        width: 100% !important;
        height: 215px;
    }

    .AllImagesTemplate .MKLobbyPhotoItem2parts .MKLobbyPhotoBottomDiv {
        margin-right: 3px;
        min-height: 54px;
        padding-bottom: 4PX;
    }

.AllListKnessetPositionsTemplate .positionListContainerTbl {
    display: table;
}

.AllListKnessetPositionsTemplate .MKLobbyListItemTitle, .AllListKnessetPositionsTemplate .MKLobbyListItem {
    display: table-row;
}


    .AllListKnessetPositionsTemplate .MKLobbyListItemTitle div,
    .AllListKnessetPositionsTemplate .MKLobbyListItem div {
        float: none;
        display: table-cell;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
    }

    .AllListKnessetPositionsTemplate .MKLobbyListItemTitle div {
        border-top: dotted 1px #3F677A;
        border-bottom: dotted 1px #3F677A;
    }

    .AllListKnessetPositionsTemplate .MKLobbyListItem div {
        border-bottom: dotted 1px #c4c4c4;
    }

.AllImagesReplacementPositionsTemplate .MKLobbyPhotoItem {
    width: 100% !important;
}

/************ added by shai */

.LinksHead {
    text-decoration: none !important;
}

.socialTbl {
    display: table;
    width: 100%;
}

.socialRow {
    display: table-row;
}

.socialCell {
    display: table-cell;
    width: 25%;
    text-align: center;
}

    .socialCell a:hover {
        text-decoration: none !important;
    }

/************* end added by shai   */

/* MK Expenses  */
.MKLobbySideMenuContainer {
}

.MKLobbyPhotoContainerExpenses {
}

    .MKLobbyPhotoContainerExpenses .MKLobbyPhotoBottomDiv div:first-child {
        margin-top: 10px;
    }

    .MKLobbyPhotoContainerExpenses .MKLobbyDetailsLinks a {
        text-decoration: underline;
    }

.MKLobbyExpendPhotoItem {
    background-image: url(/_layouts/15/1037/images/custom/memberCard175px.png);
    width: 25% !important;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: top;
    text-align: center;
    float: right;
}

.MKLobbyPhotoBottomDivExp {
    border-top: solid 2px #ffffff;
    background-color: #e7ebee;
    border-bottom: solid 3px #304982;
    height: 40px;
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    width: 175px;
    padding-top: 10px;
    margin-bottom: 10px;
}

    .MKLobbyPhotoBottomDivExp div {
        /*margin-right: 5px;
	margin-left: 5px;*/
        color: #441206 !important;
        font-weight: bold;
    }

    .MKLobbyPhotoBottomDivExp a {
        color: #441206 !important;
        font-weight: normal !important;
        text-decoration: underline !important;
    }

.MKLobbyListItemMKExpenses {
    width: 100%;
    border-bottom: dotted 1px #c4c4c4;
    height: 31px;
}

    .MKLobbyListItemMKExpenses div {
        padding: 8px 5px 0 3px;
    }

.MKLobbyListItemTotalCost {
    width: 150px;
    float: right;
}


.MKLobbyDetailsLinks a {
    cursor: pointer;
}

.MKLobbyListItemTitle {
    width: 100%;
    height: 31px;
    color: #441206 !important;
    font-weight: bold;
    border-top: dotted 1px #3F677A;
    border-bottom: dotted 1px #3F677A;
    background-image: url(/_layouts/15/1037/images/custom/Bkg16px.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    text-align: right;
}

    .MKLobbyListItemTitle div {
        padding: 8px 5px 0 3px;
    }

.MKLobbyListItemTotalCostTitle {
    width: 150px;
    float: right;
}

.MKLobbyListItemDetailsLinkTitle {
    width: 180px;
    float: right;
}

.MKExpenseTable {
    width: 500px;
    margin: auto;
    border-collapse: collapse;
    border: solid 1px #5a5a5a;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .MKExpenseTable th {
        background-color: #5a5a5a;
        color: #ffffff;
        font-weight: bold;
        padding-right: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
        text-align: right !important;
    }


    .MKExpenseTable td {
        border: solid 1px #5a5a5a;
        padding-right: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: #f8f8f8;
    }


.MKExpenseTotalRow {
    color: #304982;
    font-weight: bold;
}

.MKExpenseBudgetRow td {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .MKExpenseBudgetRow td div:nth-child(2) {
        /*color: #304982;
 font-weight: bold;*/
    }

.MKExpencesLobbySideLinks {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 120% !important;
    cursor: pointer;
}

.MKLobbyExpensesTotalCost {
    color: #304982;
    font-weight: bold;
}

/* End MK Expenses  */


.RadTabStrip_rtl .rtsIn {
    text-align: center !important;
}


/* FONTS */

@font-face {
    font-family: 'icomoon';
    src: url('/_layouts/15/1037/fonts/Custom/icomoon.eot?gice9p');
    src: url('/_layouts/15/1037/fonts/Custom/icomoon.eot?gice9p#iefix') format('embedded-opentype'), url('/_layouts/15/1037/fonts/Custom/icomoon.ttf?gice9p') format('truetype'), url('/_layouts/15/1037/fonts/Custom/icomoon.woff?gice9p') format('woff'), url('/_layouts/15/1037/fonts/Custom/icomoon.svg?gice9p#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
    content: "\e904";
    font-size: 16px;
    color: #304982 !important;
    width: 46px;
}

.icon-twitter:before {
    content: "\e903";
    font-size: 18px;
    color: #304982 !important;
    width: 40px;
}

.icon-facebook:before {
    content: "\e901";
    font-size: 17px;
    color: #304982 !important;
    width: 30px;
}

.icon-instagram:before {
    content: "\e902";
    font-size: 17px;
    color: #304982 !important;
    width: 30px;
}
/* END FONTS */

/****** aded by shai */

/****  ethics */
.ethics {
}

.editTab {
    display: table;
}

    .editTab .MKLobbyRight {
        float: none;
        display: table-cell;
    }

    .editTab .MKLobbyLeft {
        float: none;
        display: table-cell;
        padding-right: 1%;
    }

    .editTab .editTabImages {
        padding: 20px;
    }

.editTabImages .editTabImage {
    padding-bottom: 15px;
}

.editTab .editTabImage img {
    width: 180px;
}


/*******  added by shai *******/
/*******  previous mks  *******/

.AllImagesKnessetPreviousMkTemplate {
}

    .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoContainer {
        position: relative;
    }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoItem {
        width: 146px !important;
        height: 179px;
        position: relative;
        z-index: 1;
        background-image: url('/_layouts/15/1037/images/custom/memberCard109px.png');
    }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoItem .MKLobbyOpenClose {
            width: 20px;
            height: 20px;
            position: absolute;
            top: -6px;
            left: 13px;
            border: 1px #ccc solid;
            border-radius: 3px;
            line-height: 20px;
            font-size: 12px;
            background-color: #EFEFEF;
            cursor: pointer;
            color: #4A494A;
            font-weight: 600;
            font-size: 14px;
        }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoItem .MkId {
            display: none;
        }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoItem .MkPart {
            display: block;
            margin-top: 8px;
            font-size: 11px;
        }


    .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails {
        width: 200px;
        position: absolute;
        border: 1px #ccc solid;
        display: none;
        z-index: 2;
        background-color: #fff;
    }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistoryMkContainer {
        }

            .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistoryMkContainer .mkHistory {
                display: table;
                width: 90%;
                padding: 10px;
            }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistory .mkHistoryRow {
            display: table-row;
        }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistory .mkHistoryCell {
            display: table-cell;
        }

            .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistory .mkHistoryCell:first-child {
                width: 26px;
            }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .mkHistoryFullName {
            padding: 4px 19px;
            background-color: #F3F3F2;
            color: #905C21 !important;
            font-weight: bold;
            border-top: 1px solid #CCC;
        }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .arrow-up {
            position: absolute;
            top: -10px;
            left: 168px;
        }


            .AllImagesKnessetPreviousMkTemplate .MKLobbyDetails .arrow-up:after {
                content: '';
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 9px solid #fff;
                position: absolute;
                top: 1px;
                left: -8px;
            }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoItem .MKLobbyPhotoDiv {
        padding-right: 0px;
        padding-top: 0px;
    }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyPhotoDiv img {
        width: 67px;
        height: 87px;
        margin-top: 6px;
        margin-right: 36px;
        border: solid 1px #441206;
    }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyMKNameDiv {
        margin-top: 9px;
    }

        .AllImagesKnessetPreviousMkTemplate .MKLobbyMKNameDiv a {
            color: #905C21 !important;
            font-weight: bold;
            font-size: 11px !important;
        }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyFactionDiv {
        margin-top: 4px;
        color: #905C21 !important;
    }

    .AllImagesKnessetPreviousMkTemplate .MKLobbyDateDiv {
        margin-top: 4px;
        color: #905C21 !important;
        font-size: 11px;
    }

.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
}

.AllKnessetPreviousMkTemplate {
}

    .AllKnessetPreviousMkTemplate .MKLobbyAllExpText {
        margin-bottom: 10px;
    }

        .AllKnessetPreviousMkTemplate .MKLobbyAllExpText span {
            color: #304982 !important;
            font-weight: bold;
        }

.AllListKnessetPreviousMkTemplate .MKLobbyListThCell:nth-child(1),
.AllListKnessetPreviousMkTemplate .MKLobbyListCell:nth-child(1) {
    width: 130px;
}

.AllListKnessetPreviousMkTemplate .MKLobbyListThCell:nth-child(2),
.AllListKnessetPreviousMkTemplate .MKLobbyListCell:nth-child(2) {
    /*text-align: center;*/
    width: 300px;
}

.AllListKnessetPreviousMkTemplate .MKLobbyListCell:nth-child(3) {
    font-weight: 600;
}

.MkUclContainer {
    display: table;
    width: 100%;
}

    .MkUclContainer .MKLobbyRight {
        display: table-cell;
        float: none;
    }

    .MkUclContainer .MKLobbyLeft {
        display: table-cell;
        float: none;
        padding-right: 1%;
        margin-right: inherit;
        position: relative;
    }

    .MkUclContainer .k-combobox-clearable .k-input {
        padding-right: 0.1em;
    }

    .MkUclContainer .k-dropdown-wrap {
        direction: ltr;
    }


    .MkUclContainer .k-input {
        direction: rtl;
    }

    .MkUclContainer #btnMk, .MkUclContainer #btnMkSearch, .MkUclContainer #btnSelectKnesset {
        width: 50px !important;
        min-width: 50px !important;
    }

.AllImagesKnessetPreviousGraphMkTemplate {
}

    .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyAllExpText {
        margin-bottom: 10px;
    }

        .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyAllExpText span {
            color: #304982 !important;
            font-weight: bold;
        }

    .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl {
        display: table;
        margin-bottom: 10px;
    }

        .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl .MKLobbyTatrisContainerRow {
            display: table-row;
        }

        .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl .MKLobbyTatrisContainerCell {
            display: table-cell;
            text-align: right;
            vertical-align: middle;
            background-color: #F0ECE4;
            height: 26px;
            width: 26px;
            border-top: solid 1px #ffffff;
            border-right: solid 1px #ffffff;
            border-bottom: solid 1px #ffffff;
            border-left: solid 1px #ffffff;
        }

        .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl .MKLobbyTatrisContainerCellSelected {
            background-color: #7c6a44;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: bold;
            color: #FFFFFF;
            text-align: center;
        }



        .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl .MKLobbyTatrisContainerCell:first-child {
            background-color: #707070;
            border-top: solid 1px #ffffff;
            border-bottom: solid 1px #ffffff;
            border-left: solid 1px #ffffff;
            color: #FFFFFF;
            padding-right: 5px;
            padding-left: 5px;
            height: 26px;
            width: inherit;
            display: table-cell;
            text-align: right;
            vertical-align: middle;
        }

            .AllImagesKnessetPreviousGraphMkTemplate .MKLobbyTatrisContainerTbl .MKLobbyTatrisContainerCell:first-child A {
                color: #ffffff !important;
            }

.MKLobbyKnessetReplcementContainer .MKLobbyListRow:hover {
    background-color: transparent !important;
}


.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: white !important;
}

span.k-datepicker {
    width: 75% !important;
}

/*
may be ww will need it in the future
.k-popup .k-calendar {    
    width: 218px !important;
}
*/

.MKLobbyFamPhotoDiv {
    padding-right: 0px;
    padding-top: 0px;
}

    .MKLobbyFamPhotoDiv img {
        width: 67px;
        height: 87px;
        margin-top: 6px;
        margin-right: 36px;
        border: solid 1px #441206;
    }

.MKLobbyFamMKNameDiv {
    font-weight: bold;
    margin-top: 4px;
}

.MKLobbyFamYearsDiv {
    margin-top: 4px;
}

.MKPreviousLobbyRelationsContainer {
    display: flex;
    width: 100%;
}

.MKLobbyPhotoContainerDiv1Inner {
    width: 100%;
    text-align: center;
}

.MKLobbyRelationPhotoItem {
    background-image: url('/_layouts/15/1037/images/custom/memberCard175px.png');
    width: 25% !important;
    height: 224px;
    background-repeat: no-repeat;
    background-position: center top;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}

.MKLobbyFamArrow {
    margin: 0 10px;
    padding-top: 100px;
    display: inline-block;
}



/*#loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/_layouts/15/1037/images/custom/loading.gif) white no-repeat center top;
    opacity: 0.75;
    width: 100%;
    height: 100%; 
    min-height:200px; 
    z-index: 999999;
}*/

#loading-overlay {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 100%;
    height: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    z-index: 99999999999999999999999;
}

.dot {
    width: 10px;
    height: 10px;
    border: 3px solid #304982;
    border-radius: 50%;
    float: left;
    margin: 0 5px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation: fx 1000ms ease infinite 0ms;
    animation: fx 1000ms ease infinite 0ms;
}

    .dot:nth-child(2) {
        -webkit-animation: fx 1000ms ease infinite 300ms;
        animation: fx 1000ms ease infinite 300ms;
    }

    .dot:nth-child(3) {
        -webkit-animation: fx 1000ms ease infinite 600ms;
        animation: fx 1000ms ease infinite 600ms;
    }

@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#MkCurrentSearchPrefrom .MKLobbySrchSep {
    height: 10px;
}

#MkCurrentSearchPrefrom .MKLobbySrchDateDivInner {
    padding-bottom: 10px;
}

/******************** mk presence ****************/
.MkPresence {
}

    .MkPresence .MkPresenceText {
        text-align: center;
    }

    .MkPresence .MkPresenceMembers {
        text-align: right;
    }


.MKLobbyPhotoItemNarrow {
    width: 118px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}

.MKLobbyPhotoDivNarrow {
    padding-top: 15px;
    padding-right: 0px;
    text-align: center;
}

    .MKLobbyPhotoDivNarrow img {
        margin-left: 0px;
        border: 1px solid #ccc;
        height: 127px;
    }

        .MKLobbyPhotoDivNarrow img.notPresence {
filter: grayscale(100%);


            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            -ms-filter: grayscale(100%);




            opacity: 0.6;
        }

.MKLobbyMKNameDivNarrow {
    font-weight: bold;
    margin-top: 8px;
}

.MKLobbyFactionDivNarrow {
    margin-top: 8px;
}

.MKLobbyTitleDivNarrow {
    margin-top: 4px;
}

.MkPresence .MKLobbyPhotoItemNarrow {
    height: 100%;    
}

.MKLobbyFactionSubTitle {
    text-align: center;
    font-size: 105%;
    font-weight: bold;
    color: #304982;
    padding-bottom: 4px;
}

.MKLobbyFactionSubSubTitle {
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    color: #304982;
    padding-bottom: 4px;
}

.MKLobbyListContainerTbl {
    display: table;width: 100%;
}

.MKLobbyListContainerRow {
    display: table-row;
}

.MKLobbyListContainerTblHalfSep {
    width:5%;
}

.MKLobbyListContainerTblHalf {
    display: table-cell;
    width: 45%;
    border: 1px solid #ccc;
    vertical-align: top;
}

.MKLobbyListTblHalf {
    display: table;
    /*width: 45%;*/
    width: 100%;
    /*border: 1px solid #ccc;*/
    float: right;
    /*
    margin-right: 26px;
    */
}

.MKLobbyListTblRowHalf {
    display: table-row;
}

.MKLobbyListTblCellHalf {
    width: 100%;
    float: none;
    display: table-cell;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    border-bottom: dotted 1px #eee;
    padding-left: 10px;
    padding-right: 10px;
}

    .MKLobbyListTblCellHalf A {
        font-weight: 600;
    }

.MKLobbyListTblHalfSub {
    display: table;
}

.MKLobbyListTblCellHalfSub {
    display: table-cell;
}

.MKLobbyListTblCaptionHalf {
    height: 30px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    font-size: 14px !important;
}

.MKLobbyListTblCaptionHalfPresence {
    background-color: #F7F7F5;
    color: #4D5372;
    border-bottom: 1px dashed #AFB3B5;
    height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.MKLobbyListTblCaptionHalfNotPresence {
    background-color: #F7F7F5;
    color: #818586;
    border-bottom: 1px dashed #BFC3C6;
    height: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.MKLobbyListTblCellHalf img {
    padding-left: 4px;
    position: relative;
    top: -1px;
}

/************************* mobile  *************************/
/************************* 120 mks  *************************/

.MkMobile .MKLobbyListContainerDivInner {
    margin: 0 auto;
    width: max-content;
}

.MkMobile .MKLobbyListTblHalf {
    display: table;
    width: 45%;
    border: 1px solid #ccc;
    float: right;
    margin-right: 0px;
}

    .MkMobile .MKLobbyListTblHalf:first-child {
        margin-left: 5%;
    }

.MkMobile .MKLobbyPhotoContainer {
    width: inherit;
    /*display: none;*/
    position: relative;
    left: -1000px;
}

.MkMobile .MobLobbyFilterDiv {
    text-align: center;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.MkMobile .ulNavFilter {
    padding: 0 !important;
}

.MkMobile .ltrRow {
    text-align: center;
    display: inline-block;
}

    .MkMobile .ltrRow li:first-child {
        padding-right: 0px;
    }

.MkMobile .ulNavFilter li {
    float: right;
    list-style-type: none;
    padding-right: 10px;
    padding-left: 10px;
}

    .MkMobile .ulNavFilter li p {
        font-size: 30px;
        text-decoration: none;
        font-family: arial;
        color: #304982;
        padding: 0 3px;
        margin: 0px;
    }

.MkMobile .MobMkFilterLetterSelected {
    background-color: #304982 !important;
    color: #ffffff !important;
}

.MkMobile .lnkShowAllDiv2 a {
    font-size: 20px;
    font-weight: bold !important;
    color: #304982 !important;
}

.MkMobile .MKLobbyPhotoItemNarrow {
    float: right;
    /*margin-left: 3px;*/
}


    .MkMobile .MKLobbyPhotoItemNarrow img {
        height: 100%;
        width: 100%;
    }

.MkMobile .MKLobbyMKNameDivNarrow span {
    font-size: 77%;
}

.MkMobile .MKLobbyMKNameDivNarrow {
    margin-top: 0px;
    line-height: 1;
}

.MkMobile .clear {
    clear: both;
    display: block;
}

/**************** presnce *****************/
svg g path {
    cursor: pointer;
}

svg g text {
    text-anchor:end;
    direction:rtl; 
    font-size: 12px !important;   
}

/*
#factionsGrapth1 svg g text, #factionsGrapth1 svg g text{    
    font-size: 15px !important;
}
*/

/*IE10 and IE11   (Method 1)*/
/*==================*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    svg g text {
        text-anchor:start;
    }
}