/*#source-text-area div::before{*/
    /*content: "\00a0";*/
/*}*/
/*#source-text-area br::before{*/
    /*content: "\00a0";*/
/*}*/
body{
    /*padding-top: 50px;*/
}
#translation_link:hover{
    text-decoration: none ;
}
.mouse_over {
    background-color: #5cb85c;
    display: inline-block;
    /*padding: .2em .2em .2em;*/
    /*font-size: 75%;*/
    /*font-weight: 100;*/
    /*line-height: 1;*/
    color: #fff;
    z-index: 99;
    text-align: center;
    /*white-space: pre;*/
    vertical-align: baseline;
    cursor: pointer;
    border-radius: 0;

;
    padding: inherit;

}

.shamra_logobar{
    font-size: x-large;
    display: flex;
}
.ltrFirst,.rtlLast{
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
}
.rtlFirst,.ltrLast{
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
}
/*#source-text-area>.mouse_over:last-of-type{*/
    /*border-radius: 0 .25em .25em 0;*/
/*}*/
/*#source-text-area>.mouse_over:first-of-type{*/
    /*border-radius:  .25em 0 0 .25em;*/
/*}*/

.container-fluid{
    position: relative;
    padding-right: 10px;
    width: 100%;
}

.content-panel{
    width: 100%;
    padding: 5px 20px 10px 10px;
}

.translationContainer.stateFocused{
    outline: none;
    border-color: #00a550;
}

.translationContainer {
    position: relative;
    border: 2px solid #dadada;
    border-radius: 4px;
    padding: 2px;
    min-height: 180px;
}

.textareaWrapper{
    height: 130px;
    overflow: hidden;
    font-size: medium;
    /*background-color: white;*/
    padding: 5px 5px 25px;
}

.adaptable-textarea.small-font{
    font-size: small;
}
.adaptable-textarea.smaller-font{
    font-size: smaller;
}
/*.backdrop {*/
    /*position: absolute;*/
    /*z-index: 1;*/

    /*width: 97.2%;*/
    /*height: auto;*/
    /*!*border: 2px solid #685972;*!*/
    /*background-color: #fff;*/
    /*overflow: auto;*/
    /*pointer-events: none;*/
    /*transition: transform 1s;*/
    /*resize: none;*/
    /*border: none;*/

    /*overflow-x: hidden;*/
    /*!*padding: 1px;*!*/
    /*!*margin-left: 1px;*!*/
    /*box-sizing: border-box;*/
/*}*/
/*.highlighter{*/
    /*width: 97.2%;*/
    /*height: 100px;*/
    /*resize: none;*/
    /*border: none;*/
    /**/
    /*overflow-x: hidden;*/
    /*!*padding: 1px;*!*/
    /*!*margin-left: 1px;*!*/
    /*box-sizing: border-box;*/
/*}*/

/*noinspection CssInvalidPropertyValue*/
.srcTextArea{
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    z-index: 2;
    overflow-x: hidden;
    background-color: white;
    word-break:break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.tgtTextArea{
    width: 100%;
    border: none;
    /*background-color: white;*/
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    word-wrap: break-word;
    /*word-break: break-all;*/
}

.srcTextArea:focus{
    outline: none;
}

/*::-webkit-scrollbar {*/
    /*-webkit-appearance: none;*/
    /*width: 7px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
    /*border-radius: 4px;*/
    /*background-color:   #00a550;*/
    /*-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/
/*}*/



.translation-footer{
    position: absolute;
    height: 25px;
    bottom: 0px;
    width: 98%;
    text-align: left;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 5px;
}


.translation-panel{
    width: 100%;
    height: 25px;
    color: darkgreen;
    font-size: large;
    padding-left: 4px;
    padding-right: 4px;
}

.control-item{
    padding-left: 10px;
    padding-right: 10px;
    color: lightgrey;
    cursor: pointer;
    transition: all .1s ease-in-out;
}

.stateEnabled.control-item:hover {
    color: green;
    text-shadow:  0 0 6px #ff8600;
}


.stateEnabled.control-item:active{
    color: #ff8600;
}

.control-language-button{
    padding-left: 10px;
    padding-right: 10px;
    color: grey;
    font-size: medium;
    cursor: pointer;
}
.control-language-button:hover{
    color: green;
}

.target-panel{
    direction: ltr;
}
.source-panel{
    direction: ltr;
}

.panels-spacer{
    padding: 0px;
}

.panels-spacer-row{

}

@media screen and (min-width: 992px) {
    .row-table{
        display: table;
        height: auto;
    }

    .col-table-cell{
        display: table-cell;
        height:100%;
        position: relative;
        float: none;
    }

    .button-container{
        height: 33.3334%;
        text-align: center;
    }

    .panels-spacer-row{
        height: 100%;
        width: 100%;
        margin: 0;
        overflow: hidden;
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
    }

    #swap-button-rotator{
        -webkit-transform: rotate(0deg); /* Safari and Chrome */
        -moz-transform: rotate(0deg);   /* Firefox */
        -ms-transform: rotate(0deg);   /* IE 9 */
        -o-transform: rotate(0deg);   /* Opera */
        transform: rotate(0deg);
    }
}
@media screen and (max-width: 991px) {
    .panels-spacer-row{
        padding-top: 10px;
        padding-bottom: 10px;
    }


    #swap-button-rotator{
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        -moz-transform: rotate(90deg);   /* Firefox */
        -ms-transform: rotate(90deg);   /* IE 9 */
        -o-transform: rotate(90deg);   /* Opera */
        transform: rotate(90deg);
    }
}

.button-container{
    text-align: center;
    min-width: 100px;
    display: flex;
    justify-content: center;
}

.button{
    align-self: center;
    min-width: 100px;
    width: 88%;
}

.swap-button {
    font-size: xx-large;
    color: #00a550;
    cursor: pointer;
    transition: all .1s ease-in-out;
}

.swap-button:hover {
    color: #ff8600;
}


.translate-button{
    max-width: 120px;
    margin: auto auto auto auto;
    background-color: #00a550;
    border-radius: 0;
    color: white;
    font-weight: bold;
    padding: 6px 10px 8px 10px;
    cursor: pointer;
    transition: all .1s ease-in-out;


}
.translate-button:hover{
    background-color: #ff8600;
    color: white;
}

.translating{
    font-size: xx-large;
    color: #ff8600;
    margin: auto;
}


.target-footer{
    direction: ltr;
    padding-left: 5px;
    font-size: large;
}

.error-red{
    /*color: red;*/
    text-shadow:  0 0 6px #ff8600;
    font-size: xx-large;
}

.toast-container{
    position: fixed;
    left: 50%;
    bottom: 10%;
    max-width: 90%;
}

.toast{
    position: relative;
    left: -50%;
    display: none;
    background-color: #383838;
    color: #F0F0F0;
    font-size: larger;
    padding:8px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    z-index: 1000;
}

.shamra-green-style{
    background: #00a550;
    color: white;
}

.suggest-original-text{

    border: 2px solid #dadada;
    border-radius: 2px;
    padding: 2px;
    width: 100%;
    min-height: 60px;
}

.suggestTextArea{
    margin-top: 10px;
    width: 100%;
    /*height: 100%;*/
    resize: none;
    border: 1px solid #FBFBFB;
}

.suggestTextArea:focus{
    outline: none;
    border-color: #00cc00;
    box-shadow: 0 0 10px #00cc00;
}

.btn-suggest{
    background: #00a550;
    color: white;
}

.btn-suggest:hover{
    background: #008550;
    color: white;
}

.vote-blue{
    color: #00acee;
}

.vote-spin {
    -webkit-animation: fa-spin 0.7s infinite linear;
    animation: fa-spin 0.5s infinite linear;
}

#swap-button-icon{
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.listOfAlternatives {
    list-style: none;
    padding-right: 0;
}
.listOfAlternatives li{
    padding:5px ;
    border-bottom: 1px solid #ccc;
    overflow: auto;
}
.listOfAlternatives li:nth-child(odd){
    /*background: #f0f0f0;*/
}
.listOfAlternatives li div{
    width: 30px;
    height: 10px;
    display: inline-block;
    margin-left: 15px;
}
.listOfAlternatives li div>div{
    height: 100%;
    background: #00a550 ;
}
#simWords{
    padding-left: 4%;
    padding-right: 1%;
}
#altContainer{
    padding-right: 4%;
}
#altWordSpinner{
    color: #ff8600;
}
#altWordSpinnerController{
    text-align: center;
}


@media only screen and (max-width:992px) {
    #simWords{
        margin-right: 28px;
        padding-left: 15px;
    }
    #listOfAlternativesWords{
        /*padding-right: 31px;*/
    }
    .visit-community-container {
        display:none!important;
    }


}
@media only screen and (min-width:992px) {
    .visit-community img{
        width:210px!important;
    }

}

/*/////community card style in the main page/////*/
.visit-community-container {
    display:block;
}
.visit-community {
    border: 2px solid #00a550;
    padding: 10px 5px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    background-color: white;
    box-shadow: 5px 5px 5px #ddd;
    margin-top: 40px;
}
.community-subtitle {
    color: #ff8600;
    font-size: 20px;
    line-height: 2;
}
.community-info {
    padding: 5px 0px 5px 5px;
    line-height: 1.5;
    font-size: 13px;
    color: #776c6c;
    text-align: right;
}
.btn.btn-default.visit-community-btn {
    color: white;
    background-color: #00A550;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 5px;
    float: left;
    margin-left: 25px;
}
#translateHeader {
    margin-top: -20px;
}
.btn.btn-default.visit-community-btn.main-btn {
    margin: 20px 0px 0px -30px;
    padding: 5px 10px;
}



.evaluate-btns span {
    border: none;
    padding: 5px;
    display: inline-block;
    margin-left: 5px;
    color: #d2bebe;
    font-size: 15px;

}

.evaluate-btns {
    display: inline-table !important;
    float: left;
    width: auto !important;
    margin-left: 0px !important;

}
.evaluate-btns span.btn:hover ,.evaluate-btns span.btn:active
{
    color: #ff8600;
    background: none;
}
.active-evaluate{
    color: #ff8600!important;
    background: none!important;

}
.sending{
    pointer-events: none;
    opacity: 0.3;
}
div#alternative-text {
    width: initial;
}

.visit-community img {
    max-width: 100%;
    max-height: 100%;
}
.ltr-text{
 direction: ltr;
}

.rtl-text{
    direction:rtl;
}

   
/* loader style */
@keyframes ldio-unzl005xvm {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
  }
  .ldio-unzl005xvm div { box-sizing: border-box!important }
  .ldio-unzl005xvm > div {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 18px;
    left: 18px;
    border-radius: 50%;
    border: 10px solid #000;
    border-color: #edb426 transparent #edb426 transparent;
    animation: ldio-unzl005xvm 1s linear infinite;
  }
  .ldio-unzl005xvm > div:nth-child(2) { border-color: transparent }
  .ldio-unzl005xvm > div:nth-child(2) div {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(45deg);
  }
  .ldio-unzl005xvm > div:nth-child(2) div:before, .ldio-unzl005xvm > div:nth-child(2) div:after { 
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: -10px;
    left: 17px;
    background: #edb426;
    border-radius: 50%;
    box-shadow: 0 54px 0 0 #edb426;
  }
  .ldio-unzl005xvm > div:nth-child(2) div:after { 
    left: -10px;
    top: 17px;
    box-shadow: 54px 0 0 0 #edb426;
  }
  .loadingio-spinner-dual-ring-fbofjcjq6x4 {
    width: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    background: none;
  }
  .ldio-unzl005xvm {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.4);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
  }
  .ldio-unzl005xvm div { box-sizing: content-box; }
  /* generated by https://loading.io/ */