@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
html {
height:100%;
}
body{
height:100%;
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    font-family:'Open Sans', sans-serif
}
body.ar{
    font-family:"Simplified Arabic"
}
.content{
	max-height:100%
    max-width:1600px;
    margin:0 auto
}
.ar .content{
    direction:rtl
}
.publications.ar .content{
    direction:ltr
}
.content .text{
    padding:40px 100px 80px;
    line-height:23px
}
.content .text h2{
    padding:0;
    margin:30px 0 10px;
    font-size:1.3em
}
.content .text p,.content .text li{
    color:#333
}
.content .text a{
    color:#ff0000;
    text-decoration:none;
    font-weight:bold
}
.content .text span{
    color:#008000
}
header{
    background:#000
}
header ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center
}
header ul li{
    display:inline-block;
    padding:8px 0;
    height:27px
}
header ul li a{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    padding:4px 20px
}
header ul li a.sep{
    border-right:1px solid;
    font-family:'Open Sans', sans-serif
}
body.home .content{
    width:860px
}
body.home .logo{
    background-image:url(../../images/Gumar.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    padding:15% 0;
    background-color:white;
    width:30%;
    border-radius:50%;
    border:4px solid transparent;
    margin-top:40px;
    float:left
}
body.home .background{
    background-image:url("../../images/home_back.jpg");
    background-size:cover;
    background-position:center center;
    background-color: white;
    float:left;
    width:100%;
    padding:60px 0;
    height:calc(100vh - 43px);
    box-sizing:border-box
}
body.home .info_text{
    float:left;
    width:calc(70% - 10px);
    box-sizing:border-box;
    padding-left:48px;
    margin-top:98px;
    position:relative;
    padding-top:72px
}
body.home .info_text .info{
    color:white;
    font-size:28px;
    line-height:36px;
    max-width:499px;
    text-shadow:1px 2px 2px rgba(0,0,0,0.35);
    font-weight:600;
    position:absolute;
    top:0;
    right:0;
    left:48px;
    display:none
}
body.home .info_text .info.info0{
    display:block
}
a.yamliapi_simpleLink,a.yamliapi_simpleLink *{
    color:white !important;
    text-shadow:1px 2px 1px rgba(0,0,0,0.24)
}
.search-box .search-container{
    width:500px;
    max-width:90%
}
.search-box .search-container input#main_search,.search-box .search-container button.search_button{
    float:left;
    box-sizing:border-box;
    height:39px
}
.search-box .search-container input#main_search{
    width:82%;
    padding:10px 12px;
    border:1px solid #CACACA;
    border-right:0;
    border-radius:5px 0 0 5px
}
.search-box .search-container button.search_button{
    width:17%;
    border:1px solid #CACACA;
    background:#E4E4E4;
    border-radius:0 5px 5px 0
}
.yamliapi_menuBorder:not(.yamliapi_inst_ff_main_search){
    right:-10px !important;
    min-width:220px !important;
    border:none !important
}
.yamliapi_menuBorder:not(.yamliapi_inst_ff_main_search) .yamliapi_menuPanel,.yamliapi_menuBorder:not(.yamliapi_inst_ff_main_search) .yamliapi_menuContent{
    padding:0 !important
}
.yamliapi_menuBorder:not(.yamliapi_inst_ff_main_search) .yamliapi_inst_ff_main_search div{
    padding:6px 13px !important;
    background:white !important
}
.yamliapi_menuBorder:not(.yamliapi_inst_ff_main_search) .yamliapi_inst_ff_main_search div:hover{
    background-color:#D5E9FF !important
}
.header-search-wrapper{
    // background-image:url("../../images/home_back.jpg");
    background-position-y:0;
    background-position-x:center;
    background-size:cover;
    background-color: white;
}
.header-search-wrapper .search-box .search-container{
    margin:0 auto
}
.header-search{
    max-width:1600px;
    margin:0 auto;
    padding-top:12px
}
.header-search .gumar{
    float:left;
    background-image:url(../../images/Gumar.png);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    padding:13.5% 11% 0
}
@media (min-width: 1900px){
    .header-search .gumar{
        padding:11.5% 7% 0
    }
height:100%;
}
.header-search .search-box{
    float:left;
    width:57%;
    padding-top:5%
}
@media (min-width: 1900px){
    .header-search .search-box{
        width:67%
    }
}
.header-search .logos{
    float:right;
    width:20%
}
@media (min-width: 1900px){
    .header-search .logos{
        width:17%
    }
}
.header-search .camel{
    float:right;
    background-image:url(../../images/CAMeL.png);
    background-size:contain;
    background-position:top center;
    background-repeat:no-repeat;
    width:100%;
    padding:40% 0 0
}
.header-search .nyu_abudhabi{
    float:right;
    background-image:url(../../images/NYUAD.png);
    background-size:contain;
    background-position:top center;
    background-repeat:no-repeat;
    width:100%;
    padding:20% 0 0;
    margin-top:3%
}
.search_results table th{
    border-bottom:2px solid #333;
    text-align:right;
    padding:10px 10px 5px 0
}
.search_results table td{
    text-align:right;
    padding:10px;
    direction:rtl
}
.search_results table td.nowrap{
    white-space:nowrap
}
.search_results table tr.alt{
    background:#EFEFEF
}
body.search .content{
    position:relative
}
body.search .content .loading{
    text-align:center;
    padding-top:60px;
    position:absolute;
    top:10px;
    left:0;
    right:0;
    background:rgba(255,255,255,0.95);
    bottom:0;
    z-index:1
}
body.search .content .loading .logo{
    background-image:url(../../images/Gumar.png);
    background-size:contain;
    height:200px;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:30px
}
body.search .content .loading span{
    opacity:1;
    -webkit-animation:loading 2s infinite;
    animation:loading 2s infinite
}
@-webkit-keyframes loading{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes loading{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.search_results .navigation{
    text-align:center;
    margin-top:10px
}
.search_results .navigation button{
    cursor:pointer;
    background:none;
    border:none;
    font-family:inherit;
    font-family:'Open Sans', sans-serif
}
.search_results div{
    box-sizing:border-box
}
.search_results .results-count{
    text-align:center;
    color:#333;
    margin:20px 0 20px
}
.search-results{
    position:relative;
    line-height:20px;
    padding:30px 0
}
.search-results .no_results{
    text-align:center;
    font-size:20px;
    margin-top:60px
}
.search-results table{
    width:100%;
    border-collapse:collapse;
    direction:rtl;
    font-family:"Simplified Arabic";
    margin-top:40px
}
.search-results table tr.odd{
    background:#F3F7FB
}
.search-results table td,.search-results table th{
    border:none;
    transition:width 0.3s
}
.search-results table td{
    padding:11px
}
.search-results table .word{
    padding-left:0;
    padding-right:0;
    color:#ff0000;
    font-weight:700
}
.search-results table .stem{
    color:#008000;
    font-weight:700
}
.search-results table .sentence1{
    text-align:left
}
.search-results table .collapsed{
    font-size:0;
    width:2px !important;
    background:#ddd;
    padding-left:5px;
    padding-right:5px
}
.search-results table .collapsed select{
    display:none
}
.search-results table th{
    border-bottom:1px solid black;
    font-size:16px;
    font-weight:700;
    font-family:'Simplified Arabic';
    padding:11px 5px;
    width:9%;
    position:relative
}
.search-results table th .visibility{
    position:absolute;
    cursor:col-resize;
    bottom:5px;
    left:5px;
    border-top:7px solid white;
    border-left:7px solid #444
}
.search-results table th.collapsed .visibility{
    border-top:7px solid black;
    border-left:7px solid #ddd;
    left:2px;
    bottom:2px
}
.search-results table th.column5{
    width:7%
}
.search-results table th.column1{
    width:11%
}
.search-results table th.column0{
    width:auto
}
.search-results table th select{
    width:100%;
    border:none;
    font-size:16px;
    font-weight:700;
    font-family:'Simplified Arabic';
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:5px 10px;
    background:transparent url("../../images/ic_arrow_drop_down_48px-16.png") no-repeat calc(100% - 5px) center
}
.search-results table th select.selected{
    padding-right:25px
}
.search-results table th select[name='gloss']{
    font-family:'Open Sans', sans-serif
}
.search-box{
    float:left;
    width:100%;
    margin-top:30px
}
.clear{
    clear:both
}
 iframe {
     height: 100%;
}