/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 body{
  position: relative;
  overflow: initial;
 }
 body.menu-on-top{
  overflow: unset;
 }
 #icon_slect
 {
/*  margin-left: 24px;*/
/*    min-width: 407px;*/
 }
 #section-about .about-box {
    margin-bottom: 24px;
    background-color: #fff;
    color: #484848;
    border: solid 1px #CCCCCC;
    box-shadow: 0px 2px 3px #ccc;
    position: relative!important;
    opacity: 1!important;
    z-index: 11;
}
.tr-1 td:nth-child(2){
  display: block;
}
.tr-1 td{
  display: none;
}
.credentials-view{
  /*max-width: 215px;*/
  overflow: auto;
}
#smallbox1 {
  
    width: 60%!important;
    padding: 11px;
}
#divSmallBoxes
{

width: 50%!important;
    
}
#devicesLI span

{
padding-left: 4px!important;
}
#kbsLI span
{
  padding-left: 4px!important;
}
.easyPieChart canvas {
   /* position: absolute;
    top: 0;
    left: 0;*/
    width: 65px!important;
    height: 65px!important;
}
.easyPieChart {
    /*position: relative;
    text-align: center;*/
    line-height: 65px!important;
    width: 62px!important;
        margin: 0px auto;
    display: block;
}
.easy-pie-title
{
    
    width: 100%;
    text-align: center;
}
#formsLI span
{
   padding-left: 3px!important;
}
/* #formsLI
{
    padding-left: 5px;
} */
.miniPic 
{
      position: fixed;
    top: 14px;
}
.easy-pie-chart .percent {
    
    margin-top: -24px!important;
   
    left: 3px;
}
 .icon_11
{
  margin-left: 25px;
}
 .slect_icons
  {
        clear: both;
    margin-top: 32px;
      /*  padding-left: 53px;*/
  }
 #icon_slect1
 {
    /*margin-left: 24px;*/
/*    min-width: 407px;*/
 }
 nav ul ul ul li a {
    color: #bfbfbf;
    padding: 1px 10px 3px 60px!important;
        /*padding: 1px 10px 4px 50px!important;*/
    font-size: 14px;
    margin-top: 0;
}
#header{
  padding: 0px;
}
.multiSelectField option:checked{
  background: linear-gradient(#1e90ff,#1e90ff);
  background-color: #1e90ff !important;
}
.multiSelectFieldView option:checked{
  background: linear-gradient(#ffffff,#ffffff);
  background-color: #ffffff !important;

}

.fr-view table{
  width: 100%;
}
 #left-panel{
  padding-top: 0px;
  z-index: 900;
 }
 .menu-on-top aside#left-panel nav>ul>li>a{
  height: auto;
  padding: 7px 9px!important;
 }
 .menu-on-top nav ul ul li.right-addon:first-child{
  padding-left: 10px!important;
 }
 .menu-on-top nav ul ul li em{
  display: none;
 }
.jarviswidget .widget-body{
  min-height: auto; 
}
 .menu-on-top #logout{
  display: block!important;
 }
 .menu-on-top .menu-item-parent{
  max-width: 100%;
 }
 .dataTables_filter .input-group-addon{
  float: none;
 }
 div.dataTables_filter{
  position: initial;
 }
 .dataTables_filter .input-group {        
    position: absolute;
    top: -44px;
    left: 10px;
}
.DTTT.btn-group, div.dataTables_length{
  top: -44px;
}
.ui-dialog-buttonset button{
  padding: 6px 12px!important;
}
#ribbon .demo{
  display: none;
}
.demo{
  z-index: 999!important;
}
.fixed-navigation nav{
  padding-bottom: 0px;
}
.fixed-ribbon #ribbon{
  z-index: 995;
}
.menu-on-top .company-child > a{
  border-left: 0px;
  border-right: 0px;
  border-top: 3px solid #5d5d5d;
}
.menu-on-top .company-child-bottom > a{
  border-bottom: 0px;
  border-top: 3px solid #5d5d5d;
}
.dt-bottom-row{
  background: transparent!important;
}
.menu-on-top #content{
  /*padding-bottom: 79px;*/
}
.menu-on-top .page-footer {
  bottom: -69px!important;
}
.fixed-page-footer .page-footer {
  bottom: -0px!important;
}
#mypassword-addform label{
  margin-top: 5px;
}
body.smart-style-6 #logo-group>span#logo:before{
  display: none;
}
body.smart-style-6 #logo img{
  display: block;
}
body.smart-style-6 .btn-group .dropdown-menu,body.smart-style-6 .date-picker .dropdown-menu,body.smart-style-6 .dropdown,body.smart-style-6 .dropdown-menu{
  -webkit-transform-origin:top left;
  -moz-transform-origin:top left;
  -ms-transform-origin:top left;
  transform-origin:top left;
  -webkit-transition:all;
  -o-transition:all;
  transition:all;
  -webkit-transition-duration:250ms;
  transition-duration:250ms;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:scale(0)-;
  -ms-transform:scale(0)-;
  -o-transform:scale(0)-;
  transform:scale(0)-;
  opacity:0-;
  filter:alpha(opacity=0)-;
  display:block-;
}
.header-dropdown-list{
  margin-left: 10px;
}
.menu-on-top .ClientBackGround{
  display: none!important;
}
#sDashboard .tab-content, #s5 .tab-content , #s7 .tab-content{
  /*  margin-left: 330px !important;*/
}
#sDashboard .nav-tabs{
  float: left;
}
#sDashboard .tab-content, #s5 .tab-content, #s7 .tab-content{
  width: 75%;
  float: left;
}
#sDashboard div.active{
  margin-top: 10px;
}
#demo-pill-nav{
  width: 20%;
}
.box-check
{
      padding-left: 39px!important;
}
.open > .dropdown-menu {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}
.list-unstyled2 ul li:before{
  content : "\f101";
  font-family: 'FontAwesome';  
  color: #f00;
}
.list-unstyled2 ul{
  list-style: none;
  padding-left: 15px;
}
#ColsMenuFour > ul {
    min-width: 650px;
}

#left-panel nav > ul{
  position: absolute;
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}
.menu-on-top #left-panel nav > ul{
  position: initial;
  max-height: initial;
  overflow-y: initial;
  padding-bottom: initial;
}
#left-panel nav > ul::-webkit-scrollbar {
  width: 3px;
}
 
#left-panel nav > ul::-webkit-scrollbar-track {
  background: #ddd;
}
 
#left-panel nav > ul::-webkit-scrollbar-thumb {
  background: #666; 
}
#icon

  {
       height: 30px;
    height: 31px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border: 1px solid #BDBDBD;
    width: 100%;

  }
  #EncKey
  {
width: 56%;
    /* min-width: 224px; */
    clear: both;
    position: absolute;
    right: 75px;

  }
  #sharecontactid
  {
width: 56%;
    /* min-width: 224px; */
    clear: both;
    position: absolute;
    right: 75px;

  }
  .contact_modal
  {
        position: absolute;
    left: 0px;
  }
  .Encryption_Key
  {
        position: relative;
    left: 0px;
    left: 49px;
    text-align: left;
    top: 19px;

  }

  .modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
}
@media(max-width: 600px){
  #ATSettingsConfiguration button{
    margin-top: 10px;
  }
  #ATSettings1Way > section{
    height: auto!important;
  }
}
@media(max-width: 480px){
  #demo-pill-nav{
  width: 100%;
}
#sDashboard .tab-content, #s5 .tab-content, #s7 .tab-content{
  width: 100%;
}
}
@media(max-width: 420px){
  .smart-form .toggle i{
    top: -20px;
  }
}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.33333333em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tabs-left > .tab-content {
    margin-left:0px!important; 
}
.icon-AD:before {
  content: "\e900";
}
.icon-application:before {
  content: "\e916";
}
.icon-backup:before {
  content: "\e901";
}
.icon-camera3:before {
  content: "\e903";
}
.icon-database:before {
  content: "\e904";
}
.icon-dbconn:before {
  content: "\e905";
}
.icon-disk:before {
  content: "\e906";
}
.icon-Drive:before {
  content: "\e907";
}
.icon-file17:before {
  content: "\e908";
}
.icon-fileshare:before {
  content: "\e909";
}
.icon-firewall:before {
  content: "\e90a";
}
.icon-ftpsite:before {
  content: "\e90b";
}
.icon-host:before {
  content: "\e90c";
}
.icon-ica:before {
  content: "\e90d";
}
.icon-kvm:before {
  content: "\e90e";
}
.icon-lun:before {
  content: "\e90f";
}
.icon-notebook:before {
  content: "\e910";
}
.icon-router:before {
  content: "\e911";
}
.icon-san:before {
  content: "\e912";
}
.icon-server:before {
  content: "\e913";
}
.icon-site:before {
  content: "\e914";
}
.icon-switch:before {
  content: "\e915";
}
.icon-task:before {
  content: "\e916";
}
.icon-telnet:before {
  content: "\e917";
}
.icon-ups:before {
  content: "\e918";
}
.icon-website:before {
  content: "\e919";
}
.icon-wrench:before {
  content: "\e91a";
}
.icon-form:before {
  content: "\e902";
}
.icon-host, .icon-form{
    line-height: .75em;
    vertical-align: -15%;
    margin-right: 10px;
}
.menu-on-top .showsearch {
  display: block!important;
}
.menu-on-top .right-addon #companysearch i, .menu-on-top .right-addon #accountssearch i, .menu-on-top .right-addon #agreementssearch i, .menu-on-top .right-addon #contactssearch i, .menu-on-top .right-addon #configobjectssearch i, .menu-on-top .right-addon #devicessearch i, .menu-on-top .right-addon #docssearch i{
    left: 0px;
    position: initial;
} 
.menu-on-top .right-addon #companysearch a, .menu-on-top .right-addon #accountssearch a, .menu-on-top .right-addon #agreementssearch a, .menu-on-top .right-addon #contactssearch a, .menu-on-top .right-addon #configobjectssearch a, .menu-on-top .right-addon #devicessearch a, .menu-on-top .right-addon #docssearch a{
  color: #3276b1;
}
.menu-on-top .right-addon #companysearch a:hover, .menu-on-top .right-addon #accountssearch a:hover, .menu-on-top .right-addon #agreementssearch a:hover, .menu-on-top .right-addon #contactssearch a:hover, .menu-on-top .right-addon #configobjectssearch a:hover, .menu-on-top .right-addon #devicessearch a:hover, .menu-on-top .right-addon #docssearch a:hover{
  color: #fff;
}
.menu-on-top.smart-style-2 #left-panel, .smart-style-4:not(.menu-on-top) #left-panel {
  padding-top: 0px!important;
}
.smart-style-4:not(.menu-on-top) nav ul li a:hover{
  background: none;
}
.smart-style-2.menu-on-top aside#left-panel nav>ul>li>a, .smart-style-3.menu-on-top aside#left-panel nav>ul>li>a{
  padding: 7px 9px!important;
}
.smart-style-4:not(.menu-on-top) nav ul li ul li a:hover {
  background: #313645!important;
}
.smart-style-3 .header-search>input[type=text]{
  border-top-color: #a3a3a3;
  border-left-color: #a3a3a3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
}
.smart-style-3 .header-search>button {
    color: #6D6A69;
}
.smart-style-4 #header>:first-child {
    background: #ffffff;
}
.smart-style-4 #logo-group span#activity {
    background: #ffffff;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#ebebeb),color-stop(1,#ffffff));
  color: #676667;
  border-color: rgba(103, 102, 103, 0.3);
}
.smart-style-3 #header{
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e2e2e2));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: -o-linear-gradient(top, #f3f3f3, #e2e2e2);
  background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
  background-repeat: repeat-x;
}
.smart-style-3 #logo-group span#activity, .smart-style-3 .btn-header>:first-child>a, .smart-style-3 #hide-menu i{
  color: #6D6A69!important;
  text-shadow: inherit;
}
.smart-style-3 .header-dropdown-list>li>.dropdown-toggle{
  text-shadow: initial;
}
.smart-style-3 .dropdown-menu{
  background: #fff;
}
.smart-style-3 .dropdown-menu>.active>a, .smart-style-3 .dropdown-menu>.active>a:hover, .smart-style-3 .dropdown-menu>li>a:hover, .smart-style-3 .dropdown-menu>li>a:focus, .smart-style-3 .tt-suggestion.tt-is-under-cursor{
  background-color: #3276b1;
}
.smart-style-2 #left-panel {
  padding: 0px;
}
.smart-style-1 .ClientBackGround{
  background-color: #22262e!important;
}
.smart-style-1 .companyLI-small > a{
  height: auto!important;
}
.smart-style-1 .company-child > a, .smart-style-1 .company-child  > ul {
    border-left: 10px solid #22262e!important;
    border-right: 10px solid #22262e!important;
}
.smart-style-1 .company-child-bottom > a {
    border-bottom: 10px solid #22262e;
}
.smart-style-1 nav ul ul {
    background: #111317;
}
.smart-style-1 .menu-on-top .company-child > a, .smart-style-1 .menu-on-top .company-child  > ul{
  border-left: 0px!important;
  border-right: 0px!important;
}
.smart-style-1 .menu-on-top .company-child-bottom > a {
  border-bottom: 0px;
}
.smart-style-1 .menu-on-top .company-child > a{
  border-top: 3px solid #22262e;
}

.smart-style-2 .ClientBackGround{
  background-color: #2c3742!important;
}
.smart-style-2 .companyLI-small > a{
  height: auto!important;
}
.smart-style-2 .company-child > a, .smart-style-2 .company-child  > ul {
    border-left: 10px solid #2c3742!important;
    border-right: 10px solid #2c3742!important;
}
.smart-style-2 .company-child-bottom > a {
    border-bottom: 10px solid #2c3742;
}
.smart-style-2 .menu-on-top .company-child > a, .smart-style-2 .menu-on-top .company-child  > ul{
  border-left: 0px!important;
  border-right: 0px!important;
}
.smart-style-2 .menu-on-top .company-child-bottom > a {
  border-bottom: 0px;
}
.smart-style-2 .menu-on-top .company-child > a{
  border-top: 3px solid #2c3742;
}

.smart-style-3 .ClientBackGround{
  background-color: #686F7E!important;
}
.smart-style-3 .company-child > a, .smart-style-3 .company-child  > ul {
    border-left: 10px solid #686F7E!important;
    border-right: 10px solid #686F7E!important;
}
.smart-style-3 .company-child-bottom > a {
    border-bottom: 10px solid #686F7E;
}
.smart-style-3 .menu-on-top .company-child > a, .smart-style-3.menu-on-top .company-child  > ul{
  border-left: 0px!important;
  border-right: 0px!important;
}
.smart-style-3 .menu-on-top .company-child-bottom > a {
  border-bottom: 0px;
}
.smart-style-3 .menu-on-top .company-child > a{
  border-top: 3px solid #686F7E;
}
.smart-style-3 .company-child{
  border-left: 0px!important;
}

.smart-style-4 .ClientBackGround{
  background-color: #2d3348!important;
}
.smart-style-4 .companyLI-small > a{
  height: auto!important;
}
.smart-style-4 .company-child > a, .smart-style-4 .company-child  > ul {
    border-left: 10px solid #2d3348!important;
    border-right: 10px solid #2d3348!important;
}
.smart-style-4 .company-child-bottom > a {
    border-bottom: 10px solid #2d3348;
}
.smart-style-4 .menu-on-top .company-child > a, .smart-style-4 .menu-on-top .company-child  > ul{
  border-left: 0px!important;
  border-right: 0px!important;
}
.smart-style-4 .menu-on-top .company-child-bottom > a {
  border-bottom: 0px;
}

.smart-style-4 .menu-on-top .company-child > a{
  border-top: 3px solid #2d3348;
}

.smart-style-4 .tab-pane  .jarviswidget  header,.smart-style-4 .jarviswidget-color-blueDark > header{
  background-color: #2d3348!important;
  border-color: #2d3348!important;
}

.smart-style-5 #user_name_block {
  background-color: rgba(29,61,104,.43)!important;
}
.smart-style-5 .panel-custom-header {
    background-color: rgba(29,61,104,.43)!important;
}

.smart-style-5 .ClientBackGround{
  background-color: rgba(29,61,104,.43)!important;
}
.smart-style-5 .companyLI-small > a{
  height: 33px!important;
}
.smart-style-5 .company-child > a, .smart-style-5 .company-child  > ul {
  border-left: 10px solid rgba(29,61,104,.43)!important;
  border-right: 10px solid rgba(29,61,104,.43)!important;
}
.smart-style-5 .company-child-bottom > a {
  border-bottom: 10px solid rgba(29,61,104,.43)!important;  
}
.smart-style-5 .menu-on-top .company-child > a, .smart-style-5 .menu-on-top .company-child  > ul{
  border-left: 0px!important;
  border-right: 0px!important;
}
.smart-style-5 .menu-on-top .company-child-bottom > a {
  border-bottom: 0px!important;
}
.smart-style-5 .menu-on-top .company-child > a{
  border-top: 3px solid rgba(29,61,104,.43)!important;
}
.smart-style-5 .well.well-light{
  background: transparent!important;
}
.smart-style-5 ::-webkit-input-placeholder{
  color:#fff;
}
.smart-style-5 ::-moz-input-placeholder{
  color:#fff;
}
.smart-style-5 :-ms-input-placeholder{
  color:#fff;
}
.smart-style-5 :-moz-input-placeholder{
  color:#fff;
}
.smart-style-5 input[type="text"], .smart-style-5 .SpanHeader{
  background-color: transparent;
}
.smart-style-5 .ui-autocompletetext:nth-child(odd) {
    background-color: #0f1a1d!important;
}
.smart-style-5 .ui-autocompletetext:nth-child(even) {
    background-color: #123042!important;
}
.fixed-page-footer .page-footer{
  z-index: auto;
}
.pagination>.active>a{
  z-index: 0;
}
body.container #header div.head-right .header-search-div .header-search > input[type="text"]{
  min-width: 175px;
}
.smart-style-4 .menu-on-top .login-info{
  display: none!important;
}
.smart-style-4:not(.mobile-view-activated) .login-info, .smart-style-4 #ribbon, .smart-style-4 #smart-fixed-ribbon+span {
  display: block;
  width: 100%;
}
.smart-style-4 .ribbon-button-alignment{
  display: inline-block;
}
.smart-style-4 #ribbon {
  position: relative!important;
  z-index: inherit;
  left: 0;
  top: 0;
  font-size: inherit;
  font-weight: 700;
  background: #3a3f51;
}
.smart-style-4 #user_name_block{ 
  background-color: #3b4051;
}
.smart-style-4 .panel-custom-header {
    background-color: #3b4051!important;
}
.select2-search:before{
  top: 50%;
}
.client-form i, #sTemplate2 i.fa, #sTemplate1028 i.fa{
  font-family: FontAwesome!important;
}
.smart-style-5 .btn-group.btn-default a{
  color:#fff!important;
}
.fixed-header #left-panel{
  top: 0px;
}
.menu-on-top #left-panel, .fixed-navigation #left-panel{
  top: initial;
}
#login.fixed-ribbon #content{
  padding-top: 90px;
}
.smart-style-5 .list-unstyled2, .smart-style-5 .list-unstyled2 > li:nth-child(even), .smart-style-5 .list-unstyled3{
  background: transparent;
}
.smart-style-5 .list-unstyled3{
  color: #FFD600;
}
.smart-style-5 .list-unstyled2 > .list-unstyled3 > b > i{  
  color: #FFD600;
}
.smart-style-5 .list-unstyled2 > li:hover{  
  background-color: #3276b1;
}
.smart-style-5 .list-unstyled2 > li.list-unstyled3:hover{
  background-color: initial;
}
.smart-style-5 .list-unstyled2 > li:not(a){
  /*display: none;*/
}
.smart-style-5 .list-unstyled2 > li:hover a{
  color: #FFFFFF; 
}
.smart-style-5 .btn-header>:first-child>a:hover i{
  color: #FFD600;
}
.smart-style-5 .dropdown-menu{
  background-color: transparent;
  background-image: -moz-linear-gradient(top,#000,rgba(0,0,0,.7));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#000),to(rgba(0,0,0,.7)));
  background-image: -webkit-linear-gradient(top,#000,rgba(0,0,0,.7));
  background-image: -o-linear-gradient(top,#000,rgba(0,0,0,.7));
  background-image: linear-gradient(to bottom,#000,rgba(0,0,0,.7));
}
.fr-view .list-unstyled  table td:empty, .fr-view .list-unstyled  table th:empty{
  display: none;
}
.fr-view .list-unstyled  table td, .fr-view .list-unstyled  table th{
  border:0px;
}
.smart-style-0 #user_name_block {
  background-color: #5d5d5d;
}
.smart-style-0 .panel-custom-header {
    background-color: #5d5d5d!important;
}
.smart-style-1 #user_name_block{
  background-color: #22262e!important;
}
.smart-style-1 .panel-custom-header {
    background-color: #22262e!important;
}
.smart-style-2 #user_name_block{
  background-color: #2c3742!important;
}
.smart-style-2 .panel-custom-header {
    background-color: #2c3742!important;
}
.smart-style-6 .ClientBackGround{
  background: #2196f3!important;
}
.smart-style-6 .company-child > a, .smart-style-6 .company-child > ul {
  border-left: 10px solid #2196f3;
  border-right: 10px solid #2196f3;
}
.smart-style-6 .company-child-bottom > a{
  border-bottom: 10px solid #2196f3;
}
.smart-style-6 .companyLI-small > a{
  height: 42px;
}
.smart-style-6 #user_name_block{
  background-color: #2196f3!important;
}
.smart-style-6 .panel-custom-header {
    background-color: #2196f3!important;
}
.smart-style-6 .tab-pane  .jarviswidget  header,.smart-style-6 .jarviswidget-color-blueDark > header{
  background-color: #2196f3!important;
  border-color: #2196f3!important;
}
.btn-refresh{
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#ff0000))!important;
  background-image: -webkit-linear-gradient(top, #ff0000, #ff0000)!important;
  background-image: -o-linear-gradient(top, #ff0000, #ff0000)!important;
  background-image: linear-gradient(to bottom, #ff0000, #ff0000)!important;
}
#dHistory legend{
  padding: 6px 0 20px;
} 
.change-history-header{
  position: relative;
}
.dt-wrapper{
  overflow: auto!important;
}
#sNotes, #adjustSecurity{
  width: 100%;
  overflow: auto;
}
#dialog_notes{
  /*max-height: 500px!important;*/
}
.ui-dialog.cls-dlg-notes{
  top: 50px!important;
  position: fixed;
}
body.smart-style-6 #content{
  margin-left: initial;
  margin-right: initial;
}
body.smart-style-6 #content {
    margin-top: 5px;
}
table.dataTable{
  margin-top: 0px!important;
}
.SpanHeader{
    padding-bottom:0px;
}
.icon-append.fa{
  font-family: FontAwesome!important;
}
.smart-style-5 .smart-form .toggle i{
  background:#333;
}
.smart-style-5 .note-bit-div label{
  color: #333!important;
}
#HistoryBr{
  display: none;
}
.smart-style-3 .panel-custom-header{
  background-color: #686F7E!important;
  }
#user_name_block{
  height: initial!important;
  margin-bottom: 15px;
}
#Description{
  padding-left:17px;
}
#tbl_FormList tr{
  cursor: pointer;
}
.widget-icon .icon-form{
  margin-right: 0px;
  font-size: 14px;
}
#dialog_notes{
  padding-top: 0px;
}
#dialog_notes div.fr-toolbar{
  position:sticky;
}
#myTabContent label.textarea{
  border: 1px solid #BDBDBD;
  padding: 10px; 
}
#demo-pill-nav li div.tab-pane{
  display: none;
}
#demo-pill-nav li.active > div.tab-pane.active{
  display: block;
}
#megamenuoption .dropdown-menu li ul{
  display: block!important;
}
#megamenuoption .open > .dropdown-menu {
  animation: none;
  display: block!important;
}
#megamenuoption .default-menu-open > .dropdown-menu {
  animation: none;
  display: block!important;
}
#megamenuoption b.collapse-sign{
  display: none;
}

#megamenuoption .navbar-nav>li>.dropdown-menu {
  margin-top: 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
      padding-left: 15px; 
}

#megamenuoption .navbar-default .navbar-nav>li>div {
  width: 180px;
  font-weight: bold;
}

#megamenuoption .navbar-nav>li>div
{
  cursor: pointer;
}
#megamenuoption .mega-dropdown {
  position: static !important;
  /*width: 100%;*/
}

#megamenuoption .mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

/*#megamenuoption .mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 285px;
  z-index: 10;
}*/

/*#megamenuoption .mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 283px;
  z-index: 8;
}*/

#megamenuoption .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
/*    width: 97%;*/
    border-bottom: none;
    box-shadow: none;
    border: none;
}

#megamenuoption .mega-dropdown-menu > li > ul > li {
  list-style: none;
}

#megamenuoption .mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #999;
  white-space: normal;
}
/* 
#megamenuoption .mega-dropdown-menu > li ul > li > a:hover,
#megamenuoption .mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
    /*color: #fff!important;*/
    /*color: #fff;*/
/*background-color: #3a3633;*/
} */

#megamenuoption .mega-dropdown-menu .dropdown-header {
  color: #428bca;
  font-size: 18px;
  font-weight: bold;
}

#megamenuoption .mega-dropdown-menu form {
  margin: 3px 20px;
}

#megamenuoption .mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}
#megamenuoption{
  padding: 0px; 
  display: block;
  position: absolute;
  z-index: 99;
  width: 100%;
}
#showmoreoptions, #hidemoreoptions{
  float: right;
  margin: 10px;
}
#megamenuoption .navbar-default{
  border:0px;
  background-color: #000;
}
#megamenuoption .dropdown-toggle{
  color: #fff;
}
#megamenuoption .navbar-default .navbar-nav>.open>div, #megamenuoption .navbar-default .navbar-nav>.open>div:focus, #megamenuoption .navbar-default .navbar-nav>.open>div:hover, #megamenuoption .navbar-default .navbar-nav>.open>div:visited{
  background-color: #428bca;
  color: #fff!important;
}
.default-menu-open .dropdown-toggle{
  background-color: #428bca;
  color: #fff!important;
}
#megamenuoption  nav ul ul ul ul li a{
  padding-left: 20px;
}
#megamenuoption .navbar{
  min-height: 40px;
}
#sub-listing-menu{
  padding: 3px 20px;
}
#sub-listing-menu ul{
  margin-top: 10px;
}
#sub-listing-menu ul li a{
  padding-top: 5px;
  padding-bottom: 5px;
}
#megamenuoption .navbar-collapse{
  padding: 0px;
  width: 100%;
}
#ColsMenuTwo, #topPopUpTrigger, #ColsMenuFour, .header-dropdown-list{
  display: none;
}
#ColsMenuFive
{
  display: block;
}
.dropdown-header{
  white-space: unset;
}
.smart-style-1 #megamenuoption .mega-dropdown-menu > li > ul > li > a:hover{
  background-color: #fff!important;
  text-shadow: none;
      color: #111317;
}
.smart-style-4 #megamenuoption .mega-dropdown-menu > li > ul > li > a:hover{
  background-color: #fff!important;
  text-shadow: none;
  color: #363a4b!important;
}
.smart-style-2 #megamenuoption .mega-dropdown-menu{
  background-color: #fff;
}
 .smart-style-6 #megamenuoption .mega-dropdown-menu > li ul > li > a:hover, #megamenuoption .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
     color: #fff!important; 
     /*color: #fff;*/
    background-color: #3a3633;
}

nav > ul span > li ul::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 0;
    bottom: 0;
    border-left: 1px solid #7A7A7A;
}

.fixed-navigation nav>ul{
  width: 100%;
  padding-right: 0px;
}
nav ul ul ul b{
  margin-right: 10px;
}
@media(max-width: 767px){
  .pass_word{
    max-width: 150px;
  }
  #megamenuoption .dropdown-toggle{
    padding-right: 5px!important;
    padding-left: 5px!important;
  }
  .smart-style-2 #megamenuoption .navbar-nav>li>.dropdown-menu li, .smart-style-3 #megamenuoption .navbar-nav>li>.dropdown-menu li, .smart-style-5 #megamenuoption .navbar-nav>li>.dropdown-menu li{
    float: none!important;
  }
  .smart-style-3 #megamenuoption .navbar-nav>li>.dropdown-menu li{
    background-color: #fff;
  }
  .smart-style-2 #megamenuoption .mega-dropdown-menu {
    background-color: transparent;
  }
  .smart-style-2 #megamenuoption .navbar-nav>li>.dropdown-menu li{
    background-color: #fff;
  }
  ul.dropdown-menu > li{
    width: 100%!important;
  }
  #megamenuoption .navbar-default{
    background-color: transparent;
  }
  #megamenuoption .navbar-nav>li>.dropdown-menu{
    margin-top: 0px;
  }
  #showmoreoptions, #hidemoreoptions{
    display: none!important;
  }
  #megamenuoption .mega-dropdown-menu:after, #megamenuoption .mega-dropdown-menu:before{
    display: none;
  }
  #megamenuoption .navbar-default .navbar-nav>li>div{
    width: 100%;
    padding: 10px 0px;
  }
  #megamenuoption{
    display: block!important;
    float: right;
    width: 100%;
  }
  #megamenuoption .navbar-nav{
    margin: 0px;
  }
  #megamenuoption .navbar-toggle{
    margin-right: 20px;
    margin-top: 4px;
    margin-bottom: 3px;
    background-color: #a41615;
  }
  #megamenuoption .navbar-collapse{
    background-color: #333;
    padding: 10px;
  }
  #dAccess > ul.nav-tabs{
    border:0px;
  }
  #dAccess .nav-tabs{
    float: none;
  }
  #dAccess .tab-content .tab-pane.active, #dAccess .tab-content{
    display: block!important;
  }
  #dAccess div.tab-pane.active{
    list-style: circle;
  }
  #demo-pill-nav{
    width: 100%;
  }
  #demo-pill-nav > li{
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }
  #sDashboard .tabs-left .tab-content{
    display: none;
  }
  #demo-pill-nav .active > a{
    margin-bottom: 0px;
    margin-top: 0px!important;
  }
  #demo-pill-nav > li > a:after{
    content: '\f067';
    font-family: fontawesome;
    float: right;
    color: #f00;
  }
  #demo-pill-nav > li.active > a:after{
    content: '\f068';
    font-family: fontawesome;
    float: right;
    color: #000;
  }
  #sDashboard div.active {
    padding-left: 10px;
    margin-top: 0px;
    padding-bottom: 5px;
  }
  .smart-style-0 #sDashboard div.active{
    background-color: #fbfbfb;
  }
  .smart-style-0 #demo-pill-nav .active > a{
    background-color: #eaeaea;
  }
  #demo-pill-nav .panel{
    margin-right: 10px;
  }
}
@media(max-width: 750px){
  #dHistory .pull-right.select{
    float: none!important;
  }
  #HistoryBr{
    display: block;
    margin-top: 10px;
  }
}
@media(max-width: 600px){
  #divSelectType, #divSelectStatus, #divSelectDomain, #divDeviceGroup, #divSelectMake, #divSelectModel, #divSelectOS, #divSelectProtocol, #divIPID1, #divSelectVendor, #ContactForm input#FirstName, #ContactForm input#MiddleInitial{
    margin-bottom: 10px;
  }
  #relationship-table-delete tr td button:first-child{
    margin-bottom: 5px;
  }
  #SkillSet{
    margin-top: 10px;
  }
  .ui-dialog .ui-dialog-buttonpane{
    padding: 19px 7px 20px;
    text-align: center;
  }
  .smart-form .toggle i{
    top: 5px!important;
  }
}
@media(max-width: 979px){
  .smart-style-4 #header {
    background: #ffffff;
  }
  .smart-style-4 .btn-header.transparent a{
    color: #6D6A69!important;
  }
}
@media(max-width: 1300px){
   .widget-body-toolbar{
    min-height: 55px;
  }
  .dt-wrapper.table-responsive table tr td > div.btn-group{
    position: relative!important;
    right: 0!important;
    width: 20px;
  }
  .dt-wrapper.table-responsive table tr td > div.btn-group.open{
    float: left;
  }
  .dt-wrapper.table-responsive table  tr{
    position: static;
  }
  .dt-wrapper.table-responsive table tr td > div.btn-group ul.dropdown-menu{
    position: inherit;
    z-index: 9999999999;
    right: 0;
    top: -3px;
  }
  #tbl_DeviceList{
    overflow: scroll!important;
  }
}
@media(min-width:768px){
  .default-menu-open ul{
   /* display: block;*/
   display: none;
  }
  #menu1{
    margin-right: 30px;
  }
  #megamenuoption .mega-dropdown.open .dropdown-toggle:after, #megamenuoption .default-menu-open#menu1 .dropdown-toggle:after{
    content: "";
    border-bottom: 14px solid #428bca;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    bottom: -15px;
  }
  #hidemoreoptions .btn-info, #showmoreoptions .btn-info{
    padding: 5px 12px;
  }
  #megamenuoption .navbar-nav>li>div {
    padding-top: 15px;
    padding-left: 22px;
    padding-bottom: 12px;
    padding-right: 16px;
  }
  #megamenuoption .navbar{
    padding-left: 15px;
    padding-right: 15px;
  }
  #megamenuoption .mega-dropdown{
    float: right;
  }
}
@media(min-width:1300px){
  .dt-wrapper, .widget-body.table-responsive{
    /*overflow-x: scroll!important;*/
  }
  .dt-wrapper, .table-responsive{
    overflow-x: initial!important;
    overflow: visible!important;
  }
  .dataTables_filter .input-group, .DTTT.btn-group, div.dataTables_length{
    top: -38px;
  } 
}



.uname{font-size:16px;font-family:verdana;}
.pass_word{font-size:16px;font-family:verdana;}
.credentials-view{font-size:16px;font-family:courier, courier new, serif;}
.credentials-view1{font-size:16px;font-family:courier, courier new, serif;}


.textareapass{
  max-height: 20px;
  width: -webkit-fill-available;
  resize:none;
}
.textareapassHidden{
  max-height: 20px;
  width: -webkit-fill-available;
  resize:none;
  -webkit-text-security: disc;
  -moz-text-security: disc;
  -ms-text-security: disc;
  -o-text-security: disc;
  text-security: disc;
  -webkit-rtl-ordering: logical;
  cursor: text;
}
.showTextareaPass{
  -webkit-text-security: none;
  -moz-text-security: none;
  -ms-text-security: none;
  -o-text-security: none;
  text-security: none;
}
.hideTextareaPass{
  -webkit-text-security: disc;
  -moz-text-security: disc;
  -ms-text-security: disc;
  -o-text-security: disc;
  text-security: disc;
  -webkit-rtl-ordering: logical;
  cursor: text;
}
.optionopen{
  margin-right: 15%!important;
}
/*#megamenuoption .mega-dropdown-menu > li > ul > li.active a{
  color:#333!important;
}*/
@media (min-width: 1400px){
  .name > img{
    display: none;
  }
}

.smart-style-0 nav ul .active > a {
  color: #999999 !important;
}

.smart-style-1 nav ul .active > a:hover {
  color: #000000 !important;
}

/*rr*/
.smart-style-4 nav>ul ul li:before, .smart-style-4 nav>ul>li>ul:before{
  border:1px solid #7A7A7A;
}

.smart-style-4:not(.minified) nav ul ul li>a{
  padding-left: 38px;
}
#megamenuoption .mega-dropdown-menu > li > ul > li{
color: #999;
font-size: 18px;
}
.smart-style-4:not(.menu-on-top) nav ul li ul li a:hover{
  background-color: #3a3f51!important;
}
/*rr*/


.menu-on-top nav>ul ul li:before, .menu-on-top nav>ul>li>ul:before{
  border:0px;
}
.menu-on-top.smart-style-4 #megamenuoption .mega-dropdown-menu > li > ul > li > a:hover {
    background-color: #3a3f51!important;
    text-shadow: none;
    color: #fff!important;
}
.menu-on-top #megamenuoption .mega-dropdown-menu .dropdown-header {
    padding: 3px 10px;
}
.menu-on-top #megamenuoption .mega-dropdown-menu > li > ul {
    width: 97%;
}
.menu-on-top #megamenuoption nav ul ul li:hover>a:after{
  content: '';
}

@media (min-width: 768px){
    .menu-on-top#megamenuoption .mega-dropdown.open .dropdown-toggle:after, .default-menu-open#menu1 .dropdown-toggle:after {
    border:none; content: none;
}
}

.icon-div{
  padding: 15px 5px;
  margin: 0px auto;
  text-align: center;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  min-height: 110px;
  margin-bottom: 15px;
}
.icon-div i{
  font-size: 36px;
  margin-bottom: 5px;
}
.icon-div span{
  font-size: 14px;
}
.icon-div:hover{
  background-color: #3276b1;
}
.icon-div:hover i{
  transform: scale(1.3);
  color: #fff;
}
.icon-div:hover span{
  color:#fff;
}
#main .fa-site{
  font: normal normal normal 14px/1 FontAwesome!important; 
}
.credentials-view{
  margin-top:5px;
}
.credentials-view1{
  margin-top:5px;
}
@media(min-width: 1600px){
  #all-icons-demo .col-lg-2{
    width: 8.33%;
  }
  .icon-div span{
    font-size: 13px;
  }
}


@media (max-width: 767px) and (min-width: 320px){
.widget-body.no-padding {
    margin: -13px 13px 6px -12px;
}
.icon_11 {
    margin-left: 0px;
}
}

@media (min-width: 1200px) and (max-width: 1440px){
#margin_left_select
{
  margin: 0px;
  padding-left: 11px;
}



}
@media (min-width:300px) and (max-width: 1000px)
{
  .easy-pie-title
  {
    position: initial;
    padding-top: 10px;
    height:auto;
  }
}

@media (min-width: 300px) and (max-width: 767px)
{
  .easyPieChart canvas {
    width: 50px!important;
    height: 50px!important;
}
.easy-pie-chart .percent {
    /* margin-top: -24px!important; */
    /* left: 3px; */
  /*  line-height: 20px;*/
     left: -2px; 
}
.easyPieChart {
    line-height: 50px!important;
    width: 50px!important;
}
}
.dropdown-backdrop{
  position: initial;
}
table{
  overflow-y: scroll!important;
}
.img-rotate{
  text-align: center;
  color:#fff;
  margin-bottom: 10px;
}
#rt-left, #rt-right{
  margin: 0px 20px;
  font-size: 20px;
}
#rt-left:hover, #rt-right:hover{
  cursor: pointer;
}
#GlobalNote .fr-element p{
  min-height: 100px;
}
.ui-datepicker{
  z-index: 5!important;
}
a.a-disable{
  pointer-events: none;
}
#sCredentials header{
  margin-bottom:10px;
}
#sCredentials fieldset section{
  float: left;
  margin-right:10px;
}
#clearPW{
  float: left;
}

/*admin_menu style start*/
.admin_menu li{
  list-style: none;
}
.admin_menu li.drodpdown-header, .admin_menu li.dropddown-header, .admin_menu li.dropdddown-header{
  font-size: 18px;
  margin-bottom: 10px;
}
.admin_menu li.drodpdown-header:hover, .admin_menu li.dropddown-header:hover, .admin_menu li.dropdddown-header:hover{
  background-color: transparent;
}
.admin_menu li{
  padding: 5px 0px;
}
.admin_menu li:hover{
  background: #3a3f51;
}
.admin_menu li:hover a{
  color: #fff;
}
.admin_menu li a{
  margin-left:12px;
}
@media(max-width:767px){
  .admin_menu tbody tr td{
    display: contents;
  }
}
/*admin_menu style end*/

/*theme custom css*/
.smart-style-5 textarea {
	background: rgba(255,255,255,.2);
	border-color: rgba(255,255,255,.4);
	color: #FFF
}
/*theme custom css end*/

#megacriticalobjects{
  position: absolute;
  z-index: 9;
  padding: 0px; 
  /*width: 100%;*/
}
.criticalobjectsheader {
  color: #fff;
  text-align: right;
  background-color: #000;
  padding: 6px;
}
.criticalobjectsheader h3{
  margin: 0px;
  margin-right: 224px;
}
.criticalobjectsheader h3 .ob-menu{
  position: relative;
  font-size: 14px;
  padding: 12px 12px 9px;
  background-color: #428bca;
}
.criticalobjectsheader h3 .ob-menu span{
  margin-left: 25px;
  margin-top: 7px;
}
.criticalobjectsheader h3 .ob-menu:after{
  content: "";
  border-bottom: 14px solid #428bca;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  bottom: -14px;
  right: 50px;
}
.criticalobjectsbody{
  background-color: #363a4b;
  color: #fff;
  margin: 15px;
  padding: 15px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  right: 15rem;
}

.criticalobjectsbody > .row {
    display: inline;
}

.criticalobjectsbody h3{
  color: #999;
  font-size: 18px;
  margin-bottom: 10px;
}

.criticalobjectsbody ul {
    display: inline-block;
    padding: 0px;
}

.criticalobjectsbody ul li{
  list-style: none;
  line-height: 30px;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.criticalobjectsbody ul li:hover{
  background-color: #fff;
  color: #363a4b;
}
.criticalobjectsbody ul a{
  color: #999;
}


/*theme custom css end*/

.credential-input {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    max-height: 20px;
    resize: none;
}

#shareExpiryHours, #ShareReason {
    width: 56%;
    clear: both;
    position: absolute;
    right: 75px;
}

.divider {
    display: block;
    margin-top: 26px;
}