/***************************************************
****************************************************
						CSS project
Version: 1.0
Date : 
Projet: project
*****************************************************
*****************************************************/

/* Themes*/
@import url("/_layouts/15/NewInternalPortal/repository/bootstrap/css/bootstrap.css");
@import url("/_layouts/15/NewInternalPortal/repository/bootstrap/css/bootstrap-theme.css");
/* Plugins*/
@import url("/_layouts/15/NewInternalPortal/repository/js/vendor/animations/css/animations.css");
@import url("/_layouts/15/NewInternalPortal/repository/css/hover.css");
@import url("/_layouts/15/NewInternalPortal/repository/js/vendor/owlCarousel/assets/owl.carousel.min.css");
@import url("/_layouts/15/NewInternalPortal/repository/js/vendor/perfectscrollbar/perfect-scrollbar.css");
@import url("/_layouts/15/NewInternalPortal/repository/js/vendor/fancybox/jquery.fancybox.css");
@import url("/_layouts/15/NewInternalPortal/repository/js/vendor/calendars/jquery.calendars.picker.css");

@import url("/_layouts/15/NewInternalPortal/repository/css/bootstrap_rtl.css");
@import url("/_layouts/15/NewInternalPortal/repository/css/sp2013.css");

@import url("/_layouts/15/NewInternalPortal/repository/css/circle.css");

@import url("themify-icons.css");
@import url("icons.css");
@import url("forms.css");
@import url("timeline.css");

@import url("/_layouts/15/NewInternalPortal/pages/global/results/results.css");
@import url("themes.css");

@font-face {font-family: 'JF Flat';font-weight: 500; font-style: normal; src: url('fonts/JFFlat/JFFlat-Medium.eot'); src: url('fonts/JFFlat/JFFlat-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Medium.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Medium.woff') format('woff'), url('fonts/JFFlat/JFFlat-Medium.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Medium.svg#JFFlat-Medium') format('svg');}
@font-face {font-family: 'JF Flat';font-weight: normal; font-style: normal; src: url('fonts/JFFlat/JFFlat-Regular.eot'); src: url('fonts/JFFlat/JFFlat-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Regular.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Regular.woff') format('woff'), url('fonts/JFFlat/JFFlat-Regular.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Regular.svg#JFFlat-Regular') format('svg');} 
@font-face {font-family: 'JF Flat';font-weight: 300; font-style: normal; src: url('fonts/JFFlat/JFFlat-Light.eot'); src: url('fonts/JFFlat/JFFlat-Light.eot?#iefix') format('embedded-opentype'), url('fonts/JFFlat/JFFlat-Light.woff2') format('woff2'), url('fonts/JFFlat/JFFlat-Light.woff') format('woff'), url('fonts/JFFlat/JFFlat-Light.ttf') format('truetype'), url('fonts/JFFlat/JFFlat-Light.svg#JFFlat-Light') format('svg');}

@font-face {
    font-family: 'GE SS Two Medium';
    src: url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.eot');
    src: url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.eot') format('embedded-opentype'),
         url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.woff') format('woff'),
         url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.ttf') format('truetype'),
         url('fonts/GE_SS_Two_Medium/GE_SS_Two_Medium.svg#GE_SS_Two_Medium') format('svg');
}
@font-face {
    font-family: 'MOHAND';
    src: url('fonts/MOHAND/MOHAND.eot');
    src: url('fonts/MOHAND/MOHAND.eot') format('embedded-opentype'),
         url('fonts/MOHAND/MOHAND.woff2') format('woff2'),
         url('fonts/MOHAND/MOHAND/MOHAND.woff') format('woff'),
         url('fonts/MOHAND.ttf') format('truetype'),
         url('fonts/MOHAND/MOHAND.svg#MOHAND') format('svg');
}
@font-face {
    font-family: 'MOHANDBO';
    src: url('fonts/MOHANDBO/MOHANDBO.eot');
    src: url('fonts/MOHANDBO/MOHANDBO.eot') format('embedded-opentype'),
         url('fonts/MOHANDBO/MOHANDBO.woff2') format('woff2'),
         url('fonts/MOHANDBO/MOHANDBO.woff') format('woff'),
         url('fonts/MOHANDBO/MOHANDBO.ttf') format('truetype'),
         url('fonts/MOHANDBO/MOHANDBO.svg#MOHANDBO') format('svg');
}

/* ==========================================================================
   Global
   ========================================================================== */
   html, body{direction:rtl;}
   body{position:relative;background: #F0F0F0;font-family: 'JF Flat';font-style: normal;font-weight: normal;}
   a, button, input[type="submit"]{outline: none !important;}
		@media (min-width: 768px) {
			html, body{overflow:hidden;}
		}

/* ==========================================================================
Helper classes
========================================================================== */
	.badge{background-color: #c0c0c0;}
	.badge.tomato{background-color: #ff604f;}
	.badge.green{background-color: #3aab7f;}
	.badge.red{background-color: #e92e2e;}
	.badge.orange{background-color: #EDAD29;}
	
		.badge.arrow.tomato:after{border-right: 4px solid #ff604f;}
		.badge.arrow.green:after{border-right: 4px solid #2dcb73;}
		.badge.arrow.golden:after{border-right: 4px solid #9e762a;}
		
	.gradient{position:relative;}
	.gradient:before, .gradient:after {
		content: "";position: absolute;top: 0;left:0;width: 100%;height:10px;
	}
	.gradientBg, .gradient:before, .gradient:after {
		background: #7fc645;
		background: -moz-linear-gradient(left, #7fc645 0%, #44ab88 50%, #3fa98e 51%, #2080a4 100%);
		background: -webkit-linear-gradient(left, #7fc645 0%,#44ab88 50%,#3fa98e 51%,#2080a4 100%);
		background: linear-gradient(to right, #7fc645 0%,#44ab88 50%,#3fa98e 51%,#2080a4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc645', endColorstr='#2080a4',GradientType=1 );
	}	
	
	.container-fluid.gradient{padding-top:10px;}
	
	.tooltip-inner{font-family: 'JF Flat';}
	.popover{min-width:280px;font-family: 'JF Flat';text-align:right;}
	
	.label{color:#fff;}
	.label-success{background-color:#3AAB7F;}
	.label-danger{background-color:#db4f44;}
	.label-warning{background-color:#f0ad4e;}

	.label.empty{display: inline-block;margin-left: 10px;padding: 0;width: 10px;height: 10px;border-radius: 10px;}
	
	.unstyled{display: inline-block;padding: 4px 0;width: 100%;border: none;height: auto;text-align: center;}
	
	.code{direction: ltr;display:inline-block;}
	
	.mt-20{margin-top:20px;}
	
	.pull-none{float:none;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
	[class^="list-lg-"],
	[class*=" list-lg-"] li{padding:0 15px;vertical-align:top;}
	@media (min-width: 1200px) {
		.list-lg-2 li{width: 49%;}
		.list-lg-3 li{width: 32%;}
		.list-lg-4 li{width: 24%;}
	}
	@media (min-width: 992px) {
		.list-md-2 li{width: 49%;}
		.list-md-3 li{width:32%;}
		.list-md-4 li{width:24%;}
	}
	@media (min-width: 768px) {
		.list-sm-2 li{width: 49%;}
		.list-sm-3 li{width:32%;}
		.list-sm-4 li{width:24%;}
	}
	
	/*	margin top
	****************/
	@media (max-width: 767px) {
		.mt-xs-20{margin-top:20px;}
	}
	@media (min-width: 768px) and (max-width: 992px){
		.mt-sm-20{margin-top:20px;}
	}
	@media (min-width: 991px) and (max-width: 1199px){
		.mt-md-20{margin-top:20px;}
	}
	@media (min-width: 1200px) and (max-width: 1399px){
		.mt-lg-20{margin-top:20px;}
	}
	@media (min-width: 1400px){
		.mt-xl-20{margin-top:20px;}
	}
	
   /* ==========================================================================
   navbar
   ========================================================================== */
	#navbar{position:relative;z-index:2;margin:0 -15px;background: rgba(255,255,255,0.9);border-radius: 0;border:none;-webkit-box-shadow: 1px 1px 7px #ccc;-moz-box-shadow: 1px 1px 7px #ccc;box-shadow: 1px 1px 7px #ccc;}
		@media (min-width: 768px) and (max-width: 991px) {
			#navbar > div{min-height:70px;}
		}
	
	/*	logo
		**************/
	#logo{}
	#navbar .navbar-header{float:none;}
	#navbar .navbar-brand{float:none;display:inline-block;margin:24px 0 16px 0;padding: 0;height:auto;}
		@media (min-width: 768px) and (max-width: 1199px) {
			#navbar .navbar-brand{margin:15px 0;}
		}
		@media (max-width: 767px) {
			#navbar .navbar-header{text-align:center;}
			#navbar .navbar-brand{margin:15px 0 0 0;}
		}
	
	/*	topLinks
		**************/
	#topLinks{text-align: center;}
	#topLinks > ul{margin: 0;padding:0;text-align:center;}
	#topLinks > ul > li{}
	#topLinks > ul > li > a{display: block;margin: 16px 0;padding: 15px;line-height:34px;color: #fff;font-size: 18px;}
	#topLinks > ul > li > a > i{float:left;margin: 0 15px;font-size: 32px;}
	#topLinks .badge{
		position: absolute;top: 5px;left: 15px;margin: 0;padding: 0;width: 24px;height: 24px;line-height: 22px;border:1px solid #fff;border-radius: 22px;font-size:14px;vertical-align: middle;font-weight: normal;
		-webkit-animation: jump 1.5s ease 0s infinite normal;
		-ms-animation: jump 1.5s ease 0s infinite normal;
		-o-animation: jump 1.5s ease 0s infinite normal;
		animation: jump 1.5s ease 0s infinite normal;
	}

	
	#topLinks > ul > li:nth-child(1) > a{background-color: #3aab7f;}
	#topLinks > ul > li:nth-child(1) > a .badge{border-color: #3aab7f;background-color:#55c69a;}
	#topLinks > ul > li:nth-child(2) > a{background-color: #32947b;}
	#topLinks > ul > li:nth-child(2) > a .badge{border-color: #32947b;background-color: #49AB92;}
	#topLinks > ul > li:nth-child(3) > a{background-color: #22a4b1;}
	#topLinks > ul > li:nth-child(3) > a .badge{border-color: #22a4b1;background-color: #37b9c6;}
	#topLinks > ul > li:nth-child(4) > a{background-color: #1e91a3;}
	#topLinks > ul > li:nth-child(4) > a .badge{border-color: #1e91a3;background-color: #47bacc;}

	#topLinks .dropdown-menu {margin-top: 0;width:100%;}

		@media (min-width: 1200px) and (max-width: 1399px) {
			#topLinks{padding-right: 0;}
			#topLinks > ul > li > a{text-align:right;}
			#topLinks > ul > li > a > i{margin:0;}
		}
		@media (min-width: 768px) and (max-width: 1199px) {
			#topLinks > ul > li > a{margin-top:0;}
			#topLinks .badge{top: auto;bottom:10px;}
		}
		@media (max-width: 767px) {
			#topLinks{margin-bottom:10px;}
			#topLinks > ul > li{display:inline-block;}
			#topLinks > ul > li > a{margin: 7px 5px;padding:8px;min-width: 110px;}
			#topLinks > ul > li > a > span{display:block;}
			#topLinks > ul > li > a > span.badge{top: auto;bottom:10px;}
			#topLinks > ul > li > a > i{float:none;}
		}

	/*	connexion
		**************/
	#connexion{float:left;padding-right:0;text-align: center;}

	#connexion > ul{margin:10px 0;}
	#connexion > ul > li{padding:5px;vertical-align:middle;}
	#connexion > ul > li.dropdown > a{display:block;padding:1px 0;text-align:right;text-decoration:none;}
	#connexion > ul > li.dropdown > a .panel-avatar{float:right;width:64px;height:64px;}
	#connexion > ul > li.dropdown > a .panel-avatar img{height:64px;border-width: 4px;}
	#connexion > ul > li.dropdown.open > a img{border-color: #DEDEDE;}
	#connexion > ul > li.dropdown > a > i{float:left;margin:14px 6px;color:#2092A4;}
	#connexion > ul > li.dropdown a .user{display: block;margin: 6px 0;padding-left: 30px;padding-right: 75px;}
	#connexion > ul > li.dropdown a h2.user{margin-top: 14px;color: #2092A4;font-size: 14px;}
	#connexion > ul > li.dropdown a h3{color: #333;font-size: 12px;}
	
	#connexion .progress {margin: 10px 0 0 0;height: 12px;cursor: pointer;}
	#connexion .progress-bar {float: right;line-height: 14px;color: #fff;font-size: 11px;background-color: #27A5B2;background-image: none;}
	
	#connexion > ul > li.dropdown.open{background-color:#F0F0F0;}
	#connexion .dropdown-menu:after, #connexion .dropdown-menu:before{left:21px;}
	#connexion .dropdown-menu{width:100%;}
	#connexion .dropdown-menu i{float:left;color:#66C0C8;font-size:20px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
		
		@media (min-width: 768px) and (max-width: 1199px) {
			#connexion{text-align:left;}
			#connexion > ul{margin: 5px 0;}
		}
		@media (max-width: 767px) {
			#connexion{float:none;}
			#connexion > ul > li.dropdown {margin-right: 0;}
			#connexion > ul > li.first a .user{padding-right: 65px;}
			#connexion > ul > li.dropdown{margin-left: 10px;}
		}

/* ==========================================================================
   mainMenu
   ========================================================================== */
	#mainMenu{position:relative;z-index:3;padding:0;overflow:hidden;-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;background:#27a3b0;}
	#mainMenu .scrollbox{height:1000px;}
	#mainMenu .scrollbox > ul{margin:0;background-color:#1E91A3;}
	#mainMenu .scrollbox > ul > li > a{position:relative;display:block;padding: 20px 15px;color: #ffffff;font-size:17px;text-decoration:none;border-right:6px solid #24394F;}
	#mainMenu .scrollbox > ul > li > a, #mainMenu .scrollbox > ul > li > a:before, #mainMenu .scrollbox > ul > li > a:after, #mainMenu .dropdown-menu a{-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;}
	#mainMenu .scrollbox > ul > li > a > i{margin-left:18px;font-size:22px;vertical-align:middle;}
	#mainMenu .scrollbox > ul > li.active > a, #mainMenu .scrollbox > ul > li.open > a, #mainMenu .scrollbox > ul > li > a:hover, #mainMenu .scrollbox > ul > li.external > a:hover{color: #fff;background: #2c5c5f70;}
	#mainMenu .scrollbox > ul > li.active > a > i{color: #27a3b0;}
	#mainMenu .scrollbox > ul > li.blue > a > i{color: #41bcea;}
	#mainMenu .scrollbox > ul > li.red > a > i{color: #ff0000;}
	
	#mainMenu .scrollbox > ul > li.external > a{background: #13283E;}
	
	#mainMenu .scrollbox > ul > li > a:before{position: absolute;content: "";height: 65px;width: 6px;right: -6px;opacity: 0;top: 0;background-color: #27a3b0;-webkit-transform: scaleY(0.2);-ms-transform: scaleY(0.2);-o-transform: scaleY(0.2);transform: scaleY(0.2);}
	#mainMenu .scrollbox > ul > li > a:hover:before, #mainMenu .scrollbox > ul > li.active > a:before, #mainMenu .scrollbox > ul > li.open > a:before {opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);transform: scaleY(1);}
	
	#mainMenu .scrollbox > ul > li.dropdown > a{padding-left:40px;}
	#mainMenu .scrollbox > ul > li.dropdown > a:after{margin:0;position:absolute;left: 15px;top:50%;margin-top:-6.5px;width:14px;height: 13px;line-height:13px;color: #777879;font-size:26px;content:'+';transition:All 1s ease-out; -webkit-transition:All 1s ease-out; -moz-transition:All 1s ease-out; -o-transition:All 1s ease-out; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); 	}
	#mainMenu .scrollbox > ul > li.dropdown > a:hover:after{color: #fff;}
	#mainMenu .scrollbox > ul > li.dropdown > a.open:after, #mainMenu .scrollbox > ul > li.dropdown.open > a:after{color: #fff;transform: rotate(315deg);-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);-o-transform: rotate(315deg);-ms-transform: rotate(315deg);}
	
		@media (max-width: 991px) {
			#mainMenu .scrollbox{height:auto;}
		}

	#mainMenu .dropdown-menu{padding:0;position:static;margin:0;border:none;background:#34495F;box-shadow:none;-webkit-box-shadow: inset 0px 0px 10px -2px #000;-moz-box-shadow: inset 0px 0px 10px -2px #000;box-shadow: inset 0px 0px 10px -2px #000;}
	#mainMenu .dropdown-menu:after, #mainMenu .dropdown-menu:before{display:none;}
	#mainMenu .dropdown-menu{float:none;text-align:right;}
	#mainMenu .dropdown-menu > li{border: none;}
	#mainMenu .dropdown-menu a{display:block;padding: 15px 60px 15px 15px;color:#fff;font-size:14px;background:none;border-top: 1px solid #3e4248;text-decoration:none;}
	#mainMenu .dropdown-menu > li:first-child a{border-top: none;}
	
	#mainMenu .dropdown-menu > li a:hover{background-color:#597593;}
	#mainMenu .dropdown-menu > li.active a{background-color:#13283E;}
	
	#mainMenu .badge{float:left;margin-top:3px;padding: 1px 4px 2px 4px;color: #fff;background-color: #14828B;border: 1px solid #fff;border-radius: 4px;font:normal 9px "GE SS Two Medium","Helvetica Neue",Helvetica,Arial,sans-serif;}
	#mainMenu .badge.green{}
		@media (min-width: 992px) and (max-width: 1199px) {
			#mainMenu .scrollbox > ul > li > a{font-size:15px;}
			#mainMenu .dropdown-menu a{padding-right:17px;}
		}
		@media (max-width: 991px) {
			#mainMenu .scrollbox{display:none;border-top:1px solid #fff;}
			#mainMenu .scrollbox > ul{margin:0;}
			#mainMenu .scrollbox > ul > li > a{padding:10px 15px;}
			#mainMenu .dropdown-menu a{padding:12px 22px;}
			
			#mainMenu .navbar-toggle{float:none;display:block;margin: 5px 0;color:#fff;font-size: 16px;border-radius: 0;border: none;text-decoration:none;text-align: center;}
			.navbar-toggle i{margin: 0 5px;font-size: 21px;vertical-align:middle;}
		}
	
	/*	minimize
		*********/
	.minimize #mainMenu{}
	.minimize #mainMenu .scrollbox > ul > li > a > span{display: none;}
	.minimize #mainMenu:hover{overflow: visible;}
	.minimize #mainMenu:hover .scrollbox{width: 320px;-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;}
	.minimize #mainMenu:hover .scrollbox > ul > li > a > span{display: inline-block;}
	
/* ==========================================================================
   Global
   ========================================================================== */
	#particles-js{position: fixed;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
	
	.ps-container > .ps-scrollbar-y-rail, .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{width:5px;}
	.dropdown-menu{margin-top:10px;padding:0;border-color: #e0e0e0;border-radius: 0;}
	
/* ==========================================================================
   mainContent
   ========================================================================== */
	#mainContent{overflow-y: auto;-webkit-transition: all 0.2s ease-in 0s;-moz-transition: all 0.2s ease-in 0s;transition: all 0.2s ease-in 0s;}
	#mainContent > div:first-child{margin-top:20px;}
		@media (max-width: 991px) {
			#mainContent{margin-right: 0;}
		}
	
	/*	minimize
		*********/
	.minimize #mainContent{}
	
	/*	.breadcrumb
		**************/
	#breadcrumb{margin-bottom:20px;padding:5px 0;background:#f5f5f5;}
	.breadcrumb{margin:0;}
	.breadcrumb > li {vertical-align:middle;}
	.breadcrumb > li + li::before {color: #777777;font-weight:bold;content: "| ";}
	.breadcrumb a{color:#777777;font-size:13px;}
	.breadcrumb a i{height:16px;background-position:0 -2px;vertical-align:middle;}
	.breadcrumb .active{color:#777777;}

	/*	.page-header
		**************/
	#page-header{margin-bottom:20px;}
	.page-header {margin:0;border:none;}
	.page-header h1{margin:10px 0;color:#2a2a2a;font-size: 28px;}
	.page-header h3{margin:0;color:#777;font-size: 14px;}
	.page-header h3 span{color:#9e762a;}
	.page-header i{margin:0 5px;vertical-align:middle;}
		@media (min-width: 991px) and (max-width: 1199px) {
			.page-header{padding-left:0;}
			.page-header h3{font-size:13px;}
		}
		@media (max-width: 767px) {
			.page-header h1{font-size:24px;}
			.page-header h3 span{margin-top:10px;display:block;}
		}

	/*	boxDate
		**************/
	#boxDate{}
	#boxDate .date{float:left;margin:3px 0;padding:8px 0 0 10px;width:223px;height: 78px;text-align:center;background:transparent url(../img/boxes/bg_date.png) left center no-repeat;}
	#boxDate .date h4{margin:10px 0;color:#292929;font-size:19px;}
	#boxDate .date h5{margin:0;color:#777777;font-size:14px;}
		@media (max-width: 767px) {
			#boxDate .date{width:205px;border-right:1px solid #cbcbcb;border-radius: 6px;}
			#boxDate .date h4{margin:8px 0;font-size: 17px;}
			#boxDate .date h5{font-size:12px;}
		}

/* ==========================================================================
	scrollbox
   ========================================================================== */
	.scrollbox{position:relative; margin:0; padding:0; width: 100%; height: 255px; overflow: hidden;}
		
	/*	.panel-avatar
		****************/
	.panel-avatar {position: relative;z-index:2;margin: 0 auto;width:85px;}
	.panel-avatar img{width:100%;height:85px;border: 10px solid #EFEFEF;border-radius:50%;}

/* ==========================================================================
   .boxCharts
   ========================================================================== */
	.boxCharts{height: 305px; margin: 0 auto;direction:ltr;}
	.boxCharts *{font:500 11px 'JF Flat',"Helvetica Neue",Helvetica,Arial,sans-serif;}

/* ==========================================================================
	dropdown-menu
   ========================================================================== */
	.dropdown-menu{margin-top:10px;padding:0;border-color: #e0e0e0;}
	.dropdown-menu:after, .dropdown-menu:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
	.dropdown-menu:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px;}
	.dropdown-menu:before {border-color: rgba(224, 224, 224, 0);border-bottom-color: #e0e0e0; border-width: 8px; margin-left: -8px;}
	.dropdown-menu > li{position:relative;border-bottom:1px solid #e0e0e0;}
	.dropdown-menu > li > a{padding:10px 15px;text-align:right;}
	.dropdown-menu > li > a:hover{background: #f7f7f7;}
	.dropdown-header {padding:10px 15px;color:#1C838C;font-size:16px;text-align:center;}
	.dropdown-menu a{display:block;}
	.dropdown-menu > li:last-child{border-bottom: none;}
	.dropdown-menu .label{float:left;margin:0;width:auto;height:auto;font-size:12px;font-weight:normal;background:#66C0C8;}
/* ==========================================================================
   owl-carousel
   ========================================================================== */
	.owl-carousel .owl-dots{position:absolute;bottom: 20px;margin:0;width:100%;}
	.owl-theme .owl-dots .owl-dot span{background: #fff;opacity:1;box-shadow:0px 0px 9px rgba(74,74,74,0.6);-webkit-box-shadow:0px 0px 9px rgba(74,74,74,0.6);-moz-box-shadow:0px 0px 9px rgba(74,74,74,0.6);}
	.owl-theme .owl-dots .owl-dot.active span, 
	.owl-theme .owl-dots .owl-dot:hover span{background: #2D929B;border:2px solid #fff;opacity:1;}
	
/* ==========================================================================
   accordion
   ========================================================================== */
	.accordion .accordion-panel{margin-bottom:15px;border:1px solid #e9e9e9;border-radius: 6px;}
	.accordion .accordion-panel:hover{background-color:#f9f9f9;}
	.accordion .accordion-heading h4{margin:0;padding: 15px;color:#22a4b1;font-size:15px;cursor:pointer;}
	.accordion .accordion-body{padding:15px;display:none;}
	.accordion .accordion-body.sTableHoldel{padding:0;}
	
	.accordion .open.accordion-panel:hover{background: none;}
	.accordion .open .accordion-heading h4{background-color:#f9f9f9;border-bottom:1px solid #e9e9e9;}
	.accordion .open .accordion-body{display:block;}
	
/* ==========================================================================
   panel
   ========================================================================== */
	.panel, .panel-heading {border: none;border-radius: 0;}
	
	.panel-default > .panel-heading{padding: 20px 15px;border-top: none;border-bottom: 1px solid #e9e9e9;background:none;}
	.panel-default > .panel-heading.filter{padding: 10px 15px;}
	.panel-default > .panel-heading.filter .panel-title{margin: 10px 0;}
	.panel-title, .panel-title span{color: #2092A4;font-size: 20px;font-weight: 500;font-style: normal;}
	.panel-btn{float:left;direction: ltr;}
	.panel-btn a{float:none;display:inline-block;margin-right: 10px;font-size:18px;text-decoration:none;vertical-align:middle;}
	.panel-btn a:not(.btn){color: #466280;}
	
	.panel-btn a.btn{font-size:16px;}
	
	.panel-btn a.btn-primary{color: #fff;}
	
	.panel-btn a.btn-link.toggle i{color:#ccc;}
	.panel-btn a.btn-link.toggle.active i{color: #3aab7f;}
	
	.panel-btn a.btn-default.toggle{opacity: 0.5;}
	.panel-btn a.btn-default.toggle.active{background-color:#FFF;border-color:#3AAB7F;color:#3AAB7F;opacity: 1;}

	/*	#sameAdministration
		**********************/	
	#sameAdministration{}
	#sameAdministration.panel-list .list-group img{margin-left:15px;}
	#sameAdministration.panel-list .list-group i.status{margin-top:20px;margin-left:10px;width:10px;height:10px;border-radius:10px;}
	#sameAdministration.panel-list .list-group i.success{background:#3e994a;}
	#sameAdministration.panel-list .list-group i.danger{background:#ff0000;}
	
	/*	#totalMotive && #totalDeduction
		********************************/
	.panel-total{margin-bottom:30px;}
	.panel-total p{margin:0;color:#fff;font-size:24px;}
	#totalMotive{background:#34495f url(../img/boxes/total_1.png) 2px 5px no-repeat;}
	#totalDeduction{background:#13283e url(../img/boxes/total_2.png) 15px 2px no-repeat;}
		@media (min-width: 992px) and (max-width: 1799px) {
			.panel-total p{font-size:18px;}
		}
		@media (max-width: 639px) {
			.panel-total p{font-size: 14px;}
		}
	
	/**************************************
		nav-tabs
	/**************************************/
	.nav-tabs{}
	.nav-tabs > li > a{margin-left:0;color:#22a4b1;font-size:14px;font-weight:500;}
	
	.bg.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{background-color:#fbfbfb;}
	.bg .tab-pane.active{background-color:#fbfbfb;}

/* ==========================================================================
   pagination
   ========================================================================== */
	.pagination{}
	.pagination > li > a, .pagination > li > span,
	.pagination > li > a:hover, .pagination > li > span:hover,
	.pagination > li > a:focus, .pagination > li > span:focus{color: #2092A4;}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		z-index: 2;
		color: #ffffff;
		background-color: #22a4b1;
		border-color: #22a4b1;
		cursor: default;
	}
	
/* ==========================================================================
   modal
   ========================================================================== */
	.iframe-container {    
		padding-bottom: 60%;
		padding-top: 30px; height: 0; overflow: hidden;
	}
	 
	.iframe-container iframe,
	.iframe-container object,
	.iframe-container embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modal.in .modal-dialog {
	  transform: none; /*translate(0px, 0px);*/
	}
/* ==========================================================================
   Form
   ========================================================================== */
	.form-group{margin-bottom:20px;}
	.form-group .icon38-calendar{cursor:pointer;}
	
	.form-horizontal .control-label{margin-bottom:10px;font-weight: 500;}
	
	
	.form-control{height:45px;border-color:#d3d3d3;box-shadow:none;}
	
	.relative > .input-group-addon{position:absolute;top: 4px;left: 22px;margin:0;padding:0;width:auto;height:auto;background:none;border:none;}

	/* .niceCheck
	 *************/
	.form-horizontal .radio.niceCheck, .form-horizontal .checkbox.niceCheck, .form-horizontal .radio-inline.niceCheck, .form-horizontal .checkbox-inline.niceCheck,
	.niceCheck{position:relative;padding-top:0;padding-right:38px;line-height:28px;}
	
	.niceCheck:after {position: absolute;right: 0;top: 0;display: block;width: 28px;height: 28px;content: '';background:transparent url(../img/icons/icons_28.png) -58px -25px no-repeat;}
	.niceCheck.checked:after{background-position: -87px -25px;}
	
	.radio:after , .radio-inline:after {background-position: -58px -25px;}
	.radio.checked:after , .radio-inline.checked:after{background-position: -87px -25px;}
	
	.checkbox:after , .checkbox-inline:after {background-position: 0 -25px;}
	.checkbox.checked:after , .checkbox-inline.checked:after{background-position: -29px -25px;}
	
	.niceCheck input{opacity:0;}
	
	/* .niceField
	  **********/
	.niceField{}
	.niceField:after {position: absolute;left: 18px;top: 5px;display: block;width: 38px;height: 38px;content: '';background:transparent url(../img/icons/icons_38.png) -39px -78px no-repeat;}
	.niceField a{line-height: 32px;}
	
	/* .add-counter
	  **********/
	.add-counter{position:relative;}
	.add-counter input{line-height: 22px;}
		.sTableHoldel .add-counter input{border: 1px solid #fff;}
		.form-group .add-counter input{border: 1px solid #d3d3d3;}
	.add-counter.has-error input{border: 1px solid #dd5151;}
	.add-counter i{position:absolute;top:18px;cursor:pointer;}
	.add-counter i.ti-plus{left: 20px;}
	.add-counter i.ti-minus{right: 20px;}
	
	/*	.addtogroup
	  ***************/
	.addtogroup{}
	.addtogroup a{}
	.addtogroup a i{float:left;display:none;color: #b6b6b6;}
	.addtogroup a:hover i{display:block;}

/* ==========================================================================
	structure
   ========================================================================== */
	.list-structure{}
	.list-structure ul{position:relative;margin-bottom: 10px;padding-right: 20px;list-style-type:none;}
	.list-structure ul:after, .list-structure ul > li > a:after{position:absolute;top:0;right:10px;height:100%;width:1px; border-right: 1px dashed #908f8f;content: " ";}
	.list-structure ul li{margin: 5px 0px;}
	.list-structure ul a{position:relative;padding-right:10px;text-decoration:none;color:#333;font-size:15px;}
	.list-structure ul a.active , .list-structure ul a:hover{color:#1E91A3;}
	.list-structure ul li a:after{top:50%;right: -10px;width:15px;height:1px;border-right: none;border-top: 1px dashed #908f8f;}
	
/* ==========================================================================
	error-page
   ========================================================================== */
   	body.error-page{background: url("/_layouts/15/NewInternalPortal/img/background/bg_404.jpg");}
	#blocError {
		text-align: center;
	}
	#blocError .typeError {
		line-height: 320px;
		color: #fff;
		font-size: 380px;
		font-family: Century Gothic, Arial, sans-serif;
		font-weight: normal;
	}
	#blocError h3 {
		margin: 20px 0;
		text-align: center;
		color: #fff;
	}
	#blocError .btn {
		float: none;
		width:auto;
		color: #fff;
		font-size: 32px;
		text-shadow: none;
		background: none;
		border:1px solid #FFF;
		border-radius:6px;
	}

/* ==========================================================================
	Animation
   ========================================================================== */

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
  20%{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
  40%{
	-webkit-transform: translateX(20px);
	transform: translateX(-30px);
  }
  50%{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
  60%{
	-webkit-transform: translateX(15px);
	transform: translateX(-15px);
  }
  80%{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
  100%{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
  }
}

@keyframes jump {
  0%{
	transform: translateX(10px);
  }
  20%{
	transform: translateX(10px);
  }
  40%{
	transform: translateX(20px);
  }
  50%{
	transform: translateX(10px);
  }
  60%{
	transform: translateX(15px);
  }
  80%{
	transform: translateX(10px);
  }
  100%{
	transform: translateX(10px);
  }
}

   
/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 767px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (max-width: 991px) {
	
}

@media (min-width: 991px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) {}

@media (max-width: 1199px) {}

@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1400px) {}