/*=============================================================
    Authour URI: www.binarycart.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/*==============================================
    GENERAL  STYLES    
    =============================================*/
body {
    font-family: 'Open Sans', sans-serif;
    line-height:30px;
    /*height: 100%;*/
}

html, body {
  height: 100%;
}


#wrapper {
    width: 100%;
    margin-top:50px;
}

#main {
  /*overflow:auto;*/
    padding-bottom:150px; /* this needs to be bigger than footer height*/
    min-height: 100%;
}

#page-wrap {
    margin-top: 50px;
    min-height: 100%!important;

}
#page-inner {
    width:100%;
    margin:10px 20px 10px 0px;
    background-color:#fff!important;
    padding:10px;
    min-height:1050px;
}
.pad-top {
    padding-top:15px;
}

#navbar-main {
    font-weight: bold;
}

.container-wide {
    width: 100%;
}
.container-panel {
    /*min-height: calc(100% - 120px)!important;*/
    padding-bottom: 0px!important;
    /*height: 100%!important;*/
    /*min-height: calc(100%)!important;*/
    margin-top: 50px!important;

}
/*==============================================
    MENU STYLES    
    =============================================*/

.sidebar-collapse .nav {
	padding:0;
    padding-top:50px;
}

.sidebar-collapse > .nav > li > a {
	padding:15px 10px;
    color: #3f9fd9;
    font-weight: 900;
    font-size: 16px;
}
.sidebar-collapse > .nav > li {
	border-bottom:1px solid #e1e1e1;
}
.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
	
	background:#F3F3F3;
	outline:0;
}

.navbar-side {
	border:none;
	background-color: #fff;
	
}

.navbar-brand {
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}
.navbar-inverse {

background-color: #3f9fd9;
border-color: #F0F0F0;
min-height: 80px;
}

.nav > li > a > i {
    margin-right:10px;
}

.nav .tree {
    padding-top: 0px;
}

.logout-spn {
    float:right;
    color:#fff;
    font-size:15px;
    font-weight:800;
    margin: 10px 25px 10px 50px;
}

.logout-spn a {
    text-decoration:none;
}

.active-link {
    background-color:#f3f3f3;
}

#sidelist {
    margin-top: 50px;
    margin-bottom: 70px;
}

.div-inline{
    display:inline-block;
}

.sidebar-rborder {
    height: 100%;
    /*min-height: 100%;*/
    /*max-height: 100%;*/
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: lightgray;
    padding: 0;
}

.sidebar > h4 {
    padding: 0 10px 0 10px;
}

.sidebar > .container-fluid {
    font-size: small;
}

.container-list {
    padding: 0;
}
/*==============================================
    DASHBOARD STYLES    
    =============================================*/
.div-square {
    padding:5px;
    border:3px double #e1e1e1;
    -webkit-border-radius:8px;
   -moz-border-radius:8px;
    border-radius:8px;
    margin:5px;

}

.div-square> a,.div-square> a:hover {
    color:#808080;
     text-decoration:none;
}
/*==============================================
    FOOTER STYLES     
    =============================================*/
.footer {
    z-index: 500;
    background-color:#3f9fd9;
    width:100%;
    color:#fff;
    padding:10px 20px 10px 20px;
    max-height: 50px;
}


    .footer > a, .footer>a:hover {
       
        color:#fff;
    }

.fixed-footer {
    position: fixed;
    bottom: 0;
}

/*==============================================
Centered column
=============================================*/
.col-centered {
    float: none;
    margin: 0 auto;
}

/*==============================================
bottom pading
=============================================*/
.bottom-xs {
    padding-bottom: 5px;
}

.bottom-md {
    padding-bottom: 10px;
}

.bottom-lg {
    padding-bottom: 15px;
}

.padding-top-xs {
    padding-top: 5px;
}

/*==============================================
    MARGINS
    =============================================*/


.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px!important;
}

/*==============================================
    width
    =============================================*/
.selectpicker-width-350 {
    width: 350px!important;
}

div.bootstrap-select {
    width: 350px!important;
}

/*==============================================
    MEDIA QUERIES
    =============================================*/
@media (max-width: 950px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

 @media(min-width:950px) {
     #page-wrapper{
         margin: 0 0 0 260px;
         padding: 15px 30px;
         min-height: 1050px;

    }
	
	
    .navbar-side {
        z-index: 1;
        position: absolute;
        width: 260px;
       
    }

 
}

/*==============================================
    COLLAPSIBLE PANEL
    =============================================*/

.clickable{
    cursor: pointer;
}

.panel-heading span {
	margin-top: -20px;
	font-size: 15px;
}



.form-control[id$="setting_val"] {
    width: 200px;
}

label[for$='setting_val'] {
    width: 120px;
}


/*==============================================
    Tables
    =============================================*/
.table-nowrap {
    white-space: nowrap;
}

.unread {
    font-weight: bold;
}
/*==============================================
    IVR Digits
    =============================================*/

select[id$='digit_dst_id'] {
    width: 400px !important;
}

.settings-help-block {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.settings-help-block-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}


.loading-content {
    height:80%;
}


.bigger-grey {
    font-size: 125%;
}

.grey-bold {
    color: grey;
    font-weight: bold;
}


/*==============================================
    Fixed page
    =============================================*/
.fixed { height:200px; overflow:hidden; background:lightblue; }
.scrollit { height:400px; overflow-y:scroll; background:red; }


.fixed-panel {
  min-height: 300px;
  max-height: 300px;
  overflow-y: scroll;
}
/*==============================================
    Circle buttons
    =============================================*/

.btn-circle {
  width: 49px;
  height: 49px;
  text-align: center;
  padding: 5px 0;
  font-size: 20px;
  line-height: 2.00;
  border-radius: 30px;
}

.btn-circle-micro {
  width: 19px;
  height: 19px;
  text-align: center;
  padding: 1px 0;
  font-size: 13px;
  line-height: 0.1;
  border-radius: 30px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 2px 0;
  font-size: 20px;
  line-height: 1.65;
  border-radius: 30px;
}

.btn-circle-lg {
  width: 79px;
  height: 79px;
  text-align: center;
  padding: 13px 0;
  font-size: 30px;
  line-height: 2.00;
  border-radius: 70px;
}


/*==============*/
/*TEXT STYLES*/
/*==============*/

.right-text {
    text-align: right!important;
}

/*==============*/
/*DISABLED ELEMENTS*/
/*==============*/
.disabledbutton {
    pointer-events: none!important;
    opacity: 0.4!important;
}

.centered-content {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.fax-orig-file {
    border-radius: 5px;
    margin: 5px;
}

.btn-file {
    min-width: 100px;
}