/*//test vault*/
@font-face{
    font-family:droidkufi-regular;
    src:url(../fonts/DroidKufi-Regular.eot?#iefix);
    src:local("درويد كوفي"),local("DroidKufi-Regular"),url(../fonts/DroidKufi-Regular.woff) format("woff");
}

body {
    color: #1e1e1e;
    font: 13px/1.6em Helvetica, Arial, sans-serif !important;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: #F5F5F5;
    overflow-x: hidden;
}
a {
    color: #2e77ac;
    text-decoration: none;
}
ul {
    list-style: none;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}
input, select, textarea, .inputbox {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
/*    margin-left: 5px;*/
    margin-top: 8px;
    margin-bottom: 8px;
}
.btn .btn-primary{
      background-color: #008dc9;
    border-color: #008dc9;   
}
.btn .btn-primary:hover{
        background-color: #197baf;
    border-color: #197baf;
}
h3 {
    clear: left;
}
#maincontainer {
/*    max-width: 1024px;*/
    margin: 0 auto;
    background: #fff;
    /*border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;*/
/*    margin-bottom: 30px;*/
}
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}
.group {
    zoom: 1;
}
.group:after {
    clear: both;
}
.group:before, .group:after {
    content: "";
    display: table;
}
#headersection {
    margin: 0 auto;
    overflow: hidden;
}
.header {
    position: relative;
    text-align: center;
    overflow: auto;
}
.logo-text {
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 8px;
}
#maincontainer a {
    text-decoration: none;
}
h1.logo, .logo-text h1 {
    line-height: 1;
}
.logo-text h1 a {
    color: #878787;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
}

.language {
    position: relative;
}
#languageselection {
    position: absolute;
    top: -68px;
    right: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
.social-media {
    position: relative;
}
.header-social-media {
    position: absolute;
    top: -44px;
    right: 10px;
    padding-top: 11px;
    z-index: 9999;
}
.header-social-media li {
    display: block;
    float: left;
}
    .header-social-media li a {
        display: block;
        text-indent: -99999px;
        background-image: url('../../Images/emro-sprite.png');
     
        width: 29px;
        height: 28px;
        margin-right: 5px;
        padding: 0;
    }
.header-social-media li a.header-youtube {
    background-position: -114px 242px;
}

.header-social-media li a.header-rss {
    background-position: -77px 242px;
}
.header-social-media li a.header-twitter {
    background-position: -77px 204px;
}
.header-social-media li a.header-facebook {
    background-position: -114px 204px;
}
/*menu*/
nav .nav>li>a , .navbar-brand{
        padding: 16px 8px;
}

nav .navbar-collapse{
    padding-right: 0; 
     padding-left: 0; 
}
nav .navbar-form {
    margin: 4px -4px;
    padding: 0;
}
nav .form-control{
    padding: 0px 5px;
    border-radius: 0;
    height: 28px;
}
nav .btn-default{
  color: #fff;
    background-color: #d86422;
    border-color: #008dc9;
    border-radius: 0;
    height: 28px;
    width: 60px;
    font-size: 13px;
    font-weight: bold;
    padding: 2px;
}
nav .btn-default:hover{
color: #008dc9;
    background-color: #eeeeee;
    border-color: #008dc9;
}
.navbar-default{
        background-color: #008dc9;
   border-color: #ffffff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #d86422;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #d86422;
}
.navbar-default .navbar-nav>li>a{
        color: #fff;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
      font-size: 13px;
    margin-top: -1px;
    color: white;
}
.navbar-brand:hover , .navbar-brand:focus{
    color:#d86422!important
}
/*content*/
.collapsescroll{
   /*height: 300px;*/
    /*border: 1px solid rgba(0, 129, 184, 0.33);*/
    border: 1px solid #bcd4e2;
    font-size: 12px;
    /*box-shadow: 1px 2px 6px 1px #ebe3e3;*/
}
.collapsescroll a:first-child{
    border-top: 0px;
}
.nicescroll-cursors{
    background-color: rgb(51, 122, 183)!important;

}
.list-group-item.active.collapsed, .list-group-item.active.collapsed:focus {
z-index: 2;
/*color: #fff; */
/*background: rgb(99,171,221);*/ /* Old browsers */
/*background: -moz-radial-gradient(center, ellipse cover,  rgba(99,171,221,1) 0%, rgba(0,141,201,1) 100%);*/ /* FF3.6-15 */
/*background: -webkit-radial-gradient(center, ellipse cover,  rgba(99,171,221,1) 0%,rgba(0,141,201,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: radial-gradient(ellipse at center,  rgba(99,171,221,1) 0%,rgba(0,141,201,1) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63abdd', endColorstr='#008dc9',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
/*background-color:#008dc9 !important;*/
/*border-color: #008DC9;*/
font-weight: bold;
/*background-color: #d7e4f5 !important;*/
background-color: white !important;
border-color: #d7e4f5 !important;
color: black !important;
text-align: center !important;
}

.list-group-item.active:not(.collapsed), .list-group-item.active:not(.collapsed):focus{
    background-color: #00a7e3 !important;
    border-color: #00a7e3;
    color: #fff;
    font-weight:bold;
    z-index:2;
    text-align:center !important;
}

.list-group-item.active.cart:after{
    font-family: 'Glyphicons Halflings'; 
      content:"\2212";   
    float: left;       
    color: white;  
}
.list-group.nonempty_list, .list-group.empty_list{
    margin-bottom:5px;
}
.list-group-item.active.collapsed.cart:after{
      content:"\002b"; 
        color: #008dc9;  
        float:left;
}
.panel-primary>.panel-heading {
    color: #008dc9;background: rgb(100,172,224); /* Old browsers */background: -moz-radial-gradient(center, ellipse cover,  rgba(100,172,224,1) 0%, rgba(0,141,201,1) 98%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover,  rgba(100,172,224,1) 0%,rgba(0,141,201,1) 98%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center,  rgb(243, 243, 243) 0%,rgb(197, 197, 197) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64ace0', endColorstr='#008dc9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */border-color: #008dc959;
}
.panel-primary>.panel-heading>.panel-title{
    font-weight: 700;
}
.panel-body a{
  text-decoration: underline!important;
    font-size: 15px;
    margin-top: 2%;
}
.content-wrapper{
     padding: 0 10px;
}

.social-icon {
    background-image: url('../../Images/social-media-share.png');
    height: 30px;
    width: 30px;
    display: inline-block;
}

.social-icon.facebook {
    background-position: -3px -108px;
}
.social-icon.twitter {
    background-position: -95px -108px;
}
.social-icon.google {
    background-position: -33px -108px;
}
.social-icon.diigo {
    background-position: -157px -108px;
}
.social-icon.stumbleupon {
    background-position: -64px -108px;
}
.social-icon.tumblr {
    background-position: -189px -157px;
}
.social-icon.reddit {
    background-position: 37px -157px;
}
.social-icon.url {
    background-position: 131px -108px;
}
/*.panel-title:before,*/ .Details:after{
content: "\00BB" "\00a0";
}

.panel-primary {
 border-color: rgb(212, 210, 210);
 min-height: 188px;
 box-shadow: 0px 2px 6px #dccfcf;
}
.list-group-item:nth-child(odd){
        /*background-color: #e4e4e4;*/
            /*background-color: #e6eef9;*/
            background-color:#f8f9fb;
}
.list-group-item:first-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flow-root;
}
.list-group-item{
      border-bottom: transparent;
      border-left: transparent;
      border-right: transparent;
}
#system-search{
 margin-left: 50px;
 margin-top: 0px;
 height: 40px;
 border: 1px solid rgba(0, 141, 201, 0.29);
     border-radius: 0px;
}
.search-btn{
    background-color: #008dc9;
    color: white;
    height: 40px;
    width: 50px;
    font-size: 16px;
    border-radius: 0px;
        margin-left: 1px;
}

.switch-span:hover, .switch-span i:hover{
    color: #d86422 !important;
}
.search-btn:hover, .search-btn:focus{
color: #fff;
    background-color: #d86422;
    border-color: #d86422;
}
.nav-tabs>li>a {
    margin-right: 3px;
    border: 1px solid rgba(65, 161, 216, 0.29);
   background-color: #eee;
    width: 150px;
    text-align: center;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #008dc9;
}
.tab-content{
    /* border-right: 1px solid #ddd; */
    /* border-left: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    border: 1px solid #008dc92e;
    background-color: whitesmoke;
    margin-bottom: 10px;
    padding: 10px;
    min-height: 775px;
}
.inline{
    display: inline-flex;
}
.lan-btn button{
    font-size:14px;
    background-color: #dadada;
    border-color: #008dc978;
}

.uk-lan{
    color:red;
}
.us-lan{
    background-color: #008dc9!important;
    color: white;
}
.search-word{
    margin-bottom: 0%;
}

.search-word h2 , h3{
        color: #008dc9;
}
.search-word h2 , h3:before{
content: "\00BB" "\00a0";
}
.newest a{
       /* font-size: 18px; */
       /* line-height: 25px; */
       text-decoration: underline!important;
}
.media-heading {
    font-size: 15px;
}
.media-body small{
        color: #ababab;
}
.media-heading small a{
    font-size: 11px;
}
.drive{
border: 1px solid #e4e4e4;
    margin-top: 15px;
}
label.list-group-item:before{
content: "\00BB" "\00a0";
font-size: 16px;
}
.categ{
    max-height: 400px;
    border: 1px solid rgba(204, 204, 204, 0.81);
    box-shadow: 1px 2px 6px 1px #ebe3e3;
}
.categ{
    border-top: 0px;
}
/*footer*/
#footer {
    background-color: #0081b8;
    overflow: hidden;
    padding: 14px;
    position: relative;

}
.footer-img{
      background-repeat: no-repeat;
}


#footer h3 {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 10px;
        font-weight: bold;
}


#footer ul li {
    font-size: 12px;
    padding: 0 0 3px 0;
}
#footer ul li a {
    color: #fff;
}

.footer-social-media {
    position: absolute;
    top: 70px;
    left: 20px;
}
.footer-social-media li {
    float: left;
}
    .footer-social-media li a {
        display: block;
        text-indent: -99999px;
        background-image: url('../../Images/emro-sprite.png');
        width: 39px;
        height: 39px;
        margin-right: 5px;
        padding: 0;
    }
.footer-social-media li a.footer-youtube {
    background-position: 0px 144px;
}
.footer-social-media li a.footer-rss {
    background-position: 0px 242px;
}
.footer-social-media li a.footer-twitter {
    background-position: 0px 193px;
}
.footer-social-media li a.footer-facebook {
    background-position: 0px 96px;
}
.footer-copyright {
    position: absolute;
    left: 20px;
    /*bottom: -145px;*/
        bottom: -81px;
}
.footer-copyright a {
    color: #fff;
}
#TopAd {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: fixed;
    background: #fff;
    left: 70px;
    top: 0;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
    z-index: 2;
}
#TopAd p {
    font-size: 17px;
}
#TopAd img {
    vertical-align: middle;
    margin-right: 6px;
}
footer h3:before{
    content: "";
}

/*media*/


@media(max-width: 992px){
   nav .nav>li>a, .navbar-brand {
    padding: 16px 4px;
    font-size: 1.2vw;
} 
nav .btn-default {
    height: 28px;
    width: 55px;
    font-size: 12px;
    padding: 0px;
}
nav .form-control {
    padding: 0px 5px;
}
#TopAd{
       left: 15px; 
}
}
@media(max-width: 767px){
    #TopAd{
        display: none;
    }
    .navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #d86422;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    font-size: 22px;
    margin-top: -1px;
}
.navbar-nav{
    margin: 0;
}
nav .nav>li>a, .navbar-brand{
    padding: 16px 16px;
    font-size: 2.2vw;
}
nav .form-control {
    padding: 0px 8px;
    position: relative;
    width: 50%;
    margin: 0 auto;
}
nav .btn-default{
      float: right;
    margin-top: -33px;
    height: 29px;
    width: 19%;
    margin-right: 5%;
}
.navbar-form{
   border-bottom:none;
}
.navbar-collapse{
    overflow: hidden;
}
.nav-tabs>li>a {
    width: 96px;
    height: 50px;
}
.social-media{
    display: none;
}
.logo-text {
    float: left;
    padding: 10px;
}
#languageselection{
    top: -29px;
    right: 0px;
}
#footer ul li {
    font-size: 12px;
    line-height: 25px;
    text-align: center;
}
.footer-img{
        text-align: center;
}
.navbar-form .form-group {
    margin-bottom: 5px;
    margin-top: 5px;
}
.footer-social-media{
       position: static;
    display: table;
    margin: 0 auto; 
}
#footer h3{
       padding-top: 15px;
            padding-bottom: 0px; 
                text-align: center;
}
.footer-copyright {
    position: relative;
    left: 40%;
    bottom: 0;
}
}
.owl-carousel .item {
    margin: 3px;
}
.owl-carousel .item img {
    display: block;
    width: 80%; 
    height: auto;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 8px;
    margin: 4px 4px;
    opacity: 0.5;
    width: 8px;
}
.owl-controls.clickable{
        margin-top: 2%;
    text-align: center;
}
.owl-theme .owl-controls .owl-page.active span{
background: none repeat scroll 0 0 #0081b8;
opacity: 1;
}

.morecontent>span {
    display: none;
}

.morelink span{
    font-size:20px;
    border: 2px solid #23527c;
    border-radius: 100%;
}

a.morelink, a.morelink .less {
    /*font-size: 12px;*/
    font-size: 14px;
    font-weight: bold;
}

/*grid style*/

.k-grid{
    width: 80%;
    margin: 0 auto;
}

table .k-header{
    background-color: #008dc9;
    background-image: none;
}
th, td:not(.k-calendar td){
    width: 200px;
}
thead .k-link{
    font-size: 12px;
}
thead .k-header,.k-grid td{
	width:200px;
}
.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
    color: #ffffff!important;
}
.k-button {
    border-radius: 4px!important;
    border-color: #008dc9!important;
    background-color: #008dc9!important;
    background-image: none!important;
    color: white!important;
}
.k-button:hover {

     border-color: #f35800!important;
    background-color: #f35800!important;


}

input[type="radio"], input[type="checkbox"] {
    margin: 4px;
    /*margin-top: 1px \9;*/
    margin-top: 1px;
    line-height: normal;
    vertical-align: middle;
}
input[name="optradio"]{
    margin: -15px;

}
.k-grid-toolbar, .k-grouping-header {
    margin: 0;
    padding: .4em 0em .4em;
    cursor: default;
}
.left-aside{
        background-color: #343843;
}
.k-grid-top .k-icon{
    display: none;
}
.k-alt, .k-pivot-layout>tbody>tr:first-child>td:first-child, .k-resource.k-alt, .k-separator {
    background-color: #eceff1;
}
.k-grid tr:hover {
    background-color: #a9a9a9;
    background-image: url(textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgb(202, 202, 202) 0,rgba(144, 144, 144, 0) 100%);
    background-position: 50% 50%;
}
.k-button.k-state-hover, .k-button:hover {
    color: #003f59;
    border-color: #ff950b;
    background-color: #ff950b;
}
.k-grid-delete .k-i-delete{
    display: none;
}
.k-button.k-state-active, .k-button:active, .k-draghandle.k-state-selected:hover, .k-state-selected {
    background-image: none;
}

.k-state-selected{
       color: #fff;
    background-color: #12587d!important;
    border-color: #12587d!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-image: none;
    background-position: 50% 50%;
    background-color: rgb(38, 120, 170);
    border-color: #bdbdbd;
}
.k-pager-wrap {
    background-color: #eceff1;
    color: #00435e;
        border-color: rgb(187, 220, 235);
}

.k-grid td{
 text-align: center;
}
.k-header {
    background-color: #008dc9!important;
    background-image:none!important;
}
.k-filter-row th, .k-grid-header th.k-header {

    text-align: center!important;
}
.k-state-default>.k-select {
    border-color: #d4d4d4;
    background-color: #d4d4d4;
}
.k-dropdown .k-input{
       color: #13485a; 
}
.k-dropdown-wrap.k-state-default{
        background-color: rgb(255, 255, 255);
}
.k-dropdown{
      color: #13485a; 
} 
.k-window{
    min-height: 250px!important;
    top: 84.5px!important;
}



.headerAdmin {
    color: #ff950b;
    
    content: "\f10c";
    
    font-family:fontawesome;
    display: inline-block;
   margin-bottom: 0.5em;
    line-height: 20px;
    font-weight: 800;
   
    width: 80%;
    border-bottom: 2px solid #008DC9;
}



h2:after {
    color: #FFFFFF;
    font-size: 12px;
    content: "\f10c";
 
   margin-top: 10px;
    top: 110px;
    right: -10px;
    font-family: fontawesome;
    display: inline-block;
}

.text {
  display: block;
  width: 300px;
  overflow: hidden;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
}

.headerAdmin {
    color: #247DB0;
    margin-left: 10% !important;
}



.addArticle {
    margin-left: 134px;
}

/*#Speech{
    margin-left: 53.8% !important;
}*/

.searchLanguage-btn {
    width: 100%;
    height: 41px;
    color: #07538a;
    background-color: white;
    font-size:17px;
        border-left: 4px solid #07538a;
   /*background-image: url('../../Images/drop-down-arrow.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/ 
}


/*.dvSearchLanguage{
    background-color: #EBEBEB !important;
    border-radius:6px !important;
    border: 1px solid #D4D4D4;

}*/


.k-radio-label{

    color:black;
}

.k-radio-label::before {
    padding-left: 14px !important;
    padding-bottom: 14px!important;
}
.k-checkbox-label{
    color:black;
}
#Search{
height:41px;

}

.searchLanguage-btn:hover { 
    background-color: #D86422;
    color:white;
}


/*.ChkLang{
    padding-left:30px !important;

}*/
.radioLang
{
    padding-left:10px !important;
}
.headerSearch{

 align-content:center;
      font-weight:700;
       padding:10px;

           color: white;
    align-content: center;
    font-weight: 700;
    padding: 10px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    background-color: #07538a;
    width: 150px;
    font-size: 14px;     
}
.headerSearchDiv{
        border-bottom: 0.3em solid #07538a;
    width: 97%;
}

.fieldlistDiv{
    height: 75%;
    padding-left: 2%;
    padding-top: 3%;
}
.Meta {
    color: #008dc9;
    font-weight: 400;
}

   

.fieldlistLi{
    display:inline-block;
    width:15%;
    margin-right:10px;
}

/*jaklen*/
.underH4{
	margin-top: -3px;
    margin-bottom: 9px;
    border: 0;
    border-top: 3px solid #008dc9;
    width: 163px;
    margin-left: 4px;
}
.input-search-container{
        margin-top: 15px;
    margin-left:15px;
    margin-right:15px;
}
.indexSearch{
	background-color: #e6eef9;
    border: 2px solid #bfced4;
    /*border-radius: 6px;*/
    /*width: 105%;
    margin-left: -15px !important;*/
    margin-top: 8px;
    padding-top: 12px;
}
.searchContent{
	        padding: 13px 13px 0px 13px;
}
.searchSelection :hover{
	color:#ff5e03;
}
.line{
    height: 95px;
    width: 2px;
    margin-top: 52px;
    display: inline-block;
    /*margin-left: -340px;*/
    margin-left:-59%;
    background-color: #008dc9;
    vertical-align: top;
}

.navbar-nav{
	font-weight: 700;
}
.panel-primary {
	border-radius: 8px;
    border-width: 2px;
    border-color: rgb(197, 197, 197);
	box-shadow:none;
}
.panel-primary>.panel-heading{
	    background: radial-gradient(ellipse at center, rgb(243, 243, 243) 0%,rgb(230, 230, 230) 98%);
}
.btn .btn-default .searchLanguage-btn :focus{
	background-color: #008DC9;
}

/*#footer{
    max-height:200px;
}*/
.section group{
    max-height:300px;
}

.infoadmin{
margin-left:450px;
}

/*header style*/
.headerAdmin{
        margin-left: 10%;
        border-bottom: 2px solid #f35800;
        line-height: 100%;
}
.titleDiv{
        width: 100%;

}
.checkbox-article{
    margin-left: 62px;
    margin-bottom: 25px;
}

.fieldlist-article li{
    float: left;
    margin-left: 40px;
}

/*.btn-primary{
    margin-left: 131px;
}*/

/*footer at the bottom*/

body {
   margin:0;
   padding:0;
   /*height:100%;*/
   min-height:100%;
   background-color:white;
}
/*.maincontainer {
   min-height:100%;
   position:relative;
}*/
#maincontainer {
   min-height:100vh;
   position:relative;
}
.section .group{
    padding:10px;
    padding-bottom:30px;   /* Height of the footer */
}
footer {
    padding-top:30px !important;
   /*position:absolute !important;*/
   bottom:0;
   max-width:100%;
   height:30px;   /* Height of the footer */  
   
    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
}
#footer h3{
    margin:0px;
}
#footer h3:after{
    content:"";
}

/*grid header*/
.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar{
    background-color: white !important;
    border-color: white !important;
}

#grdFeedBack, #grid, #myCustomGrid, #grdAddGroup, #grdAddUserGroup, #grdAddSuggestWord, #LanguageGrid{
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
}
.k-grid-content{
    border-left: 1px solid #d5d5d5 !important;
}
  .k-grid-height-custom{
        height:100%;
    }
/*Save & cancel changes*/
#SuggestWordGridContainer .k-grid-save-changes, #myCustomGrid .k-grid-save-changes,#LanguageGrid .k-grid-save-changes,
.savBtn, #addUserGridContainer .k-grid-save-changes, #groupGridContainer .k-grid-save-changes, #feedbackGridContainer .k-grid-save-changes, #CommentGridContainer .k-grid-save-changes, #SuggestWordGridContainer .k-grid-save-changes,
#SuggestWordGridContainer .k-grid-cancel-changes, #myCustomGrid .k-grid-cancel-changes, #LanguageGrid .k-grid-cancel-changes, 
.canclBtn, #addUserGridContainer .k-grid-cancel-changes, #groupGridContainer .k-grid-cancel-changes, #feedbackGridContainer .k-grid-cancel-changes, #CommentGridContainer .k-grid-cancel-changes, #SuggestWordGridContainer .k-grid-cancel-changes,
#addUserGridContainer .k-grid-add, #groupGridContainer .k-grid-add, #popupbtn,#btnAddWord,#grdAddSuggestWord .k-grid-save-changes ,#grdAddSuggestWord .k-grid-cancel-changes ,#grdAddSuggestWord .k-grid-add,#btnAddArticle,#btnAddRole 
{
    background-color:#045a97 !important;
    border-color:#07538a !important;
    /*background-color:#44cc81 !important;
    border-color:#44cc81 !important;*/
}
#SuggestWordGridContainer .k-grid-save-changes:hover, #myCustomGrid .k-grid-save-changes:hover, #LanguageGrid .k-grid-save-changes:hover,
.savBtn:hover, #addUserGridContainer .k-grid-save-changes:hover, #groupGridContainer .k-grid-save-changes:hover, #feedbackGridContainer .k-grid-save-changes:hover, #CommentGridContainer .k-grid-save-changes:hover, #SuggestWordGridContainer .k-grid-save-changes:hover
.canclBtn:hover, #addUserGridContainer .k-grid-cancel-changes:hover, #groupGridContainer .k-grid-cancel-changes:hover, #feedbackGridContainer .k-grid-cancel-changes:hover, #CommentGridContainer .k-grid-cancel-changes:hover, #SuggestWordGridContainer .k-grid-cancel-changes:hover,  #SuggestWordGridContainer .k-grid-cancel-changes:hover, #LanguageGrid .k-grid-cancel-changes:hover, 
#SuggestWordGridContainer .k-grid-cancel-changes:hover, #myCustomGrid .k-grid-cancel-changes:hover,#addUserGridContainer .k-grid-add:hover, #groupGridContainer .k-grid-add:hover, #popupbtn:hover, #btnSubmitFeedback:hover,#btnAddWord:hover,
#grdAddSuggestWord .k-grid-save-changes:hover ,#grdAddSuggestWord .k-grid-cancel-changes:hover ,#grdAddSuggestWord .k-grid-add:hover,
#btnAddArticle:hover,#btnAddRole:hover
{
       background-color:#f35800 !important;
       border-color:#f35800 !important;    
    /*background-color:mediumseagreen !important;
        border-color:mediumseagreen !important;*/
}

/*.canclBtn, #addUserGridContainer .k-grid-cancel-changes, #groupGridContainer .k-grid-cancel-changes, #feedbackGridContainer .k-grid-cancel-changes, #CommentGridContainer .k-grid-cancel-changes, #SuggestWordGridContainer .k-grid-cancel-changes{
        /*background-color:#fb7123 !important;
    border-color:#fb7123 !important;*/
}*/

/*.canclBtn:hover, #addUserGridContainer .k-grid-cancel-changes:hover, #groupGridContainer .k-grid-cancel-changes:hover, #feedbackGridContainer .k-grid-cancel-changes:hover, #CommentGridContainer .k-grid-cancel-changes:hover, #SuggestWordGridContainer .k-grid-cancel-changes:hover{
    background-color:#f35800 !important;
    border-color:#f35800 !important;
}*/

/*#addUserGridContainer .k-grid-add, #groupGridContainer .k-grid-add{
        background-color:#f1f1f1 !important;
        border-color:#f1f1f1 !important;
        color: #006c9a !important;
}*/
/*#addUserGridContainer .k-grid-add:hover, #groupGridContainer .k-grid-add:hover{
        background-color:#c5c5c5 !important;
        border-color:#c5c5c5 !important;
        color: white !important;
}*/


/*dropDown arrow*/
 .k-i-arrow-60-down,.k-i-arrow-60-down:focus {
    /*background-image: url('../../Images/drop-down-arrowkindo.png') !important;*/
    background-image: url('../kendo/2017.1.223/Default/sprite.png');
    background-position:0 -27px;
}
/*group edit*/
#groupGridContainer .k-edit-cell{
    padding-right: 1.3%;
}


/*Add Article Popup*/
.popBtnDiv{
    text-align:center;
}
/*.popBtnDiv .btn-primary{
        margin-left: 27px;

}*/

#exampleFormControlTextarea1{
    width:100%; /*395px;*/
        /*margin-left: 20px;*/

}
#IsActive{
    /*margin-left:36px;*/
}
#artTitle{
        width: 265px;
}
[action="/Artical/Artical"]{
    width:100%;
}
.articalTitleLabel{
        line-height: 45px;
}
.modal-header{
    background-color:#0081b8;/*#204d74;*/
    color:white;
}
.closePopup{
    color:white;
}

element.style {
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header .close {
    margin-top: -2px;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    /* background: 0 0; */
    border: 0;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    color:white;
}
.closePopup {
    color: white;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    /* opacity: .2; */
}

.close{
    opacity:1 !important;
}
.close:hover{
    color:#f35800 !important;
    font-weight:bold;
}
.HomeLink {
    margin-top: 376px !important;
    float: left;
    margin-left: 110px;
}
.feedbackGridColumn 
{ 
    text-align: left !important;
}
.commentGridColumn 
{ 
    text-align: left !important;
}
.k-grid-header {
    background: #008dc9!important;
}
/*Comment*/
.selctWrdSpan{
    font-weight:bold;
    color:#2e77ac;
    padding-right:5px;
    letter-spacing:0.1em; 
}
.selctWrdDiv{
    padding:10px;
    width:30%;
    text-align:left;
    margin-left: 9.8% !important;
}
#SuggestWordName
{
    width:100% !important;
}
.SuggestWordSourceLanguage
{
    width:100% !important;
}
#grdAddSuggestWord
{
    width:100% !important;
}
.btnSuggestWordCancel
{
    text-align:center !important;
}
.AddArticleControls
{
    width:100% !important;
}
.popBtnDiv{
    text-align:center;
}
.canclBtn
{
    margin-left:30px;
}

/*home submit card*/
#exampleTextarea{
    width:100%;
}
.submitCard{
    width:100%;
}
/*cards font*/
.panel-body p{
        font-size: 15px;
        line-height:25px;

}  
.addGroupWords{
        display: inline-block;
    width: 75% !important;
}
/*.loginLink{
      font-weight:bold;
      font-size: 18px;
      padding-bottom: 5px;
      margin: 0 65px 5px 0;
      margin-right:40px;
      margin-top:10px;
   
}


.loginLink :hover{
      border: 1px solid #f35800;
      background: #f35800;
      color:white;
}*/

/*login link*/
.LoginItem{
    /*margin-left: 85em;*/
    color: white;
    font-weight: bold;
    position: absolute;
    right: 2% !important;
    top: 1px;
    padding:15px;
    }
.LoginItem:hover, .navbar-brand.glyphicon.glyphicon-home:hover{

    color: white !important;
    background-color:#f35800;
    }



/*share hidden*/
.share{
    display:none;
}


 /*suggest button*/

/*.suggestBtn {
	border: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.suggestBtn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}*/

/* Pseudo elements for icons */
    /*.suggestBtn:before {
        content:"?";
       
        content: url('../../Images/message-icon.png');
        position: relative;
    }*/


/* Icon separator */
/*.btn-sep {
	  padding: 11px 15px 11px 70px;
}

.btn-sep:before {
	background: rgba(0,0,0,0.15);
}*/

/* Button 1 */
/*.btn-1 {
	background: #3498db;
	color: #fff;
}

.btn-1:hover {
	background: #2980b9;
}

.btn-1:active {
	background: #2980b9;
	top: 2px;
}

.btn-1:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	line-height: 3;
	font-size: 140%;
	width: 60px;
}
#AddSuggestWord{
       
            margin-top: 0px !important;
            float: right !important;
}
.panel-group{
        width: 780px;
}
#system-search{
        margin-top: -8px !important;
}*/

/*---------------search div---------*/

.searchDiv{
        width: 100% !important;
        background-color: #07538a !important;
    height: 9.1em  !important;
    right:0px;
}

.btn-SuggestWord
{
    background-color: #008dc9;
    border-color: #008dc9;
    border-radius: 3px;
    color: white;
    height: 40px;
    font-size: 14px;
    background-image: url('../../Images/message-icon2.png');
        width:  12.7em;
    background-repeat: no-repeat;
    padding-left: 47px;
        margin-top: 8px;

}

.tiny-clicks{
    display: contents;
}


.btn-SuggestWord:hover, #Search:hover, #Deletebtn:hover, #forumform .btn-primary:hover, #Save.btn-primary:hover
{
    color: #fff;
    background-color: #d86422 !important;
    border-color: #d86422 !important;
}

.btn-SuggestWord:focus
{
    background-image: url('../../Images/message-icon2.png');
}

/*search active*/
.searchLanguage-btn:focus{
}
/*---------------------------------------------Welcome page from read more--------------------------------------------*/
.ShowParagraph{
    text-indent:30px;
    width: 80%;
    margin: 0 auto;
}
.welcomeDivp {
    width: 80%;
    margin-left:10%;
}
/*---------------------------------------Edit Language------------------------------------*/
.editLanguageDiv{
    width:80%;
    padding-left: 10.2%;
    padding-top: 24px;
    margin-bottom: -29px;
}





/*home img & speech*/
.header-social-media{
    z-index:200;
}
.search-word{
    text-align:right;
}

.speechDiv{
        margin-right: 0px;
    padding-right: 0px;
}
.lan-btn{
    text-align:right;
}


/*dropDown arrow*/
.k-i-arrow-60-down,.k-i-arrow-60-down:focus {
    /*background-image: url('../../Images/drop-down-arrowkindo.png') !important;*/
    background-image: url('../kendo/2017.1.223/Default/sprite.png');
    background-position:0 -27px;
}

#addUserGridContainer { /*di ba2a ashta3'alt 3ala tol 3ala kolo :)*/
    width: auto;
}

.newest {
    display:none;
}

/*-------------------search border new style---------------------------------*/
.dvSearchLanguage{
    border-radius: 0px !important;
    border:none;

}

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

.k-autocomplete, .k-block, .k-button, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-gantt-views>.k-current-view, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button .k-gantt-views, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content{
    border-radius:0px !important;
}

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox{
    border-width:0px !important;
}

body{
        background-color: #fafafa;
}

/*-------------------------New cards Design---------------------------*/


.widgetContainer{
  border: 2px solid #bcd4e2;
  border-radius: 2px;
  color: #000;
  font-family: 'Lato',Helvetica,Arial,sans-serif;
  padding:0px;
  margin-bottom: 20px !important;
      min-height: 143px;
}
.arrow_box {
   position: relative;
    border-bottom: 4px solid;
    width: 100%;
    height: 40px;
    color: #07538a;
    cursor: pointer;
}

/*Triangle*/
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 85%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 15px;
	margin-left: -15px;
}

.first {
  z-index: 10;
 /*background: #d7e4f5;*/
  border-color: #bcd4e2;
}

/*Triangle color*/
.first:after {
	border-top-color: #d7e4f5;
}
/*Triangle border*/
.first:before {
  	border-top-color: #bcd4e2;
}

.arrow_box>h3{
  padding:11px;
  padding-left:20px;
  font-size: 85%;
  color: #07538a;
}
 .arrow_box>h3:before{
     content:'';
 }
 .widgetParagraphDiv{
     padding: 15px;
     overflow: hidden;
 }

.widgetParagraph {
    padding: 5px;
}

.readMore{
  z-index: 5;
  text-align:right;
  padding:4px;
  position:relative;
}
.readMore>a{
  color:#07538a;
  font-weight:600;
  margin-right:30px;
  text-decoration:underline !important;
}


.arrow {
  position: absolute;
  top: 94%;
  left: 99%;
  margin-top: -16px;
  margin-left: -18px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #07538a;
  border-left: 2px solid #07538a;
  border-bottom: 2px solid transparent;
  border-radius: 2px;
  -webkit-transform-origin: center center;
  -webkit-animation: arrow 3s linear infinite;
  -moz-transform-origin: center center;
  -moz-animation: arrow 3s linear infinite;
  transform-origin: center center;
  animation: arrow 3s ease-in-out infinite;

}
.arrowVisible{
  opacity:1;
  margin-top: -15px;
}
.arrowOpacity{
  left: 97%;
  top: 95.8%;
  border-top: 2px solid #07538a;
  border-left: 2px solid #07538a;
 
}

  


@-webkit-keyframes arrow{
  0%, 50%, 100% {
    -webkit-transform: translateX(-6px) rotate(135deg);
  }
  25% {
    -webkit-transform: translateX(-2px) rotate(135deg);
  }
  75% {
    -webkit-transform: translateX(-7px) rotate(135deg);
  }
}

@-moz-keyframes arrow{
  0%, 50%, 100% {
    -moz-transform: translateX(-6px) rotate(135deg);
  }
  25% {
    -moz-transform: translateX(-2px) rotate(135deg);
  }
  75% {
    -moz-transform: translateX(-7px) rotate(135deg);
  }
}

@keyframes arrow{
  0%, 50%, 100% {
    transform: translateX(-6px) rotate(135deg);
  }
  25% {
    transform: translateX(-2px) rotate(135deg);
  }
  75% {
    transform: translateX(-7px) rotate(135deg);
  }
}


.backgroundBody{
    background-color:#fafafa;
}
/*live search input center*/
.dvlivesearched{
        margin: 0 auto;
}
.sh {
    width: 80% !important;
}
.LiveSearchesAlign{
    text-align:center;
}



.editLanguageDiv td{
    padding-left: 0px;
    font-weight: bold;
    color: #2e77ac;
    letter-spacing: 0.1em;
    width:50%;
        
}
#Image1{
 display:none;
 margin-top:5%;
 margin-left: auto;
 margin-right:auto;
 -moz-transform-origin: top;
 -o-transform-origin: top;
 -webkit-transform-origin: top;
 -ms-transform-origin: top;
 transform-origin: top;

 -moz-transform: scale(1);
 -o-transform: scale(1);
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform:scale(1);
 
 -moz-transition:all 0.2s;
 -o-transition:all 0.2s;
 -webkit-transition:all 0.2s;
 -ms-transition:all 0.2s;
 transition:all 0.2s;
}
    #Image1:hover {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

.EntryLbl{
    font-size: 18px;
    color: #e20505;
}
.speechResultIcon{
    color: #e20505;
    cursor: url('../../Images/sound icon-03.png') 0 1, auto;
}
.arabicTitle{
    font-size: 18px;
}
.exportDiv{
    position:relative;
    z-index:5;
        margin-bottom:3px;
}
.exportForm{
    position:absolute;
    right:10.3%;
}
.exportBtn{
        border-radius: 0;
        padding: 3px 11px;
    font-family:Helvetica, Arial, sans-serif !important;
}
.margin-arabicText{
    margin-right:-50px;
}
.WidgetCardHeight{
    height:auto;
}
/*.k-grid-toolbar{

    padding: .22em 0 .28em !important;
}*/
#video{
    border: 3px solid #337ab7;
    border-radius: 6px;
}
.share-buttons{
    padding-top:11px !important; 
    box-sizing:border-box;
}

.btn-facebook{
    padding:10px 19px !important;
}
 .btn-googleplus {
        background: #E93F2E;
        color: #fff;
        padding:10px 14px !important;
    }
  .searchSelection-div{
 
            background-color: #d7e4f5;
            padding: 12px 0px 34px 0px;
                margin-top: 13px;
    }
    .dvadvancedsearch{
            margin-top: 7px;
    }
    .dvadvancedsearch li{
        float:left;
        margin-right:15px;
    }
    .k-radio-label{
        color: white !important;
    }
    /*----------loading-----------*/
   #divLoading{
   width: 100%;
   height: 100%;
   text-align: center;
    z-index: 1000;
   /*top: 0px;
   left: 0;
   position: fixed;
   opacity: 0.9;
   background-color:rgba(255,255,255,0.7);
   */
}

.loading-img {
  z-index: 1003;
      padding-top: 15%;
      width:10%;
}
.displayNone{
    display:none;
}
     .showResultContainer{
        /*margin-top:80px;
        height:110%;*/
            margin-bottom: 2rem;
    }
    /*.show-result-withoutImg{
        overflow-y:scroll;
        max-height:100%;
    }*/
    .research-ar{
        text-align:right;
            word-break: break-all;
    }
    /*----------nano scroll----*/
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
    margin-top:10px;
    /*background-color:red;*/
}

.nano .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding: 0px 20px 20px 20px;
}
.nano .nano-content:focus, .nano .nano-content:hover {
  outline: thin dotted;
}
.nano .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background:#d7e4f5 !important;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano >.nano-pane > .nano-slider {
    background: #07538a !important;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}







#noResult{
    text-align:center;

}
.noResultTxt{
    color:red;
    font-weight:bold;
    /*text-transform:uppercase;*/
    text-align:center;
    font-size: 18px;
    line-height: 29px;
        background-color:#d7e4f5;
    padding:20px 5px;
}

    .container-input-search{
            /*width: 95%;*/
             margin: 0 auto;
    }
    .container-btn-search{
            width: 99%;
             margin: 0 auto;
    }
    .lan-btn{
            margin-top: 14px;
    }
/*---------------------------align arrow navigation under grid------------------------*/
    a.k-link{
        position:relative;
    }
    span.k-icon{
        position:absolute;
        top:18%;
        left:18%;
    }
     /****------Recent search-------*****/
     .RecentSearchTd{
        /*padding-right: 10px;
        padding-left: 10px;
        vertical-align:top;*/
        padding-bottom:10px;
        padding-top: 10px;
        text-align:center;
         /*position:relative;*/
    }
    .recent-search-tbl{
        margin:0 auto;
        text-align:center;
        width:100%;
    }
    .recent-search-tbl tr{
              /*height: 25px;
              min-height: 25px;*/
              border-bottom:2px solid #c2d8e5;
              margin: 0 auto;
             
    }
        /*.recent-search-tbl tr:after {
               content: '';
                position: absolute;
                background-color: #c2d8e5;
                height: 2px;
                width: 75%;
                text-align: center;
                margin: 0 auto;
                right: 0px;
                left: 0;
                  margin-top: 36px;
        }*/
/************---------------------------------------Responsive----------------------------------***********/
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   // Your custom CSS goes here
}*/
@media screen and (max-width: 2560px) and (min-width: 1918px) {
     .arrow_box > h3 {
        font-size: 190%;
        line-height: 80%;
    }
     .arrowOpacity{
             left: 100%;
                 top: 102.8%;
     }
     .arrowVisible{
             margin-top: -13px;
     }
     #volDiv{
         /*left: 93.9% !important;*/
    /*top: 28.5%;*/
}
     #Speech {
    /*margin-left: 21.6% !important;*/
}
     
       .backgroundBody {
       /*min-height: 809px;*/
    }
       .line{
               margin-left: -69%;
       }
       /*.indexSearch{
               width: 102.5%;
       }*/
       .fieldlistDiv{
               /*padding-top: 1.3%;*/
       }
         .headerSearchDiv{
                     width: 99%;
         }
         .searchDiv{
                 width: 97% !important;
         }
         #maincontainer, #footer {
    max-width: 80%;
}
 #TopAd{
         left: 10%;
 }        
}
@media screen and (max-width: 1920px) and (min-width: 1439px){
   
    #maincontainer{
                max-width: 80%;
    }
        .lan-btn {
    /*margin-right: 13px;
    padding-top: 34px !important;*/
}
.search-word{
    padding-left:10px;
}
    #TopAd {
               left: 246px;
    }
  .backgroundBody {
         /*min-height: 809px;*/
    }
    .arrow_box > h3 {
        font-size: 118%;
    }
    #volDiv{
 /*left: 89.5% !important;*/
}
    .line {
    margin-left: -64%;
}
    /*.indexSearch{
            width: 104.3%;
    }*/
     /*#Speech {
    margin-left:  59.6% !important;
}*/
}
@media screen and (max-width: 1600px)and (min-width: 1439px) {
    #volDiv {
    /*left: 87.3% !important;*/
        /*top: 32.5%;*/
}
    .lan-btn {
        /*width: 71%;*/
    }
    .arrow_box > h3 {
    font-size: 110%;
}
}

@media screen and (max-width: 1440px)and (min-width: 1365px) {
   .lan-btn{
           /*padding-top: 7px;
           margin-right: 4px;*/
   }
  .backgroundBody {
      /*min-height: 810px;*/
    }
  .arrow_box > h3 {
        font-size: 90%;
    }
      #volDiv{
  /*left: 86.6% !important;*/
    /*top: 54%;*/
}
      .searchLanguage-btn{
              font-size: 13px;
      }
      /*.indexSearch {
        width: 105.7%;
}*/
      .headerSearchDiv{
              width: 99%;
      }
      #TopAd {
    left: 185px;
}

      /*#Speech {
    margin-left: 54.6% !important;
}*/
}


 @media screen and (max-width: 1366px) and (min-width: 1049px) {
     .lan-btn{
        /*margin-right: 2.5%;*/
}
     .search-word{
             padding-left: 1.45%;
     }
 .backgroundBody{
    /*min-height: 1600px;*/
            /*min-height: 809px;*/

}
      .arrow_box > h3 {
        font-size: 0.9em;
    }
         /*#volDiv{
   left: 87.6% !important;
       top: 170%;
}*/
         #volDiv {
   /*left: 88.3% !important;*/
    /*top: 60%;*/
}

/*.indexSearch {
    width: 104.9%;
}*/

#TopAd {
    left: 54px;
}
               .margin-arabicText{
    margin-right:-34px;
}
}/*end of media 1366-ourlaptop*/

 @media screen and (min-width: 1199px)and (max-width: 1202px){
               #volDiv {
   /*left: 87% !important;*/
}
               }
.lan-btn {
    /*width: 71%;*/
}
               .arrow_box > h3 {
    font-size: 109%;
    cursor: auto;
}
               .volumeEnglishPadding{
                   padding-top:11px;
               }

 }

 @media screen and (max-width: 1050px) and (min-width: 1023px) {
     .line{
             margin-left: -56%;
     }
      .lan-btn{
       /*margin-top: -7%;
       margin-right: 0.5%;*/
   }
    #Image1{
            /*margin-top: -7%;*/
    }
    
  
    .pageContaint{
            margin-bottom: 2%;
    }/*end of pageContaint (home cards container)*/
     #Speech {
        /*margin-left: 11.8% !important;
    margin-top: 17%;*/
}
    .lan-btn {
        /*margin-top: -5px;*/
    }
    .arrow_box > h3 {
    font-size: 88%;
}
    .arrowOpacity{
            top: 97.9%;
    }
    /*.indexSearch {
    width: 106.3%;
}*/
    .headerSearchDiv {
    width: 98.8%;
}
    .searchLanguage-btn{
        font-size:15px;
    }
    .ChkLang {
    padding-left: 0px !important;
}
    
}/*end of media 1000-700*/

@media screen and (max-width: 1048px)and (min-width: 1024px) {
    #volDiv {
    /*top: 60%;*/
}
    .lan-btn {
    /*width: 94%;*/
}
 
}

@media screen and (max-width: 1024px) and (min-width: 767px){
     .line{
            margin-left: -54%;
    }
   .lan-btn{
       /*margin-top: -7%;
       width: 93.5%;*/
       
}
   
    #Image1{
            /*margin-top: -7%;*/
    }
    .search-word{
            padding-left: 2%;
    }
    .arrow_box > h3 {
            font-size: 84%;
    }
    #volDiv {
     /*left: 84.7% !important;*/
    /*top:90%;*/
    }
     .backgroundBody {
         /*min-height: 813px;*/
    }
     #Speech {
    /*margin-left: 49.8% !important;*/
}
     /*.indexSearch {
    width: 106.5%;
}*/
     .arrowVisible {
    margin-top: -14.5px;
}
     .arrowOpacity {
    top: 100.9%;
}
     .radioLang {
    padding-left: 0px !important;
}
     .headerSearchDiv {
    width: 98.9%;
}
      #TopAd {
    left: 24px;
}
      .checkbox-article{
    margin-left: 32px;
}
}
@media screen and (max-width: 985px)and (min-width: 845px) {
    #volDiv {
    /*top: 97%;*/
}
    .lan-btn {
        /*width: 95%;*/
    }

}
@media screen and (max-width: 768px) and (min-width: 424px) {
    /*#Speech {
        margin-right: 51% !important;
    }*/
    .lan-btn {
        /*width: 93.5%;*/
    }
    #Image1 {
        /*margin-left: 34%;*/
         margin-top: 1%;
    }

    .lan-btn {
        /*margin-left: 64%;*/
        /*margin-top: 0% !important;*/
        /*padding-top: 11%;*/
    }
       .arrow_box > h3 {
                font-size: 145%;
                line-height: 70%;
    }
       .arrowOpacity{
               left: 100%;
                   top: 98.8%;
       }
  .arrowVisible{
          margin-top: -14px;
  }
       #volDiv {
     /*left: 20.7% !important;*/
    /*top:63%;*/
}
        .backgroundBody {
         /*min-height: 809px;*/
    }
     
        /*.indexSearch{
            width: 106.4%;
        }*/
        .searchLanguage-btn{
                font-size: 13px;
        }
        .headerSearch{
                font-size: 14px;
    width: 140px;
        }
        .exportDiv{
            margin-bottom:5px;
        }
        .headerAdmin{
        font-size:23px;
    }
              .checkbox-article{
    margin-left: 24px;
}
    .LoginItem {
        right: 10% !important;
    }
}
@media screen and (max-width: 625px){
.fieldlistDiv {
    height: 147%;
}
.indexSearch{
    margin-top:0;
}
}

@media screen and (max-width: 515px){
    .searchSelection-div {
        padding: 12px 0px 60px 0px;
    }
    .loading-img {
        padding-top: 30%;
    }

}
@media screen and (max-width: 425px) and (min-width: 374px){
    .underH4{
        width: 79%;
    }
    .line {
            margin-top: 72px;
            margin-left: -55%;
    }
    .LoginItem{
        right: 17% !important;
    }
     .lan-btn{
            /*padding-right: 34%;*/
    }
         .dvadvancedsearch ul li:last-child {
                padding-left: 5px;
            }
 #Image1{
            /*margin-left: 13%;*/
            margin-top: 7%;
    }
    .arrow_box > h3 {
        font-size: 123%;
    }
    #volDiv {
      /*left: 14% !important;*/
    /*top: 50%;*/
}
     /*#SourceLangDiv{
                padding-left: 22px;
        }*/
     .searchLanguage-btn{
         font-size: 11px;
    white-space: normal;
    line-height: 14px;
     }
     /*.indexSearch{
         width: 109.4%;
     }*/
     .btn-SuggestWord{
         font-size: 12px;
    white-space: normal;
     }
     .fieldlistDiv {
        height: 132%;
        padding-left: 0;
        padding-top: 3%;
    }
     #ShowResult{
             /*padding-top: 31px;*/
     }
      .nav>li>a{
              padding: 8px 16px !important;
    font-size: 2.7vw !important;
      }
       .noPaddingMob{
        padding:0 !important;
    }
       .searchDiv {
    width: 100% !important;
}
       .selctWrdDiv{
       width: 60%;
   }
    .editLanguageDiv {
        width: 97%;
    }
    .editLanguageDiv td{
        font-size: 14px;
}
    .headerAdmin{
          font-size: 22px;
      }
    .exportBtn{
            margin-bottom: -25px !important;
            padding: 3px 10px 4px 10px;
    }

       
    .exportForm {
    top: 0px;
    right: 12.5%;
}
    .exportBtn{
        font-size:12px;
    }
  #myCustomGrid .k-grid-save-changes,  #myCustomGrid .k-grid-cancel-changes{
      font-size:12px;

  }
  .exportFormSuggest{
   top: 31px;
    right: 37.5%;
  }
  #SuggestWordGridContainer .k-button-icontext, #SuggestWordGridContainer .k-grid-save-changes, #SuggestWordGridContainer .k-grid-cancel-changes{
      font-size:12px;
  }
  #SuggestWordGridContainer .k-grid-header{
      margin-top: 10%;
  }
    #SuggestWordGridContainer .k-grid-cancel-changes {
        position: absolute;
    right: 66%;
    top: 10%;
    }
    .headerAdmin{
        font-size:22px;
    }
    .checkbox-article {
    margin-left: -12px;
    margin-bottom: 52px;
}
   .fieldlist-article li{
       margin-bottom:10px;
   }
  .fieldlist-article .k-checkbox:disabled+.k-checkbox-label{
      line-height: 17px;
  }
}
@media screen and (max-width: 425px){
      .searchSelection-div{
            padding: 12px 0px 51px 0px;
    }
}
@media screen and (max-width: 375px) {
    .LoginItem {
        right: 17% !important;
    }

    .line {
        margin-top: 72px;
        margin-left: -54.5%;
    }

    .lan-btn {
        /*padding-right: 9%;*/
    }

    #Image1 {
        /*margin-left: 13%;
        padding-top: 5px;*/
    }

    .arrow_box > h3 {
        font-size: 106%;
    }
    .arrowVisible{
            margin-top: -14px;
    }
    .arrowOpacity{
            top: 99.8%;
    }
    #volDiv {
    /*left: 75.7% !important;*/
}
    /*.indexSearch{
               width: 110.7%;

    }*/
    .headerSearch{
            font-size: 14px;
                width: 138px;
    }
    .exportForm {
    right: 14%;
}
    .exportDiv{
        margin-bottom:5px;
    }
    .exportBtn{
       padding: 3px 10px 4px 10px;
       font-size:10px;
    }
   
  #myCustomGrid .k-grid-save-changes,  #myCustomGrid .k-grid-cancel-changes{
      font-size:10px;

  }
   #SuggestWordGridContainer .k-button-icontext, #SuggestWordGridContainer .k-grid-save-changes, #SuggestWordGridContainer .k-grid-cancel-changes{
      font-size:10px;
  }
   .exportDivSuggest{
           margin-bottom: 6px;
   }
   .exportFormSuggest{
           right: 38%;
   }
    
}

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

    .LoginItem {
        right: 17% !important;
    }

    .lan-btn {
        /*padding-right: 9%;*/
    }

    #Image1 {
        /*margin-left: 5%;*/
        margin-top: 7%;
    }

    .search-word {
        padding-left: 9%;
    }

    /*search result*/
    .k-radio-label {
        padding-left: 0.8em !important;
        line-height: 1.2em !important;
    }

    .line {
        height: 95px;
        margin-left: -51%;
        margin-top: 71px;
    }

    .k-checkbox-label {
        padding-left: 0.37em !important;
        line-height: .85em !important;
    }

    .ChkLang {
        padding-left: 21px !important;
    }

    .k-checkbox-label:before {
        left: -14px !important;
    }

    .k-radio-label:before {
        left: -11px !important;
    }

    .k-radio:checked + .k-radio-label:after {
        left: -8px !important;
    }

    .underH4 {
        width: 103%;
    }

    .arrow_box > h3 {
        font-size: 100%;
    }

    #volDiv {
        /*left: 71.7% !important;*/
        /*top: 52.5%;*/
    }

    .nav > li > a {
        font-size: 11px !important;
    }

    nav .nav > li > a {
        padding: 9px 16px;
    }

    .navbar-brand {
        padding: 16px 16px;
    }

    .fieldlistDiv {
        height: 108%;
        padding-left: 0;
        padding-top: 3%;
    }

    .headerSearch {
        font-size: 15px;
        padding: 8px;
        border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        background-color: #07538a;
        width: 147px;
    }

    .searchLanguage-btn {
        font-size: 11px;
        white-space: normal;
        margin-left: 15px;
        width: 83%;
        line-height: 14px;
    }

    #system-search {
        width: 117% !important;
    }

    /*.indexSearch {
        width: 112.5%;
    }*/

    #ShowResult {
        /*padding-top: 25px;*/
    }

    .noPaddingMob {
        padding: 0 !important;
    }

    .searchDiv {
        width: 99% !important;
    }

    .editLanguageDiv {
        width: 94%;
    }

        .editLanguageDiv td {
            font-size: 12px;
        }

        .editLanguageDiv select {
            font-size: 12px;
        }

    [role="rowgroup"] {
        font-size: 14px;
    }

    .headerAdmin {
        font-size: 21px;
    }

    .selctWrdDiv {
        width: 49%;
    }
     .exportForm {
        top: 28px;
            right: 27%;
    }
         .exportBtn{
             font-size: 9px;
                        }
             .exportForm {
        right: 8.8%;
        top: 3%;
}
             .exportDiv {
            margin-bottom: 6px;
}
             .exportDivSuggest{
            margin-bottom: 5px;
             }
               #myCustomGrid .k-grid-save-changes,  #myCustomGrid .k-grid-cancel-changes{
      font-size:9px;

  }
                .exportBtn{
       padding: 3px 7px 4px 7px;

    }
   .exportFormSuggest{
       top:25px;
       right: 32.8%;
   }
     #SuggestWordGridContainer .k-button-icontext, #SuggestWordGridContainer .k-grid-save-changes, #SuggestWordGridContainer .k-grid-cancel-changes{
          margin-bottom: 2px;
  }
     .exportBtnSuggest{
             padding:5px 7px 4px 7px;
     }
     .headerAdmin{
        font-size:22px;
    }
     .dvadvancedsearch li {
    margin-right: 35px;
}
         .dvadvancedsearch li:last-child {
      margin-left: 6px;
} 
         .checkbox-article {
    margin-left: -6px;
    margin-bottom: 45px;
}
           .fieldlist-article li{
       margin-bottom:10px;
   }
  .fieldlist-article .k-checkbox:disabled+.k-checkbox-label{
          line-height: 18px !important;
  }
}

.row.othersearch {
    direction: ltr !important;
}

.arabicsearch{
    direction: rtl !important;
}

.arabicsearch .list-group-item{
    text-align: right !important;
}

.arabicsearch .list-group-item.active.cart:after{
    float: right !important;
}
.arabicsearch{
       font-family: 'Amiri', serif;
}

.othersearch{
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}

.list-group-item.tabresult:hover{
    background-color:#00a7e3 !important;
    border-color: #00a7e3;
    color: #fff !important;
    /*background-color: #d7e4f5 !important;
    border-color: #d7e4f5 !important;
    color: #008dc9 !important;*/
}

.list-group-item.tabresult{
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.list-group-item .LangText{
   cursor: text !important;
   /*font-family: Arial;*/
}

.arabicsearch .list-group-item .LangText{
    font-size: 16px;
}

.langAbb{
    color: #000000;
}

.langAbb img {
    width: 25px;
}

.volumeicon img{
    width: 20px;
}

.arabicsearch .subfieldText{
    direction: rtl;
}

.arabicsearch .subfieldText .subtext{
    font-family: Tahoma, Arial, Helvetica, sans-serif !important;
    font-weight: 100;
    color: black;
}

.subfieldText{
    font-weight: 600;
    color: #008dc9;
}

.empty_list .collapsescroll {
    height: 0px !important;
}

.empty_list .active.collapsed.cart:after, .empty_list .active.cart:after{
    display: none;
}


.def_tit{
    font-weight: bold;
    color: #008dc9;
}

.Meta.englishText{
    font-weight: bold;
}

.Meta.englishText.descmeta{
    font-weight: 100 !important;
    color: black;
}

.othersearch .subfieldText .subtext{
    font-weight: 100;
    color: black;
}

.othersearch .subfieldText .subtitle, .arabicsearch .subfieldText .subtitle{
    font-weight: bold;
    color: #008dc9;
}

.searchSelection .k-radio-label, .searchSelection .k-checkbox-label {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: grayscale(1) opacity(.4);
    -moz-filter:  grayscale(1) opacity(.4);
    filter: grayscale(1) opacity(.4);
    padding-left: 0px;
}

.searchSelection .k-radio-label:hover, .searchSelection .k-checkbox-label:hover {
    -webkit-filter: grayscale(.5) opacity(.9) drop-shadow(3px 2px 4px #7b7b7b7d);
    -moz-filter: grayscale(.5) opacity(.9) drop-shadow(3px 2px 4px #7b7b7b7d);
    filter: grayscale(.5) opacity(.9) drop-shadow(3px 2px 4px #7b7b7b7d);
}

.searchSelection .k-radio.radioLang:checked +.k-radio-label, .searchSelection .k-checkbox.ChkLang:checked +.k-checkbox-label{
    -webkit-filter: drop-shadow(3px 2px 4px #7b7b7b7d);
    -moz-filter: drop-shadow(3px 2px 4px #7b7b7b7d);
    filter: drop-shadow(3px 2px 4px #7b7b7b7d);
}

input.k-radio.radioLang, input.k-checkbox.ChkLang{
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.searchSelection .k-radio-label:before, .searchSelection .k-radio-label:after,
.searchSelection .k-checkbox-label:before, .searchSelection .k-checkbox-label:after{
    display:none;
}

.bgAllColor{
    background: #d7e4f5;
}

#TargetLangDiv .searchSelection {
    padding-left: 10px;
}

label[for="ara_"], label[for="ara"]  {
    background-image: url(../../assets/img/Arabic.png);
}

label[for="eng_"], label[for="eng"] {
    background-image: url(../../assets/img/England.png);
}

label[for="fre_"], label[for="fre"] {
    background-image: url(../../assets/img/France.png);
}

label[for="ger_"], label[for="ger"] {
    background-image: url(../../assets/img/Germany.png);
}

label[for="spa_"], label[for="spa"] {
    background-image: url(../../assets/img/Spain.png);
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /*background: rgb(0, 0, 0);*/
    background: #008DC9;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #d86422;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}