/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@font-face{ 
	font-family: 'KMFont';
	src: url('/Style Library/Arfonts/majalla.eot');
	src: url('/Style Library/Arfonts/majalla.eot?#iefix') format('embedded-opentype'),
	     url('/Style Library/Arfonts/majalla.woff') format('woff'),
	     url('/Style Library/Arfonts/majalla.ttf') format('truetype'),
	     url('/Style Library/Arfonts/majalla.svg#webfont') format('svg');
}



.s4-widecontentarea{padding-top:10px!important;}
/*organzaation modal */
.wf-inactive .initialized  #s4-titlerow, .wf-inactive .initialized #s4-ribbonrow, .wf-inactive .initialized footer-position,  .wf-inactive .initialized .o365cs-nav-leftAlign{
display:none!important;
}

.wf-inactive .initialized #s4-workspace{
overflow-y:scroll!important;
}

.innovation
{
background-image: url('/Style Library/Images/InnovationEN.png') !important;
padding-left:13px;
width:251px;
height:81px;
background-repeat:no-repeat;
background-position-x: 14px;
    margin-top: -6px;
    margin-bottom: -7px;
}
.KAP
{
background-image: url('/Style Library/Images/KAPEn.png') !important;
padding-left:13px;
width:251px;
height:81px;
background-repeat:no-repeat;
background-position-x: 14px;
    margin-top: 16px;
    margin-bottom: -7px;
}

.ms-WPBody h4, .ms-WPBody h4 a{

font-weight:bold;
}

.video-close
{
    background-image:url('/Style%20Library/Images/Close.png') !important;
    background-repeat:no-repeat !important;
    background-position:right top;
   position:absolute !important;
   width:35px;
   height:35px;
   left:703px;
   margin-top:-17px;
   margin-left:17px;
    }


.ms-rteFontFace-12
{
     -ms-name: "KMFont";
     font-family: "KMFont";
     font-size:18px;
}

.ms-rteFontSize-KMDefaultSize
{
font-size:18px;
}

.ms-rteFontFace-13
{
     -ms-name: "KMFontEn";
     font-family: "tahoma";
     line-height:2px;
}

.ms-rteFontSize-KMDefaultSizeEN
{
font-size:13px;
line-height:2px;
}

.section-content 
{
line-height:18px;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em; color:#444444;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

h3.title,h2.title,h4.title
{
	border:none !important;background:none !important;padding:2px 0px !important;top:auto !important;left:auto !important;color:#9d0059 !important;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   html.history{ background-image:none!important}
body{ font-size:11px; font-family:arial;background:#f1eee9;overflow-x: auto;  overflow-y: scroll; }
body #s4-workspace{ overflow:inherit!important; }
#page{ width:1000px; margin:0 auto; display:table}
#Header{ height:102px;}
.relative{ position:relative;}
.logo{ float:left; margin-top:36px;}
.logo>img{width: 108%}
.s4-search input.ms-sbplain, .ms-srch-sb>input{ background:#fff!important; margin:0; padding:10px; color:#359bb8!important;  font-size:1em; font-style:normal;
font-weight:normal; border:0 none!important; width:270px!important; height: 38px;}
.ms-sbgo a img{ display:none}
.ms-sbgo a, .ms-srch-sb > .ms-srch-sb-searchLink{ background:url(/SiteCollectionImages/en-us/gosearch.png) left top no-repeat; width:40px; height:38px; display:inline-block;}
    
    
#section-topnav{ padding-bottom:20px; position:relative; z-index:10;}
#section-topnav .s4-tn{ background-color:#c31b7b;}
.s4-tn li.static > .menu-item{ padding:14px 11px 12px 11px; color:#ffffff; font-size:13px; font-weight:bold; font-family:arial; border:0; margin:0;   }
.s4-tn li.static > .menu-item{ background-image:none;}
.s4-tn li.static ul li.static > .menu-item{background:url(/SiteCollectionImages/en-us/nav-bg.png) left 18px no-repeat; }
.s4-tn li.static > .menu-item:hover,.s4-tn li.static ul li.static:hover >.menu-item{background-color:#359BB8; color:#ffffff; text-decoration:none; background-image:none;}
.s4-tn li.static ul li.nohover > .menu-item,.s4-tn li.static ul li.nohoverselected  .menu-item{ background-image:none!important;}
.menu-horizontal li.dynamic-children{ position:relative;} 
.menu ul.dynamic{ display:none; position:absolute; top:41px; left:0px;background-color:#c31b7b; border:0; width:160px;}
.menu ul.dynamic *{ white-space:normal;}
.s4-tn li.dynamic > .menu-item{ color:#ffffff; font-size:13px; font-weight:bold; font-family:arial; padding:10px 17px;}
.menu-horizontal li.dynamic-children:hover ul{ display:block;}
.menu span.dynamic, .menu a.dynamic{ min-width:110px;}
.s4-tn li.dynamic a:hover{ background-color:#359BB8; font-weight:bold;}
.s4-toplinks .s4-tn a.selected{background-color:#359BB8;}

.mainmenu{background-color: #c31b7b;padding: 5px 2px;border-radius: 15px;-webkit-box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);-moz-box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);-webkit-box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);-moz-box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);box-shadow: 0px 3px 5px 3px rgba(104, 104, 104, 0.33);}
.mainmenu ul{ list-style-type:none;list-style-position:outside; position:relative; padding:0px!important;}
.mainmenu li{ float:left;}
.mainmenu li > .menu-item{/*background:url(/SiteCollectionImages/en-us/nav-bg.png) left 18px no-repeat;*/ padding:0px 11px 0px 11px; color:#ffffff!important; font-size:13px;  
font-family:arial; border:0; margin:0; display:inline-block; line-height:40px;}
.mainmenu li:first-child > .menu-item{ background-image:none;}
.mainmenu li.nohover .menu-item,.mainmenu li.selectedhover .menu-item,.nohoverselected  a{ background-image:none!important;}
.mainmenu li:hover .menu-item{text-decoration: none;
    background: #80C342 none!important;
    border-radius: 15px;}
.mainmenu li{ position:relative;} 
.mainmenu li ul{ display:none; position:absolute; top:42px; left:0px;    background-color: #c31b7b; border:0; width:250px; z-index:10;}
.mainmenu li ul li{ float:none;}
.mainmenu li ul li a{ color:#ffffff!important; font-size:12px; font-weight:bold; font-family:arial; padding:0; }

.mainmenu li ul li:first-child a span{ border-top:0!important;}

.mainmenu li ul li a span{padding:7px 8px;display:block;border-top:1px solid #ffffff;}

.mainmenu li:hover ul{ display:block;background: #c31b7b none!important;
    border-radius: 15px;}
.mainmenu li ul li a{ display:block; padding:0 10px;}
.mainmenu li ul li a:hover{ background:url(/SiteCollectionImages/en-us/menu-hover.png) left top repeat!important; text-decoration:none;}
.mainmenu li ul li a:hover span{ text-decoration:none; border-top:1px solid transparent;}
.mainmenu li ul li.nohover span,.mainmenu li ul li.selectedhover span{ border-top:1px solid transparent;}
.mainmenu a.selected{    background: #80C342 none!important;
    border-radius: 15px;} 
.mainmenu li ul li a.selected{background:url(/SiteCollectionImages/en-us/menu-hover.png) left top repeat!important; }
.mainmenu li ul li a.selected span{ border-top:1px solid transparent;}
.haschild span{ background:url(/SiteCollectionImages/menu-down.gif) right 18px no-repeat; padding-right:10px; display:inline-block;}

.resize-tarsheed a{ display:block; height:52px; position:relative;}
.resize-tarsheed a img{ position:absolute; left:0; top:0;}



h3.block-title{ color:#666666; font-size:1.4em; font-weight:normal; margin:8px 0;}
.block-in{background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat; border:1px solid #cac6c4; }
.custom-block{ padding:15px; min-height:75px;}
.custom-block .brief{ font-size:1.2em; text-align:justify; height:56px;}
.custom-block img{ border:3px solid #e6e6e6; margin-right:10px; width:79px; height:66px;
float:left}
.brief{ color:#999999;}
.golink,.golink:visited,.golink:active{ color:#0797c2!important; font-size:1em; background:url(/SiteCollectionImages/en-us/link-arrow.png) right 7px no-repeat; padding:3px 15px 0px 0px; display:inline-block;}
.golink:hover{ text-decoration:underline;}
.hometdleft,.hometdright{ width:323px;}
#section-home{ width:660px; margin-bottom:10px;}
.line-sep{ margin-top:10px;background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat-x; height:1px;}
.tenders,.qatarization{ padding:10px 20px 10px 30px; min-height:67px; }
.title-link{ color:#666666!important; font-size:1.1em; font-weight:bold; padding-bottom:2px; display:inline-block; }
.title-link:hover{color:#80c342!important; text-decoration:none!important; }
.date{ color:#f2f2f2; width:58px; height:58px; position:absolute; top:10px; left:-29px;}
.date span{ display:block; text-align:center;}
.date .month{ font-size:9px; margin-top:8px; line-height:10px;}
.date .day{ font-size:18px; line-height:13px;}
.date .year{ font-size:9px;}
.tenders .date{background:url(/SiteCollectionImages/en-us/green-date.png) right top no-repeat;}
.qatarization .date{background:url(/SiteCollectionImages/en-us/pink-date.png) right top no-repeat;}
.floatright{ float:right;}
.floatleft{ float:left}
.clear{ clear:both; height:1px; overflow:hidden; position:relative;}
.bottom-home-block .hometdleft,.bottom-home-block .hometdright{ width:295px; padding-left:25px;}

.news-item{color:#666666; height:94px;}
.news-item img{border:3px solid #e6e6e6; margin-right:10px; width:101px; float:left; height:74px;}
.news-item h4{ margin:0 0 5px 0; padding:0; font-size:1em;}
.news-item h4 a{ color:#666666!important; font-size:1.1em; font-weight:bold; padding-bottom:0px; display:inline-block;}
.news-item h4 a:hover{color:#80c342!important; text-decoration:none!important }
.news-item .description{ font-size:13px;}
#section-home .news-list{ padding-bottom:0px;}

#Footer{background:url(/SiteCollectionImages/en-us/footer-sep.png) left top repeat-x; padding:10px 0; clear:both;  color:#333333; font-size:.9em;width:inherit!important;}


#flipbanner{position:absolute!important;top:0; height:625px; margin:0; padding:0; list-style:none; left:0; right:0}
#flipbanner li{ height:625px; background-position:center top; background-repeat:no-repeat; width:100%;}

#s4-titlerow{ width:100%!important; border:0!important;}
.s4-ca{ background-color:transparent;}
.ms-WPBody,.ms-WPBody td{ font-size:1em; font-family:Arial;}

.socials{ position:fixed; left:20px; top:47%; width:37px; z-index:99; }
.socials a{ width:37px; height:37px; overflow:hidden; position:relative; display:block; margin-bottom:10px;}
.socials a span{ width:37px; height:37px; display:inline-block; position:absolute;top:0; left:0; opacity: 0.6;}
.socials a:hover span{opacity: 0.9;}
.socials a span.unactive{ z-index:5; display:none;}
.socials a:hover span.unactive{ display:none;}
.footer-links{ text-align:right;}
.footer-links a,.footer-links{ color:#333333!important; }


.ms-dialog #page{
	width:auto;
}
.footer-position{
	position:absolute; bottom:0; left:0; right:0; z-index:11;
}
.footerdiv{
	width:1000px; margin:0 auto; 
}
.body-content{
 position:relative;
}
.fan{
	 1min-height:580px;
}
.welcometarsheed{ padding:5px 10px; min-height:95px; position:relative; overflow:hidden}
.welcometarsheed .tarsheed-icon{ width:93px; height:42px; position:absolute; left:10px; bottom:-4px;background:url(/SiteCollectionImages/en-us/tarsheed-icons.png) left top no-repeat;}
.welcometarsheed a{ color:#359bb8!important; font-size:1.2em;}
.tarsheed-link{
	vertical-align:top; padding-top:9px;
}
.dotmore{ color:#0072BC!important; margin-left:5px; display:inline-block;}
.s4-title{ background:transparent none!important}

.ms-dialog .body-content,.ms-dialog #page,.ms-dialog .fan{
	height:auto!important; width:auto!important; min-height:50px!important;
}
.fan{ padding-bottom:32px;}

body #s4-leftpanel{
	width:240px;
	float: left;
}
.s4-ca{
	margin-left:260px;
}
body #s4-leftpanel-content{
	 border:1px solid #CAC6C4; background:url("/SiteCollectionImages/en-us/block-bg.png") repeat scroll left top transparent;
	 padding:10px;
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.s4-ql ul.root > li > .menu-item{
	 color:#666666; font-size:1.1em; padding:10px 20px!important; font-weight:bold; border-top:1px solid #cccccc!important;
}


.s4-ql ul.root li:first-child > .menu-item {
    border-top: 0!important;
}


.s4-ql ul.root > li ul li a{
 color:#666666; font-size:1em;	
}
.s4-ql ul.root > li > .menu-item:hover,.s4-ql ul.root > li ul li a:hover{color:#80c342!important; text-decoration:none;}
.menu-vertical ul.root li:first-child >  .menu-item{ border-top:0!important;}
.s4-ql a.selected{ border-left:0!important; border-right:0!important; border-bottom:0!important; color:#80c342!important; padding-left:20px!important;
background:none transparent; }
.s4-ql ul.root > li ul li a.selected{ padding-left:10px!important;}
.s4-ql ul.root ul{ padding:0px 0px 20px 0px;}
.ms-dialog .custommaster #s4-workspace{ overflow:auto;}
a:link,a:visited,a:active,a{
	outline:none;
}


.bPopup { background-color:#ffffff; padding: 10px 20px;max-width: 700px;min-width: 550px;border:1px solid #cac6c4; display:none;}
.bPopup .title{color: #D0466B;font-size: 14px;font-family: verdana;margin: 0;}
.bPopup .description{color:#333;font-size:12px;margin:5px 0;}
.close-popup{float: right;color: #b10069!important;font-size: 15px;font-weight: bold;}
.close-popup:hover{text-decoration: none}
.CallContentArabic{ display:none;}

/*************************23/4/2013******************/
.block-page td{ vertical-align:top}
.section-block{}
.section-block .section-title{ background:url(/SiteCollectionImages/en-us/block-title-bg.png) left top repeat; border:1px solid #cac6c4; border-bottom:0; position:relative}
.section-block .section-title h3{ margin:0; padding:0 0 0 10px; font-weight:normal; color:#666666; font-size:1.5em; line-height:26px;}
.section-block .section-content{background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat; border:1px solid #cac6c4; padding:10px; 
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
.formtable label{ color:#666666; font-size:1.1em; font-weight:bold; display:inline-block; padding-right:10px;}
.formtable input[type=text],.formtable input[type=password],.ms-advsrchText-v2 input[type=text]{ background-color:#e2e2e2; border:1px solid #989898; color:#666666; font-size:12px; font-weight:bold; line-height:22px; width:200px; height:22px;}
.formtable select{background-color:#e2e2e2; border:1px solid #989898;color:#666666; font-size:12px; font-weight:bold;width:200px; line-height:22px;}
.required{ color:#ff0000!important; margin-left:4px }
.formlayout td,.formlayoutreverse td{ padding-bottom:10px; padding-right:10px;}
.formlayoutreverse td{color:#666666; font-size:1.1em; font-weight:bold;}
.formlayoutreverse td span{ font-weight:normal;}
.formlayout td span{ color:#666666; font-size:1.1em; font-weight:bold; display:inline-block; white-space:nowrap}
.formlayout td span+span{ font-size:.9em; font-weight:normal;color:#ff0000; padding:0; display:inline; font-weight:normal;}
.formtable textarea{
background-color:#e2e2e2; border:1px solid #989898;color:#666666; font-size:12px; font-weight:bold; width:320px; height:150px;
 }
.formlayout input[type=checkbox]{ margin-right:5px;}
.formlayout h4{ color:#666666;} 
div.article, div.welcome{ padding:0;}
.article-content, .welcome-content{ margin:0;}  
.service-tracking{ padding:17px 0 37px 35px; }
.form-sep{ height:30px;}
.submit-btn,.ms-advsrchbutton input[type=submit]{ background:url(/SiteCollectionImages/en-us/button-bg.gif) left top repeat-x; 
line-height:36px; height:36px; color:#ffffff!important; font-size:13px; font-weight:normal; 
padding-left:15px; padding-right:15px; display:inline-block; margin-top:10px; border:0; }
.submit-btn:hover,.ms-advsrchbutton input[type=submit]:hover{
background:#C31B7B none; text-decoration:none!important;	
}
.submit-btn
{
	white-space:nowrap
}

.service-tracking .submit-btn{float:right;}
.bill-payment{ padding-left:25px; padding-bottom:10px;}
.bill-payment input[type=text]{ width:315px;}
.bill-payment .formtable label{ padding-top:15px; padding-bottom:8px;}
.bill-payment .formtable tr:first-child label{ padding-top:0}

.loginsection{ padding-left:18px; padding-top:17px; padding-right:14px; min-height:150px;min-width:350px;}
.loginsection .username{ background:url(/SiteCollectionImages/en-us/username-icon.jpg) left top no-repeat; padding-left:35px; margin-bottom:20px; width:100%;max-width:200px;}
.loginsection .userpassword{ background:url(/SiteCollectionImages/en-us/password-icon.jpg) left top no-repeat; padding-left:35px;width:100%;max-width:200px; margin-bottom:9px;}
.rememberme { color:#666666; font-size:1em; font-weight:bold;}
.rememberme input[type=checkbox]{ margin:0 10px 0 5px}
.forgot-password{ color:#359bb8!important; font-size:1.1em; font-weight:bold; text-decoration:underline!important; float:right; margin-right:25px; margin-top:21px; }
.forgot-password:hover{ text-decoration:none!important }
.noaccount{ padding-top:14px;}
.register{ color:#666666!important; font-size:1.1em; font-weight:bold; padding-bottom:6px; display:inline-block;}
.register-info{ border-top:1px solid #cccccc; padding-top:7px; font-size:1em;}
.announcement-home{ width:218px; height:214px; margin:23px auto 7px auto; background:url(/SiteCollectionImages/en-us/announ-shadow.png) center bottom no-repeat; padding-bottom:15px;}
.announcement-home a{border:1px solid #cac6c4; display:inline-block}
.announcement-home a img{ border:8px solid #ffffff; }
.welcome-image{ float:right; margin-left:10px;}
.welcome-business{ text-align:justify; color:#444444; font-size:1.1em; min-height:70px;} 
.tabblock{background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat; border:1px solid #cac6c4; padding:10px 0; clear:both; display:none; }
.tabblock .padding-content{ padding-left:34px;}
.formtable.padding-content label{ padding-bottom:4px;}
.table-layout th{ color:#c31b7b; font-size:1.2em; font-weight:bold; padding-left:12px; padding-right:12px; border-left:1px solid #e2e2e2;  padding-top:6px; 
padding-bottom:6px; text-align:left; border-right:0; border-bottom:0;}
.table-layout tr th:first-child{ border-left:0;}
.table-layout td{ padding-left:12px; padding-right:12px; border-left:1px solid #e2e2e2; color:#666666; font-size:1em;
 padding-top:8px; padding-bottom:8px;border-top:1px solid #e2e2e2; border-right:0; border-bottom:0;}
.table-layout tr td:first-child{ border-left:0; padding-left:0;}
.table-layout td table td,.table-layout td table th{ border:0!important; padding:0;}
.table-layout-padd{ padding-left:28px; padding-right:28px; padding-top:15px;}
.tender-viewall{border-top:1px solid #e2e2e2; padding:0 8px;}
.tabs-click ul{ margin:0; padding:0; list-style:none;}
.tabs-click li{ float:left; margin-right:2px; position:relative; padding-top:6px;}
.tabs-click li a{ background-color:#b1b3b3; color:#777777; padding:10px 20px; font-size:1.4em; display:inline-block  }

.tabs-click li.active{ padding-top:0;}
.tabs-click li.active a{ background-color:#359bb8; color:#ffffff; padding-top:16px}

.section-block  .newshome{ padding:0; }
.newsmain{float:left; padding:9px; width:344px; border-right:1px solid #CAC6C4; height:333px;}
.news-rest{ float:right; width:373px;}
.item-date{ font-size:1em; color:#c31b7b;  }
.home-news-item .title a{color:#666666!important; font-size:1.1em; font-weight:bold;  display:inline-block;}
.home-news-item .title a:hover{ color:#80c342!important; text-decoration:none;}
.brief{ color:#999999; font-size:1.1em;}
.newsmain .item-date{padding:5px 0;text-align: right;margin-right: 3px}
.newsmain .title a{margin-bottom:5px;}
.news-rest .home-news-item img{ float:left; margin-right:9px;}
.news-rest .home-news-item{ padding:9px;border-top:1px solid #CAC6C4}
.news-rest .newsrest1{ border-top:0;}
.home-news-item a img{ border:3px solid #E6E6E6}

#photogallery .SItems-c{ width:408px; height:44px; position:relative; overflow:hidden;}
#photogallery .SItem .item-data{ display:none;}
#photogallery .SItem img{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
	}
#photogallery .SItem a:hover img,#photogallery .SItem.active a img{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;	
	}
#photogallery .SItem{ float:left; width:82px; height:44px;}

.gallery-content{ position:relative; height:218px; position:relative; overflow:hidden}
.gallery-content .gallery-text{ position:absolute; background:url(/SiteCollectionImages/en-us/gallery-text-bg.png) left top repeat; padding:10px; left:0; right:0; bottom:0; color:#ffffff; font-size:1.1em;}
.gallery-content .gallery-title{ font-weight:bold;} 
#photogallery  .SliderP{ padding-top:10px} 
#photogallery  .HandleLeft{ background:url(/SiteCollectionImages/en-us/gallery-left-arrow.png) left top no-repeat; width:17px; height:22px; display:block; position:absolute; left:0; top:84px; text-indent:-10000px}
#photogallery  .HandleRight{ background:url(/SiteCollectionImages/en-us/gallery-right-arrow.png) left top no-repeat; width:17px; height:22px; display:block; position:absolute; right:0; top:84px;text-indent:-10000px}
.videoplay{ position:relative; display:inline-block;}
.videoplay span{ background:url(/SiteCollectionImages/en-us/play.png) left top no-repeat; width:57px; height:57px; top:50px; left:64px; position:absolute;}
.videosection{ padding:18px!important;}
.calendar{ background:#464646 none; padding-bottom:10px;}

.calendar table table,.calendar .headercalendar{ background-color:#323232;}
.calendar table table td,.calendar .headercalendar{ line-height:32px; height:32px; vertical-align:middle; color:#ffffff; font-size:1em; text-align:center;}
.calendar table table td a,.calendar .headercalendar td a{ background:url(/SiteCollectionImages/en-us/calendar-left-arrow.png) center center no-repeat; height:32px; width:32px; display:block; text-indent:-100000px}
.calendar table tr + tr td{ color:#ffffff;font-size:10px;}
.calendar table table td+td+td a,.calendar .headercalendar td+td+td a{ background:url(/SiteCollectionImages/en-us/calendar-right-arrow.png) center center no-repeat; height:32px; width:32px; display:inline-block; text-indent:-100000px; position:relative;content:""; text-align:left;}
.calendar table th{ font-size:10px; color:#ffffff; font-weight:normal; line-height:24px;border-bottom:1px solid #767676;}
.calendar table tr+tr td{ border-bottom:1px solid #767676; height:26px; border-left:1px solid #767676;}
.calendar table tr+tr td a{ color:#ffffff!important; line-height:26px; display:block; }
.calendar table .myDivClass div{ position:absolute; display:none; background:url(/SiteCollectionImages/en-us/block-bg.png) left top repeat; border:1px solid #cac6c4; padding:10px; top:20px; left:0%; width:150px; text-align:left; z-index:3;}
.calendar table .myDivClass:hover div{ display:block; color:#000000; font-size:12px; font-weight:bold;}
.calendar table tr td:first-child{ border-left:0}
.calendar table td.selected { background-color:#868686!important}
.calendar table .myDivClass{ position:relative;}
.calendar table{ width:100%;}
.calendar .today{ background-color:#80C342!important; color:#ffffff!important;}
.calendar table .myDivClass div a{ color:#323232!important; font-size:1em; font-weight:normal; line-height:normal;}

.calselect{ padding:10px 0;}
.calselect select{background-color:#e2e2e2; border:1px solid #989898;color:#666666; font-size:12px; font-weight:bold;width:120px; line-height:22px;}
.cal-year{ margin-left:10px;}
body #s4-leftpanel-content{ margin-bottom:20px;}
.homeabout{ padding-top:20px!important; min-height:170px; line-height:16px; font-size:1.1em;}
.presidentletter td{ vertical-align:top; text-align:justify;}

.labelinfo{ color:#666666; font-weight:bold; font-size:1.1em; padding-top:10px;}
.labelinfo span{ color:#c31b7b; font-weight:normal;}
.labelinfo span a{color:#c31b7b!important;}
.labelinfo span a:hover{ text-decoration:underline;}
.bluelabel{ color:#359bb8; font-size:1.2em; font-weight:bold;}
.myprofile .submit-btn{ margin-right:10px;}
.accountsummery,.myprofile{ min-height:140px;}
select{background-color:#e2e2e2; border:1px solid #989898;color:#666666; font-size:12px; font-weight:bold; line-height:22px;}
.Consumption select{ width:120px; margin-bottom:5px;}
.section-block .service-traking{ padding-left:30px!important;}
.service-traking input[type=text],.service-traking select{ width:230px}
.service-traking .formtable label{ padding-bottom: 8px;padding-top: 15px;}

.bill-payment .formtable tr:first-child label {
    padding-top: 0;
}
.service-traking ,.Consumption{ min-height:225px}


.itemslisting{ margin:0; padding:0; list-style:none;}
.itemslisting > li{ border-top:1px solid #e6e3df; padding:20px 0;}
.itemslisting > li:first-child{ border-top:0;}
.itemslisting > li h4{ margin:0 0 5px 0; padding:0; font-size:1.1em; font-weight:bold;}
.itemslisting > li h4 a{ color:#666666!important; font-size:1em; font-weight:bold;}
.itemslisting > li h4 a:hover{ color:#80c342!important; text-decoration:none;}
.itemslisting > li h4 a span,.itemslisting li h4 a:hover span{color:#c31b7b;}
.itemslisting > li a img{ width:120px;}
.itemslisting > li .labelinfo{ padding-top:3px;}
.itemslisting > li .labelinfo label{ width:70px; display:inline-block;}
.padding-listing{ padding:0 18px;}



.pinkcolor{ color:#c31b7b;}
.img{border:3px solid #E6E6E6}
.img.floatleft{ margin-right:10px;}
.hometips{ float:left; width:49%;}
.hometips .section-content{
	 height:162px;
}
.paddidhometips{
	margin-top:20px;
}
.tipsodd{
 float:right!important
}
.introcontent{
	font-size:1.1em; color:#999999;
}
.introcontent p{ margin:.5em;}

.homelatestjobs .table-layout tr th:first-child,.homelatestjobs .table-layout tr td:first-child{ padding-left:0;}

#s4-bodyContainer{
background-image: url("/Style Library/assest/img/Bg-Main.png");
	background-color: #fff;
	background-repeat: repeat-x;
}
.s4-ca{ padding-bottom:18px;}
#Footer{ padding-top:14px;}
p{
	font-size:1.1em;
}
.detailsimgwidth{
	width:300px; margin-bottom:5px;margin-left:3px;
}
.socialclass{ padding: 15px 0;}
.facesocial{
	margin-right:10px;
}




/* Calculate your consumptions */
.fromtodv{color:#333;}
.fromtodv select{width:134px!important;}
.reset>a{display:block;width:100px;background: #C31B7B;color:#fff!important;font-weight: bold;height: 20px;padding: 10px 0 6px;text-decoration: none!important;text-align: center;}
.reset>a:hover{background:#80C342;}

#devicestable{color:#333;}
#devicestable td{text-align: left;padding-bottom: 10px;padding-left: 10px;}
#devicestable input[type=button], .reset1{display:inline-block;width:100px;background: #C31B7B;color:#fff;font-weight: bold;padding: 10px 0 6px;border:0;}
#devicestable input[type=button]:hover,  .reset1:hover{background:#80C342;}
#devicestable .textstyle1{width:100px;background-color: #e2e2e2;border: 1px solid #989898;color:#666;padding: 6px 2px;margin: 0 5px;}
#devicestable .thtable>td{font-weight:bold;color:#333;padding: 10px 0;font-size: 12px;}

#resultsdiv{color:#333;}
#resultsdiv .thtable td{border-bottom: 1px solid #C31B7B;}
#resultsdiv td{text-align: left;padding:5px 2px;}


.padding-listing.customelayout{ padding-top:18px; padding-bottom:10px;}
.horizontalwebparts table{ width:auto!important}
.ms-PartSpacingHorizontal{ width:20px;}
.paging {
    background: url("/SiteCollectionImages/en-us/pager-line.png") no-repeat scroll center center transparent;
    clear: both;
    overflow: hidden;
    padding: 0.5em;
    text-align:center;
}
.paging a {
    background-color: #c31b7b;
    border: 1px solid #CAC6C4;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    text-align: center;
    text-decoration: none;
    width: 18px;
    line-height:18px;
}
.paging span.selected,.paging table td span {
    background-color: #80c342;
    border: 1px solid #CAC6C4;
    color: #ffffff !important;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    text-align: center;
    width: 18px;
    line-height:18px;
}
.paging .previous-next {
    background-color: #717171;
    border: 1px solid #CAC6C4;
    color: #FFFFFF !important;
}
.paging table td{ padding-right:5px!important;}
tr.paging table{ margin:0 auto;}
.twtr-widget{
	font-family:arial!important;
}
.twtr-user,.twtr-hd{
	display:none!important
}
.s4-specialNavLinkList{
	border-top:0;
	display:none;
}
.twtr-tweet-text em a{ display:inline-block; margin-right:5px;}
.kahramaa-tweet{
 background: url("/SiteCollectionImages/en-us/spritetwitter.png") 0 top no-repeat transparent; padding-left:30px; color:#666666;
 font-size:15px; padding-bottom:10px; font-weight:bold;
	
}
.twtr-ft a img{
 display:none;	
}

.twtr-widget .twtr-tweet{
	 border-bottom:1px solid #CCCCCC !important; padding-top:10px!important; padding-bottom:10px!important
}
.twtr-ft a{
	font-weight:bold;
}


.VSliderP{padding-left:40px; border-left:1px solid #CAC6C4;}
.VItems-c{ width:162px; height:350px; position:relative; overflow-y:hidden; overflow-x:visible}
.VItem{width:98px; height:70px; }
.VItems-c a img{width:92px; height:62px; filter:alpha(opacity=63); -moz-opacity:0.63;-khtml-opacity: 0.63;opacity: 0.63;}
.VItems-c a{ border:3px solid #E6E6E6; width:92px; height:62px; display:inline-block;position:relative;}
.VItems-c a.active img,.VItem a:hover img{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.VItems-c a.active{ 1border-color:#000000;}
.scroll-arows{ text-align:center; padding-top:7px; position:relative; height:25px;}
.scroll-arows a{ width:22px; height:20px; display:inline-block; margin-right:2px; position:absolute; top:7px; }
.HandleUp{background: url(/SiteCollectionImages/en-us/gallery-up-arrow.png) left top no-repeat; left:73px;}
.HandleDown{ background: url(/SiteCollectionImages/en-us/gallery-down-arrow.png) left top no-repeat; left:98px}
#slideshow-main{ width:440px; float:left; height:344px; position:relative;}
#slideshow{ float:left; width:185px; padding-left:45px;}
.VItem .photocontent{
	display:none;
}
.VItem a{
	position:relative;
}
.gallery-list{
	padding:20px!important;
}

.no-video-img{width: 50px!important;height: auto!important;vertical-align: middle;margin: 0 auto;display: block;margin-top: 6px;}

#slideshow-main .caption{ position:absolute; background:url(/SiteCollectionImages/en-us/gallery-text-bg.png) left top repeat; padding:10px; left:0; right:0; bottom:0; color:#ffffff; font-size:1.1em;}

.itemslisting li a.download{
	  background:url(/SiteCollectionImages/en-us/download.png) left top no-repeat; padding-left:30px; margin-top:10px; display:inline-block; line-height:24px;
	  font-weight:bold; font-size:1em; }
	  
.customdetails{ padding:20px!important}
.customdetails h4{ font-size:1.2em; margin:0; color:#666666;}	
.customdetails .item-date{ padding-bottom:5px;}
.status{color:#C31B7B}  

.expandable{
	cursor:pointer;  background:url(/SiteCollectionImages/en-us/plus.png) left 3px no-repeat; padding-left:15px;
	   color: #666666;font-size: 1.1em!important;font-weight: bold; }
	   
.expanded{
 background:url(/SiteCollectionImages/en-us/minus.png) left 3px no-repeat;	
}
.expandable:hover{
color:#80C342;
	
}
.expandable-block{
	padding-left:15px;
}
.ms-WPHeader{ background-color:transparent;}
.ms-WPHeader td{ border-bottom:0;}	
.srch-advancedtable{ background:transparent none; border:0;} 
.ms-advsrchText-v1{
	 color:#666666; font-size:1.1em; font-weight:bold; display:inline-block; padding-right:10px;
}
.ms-advsrchText-v2{ padding-bottom:10px;}


/*
fixed spaceing for hiiden webparts
.ms-PartSpacingVertical{ margin-top:20px;}
*/
.HiddenControl, .HiddenControl .ms-PartSpacingVertical{
margin:0px!important;
}

.tabs-zone .ms-PartSpacingVertical{
	display:none;
} 
.tabs-zone .table-layout{
	width:95%; margin:0 auto;
}
.ms-WPTitle,.formlayout h2,.formlayoutreverse h2,.headertitle a{ margin:0; font-weight:normal!important; font-family:inherit!important; color:#666666!important; 
font-size:1.8em!important; line-height:26px; padding-bottom:8px; display:block;}
.jobradio td{ padding-right:40px;}
.jobradio input[type=radio]{ margin-right:5px;}
.jobradioblock{ padding:40px 0 50px 0; width:300px; margin:0 auto;}
.vertical-table th{ color: #C31B7B;font-size: 1.2em;font-weight: bold;padding: 6px 12px; text-align: left; border-bottom:1px solid #E2E2E2;}
.vertical-table td {border-left: 1px solid #E2E2E2;border-bottom: 1px solid #E2E2E2;color: #666666;font-size: 1em;padding: 8px 12px;}
.formlabels tr td:first-child{ color: #666666;font-size: 1.1em;font-weight: bold;}
.requiredfield{ font-size:.9em!important; font-weight:normal!important; color:red!important; margin:0 2px; }
.linesep{ background-color:#CCCCCC; height:1px; margin: 5px 0;}
.level-bullet{color:#80C342;  background:none; padding-left:0; padding-bottom:5px; margin-left:10px;}
.level-bullet a{   color: #666666!important;font-size: 1.1em;font-weight: normal;}
.level-bullet a:hover{color:#80C342!important; text-decoration:none!important}
.td-detail-width{width:150px;}
.dlTD{ text-align:right;}
.formlayoutreverse input[type="checkbox"]{ margin-right:5px;}
.tarrif-table{
	 border:1px solid #E2E2E2!important; border-collapse:collapse!important;  }
.tarrif-table td{
	padding:8px 12px; color:#666666; border:1px solid #E2E2E2!important; border-collapse:collapse!important;
}

.tarrif-header td{
	 color:#C31B7B; font-size:1.1em;
}
.formupdate tr td:first-child {
    color: #666666;
    font-size: 1.1em;
    font-weight: bold;

}
.formupdate tr td:first-child tr td{
	font-weight:normal; font-size:.9em;
}
.srch-WPBody{
	font-family:Arial!important;
}
.srch-Title2 a:link, .srch-Title2 a:visited{
	 color: #666666 !important;
    font-size: 1.3em;
    font-weight: bold; text-decoration:none!important;
}
.srch-Title2 a:hover{
	color:#80c342!important; text-decoration:none;
}
.srch-Description2{
	 color:#999999!important; font-size:1.1em;
}
.srch-URL2{
color:#80c342!important;	
}
.srch-Metadata2{
	 color:#C31B7B;
}
.headertitle, .headertitle a, .headertitle a:link{ font-weight:bold!important; font-family:Arial; font-size:13px!important;}
.headertitle a:hover{ color:#80c342!important; text-decoration:none!important;}



/* Albums */
.album-item{float:left;margin-left:10px;margin-top: 10px;display: block;width: 207px;height:235px;

background-color: rgb(195, 27, 123);
color: white;
padding: 5px;}
.album-img{width: 195px;height:170px;padding:5px;display: block;}
.album-img:hover{}
.album-img>img{width: 195px;height:170px;}
.album-title{text-decoration: none!important;font-size: 14px;padding: 8px 0 0 2px;display: block;color: white!important;white-space:normal !important;}
.album-title:hover{text-decoration: underline!important;}

/* ===========================
===============================================
   Form Sections
   ========================================================================== */
.menuArabic{
	position:absolute; top:-800px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */
   
      @media only screen and (min-width: 1000px) {
   .fan{
   min-height:925px;
   }
}


@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/*======================Added Style===================*/
.textareastyle {background-color:#e2e2e2;border:1px;border-style:solid;border-color:#989898;color:#666666; font-size:12px; font-weight:bold;}
.formtable span{ color:#666666; font-size:1.1em; font-weight:bold; display:inline-block; padding-right:10px;}
.formtable td{ color:#666666; font-size:11px; font-weight:bold; padding-right:10px;}
.labelBill span{ color:#c31b7b; font-weight:normal;}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/** mobile view english styles **/
.IsMobile #s4-leftpanel , .IsMobile .socials , .IsMobile #section-topnav , .IsMobile #section-search , .IsMobile #s4-titlerow{display:none!important;}
.IsMobile #MSO_ContentTable{margin-left:0px}
.IsMobile #page{width:auto;margin:0px;display:block;}
.IsMobile .m-page{ background:url("/Style%20Library/Images/bg4.jpg") center -80px repeat-x;}
.IsMobile .m-block a{ display:block;color:#fff!important;text-decoration:none!important;font-weight:bold;line-height:49px;padding-left:20px;border-bottom: 1px solid #80c342;}
.IsMobile .m-block.home{background-color:#b10069;}
.IsMobile .m-block.home a{ text-align:center;}
.IsMobile .m-logo{height:120px;padding-top:30px;padding-left:20px}
.IsMobile .m-block ul{list-style:none; margin:0px!important;padding:0px; display:none;}
.IsMobile .m-block ul li{ margin-top:-14px\9;}
.IsMobile .m-block a.parent-tab{ background:url("/Style Library/Images/plus.png") right center no-repeat;background-color:#b10069; }
.IsMobile .m-block a.parent-tab:hover{ background-color:#80c342}
.IsMobile .m-block a.selected{background:url("/Style Library/Images/minus.png") right center no-repeat;background-color:#80c342;}
.IsMobile .m-block ul li a{ background:#359bb8;border-bottom: 1px solid #80c342;padding-left:40px;}
.IsMobile .m-block ul li a:hover{background-color:#b10069;}

#ctl00_m_g_c2660bda_7c3e_4914_b121_14c2531ec281_ctl00_divSuccesMessage{
	font-size:18px;
	color:#ac2c69;
}

/****/

.formtable {
	width:99%;
}


.box {
	border : 1px solid #d2c9b7;
	padding : 20px;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color:white;
} 
.title {
	position : relative;
	top : 10px;
	left : 20px;
	border-left : 1px solid #d2c9b7;
	border-right : 1px solid #d2c9b7;
	background-color : #d2c9b7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px;
}

.ms-WPTitle
{
	color:#c31b7b !important;
}

.tabs-click li a
{
	white-space:nowrap;
}

#resultreceipts1 table{

 border-collapse: collapse; 
border-spacing: 15;
background-color:#d7d5cf;

border-width: 1px;
	border-color: #999999;
	}


/*------ New Form Design --- */
 .ui-tooltip, .arrow:after
    {
        background: white;
        border: 2px solid #555555;
    }
    .ui-tooltip
    {
        padding: 20px;
        color: #444444;
        border: 1px solid rgb(152, 152, 152);
        box-shadow: 0 0 7px gray;
        width: 200px;
    }
    
      .KMFormFilterRow a
{
   word-wrap: break-word !important;
white-space:normal !important;
   }


    .KMForm .KMFormLabel
    {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
    }
    
    .KMForm .KMFormControls
    {
        width: 60%;
        display: inline-block;
    }
    .KMForm .KMFormControls input[type='text'], .KMForm .KMFormControls input[type='password'],.KMForm .KMFormControls select
    {
        background-color: rgb(226, 226, 226);
        border: 1px solid rgb(152, 152, 152);
        color: rgb(102, 102, 102);
        width: 200px;
        line-height: 22px;
        height:22px;
    }
    
        .KMForm .KMFormControls textarea
    {
        background-color: rgb(226, 226, 226);
        border: 1px solid rgb(152, 152, 152);
        color: rgb(102, 102, 102);
        width: 400px;
        line-height: 25px;
        height:140px;
    }

    
    .KMForm .KMFormControls .ValidationIcon
    {
        width:20px;
        padding:4px;
        display:none;
        vertical-align:top;
    }
    
    
    .KMForm .KMFormRow
    {
         padding: 0px 0px 15px 0px;
        font-size: 12px;
        font-weight: bold;
    }
    
    .KMForm
    {
        padding: 10px;
        background-color: white;
    }
    
    .captchaimg
    {
        border: 1px solid rgb(152, 152, 152) !important;
        margin-bottom: 4px;
    }
    
    .ValidationSummary
    {
        margin: 0px 0px 10px 0px;
        background-color: rgb(253, 226, 226);
        padding: 4px 10px;
        font-size:14px;
    }
    
    .section-content .messageDiv
    {
        padding: 5px;
        font-weight: bold;
    }
    
    .messageDiv
    {
        font-size: 12px;
        color: #b10069;
        margin: 10px 0px 10px 0px;
    }
    
    .NotLink:hover
    {
        text-decoration: none !important;
    }
    
    .KMForm-description
    {
        background-color: rgb(226, 226, 226);
        padding: 10px;
        border-bottom: 1px solid #9d0059;
        font-size: 16px;
        color: #9d0059;
    }
    
    .KMFormData
    {
    background-color: rgb(226, 226, 226);
	border: 1px solid rgb(152, 152, 152);
	color: rgb(102, 102, 102);
	width: 195px;
	line-height: 25px;
	height: 25px;
	display: block;
	padding-left: 6px;
    }
    
    .KMForm .submit-btn
    {
	white-space:nowrap;
	}
	
	.KMFormMessage
	{
	 background-color: rgb(226, 226, 226);
        padding: 10px;
        min-height:150px;
                font-size: 18px;
        color: #9d0059;
	}
	
	.KMForm .DataGrid
	{
	    border:thin dotted #a29061;
	    border-collapse:collapse;
	    background-color:#efefef;
	}
	
	.KMForm .DataGrid td
	{
	    border:thin dotted #a29061;
	    padding:7px;
	}
	
	.KMForm .DataGrid th
	{
	    border:thin dotted #a29061;
	    background-color:#eeebe1;
	    padding:7px;
	}
	
	.KMForm .BillsDetailsView td
	{
	    border:thin dotted #a29061;
	    padding:7px;
	    width:30%;
	}
	
	.KMForm .BillsDetailsView th
	{
	    border:thin dotted #a29061;
	    background-color:#eeebe1;
	    padding:7px;
	    width:20%;
	    text-align:left;
	}
	

	
    .KMForm .twoFields
	{	
		width:50% !important;
		float:left;
	}

	
	.success-message
	{
	    background-color:#80c342;
	    border:1px solid green;
	    padding:7px;
	    margin-bottom:15px;
	    color:White;
	    margin-top:15px;
	    padding-right:20px;
	    height:70px;
	    font-size:25px;
	    vertical-align:middle;
	    line-height:27px;
	}
	
	.error-message
	{
	    background-color:#ffc8c8;
	    border:1px solid red;
	    padding:7px;
	    margin-bottom:15px;
	    color:red;
	    margin-top:15px;
	    padding-right:10px;

	    font-size:14px;
	    vertical-align:middle;
	   

	}
	
		.AccordionHeader
	{
	cursor: pointer;
margin: 0px !important;
padding: 5px;
background-color: #eeeeee;
border: thin dotted #a29061;
border-collapse: collapse;
color:#b10069;
	}

	.PayButton
	{
	  text-align:right;
	}
	
	.KMFormFilterRow
	{
	border-bottom:thin dotted #a29061;
	padding: 7px;
	}
	
	.KMFilterHeader
	{
	border-bottom:thin dotted #a29061;
	background-color: #eeebe1;
padding: 7px;
	}
	
	.KMFilter
	{
	border:thin dotted #a29061;
	background-color:rgb(239, 239, 239);
	margin-bottom:15px;
	}
	
	.KMFilterButton .submit-btn
	{
			float: right;
		margin-bottom: 10px;
				margin-right: 10px;
	}

}

 .ui-tooltip, .arrow:after
    {
        background: white;
        border: 2px solid #555555;
    }
    .ui-tooltip
    {
        padding: 20px;
        color: #444444;
        border: 1px solid rgb(152, 152, 152);
        box-shadow: 0 0 7px gray;
        width: 200px;
        display:none;
    }
    
    .viewReceipt:hover .ui-tooltip
    {
        display:block;
        position:absolute;
        top:15px;
        cursor:pointer;
        left:30px;
        z-index:2000;
        width:520px;
    }
    
    .viewReceipt
    {
        position:relative;
    }
    
    .printth
    {
        text-align:left;
    }


#bill1 .ui-icon-triangle-1-e
{
	background-image:url('/Style Library/Images/add.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-right: 10px;
}


#bill1 .ui-icon-triangle-1-s
{
	background-image:url('/Style Library/Images/sub.png');
		background-repeat:no-repeat;
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-right: 10px;
}


.ui-icon-triangle-1-e
{
	background-image: url('/Style Library/Images/add.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-right: 10px;
}


.ui-icon-triangle-1-s
{
	background-image:url('/Style Library/Images/sub.png');
		background-repeat:no-repeat;
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	margin-right: 10px;
}


/*------ New Form Design --- */
/*------ New Login ---- */

.headerLinks
{
	float:right;
	padding-top: 40px;
	padding-right: 20px;
}

.LoginButtonsContainer
{
	background-image:url("/Style Library/Images/left-login-sympol.png");
	background-repeat: no-repeat;
	float:right;
	padding-left: 50px;
}

.LoginButton 
{
    position:relative;
z-index:200;
background-image:url("/Style Library/Images/login-bg.png");
background-color:white;
display: inline-block;
min-width: 100px;
height: 36px;
z-index:200;
float:left;
padding:0px 10px;
font-size: 23px;
white-space:nowrap;
line-height:36px;
margin-left: 5px;
}


.LoginButton iframe,.LoginButton .loggedUserLinks
{
    position:absolute;
    top:50px;
display:none;
left:0px;
}
.LoginButtonControl
{
    height:20px;
}

.LoginButton:hover iframe,.LoginButton:hover .loggedUserLinks
{
display:block
}
.LoginButton span
{
z-index:300;
}


.loggedUserLinks
{
   background-color:#ededed;
padding:10px;
border:1px solid white;
}

.loggedUserLinks a
{
    white-space: nowrap;
display: block;
text-align: right;
color: #359bb8;
text-decoration: none;
line-height:25px;
}

.loggedUserLinks a:hover
{
    color:#C31B7B;
}



.fastLogin
{
   background-color:#ededed;
padding:20px;
border:1px solid white;
width: 450px;
margin: auto;
margin-top: 100px;
}

.fastLogin .loginTitle
{
	display: block;
padding: 5px;
text-align: center;
border: thin dotted #a29061;
background-color: #eeebe1;
margin-bottom: 20px;
line-height: 35px;
}

.fastLoginControls
{
    position:relative;
}
.fastLoginControls .mask
{
    position:absolute;
    top:15px;
    left:10px;
    color:Gray;
    white-space:nowrap;
}

.fastLogin input
{
margin:0px;
border:1px solid #dcdcdc;
line-height: 35px;
height: 35px;
width: 98%;
padding:4px;
}
.fastLogin input[type="password"]
{
border-top-width:0px;
}

.fastLoginTxt
{
width:210px;
margin:auto;
}

.fastLogin .submit-btn
{
    display:block;
    background-color:#80c342;
    height: 35px;
line-height: 35px;
text-align: center;
color: white;
text-decoration: none;
margin-top: 20px;
font-size: inherit;
}

.fastLogin .lblLoginMessage
{
	display: block;
background-color: rgb(253, 226, 226);
color: red;
padding: 5px;
margin-bottom: 20px;
}


.fastLogin .lblLoginMessageSucess
{
	display: block;
background-color: rgb(191, 245, 189);
color: green;
padding: 5px;
margin-bottom: 20px;
}


.fastLogin .submit-btn:hover
{
    background-color:#C31B7B;
}

.forgot-password
{
display: block;
text-align: left;
margin-top: 13px;
color: #359bb8;
text-decoration: none;
float:none;
}

.forgot-password:hover
{
    color:#C31B7B;
}

.validationsummary ul
{
    padding:2px;
     margin: 20px 0px;
    background-color:rgb(253, 226, 226);
}

.validationsummary ul li
{
padding:2px;
list-style-type:none;
}


a{
	white-space:nowrap;
}

/*-------End New Login ---- */


.ui-datepicker-calendar
{
	width:202px;
	text-align:center;
}

#ui-datepicker-div
{
		background-color:#eeeeee;
		font-size:16px;
		border: 1px solid rgb(102, 102, 102);
		display:none;
}

.ui-datepicker-prev
{
	float:right;
	display:block;
	color:white;
	padding:2px;


}

.ui-datepicker-next
{
	float:left;
	display:block;
	color:white;
	padding:2px;
}

.ui-datepicker-title
{
	text-align:center;
	background-color:rgb(102, 102, 102);
	color:white;
}

#dialog
{
 display:none;
 z-index:1000;
}

#cboxOverlay
{
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=40);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.4;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.4;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.4;
	
	background-color:black;
}


.ui-dialog
{
	background-color: rgb(226, 226, 226);
	z-index:10000;
	-moz-box-shadow:    0px 0px 12px 4px rgb(68, 68, 68);
  -webkit-box-shadow: 0px 0px 12px 4px rgb(68, 68, 68);
	box-shadow:  0px 0px 12px 4px rgb(68, 68, 68);

}

.ui-dialog-titlebar
{
	background-color:#c31b7b;
	padding:5px;
	color:white;
	height: 20px;
	font-weight: bold;
	font-size: 13px;
}
.ui-dialog-titlebar button
{
	float:right;
}
 .warning{
border: 1px solid;
margin: 10px 0px;
padding:10px 20px 10px 10px;
background-repeat: no-repeat;
background-position:99%  center;

}
.warning {
color: #6E2C03;
background-color: #FFFFEF;
background-image: url("/Style Library/Images/warning.png");
border-color:#FFAB2B;
}

#dialog p
{
	margin: 5px;
background-color: white;
height: 450px;
overflow: auto;
padding: 5px;
}

div#ctl00_PlaceHolderLeftNavBar_ctl04_V4QuickLaunchMenu  span {



display: block;
  list-style-type: disc;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
  font-size:16px;
    font-family: Verdana,Arial,sans-serif;
  /* font-size: 8pt; */
  color: #676767;
    padding: 0px 0px 5px;
  background-color: #FCFCFC;
  border: 1px solid #DBDDDE;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border: 1px solid #CAC6C4;
  background: url("/SiteCollectionImages/en-us/block-bg.png") repeat scroll left top rgba(0, 0, 0, 0);
  padding: 10px;
}

 .btn_primary a:visited
    {
    text-decoration:none;
    }
     .inValidImg
    {
display:none;
background-image:url('/Style Library/Images/incorrect2.png');
background-repeat:no-repeat;       
   width:20px;
        padding:4px;
float:right;

 height:20px;

    }
    
      .validImg
    {
display:none;
background-image:url('/Style Library/Images/correct2.png');
background-repeat:no-repeat;       
   width:20px;
        padding:4px;
float:right;

 height:20px;
    }

.CRNumber
{
float:left;
}

  .waitImg
    {
display:none;
background-image:url('/Style Library/Images/wait2.gif') ;
background-repeat:no-repeat; 
   width:20px;
        padding:4px;
float:right;

 height:20px;

    }
    
    .info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:10px 20px 10px 10px;
background-repeat: no-repeat;
background-position:99%  center;

}

.info {
color: #0C3F51;
background-color: #E6FFFF;
background-image: url("/Style Library/Images/Info.png");
border-color:#00B8D8;

}

.success {
color: #478445;
background-color: #E8FFEF;
background-image:url("../../img/success.png");
border-color:#50BB4F;
}
.warning {
color: #6E2C03;
background-color: #FFFFEF;
background-image: url("../../img/warning.png");
border-color:#FFAB2B;
}
.error {
color: #975E3E;
background-color: #FFEEEF;
background-image: url("../../img/error.png");
border-color:#C51C06;
}


 .MyScheduleInspectionCalendar{margin: 2px;}
.MyScheduleInspectionCalendar table td{padding: 5px 10px;/* text-align:center; */}
.MyScheduleInspectionCalendar table br{display:none!important}
.MyScheduleInspectionCalendar table tr:first-child td{background: #2D7BA8!important;border:0px;border-color: transparent!important;padding: 0;/* height: auto!important; */color: #fff!important;font: 14px/20px Tahoma;}
.MyScheduleInspectionCalendar table tr:first-child td a{font: 14px/20px Tahoma;background: none;padding: 0;}
.MyScheduleInspectionCalendar table tr:first-child td:first-child{border-radius: 3px 3px 0 0;/* overflow:hidden */padding: 0 10px;}
.MyScheduleInspectionCalendar table tr:nth-child(1) th{}
.MyScheduleInspectionCalendar table tr:nth-child(2) th{
    background: #F5F5F5;
}

.calDay{
    color: #0077CD;
    background: url("/Style Library/Images/calendar16.png") no-repeat 0% 3px;
    text-align: left;
    padding-left: 20px;
}
.MyScheduleInspectionCalendar table tr:first-child table td:first-child a{color: #FFFFFF!important;display: block;padding-left: 25px;background: url("/Style Library/Images/aleft.png") 0 0 no-repeat;font-weight: bold;}
.MyScheduleInspectionCalendar table tr:first-child table td:last-child a{
    /* color: #F99600!important; */    display: block;    
    padding-right: 25px;    
    background: url("/Style Library/Images/aright.png") 100% 0 no-repeat;
    font-weight: bold;
}

.SchedulerContentMain
{
	 margin-bottom:0px;
}
.ContractorName {	
	height: 22px;
	width: 100px;
	font-style: normal;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DCDC;
	    overflow: hidden;

	}
		
	}
.ContractorNameNoBorder {	
	height: 22px;
	width: 100px;
	font-style: normal;
	line-height: 22px;
		    overflow: hidden;

	}

	.calCell 
	{
	 position: relative;
}
	.calCell  a
	{
	text-decoration:none !important;
	color:green  !important;

	
}
	
	.ContractorNameMore {	
	height: 35px;
	width: 100%;
	font-style: normal;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DCDC;
	font-weight:bold;
	}




.ContractorMobile {
	background-image: url("/Style Library/Images/mobileCalendar.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 35px;
	width: 100%;
	font-style: normal;
	line-height: 41px;
	text-indent: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
		border-bottom-color: #E0DCDC;
	
	}
	.SchedulerContent .email {
	background-image: url("/Style Library/Images/letter.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 35px;
	width: 100%;
	font-style: normal;
	line-height: 32px;
	text-indent: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DCDC;
}

.SchedulerContent .location {
	background-image: url("/Style Library/Images/location.png");
	background-repeat: no-repeat;
	background-position: left;
	height: 35px;
	width: 100%;
	font-style: normal;
	line-height: 32px;
	text-indent: 30px;
}
.calCell.Expire
{
	background-color:#C31B7B;
	margin: -5px -10px -42px -10px;
	height:88px;
			}
	.calCell.Expire .SchedulerContentMain
{
			color:white !important;
	}


.calCell.Active
{
	background-color:#7CC444;
margin: -5px -10px -42px -10px;
	height:88px;

	}
	
	.calCell.Active .SchedulerContentMain
	{
	color:white;
}
	.calCell.Active.calDay
	{
	color:white !important;

}
	.calCell.Expire.calDay
	{
	color:white !important;
}

.calCell.Active .SchedulerContentMain a
{
	color:white !important;
		padding-left:5px;
}

.calCell.Expire .SchedulerContentMain a
{
	color:white !important;
	padding-left:5px;
}

.SchedulerContent  a{
text-decoration: none;
}
.SchedulerPopup{

margin: 0 auto;
display: none;
position: absolute;
z-index: 101;
}
.SchedulerContent  {
min-width: 300px;

min-height: 150px;

background: #f3f3f3;
position: relative;
z-index: 103;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.SchedulerContent  p{
clear: both;
color: #555555;
text-align: justify;
}
.SchedulerContent  p a{
color: #d91900;
font-weight: bold;
}
.SchedulerContent  .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.SchedulerContent  .x:hover{
cursor: pointer;
}

.label-approve {
  background-color: #5cb85c;
}

.label-inprogress {
  background-color: #f0ad4e;
}

.label-pendng {
  background-color: #999999;
   }


.label-correction {
  background-color: #d9534f;
}

.label-employeeName {
}

.label-ScheduledDate{
	
	background-color: #FFC64C;
}

.Statuslabel {
  display: block;
  padding: .45em .3em;          line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space:normal;
  vertical-align: middle; 
  width:  75px;

}

.calCell .more
{
	position: absolute;
    bottom: 0;
    right: 0;
}



.messi-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  opacity: 0;
}

.messi {
  position: absolute;
  padding: 0;
  margin: 0;
  font-size: 16px;
  text-shadow: none;
}

.messi-box {
  position: relative;
  width: 500px;
  height: auto;
  padding: 8px;
  overflow: hidden;
  background-color: rgba(204, 204, 204, 0.2);
  border-radius: 6px;
  opacity: 1;
  box-shadow: 0 0 1em #444;
}
.Steps li {  
 width:100%;
   
    background-image: url("/Style Library/Images/popups/arrow_en.png");
    background-repeat: no-repeat;
    background-position: left 8px;
    padding: 3px 0 3px 15px;
 list-style:none;

}
.Steps a
{
	text-decoration:none !important;
	color:#c31b7b !important;
}
.Steps ul
{
	margin:8px  0px 0px 0px !important
}

.messi-wrapper {
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}

.messi-titlebox {
  padding: 10px;
  padding-left:45px;
  overflow: hidden;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.25);
  background-color: #80C342;
    -webkit-border-radius: 5px 5px 0 0px;
          border-radius: 5px 5px 0 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
   background-image:   url('/Style Library/Images/popups/barHelp.png');
 background-position: 7px center;

 background-repeat:no-repeat;

}

.messi-alerttitlebox {
  padding: 10px;
  padding-left:45px;
  overflow: hidden;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.25);
  background-color: #80C342;
    -webkit-border-radius: 5px 5px 0 0px;
          border-radius: 5px 5px 0 0px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
   background-image:   url('/Style Library/Images/popups/alert.png');
 background-position: 7px center;

 background-repeat:no-repeat;

}

.messi-closebtn {
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 25px;
  height: 25px;
  color: #333;
  cursor: pointer;
 background-image:   url('/Style Library/Images/popups/close.png');
 background-position:center center;
 background-repeat:no-repeat;

}



.messi-content {
  padding: 10px;
  overflow: hidden;
  font: .9em normal helvetica, arial;
  background-color:#F9F9F9;
  border:1px #c31b7b solid;
  margin-top:1px;
}

.messi-content p {
  margin: 0 0 1.3em;
  line-height: 1.3em;
}

.messi-content .messi-closebtn {
  top: 7px;
  font: 1.3em bold helvetica, arial;
  color: #fff;
  background-color: #333;
  opacity: 0;
  -webkit-transition: opacity .25s linear, visibility .1s linear .5s;
     -moz-transition: opacity .25s linear, visibility .1s linear .5s;
       -o-transition: opacity .25s linear, visibility .1s linear .5s;
          transition: opacity .25s linear, visibility .1s linear .5s;
}

.messi-content:hover .messi-closebtn {
  opacity: 1;
  }

.StatusTable
{
position: absolute; bottom: 0; left: 0;
}

.KMFormInnerControls
{
	float: left; position: relative;
}


#footer{
	background: #eeebe1;
	border: thin dotted #a29061;
	margin-top: 20px;
	border-radius: 10px;
	
	}
	#footer h4{
		font-size:12px;
		color:#666;
		padding-left:3px;
	
	}
	#footer h5{
	font-size: 14px;
	color: #666;
	padding-right: 10px;
	text-align: left;
	color:#c31b7b;
	margin:10px;	
	}

    
    .tralignment
    {
	 text-align:left;
}


.loginsection .SecurityCode{
width:226px !important;
}

.loginsection .captchaimg{
width:226px !important;
}


 .Receiptheader
        {
            float: left;
            padding: 7px;
            width: 285px;
            height: 50px;
            text-align: center;
            border-style: dashed;
            border-width: 2px;
            margin: 15px 15px 15px 70px;
            right: 100px;
            font-size: 18px;
            font-weight: bold;
        }
        
        .Receiptheader span
        {
            line-height: 26px;
            font-size: 15px;
        }
        .MainHeader
        {
            margin: 0px 15px 15px 70px;
            padding: 10px;
            float: left;
            width: 225px;
        }
        .MainHeader .label
        {
            font-size: 14px;
            font-weight: bold;
        }
        
        .MainHeader .value
        {
            font-size: 14px;
            text-align: right;
        }
        .ReceiptBillDetails
        {
            clear: both;
        }
        
        .ReceiptBillDetails table
        {
            width: 718px;
        }
        
        .ReceiptBillDetails span
        {
            font-size: 14px;
            font-weight: bold;
        }
        .ReceiptBillDetailsHeader .label
        {
            border-top-style: dashed;
            border-bottom-style: dashed;
            border-top-width: 2px;
            border-bottom-width: 2px;
            padding: 5px;
            letter-spacing: 2px;
            font-size: 14px;
            font-weight: bold;
        }
        
         .ReceiptBillDetailsFooter .label
        {
            border-top-style: dashed;
            border-bottom-style: dashed;
            border-top-width: 2px;
            border-bottom-width: 0px;
            padding: 5px;
            letter-spacing: 2px;
            font-size: 14px;
            font-weight: bold;
        }
        
        .ReceiptButton
        {

	     float:right;
}

         .ReceiptBillDetails td
         {
	
   padding: 5px;
    font-size: 12px;
    font-weight: bold;
}


.modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #131313;
	opacity: .85;
	filter: alpha(opacity=85);
	z-index: 101;
}
.modal-window {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: 0;
	padding: 0;
	z-index: 102;
	background: #fff;
	border: solid 8px #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.close-window {
	position: absolute;
	width: 47px;
	height: 47px;
	right: -23px;
	top: -23px;
	background: transparent url(/Style%20Library/Images/close-button.png) no-repeat scroll right top;
	text-indent: -99999px;
	overflow: hidden;
	cursor: pointer;
}
.showDetails{

		width: 25px;
    height: 25px;
	background: transparent url(/Style%20Library/Images/down.png) no-repeat scroll right top;
	cursor: pointer;
	  float: right;
    margin-top: -4px;

}

.hideDetails{

	width: 25px;
    height: 25px;
    background: transparent url(/Style%20Library/Images/right.png) no-repeat scroll right top;
    cursor: pointer;
    float: right;
    margin-top: -4px;
    }


.followUp
{
	float:right;
	margin-top:-6px;
}

.submit-btnTracking
{
		float: right;
				    margin-top: -7px;   
}
.serviceTracking
{
		float: right !important;    
		margin-left: 6px;   
		 margin-right: 6px;
		    margin-top: -22px;
}

.servicesselect
{
width: 170px !important;
height: 29px !important;
margin-top: -3px !important;
border: thin dotted #a29061 !important;
border-radius: 8px !important;
background-color: white !important;
float: right !important;
font-size: 14px;
}
.status
{
     border: 1px solid;
    border-radius: 5px;
    border-color: #fff;
    padding: 2px;
	padding-left:5px;
	padding-right:5px;
	color:#fff;
	width:76px;
	}
	
.pending
	{
	background-color: #FFC64C;
	color: #000;
	}
	.rejected
	{
	background-color: #d9534f;
	
	}
	.inProcess
	{
	background-color: #999999;
	
	}
	.completed
	{
	background-color: #5cb85c;
	
	}
.CancelInspectionBtn
{
	display:none;
}

.additional-background
{
width: 183px;
    display: block;
  /*  float: left;*/
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;    
    word-wrap: break-word;

    white-space: normal;
	}

.ui-datepicker-calendar
{
	 width: 302px;
    text-align: center;
	
	-webkit-box-shadow: 10px 10px 56px 0px rgba(189,183,189,1)!important;
-moz-box-shadow: 10px 10px 56px 0px rgba(189,183,189,1)!important;
box-shadow: 10px 10px 56px 0px rgba(189,183,189,1)!important;
}

#ui-datepicker-div
{
		background-color: #b10069;
    font-size: 16px;
   
	-webkit-box-shadow: 10px 10px 56px 0px rgba(189,183,189,1);
-moz-box-shadow: 10px 10px 56px 0px rgba(189,183,189,1);
box-shadow: 10px 10px 56px 0px rgba(189,183,189,1);
}

.ui-datepicker-prev
{
	float:right;
	display:block;
	color:white;
	padding:2px;


}

.ui-datepicker-next
{
	float:left;
	display:block;
	color:white;
	padding:2px;
}

.ui-datepicker-title
{
	text-align: center;
background: #d1148f; /* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ); /* IE6-9 */    color: white;
    height: 35px;
}


.ui-datepicker-title select
  {

background-color: none!important;	  
	  color: #666666;
font-size: 12px!important;
font-weight: bold!important;
line-height: 33px!important;
height: 33px!important;
width: 80px!important;
	  
 overflow: hidden;
border: 1px solid #ccc;
 border-radius: 5px!important;  
 padding: 5px 8px!important;
	  margin-left: 5px!important;
	  
	* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff!important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 )!; /* IE6-9 */
Color format:     Comments  
	  
}

.ui-datepicker-title select:focus{
	    outline: none!important;
}


#ui-datepicker-div{
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	
}


.ui-datepicker-prev {
    float: right;
    display: block;
    color: white;
    padding: 10px!important;
    	text-align: center !important;
background: #d1148f !important;/* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ) !important; /* IE6-9 */  
  color: white !important;
    height: 35px !important;


}
.ui-datepicker-next{
	
  padding: 10px!important;
  	text-align: center !important;
background: #d1148f !important;/* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ) !important; /* IE6-9 */  
  color: white !important;
    height: 35px !important;

}


.ui-datepicker-calendar{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%!); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%!); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
Color format:     Comments
	
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
	margin-top:-5px;
}



	.ui-datepicker-next ui-corner-all
	{

	}
	
	.ui-datepicker-prev ui-corner-all
	{
	}
	
	.ms-core-listMenu-root li:first-child a { border-top : 0px!important; } 
	
	
	
	#s4-bodyContainer{
	padding-bottom:0px!important;
}


.media-nav-left-ar{
	display:none!important;
}


.main_head{
	    position: relative;
}

#pageStatusBar[class],
#hybridTooltipStatusBar[class],
.ms-status-msg
{
position:static!important;
margin-bottom:0px!important;
padding:0px!important;
border-width:0px!important;
border-style:solid;
color:#444;
}


.ms-srch-sb, .ms-srch-sb-border, .ms-srch-sb-borderFocused, .ms-srch-sb>input:focus {
    border: 0px!important;
    outline-style: none!important;
}



#s4-ribbonrow{
	z-index:99;
}

/*new custom login*/
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

@font-face{ 
	font-family: 'KMFont';
	src: url('/Style Library/Arfonts/majalla.eot');
	src: url('/Style Library/Arfonts/majalla.eot?#iefix') format('embedded-opentype'),
	     url('/Style Library/Arfonts/majalla.woff') format('woff'),
	     url('/Style Library/Arfonts/majalla.ttf') format('truetype'),
	     url('/Style Library/Arfonts/majalla.svg#webfont') format('svg');
}

.innovation
{
background-image: url('/Style Library/Images/InnovationEN.png') !important;
padding-left:13px;
width:251px;
height:81px;
background-repeat:no-repeat;
background-position-x: 14px;
    margin-top: -6px;
    margin-bottom: -7px;
}
.KAP
{
background-image: url('/Style Library/Images/KAPEn.png') !important;
padding-left:13px;
width:251px;
height:81px;
background-repeat:no-repeat;
background-position-x: 14px;
    margin-top: 16px;
    margin-bottom: -7px;
}


.video-close
{
    background-image:url('/Style%20Library/Images/Close.png') !important;
    background-repeat:no-repeat !important;
    background-position:right top;
   position:absolute !important;
   width:35px;
   height:35px;
   left:703px;
   margin-top:-17px;
   margin-left:17px;
    }


.ms-rteFontFace-12
{
     -ms-name: "KMFont";
     font-family: "KMFont";
     font-size:18px;
}

.ms-rteFontSize-KMDefaultSize
{
font-size:18px;
}

.ms-rteFontFace-13
{
     -ms-name: "KMFontEn";
     font-family: "tahoma";
     line-height:2px;
}

.ms-rteFontSize-KMDefaultSizeEN
{
font-size:13px;
line-height:2px;
}

.section-content 
{
line-height:18px;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em; color:#444444;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

h3.title,h2.title,h4.title
{
	border:none !important;background:none !important;padding:2px 0px !important;top:auto !important;left:auto !important;color:#9d0059 !important;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


.ui-datepicker-title
{
	text-align: center;
background: #d1148f; /* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ); /* IE6-9 */    color: white;
    height: 35px;
}


.ui-datepicker-title select
  {

background-color: none!important;	  
	  color: #666666;
font-size: 12px!important;
font-weight: bold!important;
line-height: 33px!important;
height: 33px!important;
width: 80px!important;
	  
 overflow: hidden;
border: 1px solid #ccc;
 border-radius: 5px!important;  
 padding: 5px 8px!important;
	  margin-left: 5px!important;
	  
	* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff!important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 )!; /* IE6-9 */
Color format:     Comments  
	  
}

.ui-datepicker-title select:focus{
	    outline: none!important;
}


#ui-datepicker-div{
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	
}


.ui-datepicker-prev {
    float: right;
    display: block;
    color: white;
    padding: 10px!important;
    	text-align: center !important;
background: #d1148f !important;/* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ) !important; /* IE6-9 */  
  color: white !important;
    height: 35px !important;


}
.ui-datepicker-next{
	
  padding: 10px!important;
  	text-align: center !important;
background: #d1148f !important;/* Old browsers */
background: -moz-linear-gradient(top, #d1148f 0%, #910f68 50%, #c21269 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1148f 0%,#910f68 50%,#c21269 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1148f', endColorstr='#c21269',GradientType=0 ) !important; /* IE6-9 */  
  color: white !important;
    height: 35px !important;

}


.ui-datepicker-calendar{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%!); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%!); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
Color format:     Comments
	
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
	margin-top:-5px;
}



	.ui-datepicker-next ui-corner-all
	{

	}
	
	.ui-datepicker-prev ui-corner-all
	{
	}


/*custome Login */
.ct-bg-black
{
	background: url('/Style Library/Images/ct-bg-login.png') no-repeat 0 100% #3e3e3e;
	padding:20px;
	color:#fff;
	margin:40px;
}
.ct-container{
max-width:40%;
text-align:center;	
}
.ct-bg-black h2{
color:#fff;
text-transform: uppercase;
}

.ct-bg-black p{

}
.ct-btn{
	padding:15px 20px;
	text-transform: uppercase;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
	  transition: background 0.4s ease,
              padding 0.8s linear;
}
.ct-btn:hover{ background-color:transparent; text-decoration:none!important;}


.ct-btn-login, .nv-btn{
	padding:10px 40px;
	margin:5px;
	text-transform: uppercase;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
	transition: background 0.4s ease,
              padding 0.8s linear;
              background-color:#3498B4;
              color:#fff!important;
              border:0px solid #3498B4;
 cursor: pointer;
   border-radius: .25rem;
}

.nv-btn{
	font-size:14px;
}
.ct-btn-login:hover{ 
background-color:#D11183;
text-decoration:none!important;
}

.d-block{
	display:block;
}

.mt-15{
		margin-top:15px
}
.mt-20{
		margin-top:20px
}
.mt-30{
		margin-top:30px
}
.ct-link{
font-size:12px;
text-decoration:underline!important;

}
.km-txt-right{
      text-align: right;
}
.km-txt-left{
      text-align: left;
}
.ct-bg-color1{background-color:#c31b7b; border:1px solid #fff;}

.ct-color-white{ color:#fff!important;}

.ct-login{
	position:relative;
}


.ct-form-select{
	 display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.8rem!important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color:#fff!important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ct-form{
	 display: block;
    width: 100%!important;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem!important;
    font-size: 0.8rem!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    color: #495057!important;
     background-color:#fff!important;
    background-clip: padding-box;
    border: 1px solid #ced4da!important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ct-form-div{
	margin-bottom:15px;
}

.float-right{
	text-align:right;
	float:right;
}

.d-inline-block{
	display:inline-block;

}



.op-none{display:none!important;}

.pd-t15{
	padding-top:15px;
}
.km-container-fluid{
	max-width:95%;
	margin:0px auto;
}

.km-row{
    margin-right: -15px;
    margin-left: -15px;
}

.km-col-md-6{
	    width: 50%;
	    float:left;
	    position: relative;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;
}


.km-list{
	list-style:none;
	margin:0px;
	padding:0px;
}

.km-list li{
	display:inline-block;
}


.km-top-links, .km-top-options{
	text-align:right;
}

.km-top-links li{
	padding:0px 5px;
	border-right:1px solid #666666;
}
.km-top-links li:last-child{
	border:0px;
}
.km-top-links li a{
	color:#666666
}

.km-top-links li a:hover{
	color: #9d0059;
}

.km-top-options{
	margin-top:30px;
}

.km-top-options > li{
  
    position:relative;
}
.km-top-options > li > span{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#fff;
	cursor:pointer;
font-size:16px;
  display:block;
}


.op-color-1 > span{
background-color:#9d0059!important;
}
.op-color-2 > span{
background-color:#3498B4!important;
}
.op-color-2 > span:hover , .op-color-1 > span:hover{
background-color:#6c6f73!important;
}

.op-wel-user > span{
	width:inherit!important;
	margin:0px 10px;
	color: #9d0059!important;
	cursor:default!important;
	line-height:100%!important;
}

header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.km-drop-div{
  display:none;
  position:absolute;
  background-color:#9d0059;
  min-width:350px;
  top:40px;
  z-index:9999;
  right:0px;
    border-radius: .25rem;
    overflow: inherit!important;
}

.km-drop-div::before{
    content:' ';
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2f2f;
     position:absolute;
     top:-5px;
     right:15px;
}

.UL-Rig-Type-List{
	list-style:none;
	padding:5px;
	margin:0px;
	background-color:#CFC3A9;
border-radius: .25rem;
position:absolute;
top:50px;
left:5px;
min-width:240px;
 display:none;

}


.Km-Hover-View:hover .UL-Rig-Type-List{
	display:block;
}
.UL-Rig-Type-List li{
	display:block;
	cursor:pointer;
	border-bottom:1px solid #ebe5d9;
	padding:10px 0px;
}

.UL-Rig-Type-List li:last-child{
	border-bottom:0px;
}

.UL-Rig-Type-List li a{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.UL-Rig-Type-List li:hover a{
color:#666;
text-decoration:none;
}


.km-realtive{
	position:relative;
}



.bg-color-2{
 background-color:#3498B4!important; 
}


.bg-color-3{
 background-color:#CFC3A9!important; 
}

.txt-color-2{
color:#3498B4!important; 
}


.txt-color-3{
color:#CFC3A9!important; 
}

.km-drop-body{
  padding:15px;
  color:#fff;
  text-align:left;

}



.km-form-container h2 strong{
      display: block;
}
.km-form-container h2{
      font-size: 12px;
    font-weight: normal;
    color:#fff;
      text-align:left;
      margin-top:20px;
}



.navbar {
  position:relative;
  background-color:#9d0059;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: "Segoe UI",Tahoma,"Microsoft Sans Serif",sans-serif;
}

.navbar > a {
     display:inline-block;
  font-size: 16px;
  color: #B10069;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}


.dropdown {
   display:inline-block;
   font-weight:600;
 }

.dropdown .dropbtn {
  font-size: 16px!important;
  border: none;
  outline: none;
  padding: 14px 14px;
  background-color: #9d0059;
  font: inherit;
  margin: 0;
    color: #fff;
    display:block;
    text-decoration:none!important;
        -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.navbar > a:hover, .dropdown:hover > .dropbtn  {
  background-color: #B10069!important;
  color:#fff!important;
}

.nav-active{
 background-color: #3498B4!important;
  color:#fff!important;
	
	
}

.dropdown-content {
  display: none;
  position: absolute;
  background: url('/Style Library/assest/img/nav-bg-01.png') no-repeat 100% 100% #B10069;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
     -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}




.dropdown:hover .dropdown-content {
  display: block;
   
}


.main-logo{
	
}

.main-logo img {
    max-height: 65px;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
/*  height: 280px;*/
}

.nv-node, a.nv-node:visited {
 font-size:16px;
  text-decoration: none;
  display: block;
  color:#fff;
  margin:15px 0px;
  cursor:pointer;
}
.nv-node:hover i{
	bottom:-2px;
}
.nv-node i{
position:relative;
	font-size:18px!important;
}
.nv-node > span{
  display:block;
  font-size: 12px;
  padding-left:20px;
}


  .nv-node:hover, .NavSelected  {
  color:#c1c1c1!important;
  text-decoration:none;
   -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



.alert-error{
	background-color: rgba(255, 1, 1, 0.31);
    padding: 10px;
    text-align: center;
    font-size: 12px;
    margin: 5px;
 	border: 1px solid #fdc9c9;
    border-radius: .25rem;

}


.login-error ul{
	margin:5px;
	text-align:left;
}

.login-error ul li{
	display:block;
	margin-bottom:5px;
	text-transform: uppercase;
}

.error-label::before, .error-label::after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 3px;}
.error-label{
text-transform: uppercase;
/*	background-color: rgba(255, 1, 1, 0.31);*/
	font-size:12px;
	
}


/* Responsive layout */


.res-nav{
	display:none;
}

@media screen and (max-width: 768px) {
.main-logo img{ max-width:100%;}
header .km-col-md-6{ width:100%!important;}
.km-drop-div{ min-width:250px!important;}
.km-drop-div, .km-drop-body{background-color: #9d0059!important;background: #9d0059!important;}

}
@media screen and (max-width: 1027px) {
body{
	overflow-x:scroll!important;
	width:1280px;
}
.km-col-md-6{
	padding-left:25px;
	padding-right:25px;
}
  .column {
    width: 100%;
    height: auto;
  }
  
  .NavMob-Active{
	padding: 20px;
    overflow-y: auto;
    max-height: 350px;
}
  .res-nav{
	display:block;
	font-size:34px;
	background-color:#c31b7b;
	padding::15px;
	cursor:pointer;
	color:#fff;
	width:50px;
	text-align:center;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 2px rgba(173,173,173,0.6);
-moz-box-shadow: 0px 0px 5px 2px rgba(173,173,173,0.6);
box-shadow: 0px 0px 5px 2px rgba(173,173,173,0.6);

}

.navbar > a, .dropdown{
 display:block;
 text-align:inherit;
}

.navbar{
 width: 80%;
 display:none;
}

.dropdown-content{
	position:static;
}
   
}


@media screen and (min-width: 1000px) {
.main-logo{
	margin-top:9px;
}

.km-container{
	max-width:1000px;
	margin:0px auto;
}


}



#section-topnav, #s4-titlerow{
	display:none!important
}


/*Social Icons*/
.SocialLink-absolute{
	 position: absolute;
    bottom: 40px;
    right: -40px;
}

.SocialLink {
    position: fixed;
    bottom: 70px;
    width:50px;
    height:50px;
    z-index:99;
}
.SocialLink ul {
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
.SocialLink ul li {
    position:absolute;
    top:0;
    left:0;
    list-style:none;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#fff;
    transition:0.5s;
    overflow:hidden;
}
.SocialLink ul.activeSocial li {
    transform:scale(0.95);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);
box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);

}
.SocialLink ul li a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    line-height:55px;
    text-align:center;
    font-size:18px;
    color:#3498B4;
    transition:.5s;
}
.SocialLink ul li a .fa {
    transform:rotate(-45deg);
}
.SocialLink ul li a:hover {
    color:#fff;
    background:#3498B4;
     transform:rotate(360deg);
}
.SocialLink ul.activeSocial li:nth-child(1){
    top:-100%;
    left:-100%;
    transition-delay:0s;
}
.SocialLink ul.activeSocial li:nth-child(2){
    top:-100%;
    left:0;
    transition-delay:0.2s;
}
.SocialLink ul.activeSocial li:nth-child(3){
    top:-100%;
    left:100%;
    transition-delay:0.4s;
}
.SocialLink ul.activeSocial li:nth-child(4){
    top:0;
    left:100%;
    transition-delay:0.6s;
}
.SocialLink ul.activeSocial li:nth-child(5){
    top:100%;
    left:100%;
    transition-delay:0.8s;
}
.SocialLink ul.activeSocial li:nth-child(6){
    top:100%;
    left:0;
    transition-delay:1s;
}
.SocialLink ul.activeSocial li:nth-child(7){
    top:100%;
    left:-100%;
    transition-delay:1.2s;
}
.SocialLink ul.activeSocial li:nth-child(8){
    top:0;
    left:-100%;
    transition-delay:1.4s;
}
.toggleSocial {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#9d0059;
    transform:scale(0.95);
    overflow:hidden;
    border-radius:50%;
    z-index:1;
    cursor:pointer;
-webkit-box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);
box-shadow: 0px 0px 5px 1px rgba(181,181,181,1);
}
.toggleSocial:before {
  content:'\f1e0';
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    line-height:50px;
    color:#fff;
    font-size:24px;
   
}

.toggleSocial.activeSocial:before {
    content:'\f00d';
    
}
    
    
    
/*MediaCenter Filter
.customdetails .ms-fullWidth{
 width:inherit!important;
 display:block!important;	
}*/

.customdetails .ms-fullWidth  select{
margin:0px 10px;
}



h2.ms-webpart-titleText {
	color: #c31b7b !important;
	font-size:16px!important;
	font-weight:bold;
}

#BusinessLogin .loginsection table > tbody > tr > td > table > tbody > tr:first-child > td > label{
	word-break: break-all;
}

/*
#BusinessLogin .loginsection table table tr:first-child label{
	word-break: break-all;
}

#BusinessLogin .loginsection td label span{
	word-break:normal!important;
}*/

#news-box .ms-webpartzone-cell{
	margin:0px!important
}


.error-text{
	color: #ff0000;
}


strong.login-txt-name{
	max-width:250px;
	overflow:hidden;
	line-height: 14px;
	display: inline-block;
}
strong.login-txt-name >span{
	font-size:12px!important;
}
.km-top-options > li > span > a{
	color:#fff;	display: inline-block;
	font-size:10px!important;
	}
	
.heigh-auto{
	height:auto!important;
}


.ms-WPBody h3,  .ms-WPBody h2 {
    font-weight: bold;
      color:#5d5d5d!important;
    }
   
    .headertitle-large, .headertitle-large a, .headertitle-large a:link{
	
	    white-space: normal;
}


.icon-langen, .icon-langar {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 10px 0px;
}