.LLOCGold {color:#8A6924 ; /* #c09331  rgb(192,147,49) */}
.LLOCBgGold {background-color: rgb(192,147,49); /* #8a8b7e */}
.LLOCGray {color: rgb(138,139,126);}
.LLOCBgGray {background-color: rgb(138,139,126);}
@font-face {font-family:'Cairo';font-style:normal;font-weight:normal;src:url('fonts/Cairo-Regular.ttf');}
@font-face {font-family:'CairoBold';font-style:normal;font-weight:normal;src:url('fonts/Cairo-Bold.ttf');}
*{border-radius:0;-mox-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:'Cairo';}
body, html {height:100%;font-size:14px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
/*body {background-color:#cccccc;}*/
.alertify .ajs-footer .ajs-buttons.ajs-primary {text-align: right;}
#mainsearch:focus{outline: 1px solid #8f8f8f;}

img {border:0;}
.img-fluid{width:100%;}
.fullheight {min-height:100vh;overflow:auto;}
.content {margin:0 auto; direction:rtl;}
body.en .content {direction:ltr;}
.bodycontent{background-color:#f3f4f0}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));}
button,input[type="button"],input[type="reset"],input[type="submit"] {line-height: 1;cursor: pointer;-webkit-appearance: button; border: none;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin:0;}
/*input:focus, textarea:focus, select:focus {outline: none;border:1px solid #4b4a67}*/
input[type=number] {-moz-appearance: textfield;}
a {text-decoration:none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
a:hover,a:focus {text-decoration:none; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
span.filesize{direction:ltr;color:#6d400a;font-size:1.3rem;}
fieldset {border-width:0;margin:0;padding:0}

.smmain{direction:ltr;}
.smmain li{color:#A38560;font-weight:bold;line-height:150%;font-size:larger;}
.smmain ul{margin-left:30px;}
.smmain ul li a{color:#4b4a67;font-size:large;text-decoration:none;}
.smmain li a{color:#A38560;font-weight:bold;line-height:150%;text-decoration:none;}
.smmain ul li a:hover, .smmain li a:hover{text-decoration:underline;}

.lform .form-control {position:relative;}
.lform .form-control,.lform .dropdown {margin: 10px 0px 15px 0px;}
.lform .form-control span.spananimated {display: block;position: absolute;content: "";left: 0;bottom: -1px;width: 100%;height: 2px;background: #4b4a67;transform: scaleX(0);transform-origin: right;transition: 0.4s;}
.lform .form-control input.txtinput:focus ~ span.spananimated {transform: scaleX(1);}
.lform .form-control input.txtinput,.lform .form-control div.dropdowntitle {padding: 8px 0;color: #f0e7c4;background: transparent;border: none;outline: none;width: 100%;text-align: center;border-bottom: 1px solid #fff;} 
.lform .form-control div.dropdowntitle {padding:10px 0 9px 0;}
.lform .form-control label.labeltxtinput, .form-control label.expand {position: absolute;top: 16px;left: 0;transition: 0.3s;transform-origin: left;color: #fff;cursor: text;}
.lform .form-control div.dropdowntitle {text-align:left;color: #fff;}
.lform .form-control div.dropdowntitle .anyitem .selectedchecked {display:none;}
.lform .form-control label.shrink{transform: translateY(-110%) scale(0.85);color: #4b4a67;font-weight: bold;}
.lform .form-control input.txtinput:focus ~ label.labeltxtinput {transform: translateY(-110%) scale(0.85);color: #4b4a67;font-weight: bold;}
.lform .dropdown div.selectoptions {direction:ltr;text-align:left;z-index:1001;color:#4b4a67;width:100%;margin-top:-15px;border:1px solid #4b4a67;}
.lform .dropdown div.selectoptions div.selectoptionlist {max-height:200px;overflow-y:scroll;background-color:rgb(255, 253, 246);padding:0.5rem;}
.lform .dropdown div.selectoptions div.selectlinks {text-align:center;border-top:1px solid #4b4a67;border-bottom:1px solid #4b4a67;padding:5px 0}
.lform .dropdown div.selectoptions div.selectlinks a {cursor:pointer;}
.lform .dropdown .form-control .dropdowntitle {cursor:default;}
.lform .dropdown .form-control .dropdowntitle .anyitem {color :#F4EDD7;margin-right:10px;}
.lform .dropdown .selectoptions .selectlabel .selectcheckbox {margin-right:5px;}
.lform .dropdown .selectoptions .dropdowncontrols {background-color:#fff;}
.lform .dropdown .selectoptions .dropdownOK {background-color:#fff; text-align:center;padding:10px 0}
.lform .dropdown .selectoptions .dropdownOK input[type=button] {border:1px solid #4b4a67;padding:4px 8px;width:30%;font-size:1.1rem;color:#fff;}
.lform .dropdown .selectoptions .dropdownOK input[type=button]:hover{box-shadow:1px 1px 2px gray}
.lform .dropdown .selectoptions .dropdownOK .OKbutton {background-color:#A38560}
.lform .dropdown .selectoptions .dropdownOK .cancelbutton {background-color:rgb(138,139,126)}
.lform .dropdown .selectoptions .dropdowncontrols .selectsearch {position:relative;}
.lform .dropdown .selectoptions .dropdowncontrols .selectsearch .txtsearch {display:inline-block; width:100%;padding:0.5rem;font-size:1.2rem;text-align:center;outline:0;border:0;direction:rtl;}
.lform .dropdown .selectoptions .dropdowncontrols .selectsearch .fa {position:absolute;top:1.1rem;right:10px;color:gray;}
.lform input[type=submit] {background-color:#8b1313;border-radius:4px;padding:0.6rem 1.8rem;color:#fff;font-size:1.3rem;border:0px;/*outline:0px;box-shadow:1px 1px 2px #000;*/margin:auto;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.lform input[type=submit]:hover {background-color:#4b4a67;box-shadow:2px 2px 5px #000;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    
.animcheckbox input[type=checkbox] {display: none;pointer-events: none;}
.animcheckbox input[type=checkbox] + label {cursor: pointer;}
.animcheckbox input[type=checkbox] + label svg {width:1.1rem;height:1.1rem;stroke: rgb(146, 128, 60);stroke-width:8;fill:white;display:inline-block;padding-top:1px;}
.animcheckbox input[type=checkbox] + label svg .box {stroke-dasharray: 320;stroke-dashoffset: 0;fill: white;transition: stroke-dashoffset .3s linear;}
.animcheckbox input[type=checkbox] + label svg .check {stroke-dasharray: 70;stroke-dashoffset: 70;fill: none;transition: stroke-dashoffset .3s linear;}
.animcheckbox input[type=checkbox] + label span {display:inline-block;font-size:1.1rem;margin-top:-10px;}
.animcheckbox input[type=checkbox]:checked + label .check {stroke-dashoffset: 0;}

.poll {padding:40px;background-color:white;}
.poll .content {text-align:center;margin:auto;font-size:x-large;}
.poll .content h1, .poll .content .ilinks h1 {color: #936935;font-size:1.7rem}
.poll .content h2, .poll .content .ilinks h2 {text-align:left;color:dimgrey}
.poll .content label, .poll .content .ilinks a {color:#755b23;}
.poll .content a:hover{opacity:0.7;}

body.dark .poll h1,body.dark .poll .content .ilinks h1 {color:#f3f4f0}
body.dark .poll h2,body.dark .poll .content .ilinks h2 {color:whitesmoke;}
body.dark .poll label,body.dark .poll .content .ilinks a {color:white;}

.alertify .ajs-content {direction:ltr;text-align:left;}    
.alertify .ajs-header {direction:ltr;text-align:left;background-color:#d3bc9f;}
.alertify .ajs-ok {background-color:#f8f8f8;}
.alertify .ajs-ok:hover{background-color:#dddcdc;}
.alertify .ajs-dialog {top: 50%;transform: translateY(-50%);margin: auto;}
.alertify .ajs-commands{position:relative;float:right;}

.paging {padding: 0 10px;cursor: pointer;color: #7E6949;}
.paging:hover{color:#6B593D;}
.pagingGray {padding:0 10px; color:#6B6B6B}
.select {padding: 4px 6px;background: #f8f8f8;color: #444;border: 1px solid #aaa;border-radius: 5px;cursor: pointer;outline: none;text-align:right;direction:rtl;}

select,
textarea,
input[type="text"]{
    font-size:1.1rem;    
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {
    font-size:1.1rem;
    font-family:'Times New Roman', Times, serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.sectiontitle {direction: ltr;color: rgb(117, 117, 113);font-size: 2rem;text-align: left;padding: 1.3rem 1rem;border-bottom: thin dashed #808080;border-color: rgb(138,139,126);margin-bottom:20px;}
.sectiontitle i {padding-right: 16px;}
div.collapseexpand{height:30px;width:30px; text-align:center;border-radius:2px; border:1px solid #808080;font-size:1.5rem;line-height:28px;font-family:Verdana,Arial}

.top {background-color:#fff;border-bottom:1px solid #a1a1a1;min-height:5px;padding:6px 0}
.top .content ul {list-style-type:none;}
.top .content ul li {display:inline-block;}
.top .content a {color:#4b4a67;margin-right:40px;font-size:1.2rem;}
.top .content a:hover {color:#a68849;}
.top .content a i {margin:0px 5px;}
.logo {background-color:#f3f4f0;min-height:60px;}
.logo .content div {padding:6px;}
.logo .content .social ul {list-style-type:none;}
.logo .content .social ul li {display:inline-block;}
.logo .content .social ul li a {color:#4b4a67;margin-right:10px;font-size:1.5rem;}
.logo .content .social ul li a:hover{color:#a68849;}
.logo .content .social ul li a i {margin:0px 5px;}
    .logo .content .englegislations a {
        min-width: 200px;
        padding: 0.3rem 0.9rem;
        color: #f0f1ea;
        background-color: #7E6849;
        border-radius: 6px;
        /*box-shadow: 1px 1px 2px #000;*/
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        display: block;
        font-size: 1.3rem;
        font-family:Arial, Helvetica, sans-serif;
        line-height:150%;

    }
        .logo .content .englegislations a:hover {
            background-color: #927858;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 2px 2px rgba(0, 0, 0, 0.3), 0 4px 4px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
        }

.bodycontent{min-height:calc(100vh - 574px);}

.footer{background-color:#363554;}
.footer{padding: 4rem 0;}
.footer .LLOCInfo {color: rgb(255, 253, 246)}
.footer .LLOCInfo > div {padding: 1.5rem 0;text-align: center;display:inline-block;width:45%;}
.footer .LLOCInfo .LLOCInfoText {font-size:1.4rem;}
.footer .iconsBH img{margin-right:1rem;}
.footer .iconsFooter {text-align: center;}
.footer ul {list-style-type: none;text-align: center;margin:auto;padding-top:1rem;}
.footer ul li {display: inline-block;}
.footer ul li a span {color:white}
.footer ul li i {margin-right: .5em;font-size: 1.5em;color: rgb(255, 253, 246)}
.footer ul li i:hover {color: rgb(192,147,49);}

.footerlinks {background-color:#3e3d5c;text-align: center;font-size: 1.2em;padding: .1em;color:#edeaea}
.footerlinks a{color:#D0A549}
.footerlinks a:hover{color:white}

.lupdate {background-color:#403f5a;text-align: center;font-size: 1.1em;padding: .1em;color:#edeaea}

.copyright {background-color:#2c2b48;text-align: center;font-size: 1.2em;padding: .7em;color:#edeaea}

:focus {
    /*box-shadow: 0 0 0 3px hsla(220, 100%, 50%, 80%);*/
    border:2px solid blue;
    /*outline: 3px solid hsla(220, 100%, 50%, 80%);*/
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
}

@media (max-width:400px) {
    .top .content a {margin-right:10px;font-size:0.8rem;}
    .animcheckbox input[type=checkbox] + label span {font-size:0.9rem;}
    .poll .content {grid-template-columns:100% !important;} 
}
@media (min-width:401px) and (max-width:600px) {
    
}
@media (min-width:600px) and (max-width:767px) {

}
@media (min-width:768px) and (max-width:991px) {
    
}
@media (max-width:900px){
    .footer {text-align:center;padding:0;}
    .footer .LLOCInfo > div {display:block;width:100%}
    .footer .footerIcons {padding:1rem 0;border-top:1px solid #2c2b48;background-color:#302f4a;vertical-align:bottom;}
    .copyright {font-size:0.9rem;}
    .poll .content {grid-template-columns:100% !important;}
}


/*Mobile*/
@media (max-width :1023px){
    .bg{background-image:none;}
    .content{width:100%;}
    .sectiontitle {padding-right:10px;}
    .top .content{text-align:center;}
    .logo .content div{text-align:center;}
}



/*Desktop*/
@media (min-width:1024px) {
    .bg{width:100%;background-color:rgba(75,74,103,1);background-image:url('/images/bg.jpg');background-position:bottom right;background-repeat:no-repeat; background-size:cover;}    
    .content{width:1140px;}
    .top .content{text-align:right;}
    body.en .top .content {text-align:right;}
    .logo .content{display:table;}
    .logo .content div{width:33.3%;display:table-cell;}
    .logo .content .logoimg{text-align:left;vertical-align:middle;}
    .logo .content .social{text-align:right;vertical-align:middle;}
    .logo .content .englegislations {text-align:center;vertical-align:middle;}
    .lform .dropdown {position: relative;}
    .lform .dropdown div.selectoptions {position:absolute;}
    .sticky {position: fixed;top: 0;z-index:10002;width:100%;}
}
@media (min-width:1024px) and (max-width:1199px) {
    .content{width:98%;}
    html,body{font-size:12px;}
    .logo .content .logoimg img{width:50%;}
}

@keyframes toptobottom30 {
    from {top:-30px;opacity:0;}
    to {top:0px;opacity:1;}
}
@keyframes bottomtotop30 {
    from {top:30px;opacity:0;}
    to {top:0px;opacity:1;}
}
@keyframes opacity0to1{
    from {opacity:0;}
    to {opacity:1;}
}