/*  
Author: WebThemez.com
License: https://webthemez.com/license 
*/
/*-------------------
# General
---------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Arvo&display=swap'); 

body{
  padding-right: 0% !important;
}
h1, h2{ 
	font-family: 'Arvo', serif; 
	font-weight:bolder;
}
.fa-2x {
  font-size: 3em !important;
  color: #f93;
}

li{
  list-style: none;
}
html {
  font-size: 1rem;
}
* {
  box-sizing: border-box;
}


.add_review{
  float: left;
}
.sort_review{
  float: right;
}
/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  /* height: 300px;  */
}

li.nav-item.active > a {
  border-bottom: none;
  box-shadow: inset 0px 10px 5px -10px #337ab7, inset 0px 0px 10px #337ab7;
}
.nav-tabs .nav-link {  
  background: gray;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

  box-shadow: inset 0px 10px 5px -10px #337ab7, inset 0px 0px 10px #337ab7;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
body {
  font-weight: 400;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
}

.tab-content{
  box-shadow: inset 0px 10px 5px -10px #337ab7, inset 0px 0px 10px #337ab7;
  padding: 2%;
  /* margin-top: 1%; */
}
.sideIndexMenu{
  margin-top: 30% !important;
  margin-bottom: 20px !important;
}
.truncate {
  text-align: justify;

  max-width: 643px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */


}
.label{
  font-weight: bold;
  color: #369 !important;
}

#certify1{
  height: 243px;
}
#certify2{
  height: 243px;
}

#file:focus {
  outline: none;
  border: 1px solid #ccc;
}
.countchar,.countcharnote {
  font-weight: bold;
}

.sweet-alert h2 {
  color: #575757;
  font-size: 18px !important;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}

.over-flow{
  white-space: nowrap;
   overflow: hidden;
   margin-bottom: 0;
   text-overflow: ellipsis;
}

#up{
  color:#337ab7;
  font-weight: 600;
  margin-top: 2%;
}
#rdate{
  margin-top: 2%;
  color:#337ab7;
  font-weight: 600;
}

.notruncate {

  max-width: 643px;

  display: block;

  overflow: visible;
  white-space:unset;
  text-overflow: ellipsis;
  text-align: justify;

}

a {
  color: #007bff;
}

a:hover {
  color: #007bff;
}

a:focus {
  outline: none;
}

p {
  line-height: 1.8;
}

figure {
  margin-bottom: 0;
}

hr {
  border-color: #e6e7e9;
}

[role=button] {
  cursor: pointer;
}
.col-lg-4 {
  width: 33.33333333%;
  margin-top: 3%;
}
.carousel-item {
  margin-bottom: 50px;
  width: 85%;
  margin-left: 70px;
}
.carousel-control-next, .carousel-control-prev {
  width: 6%;
  color:red;
  display: none;
}
.carousel-indicators {
  margin-top: -1%;
}
.carousel-indicators li {
  border: 1px solid #476d8c !important;
  /* background-color: red !important; */
  background-color: #476d8c !important;
}
.carousel-indicators .active{
  background-color: #476d8c !important;
}
.carousel-indicators {
  bottom: 10px !important;
}
/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  line-height: 1.6;
  font-weight:600;
}

#middle{
  background-color: #014073;
}
/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: #007bff;
}

.toggle {
  font-size: 40px;
  color: #ff9900;
  position: fixed;
  right: 2%;
  top: 5%;
  z-index: 1;
}

::selection {
  color: #fff;
  background-color: #007bff;
}

.bg-primary ::-moz-selection {
  color: #007bff;
  background-color: #fff;
}

.bg-primary ::selection {
  color: #007bff;
  background-color: #fff;
}

#read2 {
  width: 53% !important;
}
#backTO{
  color: #014073;
  margin-left: 96%;
}
#prev{
  color: #014073;
}
#logs{
  float: right;
margin-right: 5px;
width:127px;
}
.dcertified {
  color: green;
  font-weight: 100;
}

.heading {
  color: #014073 !important;
  text-align: center !important;
  font-family: 'Hurricane', cursive;
  font-family: 'Lobster', cursive;
 
}

#membership_button{
  width: 230px;
  font-size: 15px;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: bold;
}
#addbtn{
  margin-right: 2%;
  float: right;
  width:100px;
}
#addbtn2{
  width: 89px;
  margin-left: 0%;
}
@media screen and (max-width: 767px){
  #addbtn2 {
      width: 127px;
  }
  }
#addbtn3{
  width: 89px;
  margin-left: 0%;
}
@media screen and (max-width: 767px){
  #addbtn3 {
      width: 127px;
  }
  }
#magnifybtn{
  margin-right: 2%;
  float: right;
  width:auto;
}
#allrecord{
  float:right;
  margin-right:2%;
}
#alrecord{
  float:right;
  margin-right:5px;
}

header.main-header {
   
    background-image: url(/assets/img/images/bg23.jpg);
    float: left;
    width: 100%;
    position:relative;
}

.logo h1 a {
  font-size: 0.9em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 5px;
  }
  .logo h1 a .text-header {
  margin-left: -20%;
  margin-top: 13px;
  display: block;
  font-size: 0.3em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 118%;
  color: gold;
  }
  .logo h1 a .dk {
  font-size: 0.7em;
  font-family: Josefin SANS-SERIF;
  color: #ff9d34;
  margin-left: -18%;
  }#abouts{
  color: #fff;
  }.text-mute{
  color: #fff;
  }.global {
  font-size: 0.7em;
  font-family: Josefin SANS-SERIF;
  margin-top: 8px;
  margin-bottom: 0%;
 
  margin-left: 2%;
  margin-left: 18%;
  }
  #logocontainer{

    margin-left: 97%;

    margin-right: -63%;

  }
 

  #dropdownmyreporte{

    background-color: green;
  
      position: absolute;
  
      transform: translate3d(-40px, 49px, 0px) !important;
  
      top: 5px !important;
  
      left: 0px;
  
      will-change: transform;
  
  }
  
  .button_info{
    color: green !important;
    font-size: 21px;
  }
    .searchlabel {
      text-align: center;
      display: block;
    }

  #myscrum{

    background-color: green;

    position: absolute;

    transform: translate3d(-1px, 53px, 0px) !important;

    top: 0px;

    left: 0px;

    will-change: transform;

  }
  #counts{
    font-weight: bold;
  }
    #logs{
      float: right;
    margin-right: 17px;
    }
    
    .sidenav_head {
    height: 100%;
    width:0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0;
    background-color: #014073;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    }
    .sidenav_head .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    }

  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    color: black;
}
.ui-datepicker-div{

  position: absolute;
    top: 314.8px;
    left: 705.525px;
    z-index: 1;
    display: block;
}

    .sidenav_head a:hover {
    color: #f1f1f1;
    }
    
    .sidenav_head a {
    margin-left: 47px;
    padding: 15px;
    text-decoration: none;
    font-size: 25px;
    color: white;
    display: block;
    transition: 0.3s;
    }
    a.active span {
    color: white !important;
    }
    *, ::after, ::before {
    box-sizing: border-box;
    }
    
    
    #wfmcontainer{

      margin-bottom: 5%

    }
    .countchars {     
      font-weight: 600;
  }
.error{
  color: red;
  font-weight: 600;
}
.cumulative_tinq{
  color: red; 
}
.cumulative_tinq:hover{
  color: red; 
}
.logo{
	float:left;
	font-size: 30px;
    color: #222;
}
.mainNav{
	float:right;
	display:inline-block;
}
.mainNav ul{
	background:transparent;
	margin-bottom: -1px;
}
.mainNav ul li a{
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 31px 15px;
	text-transform: capitalize;
	font-weight: 600;
	line-height: normal;
}
.mainNav li a:hover, .mainNav li.menu-active > a {
    background: transparent;
    color: #ff9d34;
}
.mainNav li ul.sub-menu {
    background: #014073;
}
.mainNav li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    background: none;
}
#submenu2{
  margin-top:1%;
}
.menu-toggle{ 
	background: none;
	float:right;
	    margin: 15px 0;
			padding:0;
}
.menu-toggle h3{
	display:none !important;
	background: none;
}
.menu-toggle #menu-btn{

}
.mainNav ul li a ul li a {
    color: #333;
    display: block;
    font-size: 15px;
    padding: 13px 15px;
    text-transform: capitalize;
    font-weight: 600;
}
footer.main-footer {
  
  background-image: url(/assets/img/images/bg23.jpg);
  float: left;
  width: 100%;
  position:relative;  
}
.menu-toggle #menu-btn {
    float: right;
    background: transparent;
    border: 0;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
}
.wthree_copy_right{
	padding:0.5em 0;
	background:#032152;
	text-align:left;
 
}
#img-responsive{

  width:300px;

  height:300px;

}
.wthree_copy_right p{
	color:gold; 
	text-align: left;
  font-size: 0.8em;

}
.wthree_copy_right p a{
	text-decoration:underline;
	color:white;
}
.wthree_copy_right p a:hover{
	color:#fff;
}
.dcertified{
  color: green;
  font-weight: 100;
}
#sideindex{
  background-color: green; 
 
  min-width: 150px; 
  font-size: 12px;

}
.dropdown-menu > li > a {
  background: green;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  visibility: hidden;
}

#submenu{
  background-color: green; 
  min-width: 134px; 
}
.footerFull{

	margin-top: auto;
    width: 100%;
    
}
.w3_agile_social_icons{
	text-align: right;
    margin-top: -2.5%;
}

.w3_agile_social_icons ul li{
	display:inline-block;
	text-align:center;
  margin-left: 5px;
}
.w3_agile_social_icons_contact ul li a {
  text-align: center;
}
.w3_agileits_footer_grid h3{
	font-size:1.2em;
	color:gold;
	margin:0 0 0.5em;
	position:relative;
	
}
.w3_agileits_footer_grid h3:before{
	position: absolute;
    bottom: 0%;
    left: 0%;
    width:30%;
    height: 1px;
    background:#5bb510;
    content: '';
}
.w3_agileits_footer_grid p{
	color:gold;
	line-height:1.8em;
	margin:5px;
  font-size: 0.8em;
}

.w3_agileits_footer_grid p a{
	color:white;
	
}
.w3_agileits_footer_grid p span{
	display:block;
	margin:1em 0 0;
}
.w3_agileits_footer_grid ul li{
	list-style-type:none;
	
	color:gold;
  font-size: 0.8em;
}
.w3_agileits_footer_grid ul li i{
	color: #999;
    border: 1px solid #999;
    padding:.5em;
    border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
    margin-right: 1em;
}
.w3_agileits_footer_grid ul li span{
	display:block;

}
.w3_agileits_footer_grid ul li a{
	color:gold;
	text-decoration:none;
  font-size: 13px;
}
.w3_agileits_footer_grid ul li a:hover{
	color:white;
}
.w3_agileits_footer_grid1 ul li{
    
}
.w3_agileits_footer_grid ul li:last-child{
	margin-bottom:0 !important;
}
.w3_agileits_footer_grid input[type="email"]{
	outline:none;
	padding:7px;
	background:#fff;
	border:none;
	font-size:14px;
	color:#212121;
	width:74%;
}
.w3_agileits_footer_grid input[type="submit"]{
	outline: none;
    padding: 5px 0;
    background: green;
    border: none;
    font-size: 14px;
    color: #fff;
    margin: 1em 0 0;
    width: 50%;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.w3_agileits_footer_grid input[type="submit"]:hover{
	background:rgba(106, 199, 14, 0.89);
	color:white;
}
.w3_agileits_footer_grid {
  float: left;
  width: 50%;
}
.w3_agileits_footer_grid:nth-child(2){
  margin-bottom:2em;
}
.fa-facebook {
  background: gold;
  color: #3B5998 !important;
}

.fa-twitter {
  background: gold;
  color: #55ACEE !important;
}
.fa-linkedin {
  background: gold;
  color: #007bb5 !important;
}

.fa-youtube {
  background: gold;
  color: #bb0000 !important;
}

.fa-instagram {
  background: gold;
  color: #125688 !important;
}
.w3_agile_social_icons .fa {
  padding: 5px;
  font-size: 9px !important;
  width: 18px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
  border-radius: 50%;
}

.w3_agile_social_icons .fa:hover {
    background: white;
    color: #014073 !important;
}
.social_icons .fa {
  padding: 5px;
  font-size: 9px !important;
  width: 18px;
  text-align: center;
  text-decoration: none;
  margin: 2px 2px;
  border-radius: 50%;
}

.text-truncate {
  display: inline-block;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#dropdownMenuOffset{
  width:127px;
  margin-top: 20%;
}
.DKcertifiedbtn{
  width:auto !important;
  margin-left: -15% !important;
}
#dropdownMenuOffse{
  width:89px;
}
@media screen and (max-width: 767px){
  #dropdownMenuOffse{
    width:127px;
  }
  #magnifyb{
    width:127px;
  }
  #epic_memberida{
    width:127px;
  }
}
#leavebutton{
  width:89px;
  margin-left: 0%;
}
#leavebutton1{
  width:127px;
  margin-left: 0%;
}
@media screen and (max-width: 968px){
  #leavebutton{
    width:61px;
    margin-left: 0%;
  }
}


#historybtn{
  float:right;
  margin-right:5px;
  width: 127px;
}

.social_icons .fa:hover {
    background: white;
    color: #014073 !important;
}

#blog img#avatar{
  margin-top: 61px;
    
    width: 100px;
    height: 100px;
    margin-left: -42%;
    margin-right: 5%;
}

#submenu{
  margin-left: 22%;
  margin-top: -29%;
}
.avatarname{
  color: green;
  font-weight: bold;
  font-size: 18px;
  word-wrap: break-word;
 
}


.profilename{
  margin-top: 2%;
}

.title_home{
  margin-left: 46%;
}
#carousel_ed74{
text-align: justify;
  padding: 25px;
}
.todo-form {
  -ms-flex: 0 0 90.666667%;
  flex: 0 0 80.666667% !important;
  max-width: 80.666667% !important;
}
#dropdownMenuButton{

  margin-left: -23%;

}
@media screen and (min-width: 1900px) and (max-width: 1920px){


  #login{
    margin-left: 5%;
      margin-top: -2%;
  }
  
  #cardcomm{
  width: 50rem;
  }
  #cardcomm-edit{
  width: 50rem;
  }
  #cardcomm-compensate{
  width: 50rem;
  }
  
  #bowner{
    width: 51rem;
  }
  
 
  
  #profilename{
  margin-left: 38%;
  margin-top: -46%;
  }
  
  
  
  #submenu {
    margin-left: 8%;
    margin-top: -56px;
  }
  
  #foedit{
    width: 53rem;
  }
  
  #read1 {
    width: 11.3%;
    
    margin-left: 35%;
  }
  }
  @media screen and (min-width: 1400px) and (max-width: 1440px){
  
    
   
   
    #pdf{
      width: 100%;
    }
   
    #read2 {
      width: 70% !important;
  }



    #profilename{
    margin-left: 34%;
    margin-top: -62%;
    }

  
    #submenu {
    margin-left: 22%;
    margin-top: -56px;
    }

    .sidenav a {
      margin-left: 50px;
    }

    #login {
      margin-left: -2%;
      margin-top: -2%;
    }
 
    #cardcomm{

    width: 50rem;
    }
    #cardcomm-compensate{
      margin-left: -15% !important;
    width: 50rem;
    margin-top: -15%;
    }

    #cardcomm-edit{
    margin-left: -15% !important;
    width: 50rem;
    }

    #bowner{
    width: 46rem;
      border-radius: 1rem;
      margin-left: -10%;
    }

    #foedit{
      margin-left: -21%;
      width: 53rem;
    }
    }

    @media screen and (min-width: 1300px) and (max-width: 1368px){
    
      
  
      #pdf{
        width: 100% !important;
      }
      #read {
        width: 70% !important;
    }
    #read2 {
      width: 74% !important;
  }
    #login {
    margin-left: -2%;
    margin-top: -2%;
    }
    #cardcomm{
    width: 50rem;
    }
    #cardcomm-compensate{
      margin-left: -19% !important;
      width: 50rem;
      margin-top: -15%;
    }
    #cardcomm-edit{
  
    width: 50rem;
      }
    #backTO {

      margin-left: 97%;
      margin-top: -120%;
      color: #014073;
  }
  
    #blog img#avatar {
    margin-top: 30px;
   
    width: 100px;
    height: 100px;
    margin-left: -38%;
    margin-right: 5%;
    }
    #profilename{
    margin-left: 36%;
    margin-top: -65%;
    }
    #submenu {
      margin-left: 25%;
      margin-top: -26%;
  }
    .submenus{
    margin-left: 8%;
 
    }
    #bowner{
    width: 46rem;
    border-radius: 1rem;
    margin-left: -12%;
    }
    #foedit{
    margin-left: -21%;
    width: 53rem;
    }
    }

    @media screen and (min-width: 1200px) and (max-width: 1280px){
    
      
    
      #pdf{
        width: 100% !important;
      }
      #read{
        width: 70% !important;
      }
      #read1 {
        width: 80% !important;
    }
      #login {
      margin-left: -3%;
      margin-top: -2%;
      }
      #backTO {
        margin-left: 96% !important;
        color: #014073;
    }
      #cardcomm{
    
      width: 50rem;
      }
      #cardcomm-compensate{
      margin-left: -25% !important;
      margin-top: -15%;
      width: 50rem;
      }
      #cardcomm-edit{
        
        width: 50rem;
          }
      
      #bowner{
      width: 44rem;
      border-radius: 1rem;
      margin-left: -16%;
      }
      #forgotpass {
     
      margin-left: -15%;
      }
     

      #submenu {
        margin-left: 29%;
        margin-top: -30%;
    }
      #profilename{
      margin-left: 40%;
      margin-top: -71%;
      }
    
      #foedit{
      margin-left: -29%;
      width: 53rem;
      }
      }
    
@media screen and (max-width: 768px){
  .searchlabel_project {
    padding: 0.25rem 1.8rem;
    position: absolute;
}
  .change-flex .form-control {
    margin-top: 25px;
  }
  #myscrum{
    background-color: green;
    position: absolute;
    transform: translate3d(-45px, 53px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
  }
  .DKcertifiedbtn{
    width:auto !important;
    margin-left: -35% !important;
  }
  .col-xl-5 {
    -ms-flex: 0 0 90.666667%;
    flex: 0 0 100.666667% !important;
    max-width: 72.666667% !important;
}
  #carousel_ed74{
    margin-top: -35%;
    padding: 25px;
  }
  .carousel-item {
    margin-bottom: 15px;
    width: 85%;
    margin-left: 36px;
}
  #pdf{
    width: 100%;
  }
  #read{
    width: 110% !important;
    margin-left: 0% !important;
    font-size: 14px !important;
  }
  #read1 {
    width: 108% !important;
    font-size: 14px !important;
}
#backTO {
  margin-left: 94% !important;
  color: #014073;
}

  #blog img#avatar {
    margin-top: 49px;
   
    width: 75px;
    height: 75px;
    margin-left: -41%;
    margin-right: -1%;
  }
  #submenu {
    margin-left: 33%;
    margin-top: -33%;
}

  #profilename{
  margin-top: -94px;
  margin-left: 27%;
  }
  
 
.ace-responsive-menu > li:first-child {
    border-top: 0;
}
.mainNav ul li a{
    font-size: 14px;
    padding: 12px 24px;
}



.owl-next i, .owl-prev i {
  width: 50px !important;
  
  margin-right: -4%;
  margin-left: -4%;
  margin-top: 3%;
  background-color: #0594a9 !important;
  color: #ffffff !important;
}

.desc {
  margin-right: 33px;
  margin-left: 33px;

  padding: 30px;
  position: relative;
  background: #0594a9;
  border: 5px solid #ee902f;
}
.ace-responsive-menu {
    float: left;
    width: 100%;
    position: absolute;
    top: 83px;
    left: 0;
    right: 0;
    background: #014073 !important;
    z-index: 999;
}
.ace-responsive-menu > li {
    border-bottom: 0;
    float: none;
}
#logocontainer{
  margin-top: -1% !important;
  margin-left: 90%;
  margin-right: -93%;
  }
  .logo h1 a .text-header {
  margin-left: -21%;
  margin-top: 13px;
  display: block;
  font-size: 0.3em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 122%;
  color: gold;
  }
  .logo h1 a {
    font-size: 0.7em;
  }
  #logoimg {
   
}


}
/*----------------------------------
  Alerts
------------------------------------*/
.alert_icon {
  font-size: 1.25rem;
}
.alert_close {
  padding: 0;
  line-height: 1.3;
  opacity: .7;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.625rem;
  transition: all .3s;
}
.alert_close-light {
  color: #fff;
}
.alert_close-dark {
  color: #1b1e24;
}
.alert_close:hover {
  opacity: 1;
}
.alert_close:focus {
  outline: 0 none;
  box-shadow: none;
}

/*----------------------------------
  Background Arrow
------------------------------------*/
.wt-bg-arrow-wrapper {
  position: relative;
}

.wt-bg-arrow-bottom::before {
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -20px;
  bottom: -25px;
  border-style: solid;
  border-width: 25px 20px 0 20px;
  border-color: #fff transparent transparent transparent;
  z-index: 3;
}
img.wt-block-image {
    -o-object-fit: cover;  
    object-fit: cover;
} 
.wt-block-image:not([class*=absolute]) {
    position: absolute;
}
.wt-block-image {
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	 position: absolute;
	     background-size: cover;
}
.bg-overlay, .hero-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.hero-img {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.inner-page{
    background: #006bdf;
}
footer{
	color:#bdbdbd;
}
footer a{
	color:#8e8e8e;
}
.btn-outline-dark {
    color: #6f7173;
    border-color: #b8b8b8;
}
/*----------------------------------
  Avatars
------------------------------------*/
.wt-avatar {
  border: solid 3px #fff;
}

/*----------------------------------
  Border Radius
------------------------------------*/
.rounded-md {
  border-radius: .625rem;
}

/*----------------------------------
  Buttons
------------------------------------*/
.btn {
  cursor: pointer;
  transition: .2s ease;
}

.btn.focus,
.btn:focus .btn.active:focus, .btn:active:focus {
  outline: 0 none;
  box-shadow: none;
  border-color: transparent;
}

.btn-circle {
  border-radius: 100%;
  padding: 0;
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
}

.btn-circle.btn-sm {
  width: 1.9375rem;
  height: 1.9375rem;
  line-height: 1.9375rem;
}

.btn-circle.btn-lg {
  width: 3.25rem;
  height: 3.25rem;
  line-height: 3.25rem;
}

.btn-pill {
  border-radius: 6.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.btn-pill.btn-sm {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.btn-pill.btn-lg {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.btn-link {
  color: #007bff;
}

.btn-link:hover {
  color: #007bff;
}

/*----------------------------------
  Carousell
------------------------------------*/
.carousel-control-size {
  font-size: 2rem;
}

/*----------------------------------
  Forms
------------------------------------*/
/* Form Lable States */
.is-valid .form-label-text {
  color: #0dd157;
}

.is-invalid .form-label-text {
  color: #fb4143;
}

.is-disabled .form-label-text {
  color: #8f95a0;
}

/* Form Pilled Shape */
.form--pill {
  border-radius: 6.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Forms Icon */
.form-icon-wrapper {
  position: relative;
  display: block;
}

.form-icon-input-left {
  padding-left: 2.1875rem;
}

.form-icon-input-right {
  padding-right: 2.1875rem;
}

.form-icon {
  position: absolute;
  height: 100%;
  width: 2.5rem;
}

.form-icon--left {
  left: 0;
}

.form-icon--right {
  right: 0;
}

.form-icon__item {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #8f95a0;
  transform: translate(-50%, -50%);
}

/* Form Toggles */
.form-toggle {
  position: relative;
  cursor: pointer;
}

.form-toggle__item {
  display: block;
  padding-left: 1px;
  padding-right: 1px;
  cursor: pointer;
  width: 43px;
  height: 22px;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #d5d7dc;
  border: solid 1px #d5d7dc;
  border-radius: 6.25rem;
}

.form-toggle__item i::before, .form-toggle__item i::after {
  content: "";
  display: block;
  position: absolute;
}

.form-toggle__item i::before {
  content: attr(data-uncheck-icon);
  top: 0;
  left: 0;
  width: 100%;
  line-height: 18px;
  text-align: right;
  padding: 2px 7px;
}

.form-toggle__item i::after {
  left: 4px;
  width: 16px;
  height: 16px;
  background-color: #d5d7dc;
  border-radius: 50%;
  transform: translateY(-50%);
  transition: left .2s ease;
}

.form-toggle input[type="checkbox"],
.form-toggle input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.form-toggle input[type="radio"]:checked + .form-toggle__item,
.form-toggle input[type="radio"]:checked + * .form-toggle__item {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  transition: all .3s ease;
}

.form-toggle input[type="checkbox"]:checked + .form-toggle__item i:before,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item i:before,
.form-toggle input[type="radio"]:checked + .form-toggle__item i:before,
.form-toggle input[type="radio"]:checked + * .form-toggle__item i:before {
  content: attr(data-check-icon);
  text-align: left;
}

.form-toggle input[type="checkbox"]:checked + .form-toggle__item i::after,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item i::after,
.form-toggle input[type="radio"]:checked + .form-toggle__item i::after,
.form-toggle input[type="radio"]:checked + * .form-toggle__item i::after {
  left: calc(100% - 19px);
  background-color: #fff;
}

.is-valid .form-toggle__item {
  color: #0dd157;
  border: solid 1px #0dd157;
}

.is-valid .form-toggle__item i::after {
  background-color: #0dd157;
}

.is-valid .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-valid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-valid .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-valid .form-toggle input[type="radio"]:checked + * .form-toggle__item {
  background-color: #0dd157;
  border-color: #0dd157;
}

.is-invalid .form-toggle__item {
  color: #fb4143;
  border: solid 1px #fb4143;
}

.is-invalid .form-toggle__item i::after {
  background-color: #fb4143;
}

.is-invalid .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-invalid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-invalid .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-invalid .form-toggle input[type="radio"]:checked + * .form-toggle__item {
  background-color: #fb4143;
  border-color: #fb4143;
}

.is-disabled .form-toggle__item {
  color: #e6e7e9;
  border: solid 1px #e6e7e9;
}

.is-disabled .form-toggle__item i::after {
  background-color: #e6e7e9;
}

.is-disabled .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-disabled .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-disabled .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-disabled .form-toggle input[type="radio"]:checked + * .form-toggle__item {
  background-color: #e6e7e9;
  border-color: #e6e7e9;
}

/* Bootstrap's Custom Controls */
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #0dd157;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #fb4143;
}

.custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #d5d7dc;
}

/*----------------------------------
  Modals
------------------------------------*/
.modal-content {
  box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07);
}
@media (max-width: 576px) {
  .column {
    width: 100%;
  }

  .sidenav_head a {

    margin-left: 42px;
    

}






}
@media (min-width: 576px) {
  .modal-content {
    box-shadow: 0 0.5rem 1.625rem rgba(27, 30, 36, 0.07);
  }
}

/*----------------------------------
  Pager
------------------------------------*/
.pager-btn {
  min-width: 7.2rem;
}

.pager-btn.btn-sm {
  min-width: 6.2rem;
}

.pager-btn.btn-lg {
  min-width: 9.4rem;
}

/*----------------------------------
  Popover
------------------------------------*/
.popover {
  box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07);
}

/*----------------------------------
  Progress Bars
------------------------------------*/
.progress--pill {
  border-radius: 6.25rem;
}

.wt-progress-bar-vertical {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  background-color: #faf7fc;
  height: 200px;
}

.wt-progress-bar-vertical__indicator {
  background-color: #007bff;
}

/*----------------------------------
  Tabs
------------------------------------*/
.nav-tabs--v1 .nav-item {
  margin-right: 3px;
}

.nav-tabs--v1 .nav-item:last-child {
  margin-right: 0;
}

.nav-tabs--v1 .nav-link {
  border-top-width: 3px;
}


.nav-tabs--v1 .nav-link.active,
.nav-tabs--v1 .nav-item.show .nav-link {
  border-top-color: #007bff;
}

.nav-tabs--v1 .nav-link.active:hover, .nav-tabs--v1 .nav-link.active:focus,
.nav-tabs--v1 .nav-item.show .nav-link:hover,
.nav-tabs--v1 .nav-item.show .nav-link:focus {
  border-left-color: #e6e7e9;
  border-right-color: #e6e7e9;
  border-top-color: #007bff;
}

.tab-content--v1 {
  padding: 1.25rem 1rem;
  margin-top: -1px;
  border: solid 1px #e6e7e9;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.tab-content--v1 p:last-of-type {
  margin-bottom: 0;
}
p.help-block,
p.help-block ul{
    float: left; 
    margin: 0;
    padding: 0;
}
p.help-block li {
    float: left; 
    margin: 0px 0 10px 0;
	font-style:italic;
	font-size:13px;
    list-style:none;
    color:red;
}
/*----------------------------------
  Blockquote-v1
------------------------------------*/
.blockquote-v1 {
  padding: 1.5rem 1.25rem;
  background-color: #f6f9fc;
  font-size: 1.25rem;
  font-weight: 300;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
}

.blockquote-v1--left {
  border-left: solid 0.25rem #007bff;
}

.blockquote-v1--right {
  border-right: solid 0.25rem #007bff;
}

/*----------------------------------
  Blockquote-v2
------------------------------------*/
.wt-blockquote-v2 {
  position: relative;
  background-color: #fff;
  box-shadow: 5px 6px 9px -6px rgba(0, 0, 0, 0.15);
  padding: 1.875rem 1.875rem 1.875rem 3.75rem;
}

.wt-blockquote-v2::before {
  content: "\201C";
  position: absolute;
  width: 3.75rem;
  margin: -1.5625rem 0 0 -2.5rem;
  color: #007bff;
  font-size: 3.75rem;
}

.wt-blockquote-v2::after {
  content: "";
  position: absolute;
  bottom: -1.875rem;
  left: 3.75rem;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 0;
  border-color: #fff transparent transparent transparent;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));
}

.wt-blockquote-v2__image {
  width: 3.75rem;
  height: 3.75rem;
}

/*------------------------------------
  Clients
------------------------------------*/
.wt-clients__item {
  border-width: 1px 0 1px 1px;
  border-color: #e6e7e9;
  border-style: solid;
  padding: 3rem 0;
}

.wt-clients__image {
  width: 7.5rem;
  margin-left: auto;
  margin-right: auto;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  opacity: .3;
  transition: all 0.3s ease;
}

.wt-clients__image:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
  opacity: 1;
}

/*------------------------------------
  Mockup (Browser)
------------------------------------*/
.wt-browser-img {
  position: relative;
  top: -7px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/*------------------------------------
  Device (iPad)
------------------------------------*/
.wt-device {
  position: relative;
  width: 85%;
  z-index: -1;
  margin-bottom: -10rem;
}

.wt-device__item {
  border-radius: 2rem;
  box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1);
}

/*------------------------------------
  Icon
------------------------------------*/
.wt-icon {
  position: relative;
  z-index: 1;
  line-height: .7;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.125rem;
  border-radius: .25rem;
  transition: .3s ease-in-out;
}

.wt-icon__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wt-icon__inner-bottom-minus {
  top: 90%;
}

/*------------------------------------
  Icon Sizes
------------------------------------*/
/* Extra Small */
.wt-icon--size--xs {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.8125rem;
}

/* Small */
.wt-icon--size--sm {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}

/* Large */
.wt-icon--size--lg {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.75rem;
}

/* Extra Large */
.wt-icon--size--xl {
  width: 5rem;
  height: 5rem;
  font-size: 2.375rem;
}

/*------------------------------------
  Icon Default Styles
------------------------------------*/
/* primary */
.wt-icon-primary {
  color: color-yiq(#007bff);
  background-color: #007bff;
  border-color: #007bff;
}

.wt-icon-primary[href]:hover {
  color: color-yiq(#441f5d);
  background-color: #441f5d;
  border-color: #3d1b54;
}

.wt-icon-primary.disabled, .wt-icon-primary:disabled {
  background-color: #007bff;
  border-color: #007bff;
}

/* secondary */
.wt-icon-secondary {
  color: color-yiq(#00c9a7);
  background-color: #00c9a7;
  border-color: #00c9a7;
}

.wt-icon-secondary[href]:hover {
  color: color-yiq(#00a387);
  background-color: #00a387;
  border-color: #00967d;
}

.wt-icon-secondary.disabled, .wt-icon-secondary:disabled {
  background-color: #00c9a7;
  border-color: #00c9a7;
}

/* success */
.wt-icon-success {
  color: color-yiq(#0dd157);
  background-color: #0dd157;
  border-color: #0dd157;
}

.wt-icon-success[href]:hover {
  color: color-yiq(#0bad48);
  background-color: #0bad48;
  border-color: #0aa143;
}

.wt-icon-success.disabled, .wt-icon-success:disabled {
  background-color: #0dd157;
  border-color: #0dd157;
}

/* info */
.wt-icon-info {
  color: color-yiq(#2972fa);
  background-color: #2972fa;
  border-color: #2972fa;
}

.wt-icon-info[href]:hover {
  color: color-yiq(#065af7);
  background-color: #065af7;
  border-color: #0555eb;
}

.wt-icon-info.disabled, .wt-icon-info:disabled {
  background-color: #2972fa;
  border-color: #2972fa;
}

/* warning */
.wt-icon-warning {
  color: color-yiq(#fab633);
  background-color: #fab633;
  border-color: #fab633;
}

.wt-icon-warning[href]:hover {
  color: color-yiq(#f9a90e);
  background-color: #f9a90e;
  border-color: #f4a306;
}

.wt-icon-warning.disabled, .wt-icon-warning:disabled {
  background-color: #fab633;
  border-color: #fab633;
}

/* danger */
.wt-icon-danger {
  color: color-yiq(#fb4143);
  background-color: #fb4143;
  border-color: #fb4143;
}

.wt-icon-danger[href]:hover {
  color: color-yiq(#fa1c1e);
  background-color: #fa1c1e;
  border-color: #fa0f12;
}

.wt-icon-danger.disabled, .wt-icon-danger:disabled {
  background-color: #fb4143;
  border-color: #fb4143;
}

/* light */
.wt-icon-light {
  color: color-yiq(#f6f9fc);
  background-color: #f6f9fc;
  border-color: #f6f9fc;
}

.wt-icon-light[href]:hover {
  color: color-yiq(#d9e6f2);
  background-color: #d9e6f2;
  border-color: #d0e0ef;
}

.wt-icon-light.disabled, .wt-icon-light:disabled {
  background-color: #f6f9fc;
  border-color: #f6f9fc;
}

/* dark */
.wt-icon-dark {
  color: color-yiq(#1b1e24);
  background-color: #1b1e24;
  border-color: #1b1e24;
}

.wt-icon-dark[href]:hover {
  color: color-yiq(#0b0c0e);
  background-color: #0b0c0e;
  border-color: #050607;
}

.wt-icon-dark.disabled, .wt-icon-dark:disabled {
  background-color: #1b1e24;
  border-color: #1b1e24;
}

/* white */
.wt-icon-white {
  color: color-yiq(#fff);
  background-color: #fff;
  border-color: #fff;
}

.wt-icon-white[href]:hover {
  color: color-yiq(#ececec);
  background-color: #ececec;
  border-color: #e6e6e6;
}

.wt-icon-white.disabled, .wt-icon-white:disabled {
  background-color: #fff;
  border-color: #fff;
}

/* facebook */
.wt-icon-facebook {
  color: color-yiq(#3b5998);
  background-color: #3b5998;
  border-color: #3b5998;
}

.wt-icon-facebook[href]:hover {
  color: color-yiq(#30497c);
  background-color: #30497c;
  border-color: #2d4373;
}

.wt-icon-facebook.disabled, .wt-icon-facebook:disabled {
  background-color: #3b5998;
  border-color: #3b5998;
}

/* google */
.wt-icon-google {
  color: color-yiq(#d14130);
  background-color: #d14130;
  border-color: #d14130;
}

.wt-icon-google[href]:hover {
  color: color-yiq(#b33628);
  background-color: #b33628;
  border-color: #a93325;
}

.wt-icon-google.disabled, .wt-icon-google:disabled {
  background-color: #d14130;
  border-color: #d14130;
}

/* twitter */
.wt-icon-twitter {
  color: color-yiq(#1da1f2);
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.wt-icon-twitter[href]:hover {
  color: color-yiq(#0d8ddc);
  background-color: #0d8ddc;
  border-color: #0c85d0;
}

.wt-icon-twitter.disabled, .wt-icon-twitter:disabled {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

/* instagram */
.wt-icon-instagram {
  color: color-yiq(#3f729b);
  background-color: #3f729b;
  border-color: #3f729b;
}

.wt-icon-instagram[href]:hover {
  color: color-yiq(#345e80);
  background-color: #345e80;
  border-color: #305777;
}

.wt-icon-instagram.disabled, .wt-icon-instagram:disabled {
  background-color: #3f729b;
  border-color: #3f729b;
}

/* github */
.wt-icon-github {
  color: color-yiq(#24292e);
  background-color: #24292e;
  border-color: #24292e;
}

.wt-icon-github[href]:hover {
  color: color-yiq(#131619);
  background-color: #131619;
  border-color: #0e1011;
}

.wt-icon-github.disabled, .wt-icon-github:disabled {
  background-color: #24292e;
  border-color: #24292e;
}
ul.price-options li{
	line-height:35px;
}
/*------------------------------------
  Icon Block
------------------------------------*/
.wt-icon-block__col {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.navbar-bg-onscroll.fixed-top {
  background-color: #343a40;
  transition: all .3s ease-out;
      box-shadow: 1px 1px 1px #00000021;
}
.navbar-bg-onscroll.fixed-top {
  background-color: #fff;
  color: #999;
  transition: all .3s ease-out;
}
.navbar-bg-onscroll.fixed-top--fade {
  transition: all .4s ease-out;
}
.navbar-bg-onscroll .nav-link {
    color: #211f1f !important;
}
.navbar-brand b{
	font-family: 'Arvo', serif; 
	     font-size: 24px;
}
.navbar-bg-onscroll .navbar-brand b{
	 color: #007bff!important;
}
/*------------------------------------
  Portfolio
------------------------------------*/
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	
}
.portfolio-item .item{ 
	float:left;

}
.portfolio-item .item .portfolio-item-hover{
		opacity:0;
		transition: all .4s ease-out;
		 position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
    height: 100%;
  overflow: hidden;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  color: #fff;
  background-color: rgba(36,36,36,.9);
  transition: all .2s ease;
   opacity: 0;
  transition: 0.6s;
}
.portfolio-item .item:hover .portfolio-item-hover{
	opacity:.7;
	transition: all .4s ease-out;
}
.wt-portfolio-controls__item {
  display: inline-block;
  cursor: pointer;
}

.wt-portfolio-controls__item:not(:last-child)::after {
  content: "|";
  font-size: 0.71429rem;
  margin: 0 4px;
  position: relative;
  top: -2px;
  line-height: inherit;
  display: inline-block;
  vertical-align: middle;
  color: transparent;
}

@media (min-width: 992px) {
  .wt-portfolio-controls__item:not(:last-child)::after {
    color: #d5d7dc;
    margin: 0 7px 0 12px;
  }
}

.wt-portfolio-controls a {
  color: #1b1e24;
}

.wt-portfolio-controls a.active {
  color: #007bff;
}

.wt-portfolio__item {
  overflow: hidden;
  z-index: 2;
}

.wt-portfolio__image {
  display: block;
  width: 100%;
  height: auto;
  transition: all .2s ease;
}

.wt-portfolio__item:hover .wt-portfolio__image { 
  background-size:120%;
}

.wt-portfolio__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
    height: 100%;
  overflow: hidden;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  color: #fff;
  background-color: rgba(36,36,36,.9);
  transition: all .2s ease;
   opacity: 0;
  transition: 0.6s;
}

.wt-portfolio__info small {
  opacity: .7;
}

.wt-portfolio__item:hover .wt-portfolio__info {
 opacity:.7;
}

.wt-portfolio__zoom {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.6s;
  text-indent: -10000px;
}

.custom-table {
    border-spacing: 0 1em;
    border-collapse: separate;
}
.custom-table tbody tr {
    margin-bottom:20px;
}
.custom-table thead tr th{
	  padding: .5rem 1.75rem;
}
.custom-table tbody td {
    padding: 1.75rem;
    border-top: 1px solid #f0f1f4;
    border-bottom: 1px solid #f0f1f4;
    background: #fff;
	    vertical-align: middle;
}
.vl-custom-table td, .vl-custom-table th {
    font-family: 'Nunito',sans-serif;
    vertical-align: middle;
    border-top: none;
}
/*----------------------------------
  Promo Block v1
------------------------------------*/
.wt-promo-block {
  position: relative;
  min-height: 100vh;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.wt-promo-block--mheight-450 {
  min-height: 450px;
}
px
.wt-promo-block--mheight-500 {
  min-height: 500px;
}

.wt-promo-block--mheight-600 {
  min-height: 600px;
}

@media (max-width: 1199px) {
  .wt-promo-block {
    background-attachment: fixed;
  }
}

/*------------------------------------
  Pricing
------------------------------------*/
.wt-pricing {
  background-color: #fff;
}

.wt-pricing__header {
  position: relative;
  padding: 2.5rem 1.5rem;
}

.wt-pricing__header-price {
  display: block;
  line-height: .84;
}

.wt-pricing__header-title {
  opacity: .8;
}

.wt-pricing__header-decoration {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.wt-pricing__content {
  padding: 1.5rem;
}

.wt-pricing__content .disabled .wt-icon {
  color: #85778f;
  background-color: rgba(133, 119, 143, 0.1);
}

.wt-pricing .disabled {
  color: #85778f;
}

/*----------------------------------
  Spaces
------------------------------------*/
.wt-section #testimonials{
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  float: left;
  width: 100%;
 
}
.wt-section {
 
  float: left;
  width: 100%;
 
}
.wt-section .footerFull {
  padding-top: 2.25rem;

  float: left;
  width: 100%;

}
.wt-section-top {
  padding-top: 3.25rem;
}

.wt-section-bottom {
  padding-bottom: 3.25rem;
}

/*----------------------------------
  Pull
------------------------------------*/
.wt-pull-half {
  transform: translate3d(0, -50%, 0);
}

/*----------------------------------
  Links
------------------------------------*/
.wt-link {
  color: #1b1e24;
  text-decoration: none;
}

.wt-link:hover {
  color: #007bff;
  text-decoration: none;
}

/*----------------------------------
  Box Shadow
------------------------------------*/
.wt-box-shadow-sm {
  box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
}

.wt-box-shadow-lg {
  box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1);
}

/*----------------------------------
  Hero Image
------------------------------------*/
.wt-hero-img {
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

/*----------------------------------
  Overlays
------------------------------------*/
.wt-overlay {
  position: relative;
}

.wt-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wt-overlay--dark::after {
  background-color: rgba(27, 30, 36, 0.3);
}

.wt-overlay--light::after {
  background-color: rgba(255, 255, 255, 0.3);
}

.wt-overlay__inner {
  position: relative;
  z-index: 1;
}

/*----------------------------------
  Block Alignments
------------------------------------*/
.wt-ver-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

.wt-ver-bottom {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate3d(-50%, 0, 0);
}

/*----------------------------------
  Typography
------------------------------------*/

/* Font Size */
.wt-font-size-75 {
  font-size: 75%;
}

.wt-font-size-90 {
  font-size: 90%;
}

/* Letter Spacing */
.wt-ls-xs-xs {
  letter-spacing: 1px;
}

.wt-ls-xs-sm {
  letter-spacing: 2px;
}
 
.wt-opacity-1 {
  opacity: .1;
}

.wt-opacity-6 {
  opacity: .6;
}
.navbar-brand b {
    color: #007bff!important;
}
.inner-page .navbar a{
color: #fff !important;
}
.inner-page .navbar-brand b {
    color: #fff!important;
}
 


.navbar a{ 
     color: #211f1f !important;
}
.inner-page .navbar-bg-onscroll .nav-link{
	 color: #211f1f !important;
}
.inner-page .navbar-bg-onscroll .navbar-brand b {
    color: #007bff!important;
}
.inner-page{
	overflow:hidden;
	position:relative;
}

.inner-page:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 54%;
    background: #2985e9;
    transform: rotate(16deg) scale(1.2);
    right: -30%;
    top: 70%;
    border-radius: 150px 0 0 0;
}

.bg-shape:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 54%;
    background: #006bdf;
    z-index: -2;
    transform: rotate(16deg) scale(1.2);
    right: 5%;
    top: 74%;
    border-radius: 150px 0 0 0;
}

.bg-shape:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 53%;
    background: linear-gradient(180deg, #29c1fa 0%, #006bdf 100%);
    z-index: -2;
    transform: rotate(16deg) scale(1.2);
    right: -20%;
    top: 71%;
    border-radius: 150px 0 0 0;
    opacity: .5;
}
.inner-page .navbar-nav .dropdown-menu, .navbar-nav .dropdown-menu{
	border-radius:0;
}
.inner-page a.dropdown-item, a.dropdown-item, a.nav-link {
  border-bottom: 1px solid #fff;
  color: #fff !important;
  border: 1px solid #fff;
}
.inner-page a.dropdown-item.active, a.dropdown-item.active, a.nav-link.active {
    background-color: #91ffaa;
    color: #007bff;
}

/*---------------------
Blog
-----------------------*/
.blog-post {
    overflow: hidden;
    border-bottom: 1px dotted #bfbfbf;
    margin-bottom: 50px;
}

.blog-post img {
    width: 100%;
    margin-top: 5%;
}
.text-white {
  color: #333!important;
}
.blog-post a {
    text-decoration: none;
    color: #000;
}

.blog-post .meta a:first-child {
    background: #f1f1f1;
    padding: 5px 25px;
    border-radius: 50px;
    color: #888888;
    margin-right: 8px;
}

.blog-post .meta a:last-child {
    font-style: italic;
    color: #a9a9a9;
    font-size: 14px;
} 
li.nav-item.active > a { 
	border-bottom: 2px solid #00000061 !important;
}
@media (min-width: 992px) {
  .wt-icon-block {
    border-bottom: solid 1px #e6e7e9;
  }
  .wt-icon-block__col--left-brd {
    border-left: solid 1px #e6e7e9;
  }
}

/*----------------------------------
  Header
------------------------------------*/
@media (max-width: 540px){
  #editwfm {
    margin-left: 3%;
    margin-right: 20%;
    margin-top: 0%;
}
#heading1{
  margin-top: -17px;
}

  #ratingreview{

    margin-bottom:17%;

      }
      #allreview{
        background: green;    
        position: absolute;    
        transform: translate3d(-24px, 26px, 0px) !important;
    
        top: 0px;
    
        left: 0px;
    
        will-change: transform;
    
      }
  .add_review{
    float: unset;
  }
  .sort_review{
    float: unset;
  }
  .revviewDropdown{
    width: 126px;
  }
  
  #imghome{
    margin-top: 35%;
  }
  #carousel_ed74{
    margin-top: -100%;
    padding: 25px;
  }
  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
    height: 620px !important;
}
#backTO {
  margin-left: 125% !important;
  color: #014073;
}
#prev{
  margin-left: -40%;
}
  #logs {
    float: right;
    margin-right: -127px;
  }
  .cnt-box {

  
   margin-left: 3%;
   margin-right: 4%;
  
   max-width: fit-content;
   
   }
  #addbtn {
    margin-top: 9%;
    margin-right: 34%;
    float: right;
    width: 127px;
  }
  #dropdownMenuOffse{
    width: 127px;
  
  }
  .wt-section {
    padding-top: 1.25rem;
    
}
  #dropdownMenuOffset {
    width: 127px;
  

  }
  #leavebutton{
   
    width: 127px;
   
}
#historybtn {
 
  width: 127px;
}
#alrecord {
 
  margin-right: 10px;
}

  #allrecord {
    width: 127px;
   
}
  #menubutton{
    margin-left: 33%;
    }
    .scroll{
      overflow-x: auto;
      white-space: nowrap;
  }
   
  .ui-datepicker-div{
    position: absolute;
    top: 182.8px;
    left: 54px;
    z-index: 1;
    display: block;
  }
  #sideindex {
    background-color: green;
   
    z-index: 1;
    min-width: 127px;
    will-change: transform;
}
  .card {
    width: 100% !important;
  }
  .avatarname{
   
  }
  #submenu {
    margin-left: 7% !important;
    margin-top: -31%;
}
#read {
  width: 80% !important;
  margin-left: 0% !important;
  font-size: 20px !important;
}
#read1 {
  width: 80% !important;
  font-size: 20px !important;
  margin-left: 13% !important;
}
}
@media only screen and (min-width: 991px) and (max-width: 1116px){
  #healths{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #holidays{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #orgchart{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #productbacklogtext{
    max-width: 65%;
    margin-left: 11%;
  }
  #burndownchart{
    max-width: 65%;
    margin-left: 11%;
  }
  #changesreport{
    max-width: 65%;
    margin-left: 11%;
  }
}

@media only screen and (min-width: 1116px) and (max-width: 1220px){
  #orgchart{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #healths{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #holidays{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
  #dropdownMenuOffset {
    width: 89px;
    font-size: 9px;
}
#productbacklogtext{
  max-width: 70%;
  margin-left: 11%;
}
#burndownchart{
  max-width: 70%;
  margin-left: 11%;
}
#changesreport{
  max-width: 70%;
  margin-left: 11%;
}
#dropdownMenuOffset {
  width: 100px;
  font-size: 9px;
}

.dropdown-toggle::after {
  right: 6px !important;
  margin-top: 5px !important;
  font-size: 18px;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1024px){ 
  #cardcomm-compensate{
    
    margin-left: -40% !important;
    width: 40rem;
    margin-top: -13%;
    }

  #healths{
    margin-left: 6%;
    width: 47%;
    max-width: 74%;
  }
}
@media screen and (max-width: 1200px){
  #myscrum{
    background-color: green;
    position: absolute;
    transform: translate3d(-45px, 53px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
  }
  .dataTables_wrapper {
    position: relative;
    clear: both;
   
}
#table_id{
  margin-bottom:5%;
}
#table_id_wrapper{
  margin-bottom:5%;
}

}
@media (min-width: 900px) and (max-width: 1200px){
  #section1 {

      margin-top: -11% !important;

  }

  }
@media (max-width: 991px) {
  h4, .h4 {
    font-size: 17px !important;
  }

}
@media screen and (max-width: 912px){

  .dataTables_wrapper {
    position: relative;
    clear: both;
  
}

.toggle {
  position: fixed;
  right: 2%;
  top: 0%;
}
}

@media (max-width: 576px) {
  .card {
    width: 100%;
  }
  #logoimg {
   
    width:30%;
  }

  .main-footer {
    height: 506px;
}
.avatarname {
 
}
.w3_agile_social_icons {
  text-align: center !important;
  margin-top: -1.5% !important;
}
  .enterprise{
  margin-left: 15px;
  }
  #logocontainer {
  margin-top: 0% !important;
   /* margin-left: 28%; responsiveness for old logo */
   margin-left: 36%;
   width: 100%;
  }
  .global {
  margin-top: 8px;
  margin-bottom: 0%;
  
  margin-left: 2%;
  margin-left: 15%;
  margin-right: 0%;
  }
  .logo h1 a .dk {
  color: #ff9d34;
  margin-left: -15%;
  }     
  .logo h1 a .text-header {
  margin-left: -17%;
  margin-top: 15px;
  display: block;
  font-size: 0.3em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 118%;
  color: gold;
  }
  #blog img#avatar {
   margin-top: 60px;
    width: 100px;
    height: 100px;
    margin-left: -64%;
    margin-right: 5%;
}
#submenu {
  margin-left: 16%;
  margin-top: -31%;
}
#profilename {
  margin-top: -88px;
  margin-left: -12%;
}

.submenus {
  margin-left: -8px;
}
  
  .desc {
    width: 404px;
    padding: 30px;
    position: relative;
    background: #0594a9;
    border: 5px solid #ee902f;
    margin-left: 50px;
}
 

.owl-next i, .owl-prev i {
  width: 43px !important;
  margin-right: 0%;
  margin-left: -1%;
  margin-top: 3%;
  background-color: #0594a9 !important;
  color: #ffffff !important;
}
  }
  
  
@media (max-width: 767px) {
  #section1 {

    margin-top: -20% !important;

}
  .footer {
    padding: 0em 0;
    height: 467px;
  }
  .w3_agileits_footer_grid h3 {
    font-size: 1.6em;
    margin: 0 0 0.5em;
    padding-bottom: 0.3em;
  }
  .w3_agileits_footer_grid {
    float: none;
    width: 100%;
  }
  .navbar-expand-sm.fixed-top {
    background-color: rgba(27, 30, 36, 0.3); 
  }
  .w3_agile_social_icons {
    text-align: right;
    margin-top: -6.5%;
}
#aboutimg1{
  margin-top: 5%;
}
}

@media (max-width: 991px) {
 
  .navbar-expand-md.fixed-top {
    background-color: rgba(27, 30, 36, 0.3); 
  }
  .onCollapse{
	  background:#fff;
	  padding:0 20px;
  }
  .inner-page .onCollapse a {
		color: #211f1f !important;
	}
}

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

   
   #sprintdef {
       margin-left: 2%;
       margin-right: -19%;
       max-width: 485px;
  }
   #addsprintdef {
       margin-left: 2%;
       margin-right: -19%;
       max-width: 485px;
  }
  #headings {
    margin-top: -45% !important;
    margin-left: 29%;
    margin-right: -7%;
    margin-top: -58%;
  }
}
@media (min-width: 1030px) and (max-width: 1119px) {
   #editwfm {
       margin-left: 0%;
       margin-right: 0%;
       margin-top: -42%;
  }
  #headings {
    margin-top: -45% !important;
    margin-left: 29%;
    margin-right: -7%;
    margin-top: -58%;
  }
   #editbody {
       margin-right: 13%;
       margin-top: 32%;
       margin-left: -5%;
  }
   #sprintdef {
       margin-left: 2%;
       margin-right: -19%;
       max-width: 470px;
  }
   #addsprintdef {
       margin-left: 2%;
       margin-right: -19%;
       max-width: 470px;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-lg.fixed-top {
    
  }
} 
@media (min-width: 992px) and (max-width: 1029px) {

 #editwfm {
  margin-left: 4%;
  margin-right: 9%;
  margin-top: -25%;
}
#editbody {
  margin-right: 13%;
  margin-top: 32%;
  margin-left: -5%;
}
#sprintdef {
  margin-left: 2%;
  margin-right: -19%;
  max-width: 452px;
}
#headings {
  margin-top: -45% !important;
  margin-left: 29%;
  margin-right: -7%;
  margin-top: -58%;
}
#addsprintdef {
  margin-left: 2%;
  margin-right: -19%;
  max-width: 452px;
}

}

@media (min-width: 970px) and (max-width: 991px) {
  #editwfm {
    margin-left: 16%;
    margin-right: -3%;
    margin-top: -44%;
}
  #editbody {
      margin-right: 12%;
      margin-top: 42%;
      margin-left: -15%;
 }
 #headings {
  margin-top: -42% !important;
  margin-left: 29%;
  margin-right: -7%;
  margin-top: -58%;
}
  #sprintdef {
      margin-left: 2%;
      margin-right: -19%;
      max-width: 452px;
 }
  #addsprintdef {
      margin-left: 2%;
      margin-right: -19%;
      max-width: 452px;
 }
}

@media (min-width: 900px) and (max-width: 969px) {
 
 #editwfm {
  margin-left: 15%;
  margin-right: 0%;
  margin-top: -44%;
}
#editbody {
  margin-right: 12%;
  margin-top: 42%;
  margin-left: -15%;
}
#headings {
  margin-top: -42% !important;
  margin-left: 29%;
  margin-right: -7%;
  margin-top: -58%;
}
#sprintdef {
  margin-left: 2%;
  margin-right: -19%;
  max-width: 418px;
}
#addsprintdef {
  margin-left: 2%;
  margin-right: -19%;
  max-width: 418px;
}

}
@media (min-width: 850px) and (max-width: 900px) {
 
 #editwfm {
  margin-left: 14%;
  margin-right: 7%;
  margin-top: -48%;
}
#headings {
  margin-top: -47% !important;
  margin-left: 29%;
  margin-right: -7%;
  margin-top: -58%;
}
#editbody {
  margin-right: 12%;
  margin-top: 53%;
  margin-left: -15%;
}
#sprintdef {
  margin-left: 2%;
  margin-right: -19%;
  max-width: 397px;
}
#addsprintdef {
  margin-top: -50%;
  margin-left: 22%;
  margin-right: -5%;
}

}
@media (min-width: 791px) and (max-width: 850px) {
 
 #editwfm {
  margin-left: 16%;
  margin-right: 15%;
  margin-top: -40%;
}
#editbody {
  margin-right: 12%;
  margin-top: 48%;
  margin-left: -15%;
}
#headings{
  margin-top: -51% !important;
  margin-left: 29%;
  margin-right: -7%;
}
#sprintdef{
  margin-left: 2%;
  margin-right: -19%;
  max-width: 378px;
}
#addsprintdef {
  margin-top: -50%;
  margin-left: 22%;
  margin-right: -5%;
}

}
@media (min-width: 768px) and (max-width: 790px) {
 
 #headings {
  margin-top: -55% !important;
  margin-left: 29%;
  margin-right: -7%;
  margin-top: -58%;
}
#editwfm {
  margin-left: 12%;
  margin-right: 32%;
  margin-top: -35%;
}
#editbody {
  margin-right: 10%;
  margin-top: 53%;
  margin-left: -12%;
}
#sprintdef{
  margin-left: 2%;
  margin-right: -19%;
  width: 31%;
  max-width: 356px;
}
#addsprintdef {
  margin-top: -50%;
  margin-left: 22%;
  margin-right: -5%;
}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){ 
.mainmenu ul {
  margin-left: -50px;
}
#dropdownMenuOffset {
  width: 100px;
  font-size: 9px;
}
.dropdown-toggle::after {
  margin-top: 4px !important;
  right: 4px !important;
  margin-top: 4px !important;
}
}
@media only screen and (min-width: 961px) and (max-width: 967px) {
  .dropdown-toggle::after {
    margin-top: 4px !important;
    right: 4px !important;
    margin-top: 4px !important;
  }
}
@media (max-width:767px){
      .responsive-menu{
			display: block
		}
		.mainmenu{
			display: none
		}
}
@media (min-width: 601px) and (max-width: 610px) {
  .dcertified{
    font-weight: 100;
    font-size:13px!important;
  }
}
@media (min-width: 611px) and (max-width: 767px) {
  .dcertified{
    font-weight: 100;
    font-size:14px!important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #dropdownMenuOffset {
    width: 75px;
    font-size: 6px;
   
    margin-left: -8%;
}
    .mainmenu ul{
        text-align: center
    }
    #read2 {
      width: 81% !important;
  }
  #healths{
  margin-left: 13%;
    width: 47%;
    max-width: 70%;
  }
  #holidays{
    margin-left: 13%;
    width: 47%;
    max-width: 70%;
  }
  #orgchart{
    margin-left: 13%;
    width: 47%;
    max-width: 70%;
  }
  #productbacklogtext{
    max-width: 65%;
    margin-left: 16%;
  }
  #burndownchart{
    max-width: 65%;
    margin-left: 16%;
  }
  #changesreport{
    max-width: 65%;
    margin-left: 16%;
  }

  #aboutimgcontainer{
    margin-top: 34%;
  }

  .inner-page a.dropdown-item, a.dropdown-item {
    font-size: 9px;
    border-bottom: 1px solid #fff;
    color: #fff !important;
}

}

@media (min-width: 905px) and (max-width: 991px) {
  .dropdown-toggle::after {
    margin-top: 4px !important;
    right: 4px !important;
    margin-top: 4px !important;
    font-size: 15px;
  }
}

@media (min-width: 900px) and (max-width: 905px) {
  .dropdown-toggle::after {
    margin-top: 4px !important;
    right: 3px !important;
    margin-top: 4px !important;
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .dropdown-toggle::after {
    margin-top: 4px !important;
    right: 3px !important;
    margin-top: 2px !important;
    font-size: 14px;
  }
  .dropdown-toggle1::after {
    margin-top: 4px !important;
    right: 19px !important;
    margin-top: 4px !important;
    font-size: 14px;
}
}

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

  #cardcomm-edit{
    width: 50rem;
    }
    #cardcomm{
      width: 50rem;
      }
      #cardcomm-compensate{
        width: 50rem;
        }

}

@media (max-width: 992px) {

   .toggle {
    position: fixed;
    right: 4%;
    top: 0%;
  }

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

  #sideindex {
    background-color: green;  
    z-index: 1;
    min-width: 90px;
    position: relative;
    
    will-change: transform;
  }

}
@media (min-width: 991px) and (max-width: 1024px) {
  #sideindex{
    
        background-color: green;
        min-width: 134px;
        font-size: 12px;
     
    }
}
@media (min-width: 901px) and (max-width: 991px) {
  .dropdown-toggle::after {
    margin-top: 4px !important;
    right: 4px !important;
    margin-top: 4px !important;
    font-size: 15px;
  
}
.togglel::after{
  right: 20px !important;
}
}


@media (min-width: 900px) and (max-width: 1024px) {
  #carousel_ed74{
    margin-top: -80%;
    padding: 25px;
  }
  .DKcertifiedbtn{
    width:auto !important;
    margin-left: -35% !important;
  }
  #backTO {
    margin-left: 96%;
    color: #369;
}
#read1 {

  width: 98% !important;

}

#read {

  width: 82% !important;

}


  #dropdownMenuOffset {
    width: 95px;
    font-size: 9px;
}
  #blog img#avatar {
    margin-top: 21px;
    margin-top: 10px;
   
    width: 75px;
    height: 78px;
    margin-left: -42%;
    margin-right: 5%;
  }
  #read2 {
    width: 81% !important;
}
  #profilename{
    margin-top: -94px;
    margin-left: 27%;
  }
  
  .submenus{
    margin-left: 57px;
  }
.mainNav ul li a {
margin-left: -9%;
margin-top: -9%;
color: #fff;
display: block;
font-size: 16px;
padding: 53px 7px;
text-transform: capitalize;
font-weight: 600;
line-height: normal;
}
#logoimg {
 
}
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  .sidenav_head a{
    padding: 7px;
  }
    .searchlabel {
      padding: 0.25rem 1.8rem;
      position: absolute;
      text-align: start;
    }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  .searchlabel {
    padding: 0.25rem 1.8rem;
    position: absolute;
  }


}
@media screen and (min-width: 580px) and (max-width: 767px) {

  #burnchart{



    margin-top: 4%;

  }

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

  #burnchart{
  
    margin-bottom: 5%;
  
    margin-top: 4%;
  
  }
  
  }
  @media screen and (min-width: 991px) and (max-width: 1440px) {  

    h3#serviceheading{

      font-size: 21px;

  }

  }



  @media screen and (min-width: 677px) and (max-width: 991px) {  
    #sideindex {
      min-width: 113px !important;
    }
    h3#serviceheading{

      font-size: 20px;

  }

  }



  @media (max-width: 676px) {

    h3#serviceheading{

      font-size: 19px;

  }

}
@media (max-width: 500px) {
#editwfm {
    margin-left: 3%;
    margin-right: 32%;
    margin-top: 0%;
}
  #invoice{

    margin-right: 135%;
  
  }
  #dropdownMenuButton {
    margin-left: 0%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 90.666667%;
    flex: 0 0 100.666667% !important;
    max-width: 80.666667% !important;
}
  .dropitem{
    background-color: green;
 
  }
  #dropdownMenuOffse{
    width: 127px;
 
  }
 
  #imghome{
    margin-top: 20%;
  }
  #carousel_ed74{
    margin-top: -100%;
    padding: 25px;
  }

  
  .carousel-item {
    margin-bottom: 40px;
    width: 85%;
    margin-left: 22px;
}
.carousel-indicators {
  bottom: 0px !important;
}
  #pdf{
    width: 100%;
  }
  #heading{
    font-size: 18px;
  }
  #heading1{
    font-size: 18px;
    margin-top: -17px;
  }
  #backTO {
    margin-left: 115% !important;
    color: #014073;
}
#prev{
  margin-left: -35%;
}

.cnt-box {

  margin-left: 3%;
  margin-right: 4%;
  max-width: 94%;
}
#leavebutton {
  
  width: 127px;
 
}
#dropdownMenuOffset {
  width: 127px;
  margin-top: 10%;
  margin-bottom: 5%;
}

  #read {
    margin-left: 0% !important;
    width: 66% !important;
    margin-top:10px !important;
    font-size: 14px !important;
    text-align: center;
}
#read1 {
  margin-left: 10% !important;
  width: 83% !important;
  font-size: 14px !important;
  text-align: center;
  margin-top: 0px!important;
}
#img-responsiv {
  height: 30px !important;
  width: 80% !important;
}
#logocontainer {
  margin-top: -1% !important;
  /* margin-left: 14%; responsiveness for old logo */
  margin-left: 31%;
}
.logo h1 a .dk {
font-size: 0.6em;
color: #ff9d34;
margin-left: -17%;
}
.main-footer{
  height: 556px;
}
#logoimg {

  margin-top: 2%;
  
  width: 37%;
}
.global {
font-size: 0.6em;
margin-top: 8px;
margin-bottom: 0%;

margin-left: 2%;
margin-left: 17%;
margin-right: 0%;
}
.logo h1 a .text-header {
margin-left: -19%;
margin-top: 13px;
display: block;
font-size: 0.3em;
border-top: 1px solid;
border-bottom: 1px solid;
width: 118%;
color: gold;
}
.desc {
  width: 278px;
  padding: 30px;
  position: relative;
  background: #0594a9;
  border: 5px solid #ee902f;
  margin-left: 50px;
}


.owl-next i, .owl-prev i {
width: 43px !important;
margin-right: 0%;
margin-left: -1%;
margin-top: 3%;
background-color: #0594a9 !important;
color: #ffffff !important;
}
.testi-meta {
  margin-left: 13% !important;
  
  display: block;
  max-width: 278px !important;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 30px;
  background: #333;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 20px 20px 0 0;
}
}

@media (max-width: 414px){
  #editwfm {
    margin-left: 0%;
    margin-right: 17%;
    margin-top: 0%;
}
  #ratingreview{

    margin-bottom:25%;

      }
  .title_home {
    margin-left: 40%;
}
  #carousel_ed74{
    margin-top: -70%;
    padding: 25px;
  }
  #imghome{
    margin-top: 40%;
  }
  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
    height: 500px !important;
}
  #logs {
    float: right;
   margin-right: -127px;
  }
  .cnt-box {

   
   
    
  margin-left: 4% !important;
  margin-right: 4% !important;
   
  
    max-width: fit-content;
   
   }
  
  #addbtn {
    margin-top: 11%;
    margin-right: 27%;
    float: right;
    width: 127px;
  }
  #dropdownMenuOffse {
    width: 126px;
  
  }
  #leavebutton {
    width: 126px;
   
}
#historybtn {
 
  width: 127px;
}

  #menubutton {
    margin-left: 30%;
  }
  #blog img#avatar {
    margin-top: 39%;
    width: 100px;
    height: 100px;
    margin-left: -77%;
    margin-right: 5%;
}
#sideindex {
  background-color: green;

  z-index: 1;
  min-width: 128px;
  will-change: transform;
}
.avatarname {

}
.w3_agile_social_icons {
  text-align: center !important;
  margin-top: -1.5% !important;
}
#profilename {
  margin-top: -88px;
  margin-left: -7%;
}
#submenu {
  margin-left: 12%;
  margin-top: -44%;
}
.submenus {
  margin-left: 4px;
}
  .testi-meta {
    margin-left: 16% !important;
    
    display: block;
    max-width: 260px !important;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 30px;
    background: #333;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 20px 20px 0 0;
}
.desc {
  width: 260px;
  padding: 30px;
  position: relative;
  background: #0594a9;
  border: 5px solid #ee902f;
  margin-left: 50px;
  margin-left: 60px;
  }
}
  @media (max-width: 413px){
    #editwfm {
      margin-left: 3%;
      margin-right: 34%;
      margin-top: 0%;
  }
  .owl-next i, .owl-prev i {
    width: 35px !important;
    margin-right: 0%;
    margin-left: -1%;
    margin-top: 3%;
    background-color: #0594a9 !important;
    color: #ffffff !important;
}
.cnt-box {

 
 
  margin-left: 4%;
 
  margin-right: 4%;
 
 
  max-width: fit-content;
 
 }
#historybtn {
 
  width: 127px;
}
.desc {
 
  padding: 30px;
  position: relative;
  background: #0594a9;
  border: 5px solid #ee902f;
  margin-left: 50px;
  margin-left: 60px;
  }
  #submenu {
    margin-left: 11% !important;
    margin-top: -44%;
}

.w3_agile_social_icons {
  text-align: center !important;
  margin-top: -1.5% !important;
}
}
@media (max-width: 394px){
  #editwfm {
    margin-left: 3%;
    margin-right: 38%;
    margin-top: 0%;
}
  #logs {

    float: right;
    margin-right: -127px;
  }
  
  .cnt-box {

   

    margin-left: 4%;

    margin-right: 4%;
    max-width: fit-content;
   

}
  #addbtn {
    margin-top: 12%;
    margin-right: 25%;
    float: right;
    width: 127px;
  }
  .desc {
    width: 234px;
    padding: 30px;
    position: relative;
    background: #0594a9;
    border: 5px solid #ee902f;
    margin-left: 50px;
    margin-left: 60px;
}
#historybtn {
 
  width: 128px;
}
#sideindex {
  background-color: green;
  
  z-index: 1;
  min-width: 128px;
  will-change: transform;
}
.owl-next i, .owl-prev i {
  width: 40px !important;
  margin-right: 1%;
  margin-left: 1%;
  margin-top: 3%;
  background-color: #0594a9 !important;
  color: #ffffff !important;
}
.testi-meta {
  margin-left: 17% !important;
  
  display: block;
  max-width: 237px !important;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 30px;
  background: #333;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 20px 20px 0 0;
}
.main-footer{
  height: 550px;
}
}

@media (max-width: 376px){
  #editwfm {
    margin-left: 3%;
    margin-right: 42%;
    margin-top: 0%;
}
  #logs {
    float: right;
    margin-right: -127px;
  }
  .cnt-box {

   

    margin-left: 4%;

    margin-right: 4%;

    max-width: 344px;

}
  #addbtn {
    margin-top: 12%;
    margin-right: 26%;
    float: right;
    width: 127px;
  }
  #menubutton {
    margin-left: 26%;
  }
  .desc {
    width: 250px;
    padding: 30px;
    position: relative;
    background: #0594a9;
    border: 5px solid #ee902f;
    margin-left: 48px;
}
#historybtn {
  
  width: 126px;
}

#leavebutton {
  width: 126px;

}
#sideindex {
  background-color: green;
 
  min-width: 128px;
  will-change: transform;
}
.owl-next i, .owl-prev i {
  margin-right: -1%;
  margin-left: -1%;
  margin-top: 3%;
  background-color: #0594a9 !important;
  color: #ffffff !important;
}
#read2 {
  width: 59% !important;
}
.testi-meta {
  margin-left: 14% !important;

  display: block;
  max-width: 250px !important;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 30px;
  background: #333;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 20px 20px 0 0;
}
.w3_agile_social_icons {
  text-align: center !important;
  margin-top: -1.5% !important;
}
}

@media (max-width: 360px){
  #editwfm {
    margin-left: 3%;
    margin-right: 44%;
    margin-top: 0%;
}
  #addbtn {
    margin-top: 12%;
    margin-right: 24%;
    float: right;
    width: 127px;
}
.cnt-box {
  margin-left: 4%;
  margin-right: 4%;
  max-width: fit-content;
}

#invoice {
  margin-right: 166%;
}

#heading {

  font-size: 30px;

}
#heading1 {

  font-size: 30px;
  margin-top: -7px;
}


.table-bordered {

  border: 1px solid #ddd;

  margin-left: 1%;

}
#logs {
  float: right;
  margin-right: -127px;
}
  #dropdownMenuOffse {
    width: 126px;
   
  }
 
#historybtn {

  width: 126px;
}
  #profilename {
    margin-top: -88px;
    margin-left: -1%;
}
.avatarname {
  
}
#sideindex {
  background-color: green;
 
  z-index: 1;
  min-width: 128px;
  will-change: transform;
}

  .desc {
    width: 232px;
    padding: 30px;
    position: relative;
    background: #0594a9;
    border: 5px solid #ee902f;
  
    margin-left: 49px;
  }
  .testi-meta {
    margin-left: 15% !important;
   
    display: block;
    max-width: 231px !important;
    margin: 0 auto;
    margin-top: 20px;
    padding-bottom: 30px;
    background: #333;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 20px 20px 0 0;
  }
.main-footer{
  height: 550px;
}
}

@media (min-width: 320px) and (max-width: 393px) {
.logo h1 a {
font-size: 0.7em;
}
.avatarname {
 
}


 
}@media (max-width: 320px){
  #editwfm {
    margin-left: 3%;
    margin-right: 54%;
    margin-top: 0%;
}
  #logs {
    float: right;
    margin-right: -127px;
  }
  #dropdownMenuOffse {

    width: 126px;
  
  
  
  }
  
  #invoice{
  
    margin-right: 194%;
  
  }
  
  #addbtn {
    margin-top: 15%;
    margin-right: 19%;
    float: right;
    width: 127px;
  }
  #menubutton {
    margin-left: 22%;
  }
  #allrecord {
    width: 127px;
    
}
#historybtn {

  width: 126px;
}
#add {
  margin-right: 68px;
}
#leavebutton {
  width: 126px;

}
  #sideindex {
    background-color: green;
   
    min-width: 128px;
    will-change: transform;
}
  #blog img#avatar {
   margin-top: 59px;
    width: 100px;
    height: 100px;
    margin-left: -83%;
    margin-right: 5%;
  }
  #read2 {
    width: 68% !important;
}
  #submenu {
    margin-left: 13% !important;
    margin-top: -44%;
}
  .avatarname {
  
}
.logo h1 a .dk {
font-size: 0.6em;
color: #ff9d34;
margin-left: -16%;
}
.desc {
  width: 205px;
  padding: 30px;
  position: relative;
  background: #0594a9;
  border: 5px solid #ee902f;

  margin-left: 43px;
}
.owl-next i, .owl-prev i {
  background-color: #111;
  width: 35px !important;
  height: 60px;
  font-size: 28px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: auto;
  left: 0%;
}
.testi-meta {
  margin-left: 15% !important;
  
  display: block;
  max-width: 205px !important;
  margin: 0 auto;
  margin-top: 20px;
  padding-bottom: 30px;
  background: #333;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 20px 20px 0 0;
}
#logoimg {
  width: 200px;

}
.global {
font-size: 0.6em;
margin-top: 8px;
margin-bottom: 0%;

margin-left: 2%;
margin-left: 16%;
margin-right: 0%;
}
.logo h1 a .text-header {
margin-left: -17%;
margin-top: 14px;
display: block;
font-size: 0.3em;
border-top: 1px solid;
border-bottom: 1px solid;
width: 115%;
color: gold;
}
#logocontainer {
margin-top: 10% !important;
margin-left: 12%;
}
.cnt-box {

 

  margin-left: 5% !important;
  margin-right: 5% !important;

  
  max-width: fit-content;

}
}
.btn-rounded{
  
  font-size:5px !important;
  width: 15px;
  height: 15px;
}

.btn-rounded .fa {
  margin-left: -2px !important;
    font-size: 9.5px !important;
  margin-top: 0px;
} 
@media (max-width: 540px){    


  .cols-reverse{    

    flex-flow: column-reverse;

  }
  #dropdownMenuButton {

    margin-left: 0%;

}
 

  .gx-top{

margin-top: 3% !important;

  }

}

@media screen and (min-width: 540px) and (max-width: 577px){

 
.cnt-box {
  margin-left: 3% !important;
 
  width: 94% !important;
}

.tree-view{
  width: 100% !important;
}

}


@media screen and (min-width: 769px) and (max-width: 875px){
  .DKcertifiedbtn{
    width:auto !important;
    margin-left: -15% !important;
  }
  .inner-page a.dropdown-item, a.dropdown-item {
    font-size: 9px;
}
}
@media screen and (min-width: 700px) and (max-width: 768px){
  .arrow_right{
       margin-left: 10%;
  }
   .searchlabel {
       padding: 0.25rem 1.8rem;
       margin-bottom: -25px;
  }
  @media (max-width: 767px) {
       .searchlabel {
           padding: 0.25rem 1.8rem;
           position: absolute;
           margin-bottom: -25px;
      }
  }
}
@media (max-width: 400px) {
  .footer {
  
    margin-bottom: 14%;
}
}
@media screen and (min-width: 601px) and (max-width: 767px){
  #editwfm {
    margin-left: 5%;
    margin-right: 37%;
    margin-top: 0%;
    }
  h3 font{
    font-size:20px !important;
  }

  #addbtn {

    margin-right: 30%;

    float: right;

    width: 127px;

}
#magnifybtn {

    margin-right: 30%;

    float: right;

    width: 127px;

}

}
@media screen and (min-width: 575px) and (max-width: 600px){
  #editwfm {
    margin-left: 3%;
    margin-right: 38%;
    margin-top: 0%;
}
  h3 font{
    font-size:20px !important;
  }
  .dcertified{
    font-weight: 90;
    font-size:12px!important;
  }
  #addbtn {

    margin-right: 27%;

    float: right;

    width: 127px;

}

#magnifybtn {

    margin-right: 27%;

    float: right;

    width: 127px;

}

}
@media screen and (min-width: 540px) and (max-width: 575px){
  #editwfm {
    margin-left: 3%;
    margin-right: 18%;
    margin-top: 0%;
}

  #addbtn {

    margin-right: 34%;

    float: right;

    width: 127px;

}
#magnifybtn {

    margin-right: 34%;

    float: right;

    width: 127px;

}

}

@media screen and (max-width: 767px){
  .change-flex{
    display: flex;
    justify-content: center;

  }
  .field_space{
    margin-bottom: 3%;
  }
  #allrecord {
    float: right;
    margin-right: 0px;
    width: 127px;
}
#leavebutton {
    width: 127px;
    
}

#epic_search{
  width: 252px;
}
#module_search{
  width: 252px;
}
#features_search{
  width: 252px;
}
#epic_status{
  width: 252px;
}
#search_project{
  width: 252px;
}

  #magnifybtn {

    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 5%;
    width: 127px;
}
  #leavesall{

    margin-bottom: 8%

  }
  #benefitsdropdown{

    background-color: green;

    position: absolute;

    transform: translate3d(10px, 58px, 0px);

    top: -11px !important;

    left: -25px !important;

    will-change: transform;

  }

  #salarydropdown{

  background-color: green;

  position: absolute;

  transform: translate3d(10px, 58px, 0px);

  top: -11px !important;

  left: -25px !important;

  will-change: transform;

  }
  .DKcertifiedbtn{

    line-height: 1.9 !important;;

  font-size: 11px !important;;

  left: -8% !important;;

  max-width: 99% !important;;

  margin-left: 9% !important;;

  }
 
  #dropdownMenuOffset {

    margin-top: 10% !important;
    margin-bottom: 0%;
}
  .sideIndexMenu{
    margin-top: auto !important;
    margin-left: 0 !important;
  }
  .dataTables_wrapper {
    position: relative;
    clear: both;
    margin-left: auto !important;
}
#dropdownmyreporte {

  background-color: green;

  position: absolute;

  transform: translate3d(4px, 49px, 0px) !important;

  top: -6px !important;

  left: 0px;

  will-change: transform;

}

#myscrum {
  background-color: green;

  position: absolute;

  transform: translate3d(-23px, 53px, 0px) !important;

  top: 0px;

  left: 0px;

  will-change: transform;

}
@media (min-width: 850px) and (max-width: 900px) {
  #sideindex {
    min-width: 113px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1245px) {
  #sideindex {
    min-width: 113px !important;
  }
  .inner-page a.dropdown-item, a.dropdown-item {
    font-size: 11px;
}
}
}

@media screen and (min-width: 100px) and (max-width: 300px){
  .footer{
  height: 355px;
}
}
@media screen and (min-width: 300px) and (max-width: 401px){
  .footer{
  height: 347px;
}
}
@media screen and (min-width: 400px) and (max-width: 577px){
  .footer{
  height: 380px;
}
}
@media screen and (min-width: 300px) and (max-width: 577px){
  .wthree_copy_right p {
    text-align: center;
    color: gold;
  text-align: center;
  font-size: 0.8em;
}
}
@media screen and (min-width: 577px) and (max-width: 768px){
.footer{
  height: 380px;
}
}

label {
 margin-right: 5px;
}
/* satyendra changes line no.: 674, 4974 to 4997, task number DK000685 */
/* Ranjeet changes line no.: 4976 To 4981, task number DK000717 */
/* Ranjeet changes line no.: 620, 3661 to 3685, task number DK000733 */
/* Ranjeet changes line no.: 4998 to 5001, task number DK000739 */
/* Ranjeet changes line no.: 302 to 308, 809 to 831  task number DK000787 */