/*    Loader Css  */
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*End loader Css*/

      body 
        {
            font-family: 'Nunito', sans-serif;
            width: 100%;
            background-color: #fff;
        }
        nav
        {
            background-color: #fff;
            width: 100%;
        }
        .nav_hide
        {
            width: 100%;
        }
        .nav_header{
            
            height: 35px;
            width: 100%;
        }
        .logo_div{
            height: 200px;
            background-color: red;
        }
        @media(min-width:1550px){
            
            .mobile_number_text{
            margin-left:180px; font-size: 17px; font-weight:400; font-family: 'Roboto', sans-serif;
            }
            .email_number_text{
                position: absolute;
                left: 1270px;
                 font-size: 17px; font-weight:400; font-family: 'Roboto', sans-serif;
            }
            .logo_div{
                width: 100%; height: 40px; background: #b8161d; margin-top: 40px;
            }
            .heading_line_text{
                font-family: 'Roboto', sans-serif;
                position: relative; top:-36px;
                left: 40px;
                color:#ffffff;
                sans-serif;
                margin: 0 0 10px;
                font-size: 22px;
                font-weight: 400;
                color: #fff;
                text-align: justify;
            }
            .description_text{
              color: black; font-size:16px; position: relative; top: -90px;
              font-smooth: 10px;

            }
            .contant_div{
                margin-left: 40px;
            }
        }
        @media(max-width:1550px){
            
            .mobile_number_text{
            margin-left:180px; font-size: 17px; font-weight:400; font-family: 'Roboto', sans-serif;
            }
            .email_number_text{
                margin-right:30px; font-size: 17px; font-weight:400; font-family: 'Roboto', sans-serif;
            }
            .logo_div{
                width: 100%; height: 40px; background: #b8161d; margin-top: 40px;
            }

            .logo_div{
                width: 100%; height: 40px; background: #b8161d; margin-top: 40px;
            }
            .heading_line_text{
                font-family: 'Roboto', sans-serif;
                position: relative; top:-36px;
                left: 40px;
                color:#ffffff;
                sans-serif;
                margin: 0 0 10px;
                font-size: 22px;
                font-weight: 400;
                color: #fff;
                text-align: justify;
            }
            .description_text{
              color: black; font-size:16px; position: relative; top: -90px;
              font-smooth: 10px;

            }
            .contant_div{
                margin-left: 40px;
            }
        }


        @media(max-width:1199px){
            .hide_unhide{
            display: inherit;
            }
            .nav_hide{
                display: none;
            }
            .contant_div{
                margin-left:-80px;
            }
            

        }


        @media(max-width:1090px){
            .hide_unhide{
            display: inherit;
            }
            .nav_hide{
                display: none;
            }
            .contant_div{
                position: absolute;
                left: 90px;
            }
            .description_text{
              color: black; font-size:16px; position: relative; top: 50px;
              font-smooth: 10px;

            }

        }

        @media(max-width:800px){
            .hide_unhide{
            display: none;
            }
            .nav_hide{
                display: inherit;
            }

            .span{
                display: none;
            }
            .contant_div{

                
            }
            .nav_header{
                display: none;
            }
            .description_text{
              
              display: none;

            }
        }
        
        @media(min-width:800px){
            .hide_unhide{
                display: none;
           }
            .nav_hide{
                display: inherit;
            }
        }





        @media (min-width: 1000px) {
            
            .navbar-toggler-icon {
                display:none;
            }

            .nav_bar_hiding{
                display: none;
            }
           #wrapper {
              padding-left: 250px;
           }
           .fixed-brand {
              width: 250px;
           }
           #wrapper.toggled {
              padding-left: 0;
           }
           #sidebar-wrapper {
              width: 250px;
           }
           #wrapper.toggled #sidebar-wrapper {
              width: 250px;
           }
           #wrapper.toggled-2 #sidebar-wrapper {
              width: 50px;
           }
           #wrapper.toggled-2 #sidebar-wrapper:hover {
              width: 250px;
           }
           #page-content-wrapper {
              padding: 20px;
              position: relative;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
           }
           #wrapper.toggled #page-content-wrapper {
              position: relative;
              margin-right: 0;
              padding-left: 250px;
           }
           #wrapper.toggled-2 #page-content-wrapper {
              position: relative;
              margin-right: 0;
              margin-left: -200px;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
              width: auto;
           }
             /* SIDE BAR CSS        */
            .nav-pills > li > a {
               border-radius: 0;
            }

            #wrapper {
               padding-left: 0;
               -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
               -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
               overflow: hidden;
               background: #fff;


            }

            #wrapper.toggled {
               padding-left: 250px;
               overflow: hidden;
            }
            #wrapper.toggled #sidebar-wrapper {
                width: 0px;
            }
            #sidebar-wrapper {
               z-index: 1000;
               position: fixed;
               top:60px;
               left: 250px;
               width: 250px;
               height: 100vh;
               margin-left: -250px;
               overflow-y: auto;
               background: #fff;
               color: #fff;
               -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
               -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
               overflow: scroll;
            }
            ::-webkit-scrollbar {
                display: none;
            }

            #wrapper.toggled #sidebar-wrapper {
               
              width: 100%;
            }

            #page-content-wrapper {
               position: absolute;
               padding: 15px;
               width: 100%;
               overflow-x: hidden;
            }

            .xyz {
               min-width: 360px;
            }

            #wrapper.toggled #page-content-wrapper {
               position: relative;
               margin-right: 0px;
            }

            .fixed-brand {
               width: auto;
            }
            /* Sidebar Styles */

            .sidebar-nav {
               position: absolute;
               top: 30px;
               width: 100%;
               margin: 0;
               padding: 0;
               list-style: none;
               margin-top: 2px;
            }

            .sidebar-nav li {
               text-indent: 15px;
               line-height: 40px;
            }

            .sidebar-nav li a {
               display: block;
               text-decoration: none;
               color: #000;
            }

            .sidebar-nav li a:hover {
               text-decoration: none;
               color: #000;
               background: #f2f2f2;

               border-left: red 2px solid;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
               text-decoration: none;
            }

            .sidebar-nav > .sidebar-brand {
               height: 65px;
               font-size: 18px;
               line-height: 60px;
            }

            .sidebar-nav > .sidebar-brand a {
               color: #999999;
            }

            .sidebar-nav > .sidebar-brand a:hover {
               color: #fff;
               background: none;
            }

            .no-margin {
               margin: 0;
            }

           .nav_bar_hiding {
                display: none;
            }
            
        }
        


         @media (max-width: 1000px) {
             .navbar-toggler-icon {
                display:inline;
            }
            
            .nav_bar_hiding{
                display: none;
            }
           #wrapper {
              padding-left: 0px;
           }
           .fixed-brand {
              width: 0px;
           }
           #wrapper.toggled {
              padding-left: 0;
           }
           #sidebar-wrapper {
              width: 0;
           }
           #wrapper.toggled #sidebar-wrapper {
              width: 0px;
           }
           #wrapper.toggled-2 #sidebar-wrapper {
              width: 50px;
           }
           #wrapper.toggled-2 #sidebar-wrapper:hover {
              width: 0px;
           }
           #page-content-wrapper {
              padding: 20px;
              position: relative;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
           }
           #wrapper.toggled #page-content-wrapper {
              position: relative;
              margin-right: 0;
              padding-left: 250px;
           }
           #wrapper.toggled-2 #page-content-wrapper {
              position: relative;
              margin-right: 0;
              margin-left: -200px;
              -webkit-transition: all 0.5s ease;
              -moz-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;
              width: auto;
           }
     
            /* SIDE BAR CSS        */
            .nav-pills > li > a {
               border-radius: 0;
            }

            #wrapper {
               padding-left: 0;
               -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
               -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
               overflow: hidden;
               background: #fff;


            }

            #wrapper.toggled {
               padding-left: 250px;
               overflow: hidden;
            }
            #wrapper.toggled #sidebar-wrapper {
                width: 0px;
            }
            #sidebar-wrapper {
               z-index: 1000;
               position: fixed;
               top:60px;
               left: 250px;
               width: 0px;
               height: 100vh;
               margin-left: -250px;
               overflow-y: auto;
               background: #fff;
               color: #fff;
               -webkit-transition: all 0.5s ease;
               -moz-transition: all 0.5s ease;
               -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
               overflow: scroll;
            }
            ::-webkit-scrollbar {
                display: none;
            }

            #wrapper.toggled #sidebar-wrapper {
               
              width: 100%;
            }

            #page-content-wrapper {
               position: absolute;
               padding: 15px;
               width: 100%;
               overflow-x: hidden;
            }

            .xyz {
               min-width: 360px;
            }

            #wrapper.toggled #page-content-wrapper {
               position: relative;
               margin-right: 0px;
            }

            .fixed-brand {
               width: auto;
            }
            /* Sidebar Styles */

            .sidebar-nav {
               position: absolute;
               top: 30px;
               width: 100%;
               margin: 0;
               padding: 0;
               list-style: none;
               margin-top: 2px;
            }

            .sidebar-nav li {
               text-indent: 15px;
               line-height: 40px;
            }

            .sidebar-nav li a {
               display: block;
               text-decoration: none;
               color: #000;
            }

            .sidebar-nav li a:hover {
               text-decoration: none;
               color: #000;
               background: #f2f2f2;

               border-left: red 2px solid;
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
               text-decoration: none;
            }

            .sidebar-nav > .sidebar-brand {
               height: 65px;
               font-size: 18px;
               line-height: 60px;
            }

            .sidebar-nav > .sidebar-brand a {
               color: #999999;
            }

            .sidebar-nav > .sidebar-brand a:hover {
               color: #fff;
               background: none;
            }

            .no-margin {
               margin: 0;
            }

            .nav_bar_hiding{
                display: inherit;
            }

        }
        









.create_btn {
          width:auto;
          float: right;
            background: #4CAF50;
            margin: 10px;
            padding: 10px 15px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;  
            font-size: 18px;
            font-weight: 700;          
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
            border: 1px solid white;
          }

          .create_btn:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }
          .create_btn:active {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }


          #menu-toggle{
            margin-right: 15px;
          }