/** {
      padding: 0;
      margin: 0;
      border: 0;
    }*/
.fixedHeader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   background-color:#fff9dd ;
   text-align: center;
	border-radius:0px 0px 5px 5px;
	/*border: solid 1px #2a2f42;*/
	color: #2a2f42;
	z-index: 2000;
	-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
	-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
	box-shadow: inset 0 0 5px 5px #ebebeb;
}
.fixedFooter {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #fff9dd;
   text-align: center;
	border-radius:5px 5px 0px 0px;
	/*border: solid 1px #2a2f42;*/
	color: #2a2f42;
	padding-top:5px;
	padding-bottom:10px;
	z-index: 2000;
	-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
	-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
	box-shadow: inset 0 0 5px 5px #ebebeb;
}
.footerButton
{
	display:inline-block;
	font-size:9px;
	padding:4px;
	width: 15%;
	color: #2a2f42;
	
	
}
.fieldset
{
	border-radius:5px;
	border-color:#C9BCA9;
	border-width:1px;
	border-style:solid;
}
.fieldsetDark
{
	border-radius:5px;
	border-color:#C9BCA9;
	border-width:1px;
	border-style:solid;
	background-color:#2a2f42;
}

.frameIconsEmps{
	background-image:url('../../ServiceIco/frameIconsEmps.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
}
.frameIconsEmps2{
	background-image:url('../../ServiceIco/frameIconsEmps.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
	filter: opacity(30%);
}

.frameIconsTraffic{
	background-image:url('../../ServiceIco/frameIconsTraffic.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
}

.frameIconsSecurity{
	background-image:url('../../ServiceIco/frameIconsSecurity.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
}
.frameIconsCommunity{
	background-image:url('../../ServiceIco/frameIconsCommunity.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
}

.frameIconsfav{
	background-image:url('../../ServiceIco/frameIconsFav.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 70px;
	height: 69px;
}


.darkblue
{

	color: #2a2f42;
	
}

.whitesmoke
{

	color: whitesmoke;
	
}

.mainTitle
{

	color: #887435;
	
}
.darkred
{
	
color: #963030;
}
.homeScreenMainDiv
{
	background-color:#2a2f42;
	color: white;
	border-radius: 10px;
	padding: 3px;
	margin: 1px;
	display: inline-block;
	cursor: pointer;
	height: 50px;
	width: 30%;
}
.homeScreenMainDiv2
{
	background-color:#4d4e53;
	color: white;
	border-radius: 10px;
	padding: 3px;
	margin: 1px;
	display: inline-block;
	cursor: pointer;
	height: 50px;
	width: 30%;
}
.MainDiv
{
	color: #2a2f42;
	border-radius: 5px;
	padding: 5px;
	margin: 2px;
	display: inline-block;
	cursor: pointer;
	border: solid 1px #887435;
}


.homeScreenMainDiv3
{
	background-color:#2a2f42;
	color: white;
	border-radius: 10px;
	width:100%;
	padding: 3px;
	margin: 1px;
	display: inline-block;
	cursor: pointer;
}

.favDiv
{
	display: inline-block;
	text-align: center;
	float: left;
	width:20%;
	padding:5px;
	border-radius: 5px;
	/*border: solid 1px #635602;*/
	font-size:9px;
	background-color: #2a2f42; 
	color: white;
	height:95px; 
	margin-bottom: 3px;
	margin-left:3px
}

html{
	overflow-x:hidden;
}
body{
	/*background:#fff url('../images/bg.jpg') repeat-x;*/
    margin:0;
	direction:ltr;
    opacity: 1;
    transition: 1s opacity;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: bottom;
	font-family:Baloo Thambi 2;
	/*font-family:Droid Arabic Kufi;*/
	background:url('../images/dotsBg.jpg');
	/*font-size:16px !important;*/
	color: #2a2f42;
	
	
	
	
}
body.fade-out {
    opacity: 0;
    transition: none;
}

.blockBG
{
	background:#fff url('../images/cellLargeJailProducts2x.png');
	background-repeat: no-repeat;
}
.logo
{
	width:310px; height: 82px;margin:0 auto;background:transparent url('../images/logo.png') no-repeat center top;display:block;
	
}

ul,li{
	margin:0 ;padding:0
}
a{
	text-decoration:none;font-weight:bold;color:#000;font-family: 'Baloo Thambi 2', cursive;/*font-size:90%;*/
}
a:hover{
	color:#CC3300;font-family: 'Baloo Thambi 2', cursive;
}

.arrow
{
	background-image:url(../images/cellArrow_en2x.png); background-repeat:no-repeat; background-position:center;height:30px;
}

img{
	alignment-adjust:middle;
	border:none;
}
#container{
	 width:100%;margin-top:10px !important;clear:both;display:table
}
#container #logo{
	 width:100%;float:left;text-align:center;
}
#container #logo h2{
	 color:#000;
}
#container #logo h3{
	 color:#2a2f42;
}
#container #logo .aj{
	 color:#5A220E;
}

#container #logo #head{
	width:100%;background:transparent;padding:4px;
}
#container #logo #head li{
	 list-style-type:none;margin:0 1px
}

/*home*/
.home{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.home a{
	 width:32px;height:32px;display:block;background:transparent url('../images/home2.png') no-repeat center 0px
}
.home a:hover{
	background:transparent url('../images/home2.png') no-repeat center -31px
}
/*end of home*/
/*contact*/
.contact{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.contact a{
	 width:32px;height:32px;display:block;background:transparent url('../images/contacts.png') no-repeat center 0px
}
.contact a:hover{
	background:transparent url('../images/contacts.png') no-repeat center -30px
}
/*end of contact*/
/*login*/
.login{
	 width:25px;height:25px;float:left;list-style-type:none;display:block
}
.login a{
	 width:25px;height:25px;display:block;/*background:transparent url('../images/Login2x.png') no-repeat center 0px*/
}
.login a:hover{
	/*background:transparent url('../images/Login2x.png') no-repeat center*/ /*-31px*/
}
/*end of login*/
/*cam*/
.cam{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.cam a{
	 width:32px;height:32px;display:block;background:transparent url('../images/cam.png') no-repeat center 0px
}
.cam a:hover{
	background:transparent url('../images/cam.png') no-repeat center -31px
}
/*end of cam*/
/*cam*/
.en{
	 width:32px;height:32px;float:right;list-style-type:none;display:block;text-align:right; margin-right:7px;
}
.en a{
	 color:#CC0000;line-height:32px;font-family: 'Baloo Thambi 2', cursive;font-weight:normal;text-align:right; margin-right:7px;/*font-size:120%;*/
}
.en a:hover{
	 color:#480000;line-height:33px; margin-right:7px;
}
/*end of cam*/
/*mnu*/
.mnu{
	 width:32px;height:32px;float:left;list-style-type:none;display:block;
}
.mnu a{
	 width:32px;height:32px;display:block;background: url('../images/menu2.png') no-repeat center 0px
}
.mnu a:hover{
	background:url('../images/menu2.png') no-repeat center -31px;
}
/*end of mnu*/



.head
{
	width:100%;float:right;background:transparent url('../images/head.gif') repeat;padding:4px;margin-bottom:10px;/*font-size:0.7em;*/
}

.Footer
{
	background:transparent url('../images/head.gif') repeat;padding:4px;margin-bottom:10px;/*font-size:0.7em;*/
}

.Footer2
{
	background:transparent url('../images/head.gif') repeat;padding:4px;margin-bottom:10px;/*font-size:0.8em;*/
}


#container #menu
{
	width:100%;float:right;
}
#container #menu ul
{
	display:block
}
#container #menu ul li
{
	width:100%;float:right;height:46px;list-style-type:none;
}
#container #menu ul li a
{
	width:100%;float:right;display:block;background:url('../images/BGCell.png');color:#310B00;text-decoration:none;font-weight:bold;line-height:46px; background-repeat:repeat-x; height:33px;/*font-size:100%;*/
}
#container #menu ul li a:hover
{
	background:transparent url('../images/button.jpg')center bottom;color:#FFF;
}

#container #news
{
	width:100%;
}
#container #news ul
{
	display:block
}
#container #news ul li
{
	width:100%;float:right;list-style-type:none;
}
#container #news ul li a
{
	width:100%;float:right;display:block; background-color:#f7f1cf;color:#310B00;text-decoration:none;font-weight:bold;line-height:25px;text-align:left;padding-top:5px;/*font-size:85%;*/
}
#container #news ul li a:hover
{
	color:#800000
}
#container #news ul li a:hover img
{
	border:0px #FF0000 solid
}

#container #news ul li a img
{
	float:right;margin:6px 12px 10px;border:0px #CCCCCC solid
	}
#container #news ul li a img:hover
{
	border:0px #FF0000 solid
	}

#container #news ul li a span
{
	margin:8px 0;float:right;
	}
#container #news_details
{
	width:100%;float:right;
}
#container #news_details img
{
	margin:10px 0;

}
#container #news_details h1 {
	color:#CC0000;margin:10px;/*font-size:100%;*/
}
#container #news_details p{
	color:#000;line-height:150%;margin:10px;text-align:justify;font-weight:normal;/*font-size:90%*/
}

.pghead
{
	background-image:url(../images/pghead.gif); background-repeat: repeat-x; height:47px;
}

.button3 {
  background-color: #2a2f42; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button3:hover {
  background-color: #ece6c4; 
  color: #2a2f42;
}

.button4 {
  background-color: #4E4E4E; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button4:hover {
  background-color: #ece6c4; 
  color: #2a2f42;
}

.button5 {
  background-color:green; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button5:hover {
  background-color: #4E4E4E; 
  color: white;
}

.button6 {
  background-color:#ffffff;
  border-color:#2a2f42;
  border-style:solid;
  border-width:1px;
  color:#2a2f42;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button6:hover {
  background-color:#2a2f42; 
  color:white;
}

.button7 {
  background-color:#2a2f42;
  border-color:#2a2f42;
  border-style:solid;
  border-width:1px;
  color:white;
  padding: 3px 15px;
  text-align: center;
  text-decoration: none;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button7:hover {
  background-color:white; 
  color:#2a2f42;
}

.button8 {
  background-color:red; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 /* font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.button8:hover {
  background-color:#4E4E4E; 
  color: white;
}

.button9 {
  background-color: #963030; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  /*font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button9:hover {
  background-color: #ece6c4; 
  color: #2a2f42;
}



.button
{
background-image:url(../images/bgButton.png); background-repeat:repeat;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px; width:98%; height:35px;font-family: 'Baloo Thambi 2', cursive;
}
.button1
{
background-image:url(../images/bgButton.png); background-repeat:repeat;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px;  height:35px;font-family: 'Baloo Thambi 2', cursive;
}


.BgCell
{
	background-image:url(../images/BGCell.png); background-repeat:repeat-x;font-weight:bold; color: #4d4d4d;padding:3px; height:33px; /* border: ridge; border-color:#000; border-width:1px;*/
}
.buttonred
{ background-color:#BD1728;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px; width:98%;
}

.buttonred1
{ background-color:#BD1728;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px;
}

/*.buttongreen
{ background-color:#399922;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px; width:98%;
}*/

.buttongreen {
  background-color: #399922; 
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 /* font-size: 14px;*/
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttongreen:hover {
  background-color: #ece6c4; 
  color: #2a2f42;
}



.buttongreen1
{ background-color:#399922;font-weight:bold; color:#FFF; border: ridge; border-color:#000; border-width:1px; padding:3px; 
}



.button2
{
	background-image:url(../images/button2.gif); background-repeat: repeat;font-weight:bold; color: #900; border: ridge; border-color:#000; border-width:1px;padding:3px;
}
.red
{
	color:#F00;
}
.orange
{
	color:#2a2f42; /*font-size:0.9em;*/
}

a.orange:link {text-decoration:none; color: #2a2f42;}
a.orange:visited {text-decoration:none; color:#2a2f42;}
a.orange:hover {text-decoration:none; color: #666;}


a.white:link {text-decoration:none; color: #ffffff;}
a.white:visited {text-decoration:none; color:#ffffff;}
a.white:hover {text-decoration:none; color: #000;}

a.smallLink:link {text-decoration:none; color: #2a2f42; /*font-size:0.7em*/}
a.smallLink:visited {text-decoration:none; color:#2a2f42;/*font-size:0.7em*/}
a.smallLink:hover {text-decoration:none; color: #000;/*font-size:0.7em*/}

a.Bluelink:link {text-decoration:none; color: #022BFF; /*font-size:0.7em*/}
a.Bluelink:visited {text-decoration:none; color:#022BFF;/*font-size:0.7em*/}
a.Bluelink:hover {text-decoration:none; color: #000;/*font-size:0.7em*/}



input,textarea,select {
	font-family: 'Baloo Thambi 2', cursive;
	/*margin:5px;*/
	/*font-size:14px;*/
	border-radius:5px;
	border: none;
	border-bottom: solid 1px #887435;
	background: transparent;
	
	/*padding:5px;*/
	padding: 10px 5px;
	margin: 5px 0px;
}




/*textarea {
	font-family: 'Baloo Thambi 2', cursive;
	font-size:14px;
	border-width:1px;
	border-color:#DCDCDC;
	border-style:solid;
	border-radius:5px;
	padding:5px;
}
select {
	font-family: 'Baloo Thambi 2', cursive;
	font-size:14px;
	border-width:1px;
	border-color:#DCDCDC;
	border-style:solid;
	border-radius:5px;
	padding:10px;
	
}*/
td,th{
	padding:3px;
	/*font-size: 14px;*/ /*update2021*/
}

.padding
{
	padding:5px;
}
.contentimg {
padding:3px;
display:inline;
background:#ffffff;
border:1px solid #BCBCBC;
text-align:center;
}
.bimg
{
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
}
.smalltext
{
	/*font-size:0.9em;*/
}

.smalltext1
{
	/*font-size:0.7em;*/
}
.contentimg2 {
padding:0px;
display:inline;
background:#ffffff;
border:1px solid #BCBCBC;
text-align:center;
}
.table
{
border-style: solid;
border-width:1px;
border-color:#2a2f42;
/*font-size:14px;*/
font-weight:bold;
background-color:#ffffff;
color:#2a2f42;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table4
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:#2a2f42;
color:#ffffff;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table5
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:green;
color:#ffffff;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table9
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:#ece6c4;
color:#ffffff;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table1
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:#ece6c4;
color:#2a2f42;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table2
{
border-style: solid;
border-width:1px;
border-color:#C9BCA9;
font-weight:bold;
background-color:#e7e0c3;
color:#F00;
/*font-size:12px;*/
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
.table3
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
font-weight:bold;
color:#333;
background-color:#fff9dd;
border-radius:5px;
padding:5px;
/*border-style: solid;
border-width:1px;
border-color:#b4b6b7;
padding:0px;
font-weight:bold;
color:#333;
font-size:12px;
background-color:#FFF;*/
font-family: 'Baloo Thambi 2', cursive;
}
.blue
{
	color:#00F;
	font-weight:bold;
}

.rate {
    float: right;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    /*font-size:20px;*/
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */

/*Cookie Consent Begin*/
#cookieConsent {
	 font-family: 'Baloo Thambi 2', cursive;
    background-color: rgba(20,20,20,0.9);
    min-height: 35px;
/*    font-size: 14px;*/
    color: #ccc;
    line-height: 30px;
    padding: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
	text-align:left;
	direction:ltr;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0 0 0 20px;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/




/****slider***/
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: Droid Arabic Kufi;
	/*font-size: 15px;*/
	/*background: #f8f8f8;
	color: #333;*/
	-webkit-box-shadow: inset 0 0 5px 5px #ebebeb;
	-moz-box-shadow: inset 0 0 5px 5px #ebebeb;
	box-shadow: inset 0 0 5px 5px #ebebeb;
	margin-top:40px;
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: bottom;
	background:url('../images/dotsBg.jpg');
	
}

.sidr .sidr-inner {
	padding: 0 0 15px
}

.sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px
}

.sidr.right {
	left: auto;
	right: -260px
}

.sidr.left {
	left: -260px;
	right: auto
}

/*.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #333;
	line-height: 24px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
	background-image: -webkit-linear-gradient(#ffffff, #dfdfdf);
	background-image: -moz-linear-gradient(#ffffff, #dfdfdf);
	background-image: -o-linear-gradient(#ffffff, #dfdfdf);
	background-image: linear-gradient(#ffffff, #dfdfdf);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
}

.sidr p {
	font-size: 13px;
	margin: 0 0 12px
}

.sidr p a {
	color: rgba(51, 51, 51, 0.9)
}

.sidr>p {
	margin-left: 15px;
	margin-right: 15px
}*/

.sidr ul {
	display: block;
	margin: 10px 0px 55px 0px !important;
	padding: 0;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #fff
}

.sidr ul li {
	display: block;
	margin: 0;
	line-height: 48px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dfdfdf;
	text-align:left;
	direction:ltr;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
	border-top: none;
	line-height: 49px;
	text-align:left;
}

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
	-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
	-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
	box-shadow: inset 0 0 15px 3px #ebebeb
}

.sidr ul li a,
.sidr ul li span {
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #333
}

.sidr ul li ul {
	border-bottom: none;
	margin: 0
}

.sidr ul li ul li {
	line-height: 40px;
	/*font-size: 13px*/
}

.sidr ul li ul li:last-child {
	border-bottom: none
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
	border-top: none;
	line-height: 41px
}

.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
	-webkit-box-shadow: inset 0 0 15px 3px #ebebeb;
	-moz-box-shadow: inset 0 0 15px 3px #ebebeb;
	box-shadow: inset 0 0 15px 3px #ebebeb
}

.sidr ul li ul li a,
.sidr ul li ul li span {
	color: rgba(51, 51, 51, 0.8);
	padding-left: 30px
}

/*.sidr form {
	margin: 0 15px
}

.sidr label {
	font-size: 13px
}

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
	width: 100%;
	font-size: 13px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: none;
	background: rgba(0, 0, 0, 0.1);
	color: rgba(51, 51, 51, 0.6);
	display: block;
	clear: both
}

.sidr input[type=checkbox] {
	width: auto;
	display: inline;
	clear: none
}

.sidr input[type=button],
.sidr input[type=submit] {
	color: #f8f8f8;
	background: #333
}

.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
	background: rgba(51, 51, 51, 0.9)
}*/
/* Dropdown Button */
.dropbtn {
	background-color:#fff9dd;
	color: #2a2f42;
	font-family: 'Baloo Thambi 2', cursive;
  /*background-color: #4CAF50;
  color: white;*/
  padding: 0px;
  /*font-size: 14px;*/
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff9dd;
   color: #2a2f42;
  min-width: 100%;
  overflow:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: white;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #2a2f42; color: white}



/*input type file*/
.inputfile-box {
  position: relative;
}

.inputfile {
  display: none;
}

/*.container {
  display: inline-block;
  width: 100%;
}
*/
.file-box {
  display: inline-block;
  width: 100%;
  border-radius: 5px;
 border: none;
    border-bottom: solid 1px #887435;
    background: transparent;
  padding: 5px;
  margin: 5px;
  box-sizing: border-box;
  height: calc(2rem - 2px);
		text-align: right;
}

.file-button {
  background: #963030;
	color: white;
  padding: 5px;
  position: absolute;
  border: 1px solid;
  top: 1px;
  left: 1px;
    /*
    border: none;
    border-bottom: solid 1px #887435;
    background: transparent;
    margin: 5px;*/
	
	
}