@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese';
.open-sans {
  font-family: 'Open Sans', sans-serif;
}

@font-face {
    font-family: 'Andes';
    src: url("../fonts/304244_1_0.eot");
    src: url("../fonts/304244_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/304244_1_0.woff2") format("woff2"), url("../fonts/304244_1_0.woff") format("woff"), url("../fonts/304244_1_0.ttf") format("truetype");
}

@font-face {
  font-family: 'AndesBold';
  src: url("../fonts/304244_0_0.eot");
  src: url("../fonts/304244_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/304244_0_0.woff2") format("woff2"), url("../fonts/304244_0_0.woff") format("woff"), url("../fonts/304244_0_0.ttf") format("truetype");
}

@font-face {
  font-family: 'loop_icon';
  src: url("../fonts/loop_icon.eot?oeu306");
  src: url("../fonts/loop_icon.eot?oeu306#iefix") format("embedded-opentype"), url("/fonts/loop_icon.ttf?oeu306") format("truetype"), url("../fonts/loop_icon.woff?oeu306") format("woff"), url("../fonts/loop_icon.svg?oeu306#loop_icon") format("svg");
  font-weight: normal;
  font-style: normal;
}



h1.P-num {font-size: 177px;
    text-align: center;
}

.has-img img{
	width: 240px;
    margin: 0 auto;
}

.has-img{

text-align:center;
}

.menu-collapsed .brand-logo {
    width: 46px !important;
}


.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  width: 33%;
}

.bg-bubbles2 {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  width: 33%;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../img/co2.png");
  background-size: 100%;
  background-color: transparent !important;
  bottom: -160px;
  background-repeat: no-repeat;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.bg-bubbles2 li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../img/O2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  transition-timing-function: linear;
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.login-logo{
	
max-width: 207px;
}

.loginbtn {
    font-size: 23px;
    padding: 5px;
    margin-top: 10px;
}

/*Login 1*/

.vid-container{
  position:relative;
  height:100vh;
  overflow:hidden;
}
.bgvid{
  position:absolute;
  left:0;
  top:0;
  width:100vw;
}
.inner-container{
  width: 35%;
  height: 100%;
  position:absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow:hidden;
  margin: 0 auto;
  bottom: 0;
}

.inner-container3{
  width: 50%;
  height: 100%;
  position:absolute;
  top: 0;
  right: 0;
  left: auto;
  overflow:hidden;
  margin: 0 auto;
  bottom: 0;
}

.inner-container2{
  width: 50%;
  height: 100%;
  position:absolute;
  top: 0;
  right: auto;
  left: 0;
  overflow:hidden;
  margin: 0 auto;
  bottom: 0;
}
.nobg{
	    background: url(../img/halfbg.jpg)!important;
	    background-size: cover !important;
}
.bgvid.inner{
  top:calc(-50vh + 200px);
  left:calc(-50vw + 200px);
 
}
.box{
  position:absolute;
  height:100%;
  width:100%;
  text-align: center;
  font-family:Helvetica;
  color:#fff;
  background: rgba(0, 0, 0, 0.24);
  padding:30px 0px;
}

.box2{
  position:absolute;
  height:100%;
  width:100%;
  text-align: center;
  font-family:Helvetica;
  color:#fff;
  background: rgba(255, 255, 255, 0.24);
  padding:30px 0px;
  background: url(../img/grass.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.box h1{
  text-align:center;
  margin:30px 0;
  font-size:30px;
}
.box input{
  display:block;
  width:300px;
  margin:20px auto;
  padding:15px;
  background: rgba(255, 255, 255, 0.78);
  color: #383838;
  border:0;
}
.box input:focus,.box input:active,.box button:focus,.box button:active{
  outline:none;
}
.box button{
  background:#2ecc71;
  border:0;
  color:#fff;
  padding:10px;
  font-size:20px;
  width: 302px;
  margin:20px auto;
  display:block;
  cursor:pointer;
}
.box button:active{
  background:#27ae60;
}
.box p{
  font-size:14px;
  text-align:center;
}
.box p span{
  cursor:pointer;
  color:#666;
}


.box2 h1{
  text-align:center;
  margin:30px 0;
  font-size:30px;
}
.box2 input{
  display:block;
  width:300px;
  margin:20px auto;
  padding:15px;
  background: rgba(255, 255, 255, 0.78);
  color: #383838;
  border:0;
}
.box2 input:focus,.box input:active,.box button:focus,.box button:active{
  outline:none;
}
.box2 button{
  background:#2ecc71;
  border:0;
  color:#fff;
  padding:10px;
  font-size:20px;
  width: 296px;
  margin:20px auto;
  display:block;
  cursor:pointer;
}
.box2 button:active{
  background:#27ae60;
}
.box2 p{
  font-size:14px;
  text-align:center;
  color: #464855;
}
.box2 p span{
  cursor:pointer;
  color:#666;
}


img.logo {
    width: 157px;
}
	.desktop-vid{
		display:block !important;
	}
		.mobile-vid{
		display:none !important;
	}
	
	
	img.lamp1 {
    position: absolute;
    z-index: 99;
    width: 150px;
    bottom: 0;
    left: 0;
 }
	
	img.lamp2 {
    position: absolute;
    z-index: 99;
    width: 150px;
    bottom: 0;
    right: 0;
    }
	
	.scroll-card{
		    max-height: 272px;
    overflow-y: scroll;
	}
	.overlay{
		    position: absolute;
		    top: 0;
		    background: rgba(0, 0, 0, 0.6);
		    z-index: -1;
		    width: 100%;
		    height: 100%;
	}
	.main-menu.menu-light .navigation {
    background: transparent;
}
.menu-bg{
	    background: url(../img/menu-bg2.jpg);
	    position: absolute;
	    top: 0;
	    z-index: -2;
	    width: 100%;
	    height: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
}

.menu-sample2.menu-light .navigation>li.active>a {
    background: rgba(97, 171, 11, 0.7803921568627451);
    color: #fff;
}

.menu-sample2.menu-light .navigation>li>a {
    color: #fff;
}

.menu-sample2.menu-light .navigation>li.hover>a, .menu-sample2.menu-light .navigation>li:hover>a {
    color: #fff;
}


.menu-sample2.menu-light .navigation .navigation-header span
{
	  color: #fff;
	  font-size: 17px;
	  border-bottom: 1px solid #eee;
	  padding-bottom: 8px;
}

.menu-sample2.menu-light .navigation>li.open>a {
    color: #ffffff;
    background: rgba(97, 171, 11, 0.7803921568627451);
    border-right: 4px solid #61ab0b;
}

.app-content.content {
    background: #f0f0f0;
    background-size: 100% 14%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.wind{
	position: absolute;
	width: 94px;
	bottom: -30px;
	right: auto;
	left: 29px;
	/* margin: 0 auto; */
}




img.menu-light {
    position: absolute;
    width: 71px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}



@media only screen and (max-width: 768px) {
	
	.app-content.content{
		padding-bottom:150px;
	}
	.desktop-vid{
		display:none !important;
	}
	
		.mobile-vid{
		display:block !important;
	}
.inner-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    bottom: 0;
}
.inner-container2 {
   display:none !important;
}
.inner-container3 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: 0 auto;
    bottom: 0;
}
}

.loginbg{
	background:none !important;
}

.lo-overlay{
	    width: 100%;
	    height: 100%;
	    background: rgba(255, 255, 255, 0.7607843137254902);
	    position: absolute;
	    z-index: -2;
}

.table thead th {
    background: #1498b6;
    color: #fff;
}

.backg {
    color: #0079aa;
    width: 117px !important;
    position: absolute;
    right: 32px;
    /* opacity: 0.6; */
    top: -5px;
}
h4.btmbord {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 7px;
    margin-top: 15px;
    margin-bottom: 15px; /*added by haya to put aline after the header of forms*/
    font-weight: bold;
}
.btmbordalone h4 {
    margin-top: 10px !important;
    font-weight: bold;
}
.btmbordalone  {
    border-bottom: 1px solid #e5e5e5;    
    margin-bottom: 15px; /*added by haya to put aline after the header of forms*/
    font-weight: bold;
}

.w60{
	    width: 59%;
	    display: inline;
	    margin-right: 1%;
	    margin-top: 0px;
}
.w35{
	width: 39%;
}

.aboutsys {
    /* background: #0071bc; */
    color: #fff;
    margin: 0 auto;
    padding: 13px 5px;
    max-width: 310px;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
    width: 310px;
    position: fixed;
    bottom: 0;
    left: 0;
    border-color: #00B8D4 !important;
    background-color: #00B8D4 !important;
    color: #FFF;
    right: 0;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    right: 22px;
    font-size: 42px;
    top: 5px;
}
img.aboutimg {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}
.btn-e-p{
	    text-align: center;
    padding: 14px 0 0 0;
}
.dropdown .dropdown-menu{
	max-width:9rem;
}

.filter-cont{
	
float: left;
	
width: 100%;
	
padding: 0;
}

.fright{
	float:right !important;

}
.fleft{
	float:left !important;
	
}
.fright *{
	margin-right:5px;
    display: inline !important;
    width: auto;

}
.fleft *{
	margin-right:5px;
		    display: inline !important;
    width: auto;
}
.frightHeader {
    float: right !important;
}

.fleftHeader {
    float: left !important;
}

.frightHeader * {
    margin-right: 5px;
    width: auto;
}

.fleftHeader * {
    margin-right: 5px;
    width: auto;
}
.custom-control.custom-radio {
    margin-top: 19px;
}
.custom-control-label::after, .custom-control-label::before {
    position: absolute;
    top: .425rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: '';
    left: 0;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #00b8d4;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #FFF;
    background-color: #00b8d4;
}

.custom-control.custom-radio {
    padding-left: 1.9rem;
    padding-top: 0px;
}

a.action-btn {
    display: inline-block;
    background: #00b8d4;
    text-align: center;
    color: #fff;
}
td.action-con {
    padding: 3px;
    /* display: block; */
}
.custom-file-label::after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: -webkit-calc(-webkit-calc(2.75rem + 2px) - 1px * 2);
    height: -moz-calc(-moz-calc(2.75rem + 2px) - 1px * 2);
    height: calc(calc(2.75rem + 2px) - 1px * 2);
    content: 'Browse';
    background-color: #00b8d4;
    border-left: 1px solid #BABFC7;
    border-radius: 0 .25rem .25rem 0;
    color: #fff;
	transition:all 0.3s;
}


.custom-file:hover .custom-file-label::after {
    bottom: 0;
    z-index: 3;
    display: block;
    height: -webkit-calc(-webkit-calc(2.75rem + 2px) - 1px * 2);
    height: -moz-calc(-moz-calc(2.75rem + 2px) - 1px * 2);
    height: calc(calc(2.75rem + 2px) - 1px * 2);
    content: 'Browse';
    background-color: #17a8b8;
    border-left: 1px solid #BABFC7;
    border-radius: 0 .25rem .25rem 0;
    color: #fff;
}
p.v-error {
    color: #ef0404;
    font-size: 13px;
    margin-top: 4px;
}

p.v-success {
    color: #5fe0b2;
    font-size: 13px;
    margin-top: 4px;
}

.log-lang{
	    position: absolute;
	    left: 0;
	    transition: all 0.3s;
	    list-style-type: none;
	    background: rgba(255, 255, 255, 0.72);
	    color: #fff;
	    padding: 8px;
}

.log-lang:hover{
	    
background: rgba(0, 184, 212, 0.61);
}
.log-lang2{
	  
    list-style-type: none;

   
  
}

.log-lang2 > a{

padding-left: 0;
/*commented by haya to match the color of english arabic on login page with forget password*/
 /*color: #077a8c !important;*/ 
}
.log-lang > a{

color: #4e4e4e;

transition: all 0.3s;
}

.log-lang > a:hover{

color: #f5f5f5;
}

.action-con button{
	
background: transparent !important;
	
border: none;
	
color: #333;
	
font-size: 15px;
	
display: inline-block;
	
padding-right: 0;
	
float: left;
	
margin: 0 !important;
	
padding-right: 0;
	
padding: 5px;
}
.action-con a {
    background: transparent !important;
    border: none;
    color: #333;
    font-size: 15px;
    display: inline-block;
    padding-right: 0;
    float: left;
    margin: 0 !important;
    padding-right: 0;
    padding: 5px;
}
.totall {
border: 2px solid #eee;
padding: 10px;
text-align: center;
font-size: 15px;
font-weight: bold;    
}
@media (min-width: 576px){
.my-modal-dialog {
    max-width: 78%;
    margin: 1.75rem auto;
}
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}





 /*added by haya 09 09 2018 to put css for pagination fnctions*/
.pagination-container {
    display: block;
}

.pagination-container ul {
    margin-top: 1rem;
    display: flex;
    padding-left: 0;
    border-radius: .25rem;
    list-style: none;
    margin-bottom: 1rem;
    box-sizing: border-box;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.pagination-container li {
    line-height: 1.8;
}

.pagination-container a {
    margin-left: 3px;
    color: #24b2c2;
    border: 1px solid #BABFC7;
    display: block;
    line-height: 1.25;
    background-color: #FFF;
    padding: .5rem .75rem;
    position: relative;
    text-decoration: none;
}

.pagination-container .PagedList-skipToPrevious a {
    border-top-left-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
    padding-left: 1.2rem;
    margin-left: 0;
}

.pagination-container .PagedList-skipToNext a {
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
    padding-right: 1.2rem;
}

.pagination-container li.active a {
    z-index: 1;
    color: #FFF;
    background-color: #1faebe;
    border-color: #0fa2b2;
}


/*end added by haya 09 09 2018 to put css for pagination fnctions*/
/* added by haya 09 09 2018 to put css for sorting fnctions*/

.sortable {
    cursor: pointer;
}

a.sortable {
    color: #fff;
}

a:hover.sortable {
    color: #fff;
}

.sortable:after {
   padding-left: 1em;
}

.st-sort-ascent:after {
    content: '\25B2';
    color: #93d6de !important;
}

.st-sort-ascent {
    color: #93d6de !important;
}

.st-sort-descent:after {
    content: '\25BC';
}
/*end added by haya 09 09 2018 to put css for sorting fnctions*/
a:hover .inactive {
    color: #BABFC7;
}

.btn a:link {
    color: #626E82;
}

/* visited link */
.btn-info a:visited {
    color: #626E82;
}

/* mouse over link */
.btn-info a:hover {
    color: white;
}

/* selected link */
.btn-info a:active {
    color: #626E82;
}

.inactive {
    color: #BABFC7;
    cursor: not-allowed;
}
/* by khaled to change check boxes label colors */
.custom-checkbox .custom-control-label {
    color: #72788c;
}

/* by khaled to change color of detail to dark red */
.details-data {
    color: darkred;
    /*added by haya 23 10 2018 */
    /*the four lines below is added to resolve the overflow text from the td specially in the modal body*/
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    /*end added by haya 23 10 2018 */
    /*end the four lines below is added to resolve the overflow text from the td specially in the modal body*/
}

/* by haya to change color of detail to dark red for disabled check boxes */
/*.custom-control-input:disabled ~ .custom-control-label {
    color: darkred;
}*/


.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgb(228, 196, 196);
}

.form-group label {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.MinText{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
a[href="https://froala.com/wysiwyg-editor"], a[href="https://www.froala.com/wysiwyg-editor?k=u"] {
    display: none !important;
    position: absolute;
    top: -99999999px;
}
/*added ruby haya 19 9 2018 stop trim thead color-profile font-face-name input grid view form supporting document*/
.FileNameTriming {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.custom-file-input ~ .cutomForEdit::after {
    content: "Change File" !important;
}

.FileInput {
    float: left;
}

.PreviewFile {
    float:right;
    height: calc(2.75rem + 2px);
}

/*by khaled to overlay thead grid content loading*/
.wrapperGrid {
    position: relative !important;
}
.loadingGrid:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: rgba(0,0,0,0.3) center center no-repeat url("../../Content/img/LoadingGrid.gif");
    background-size: 100px 100px;
}


/* by khaled at 3-10-18 to change textareas height */

textarea {
    height: 80px !important;
}

.NestedValuestable {
    padding-left: 100px !important;
}

.tableParameterWidth {
width:60%;
}



 

@media print {

 


    a {
        text-decoration: none;
    } 

    body {
        margin: 1.27cm;
        color: black;
        text-decoration: none;
    }

    h1 {
        font-size: 17px;
    }

    h2 {
        font-size: 17px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 16px;
    }

    label {
        font-size: 15px;
        font-weight: bold;
    }

    td {
        font-size: 15px;
        text-decoration: none;
    }

    .sortable {
        font-size: 15px;
        text-decoration: none;
        font-weight: bold;
    }

    th {
        font-size: 15px;
        font-style: normal;
        text-decoration: underline;
        font-weight:bold;
        color:black;
    }
 

    table thead tr th a {
        font-size: 15px;
        font-style: normal;
        text-decoration: none;
    }

    .pagination-container {
        display: none;
    }

    .NotPrintable, .fancybox-outer {
        display: none !important;
    }

    .NotPrintable {
        display: none;
    }

    .printable, #printDiv {
        display: block;
        /*font-size: 26pt;*/
    }

    .table{
        width:100% !important;
    }
}

/*Added by haya stop input a height form multiple select*/
.ListBox {   
    height: 110px !important;
}


.ValuesForViews {
    width: 70%
}

.LabelForViews {
    width: 30%
}


/*by khaled to shadow btns on hover */

.btn-default {
    background-color: #eee;
}

.btn-default:hover {
    background-color: #dad9d9;
    -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset;
    box-shadow: 0 0 0 100px rgba(0,0,0,.02) inset;
}

.btn-nextPrev {
    color:white;
    background-color: #fd694e;
}


.btn-nextPrev:hover {
    background-color: #ff4926;
}


.checkboxPadding {
    padding-right: 50px;
}





/*by khaled to style the scales and approaches in add/edit project types */
.ApproachesForScale {
    margin-left: 20px;
}


.ListBox[multiple=multiple] {
    overflow: scroll !important;
    /*// Again, this is where the magic happens*/ 
        -webkit-overflow-scrolling: touch;
}



.PositionForDDl {
right: 16px !important;

}



/*by khaled to aligh tooltip inner text and break lines */
.tooltip-inner {
    text-align: left;
    white-space: pre-line;
    line-height: 150%;
    font-size: 120%;
    display: inline-block;
    max-width: 400px !important;
    color: #383838;
    background-color: #F0F0F0;
    border: 1px solid #383838;
}





/*by khaled to wrap parameter name and desc. */

.parameterNameAndDescTh {
    white-space: pre-wrap;
}

/*Added by haya to distinguash the add buttons*/
.btn-Add:hover {
    border-color: #f26b4b;
    background-color: #f26b4b;
    color: #FFF;
}

.btn-Add {
    border-color: #f37f64;
    background-color: #f37f64;
    color: #FFF;
}




.thumbtackleft {
    -ms-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}




.floating {
    float: right !important;
    margin-top: 10%;
}



@media (max-width:991px) {
    .projectSearchFormInNavbar {
        display: none;
    }

    .header-navbar .nav-item + .nav-item, .header-navbar.navbar-without-menu .navbar-container {
        margin-left: -15px;
    }
}