/*
Template Name: Moltran Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Responsive
*/


@media only screen and (max-width: 6000px) and (min-width: 700px) {
  .wrapper.right-bar-enabled .right-bar {
    right: 0;
    z-index: 99;
  }

  .custom90{
      width: 90%;
  }

  .custom10{
      width: 10%;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  body {
    overflow-x: hidden;
  }

    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
     /*   margin-left: 4px !important;*/
      margin-left: 17px !important;
     
    }

.h3, h3 {
    font-size: 17px;
}


}



@media (max-width: 1024px) {
.form-control {
            padding: 6px 2px;
    }

.IcontFonts {
    font-size: 22px;
        margin-bottom: 8px;

}

}

@media (min-width: 767px) and (max-width: 1024px) {

.Custome-Valignment {
    display: list-item;
    }

 .Panel-title-Customized {
     height: 30px;
    line-height: 1.1em;
    font-size: 11px !important;
    }

 .HomeWorkWeek {
    float: right;
       right: 92px;
    margin-top: -11px !important;
    }

}




@media (max-width: 768px) {
    .nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
      
        padding-left: 10px;
        padding-right: 10px;
    }


}



@media (min-width: 769px) and (max-width: 2000px) {
 .modal-dialog {
        width: 60% !important;
    }
}


@media (max-width: 767px) {


  h3 {  font-size: 18px;   }
  body {
    overflow-x: hidden;
  }

   .tabs-vertical-env .tab-content {
        padding: 10px 12px;
    }

 #topSearch .SearchBoxWidth {
    width:150px;
}

  .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 5px 5px 5px;
}

    .notifi-title {

        font-size: 13px;
    }

  .nav>li {
      display: inline-flex;
}

 .nav > li > a {
      padding: 0px 4px;
    }

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
   /*margin-left: 17px !important;*/
    margin-left: 5px !important;
    }

    #wrapper.enlarged .left.side-menu {
        padding-top: 32px;
    }
  .mobile-sidebar {
    left: 0px;
  }
  .mobile-content {
    left: 250px;
    right: -250px;
  }
  .wrapper-page {
    width: 90%;
  }
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: absolute;
    right: 0;
  }
  .todo-send {
    margin-top: 10px;
    padding-left: 15px;
  }
  .chat-inputbar {
    padding-left: 15px;
  }
  .chat-send {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .wizard > .steps > ul > li {
    width: 100%;
  }
  .wizard > .content {
    padding: 0px !important;
  }
  .wizard > .content > .body {
    float: none;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0%;
  }
  .wizard.vertical > .steps {
    display: inline;
    float: none;
    width: 100%;
  }
  .wizard.vertical > .content {
    display: inline;
    float: none;
    margin: 0%;
    width: 100%;
  }
  .navbar-form {
    margin-top: 6px;
    margin-bottom: 6px;
  }

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th
    {
        font-size: 12px;
    }

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

  .custom90{
      width: 75%;
  }

  .custom10{
      width: 25%;
  }

.HeadingXS {     margin-top: 10px;
    }

.WrapperYrBox { width:115px; }
    
.IcontFonts {
     margin-bottom: 3px;
}


.m-t-70 {
    margin-top: 50px;
}

.conditional-m-l-10 {
    margin-left: 10px;
    }

.conditional-m-b-15 {
    margin-bottom: 15px !important;
    }

 .HomeWorkWeek {
    float: right;
   margin-top: -5px !important;
    }

.ConditionalLeftRight {
    text-align:left;
    }

.TabularView {
        font-size: 17px !important;
    }

.conversation-list {
        padding: 0px 6px;
    } 

 .mini-stat {
     min-height:inherit; 
     margin-bottom: 0px;
    padding: 9px;
}
.AL {
       margin: 4px 1%;
    } 
      
.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
        line-height: 41px;
        padding-left: 10px;
        padding-right: 10px;
    }

.nav>li {
    display: inline-table;
}

 #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
         padding-left: 6px;
    }

    #wrapper.enlarged .left.side-menu {
        padding-top: 30px;
    }

    #wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
       /*margin-left: 3px !important;
       margin-left: -8px !important;*/
       margin-left: 4px !important;
    }

    .btn {
       font-size: 14px;
    padding: 1px 5px;
    }

    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
   
        left: 40px;
    }

    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
      
        width: 232px;
    }

    #wrapper.enlarged .content-page {
    margin-left: 44px;
}
    #wrapper.enlarged .left.side-menu {
        width: 40px;
    }

    #wrapper.enlarged .topbar .topbar-left {
    width: 42px !important;
}
   
    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
    font-size: 13px;
}
   
.LogoIcon {

    max-width:70%;
}


  .side-menu {
    z-index: 10 !important;
  }
  .button-menu-mobile {
    display: block;
  }
  .search-bar {
    display: none !important;
  }

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {

    font-size:12px;
}

.MarginTop10 {
    margin-top: 20px;
}



.nav > li > a {
    
    padding: 0px 3px;

}

.side-menu {

    width: 225px;
}
.topbar .topbar-left {

    width: 225px;

}

}




@media (max-width: 420px) {
  .hide-phone {
    display: none !important;
  }
}
/* Container-alt */
@media (min-width: 768px) {
  .container-alt {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-alt {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-alt {
    width: 1170px;
  }
}