/**************************************************************
 *
 * Adapt some of bootstrap's CSS classes and styles
 *
 **************************************************************/


html {
  font-family: "Open Sans Light", Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

header{
	background-color: #700e70;
}

body {
    font-family: "VazirmatnFD", "Open Sans Light", Helvetica, sans-serif;
}

@media (min-width: 992px) {
    #main-content{
        min-height: 40em;
    }
}

.navbar {
    margin-bottom: 0px;
}

.close{
    float:right;
    opacity: 0.2;
    font-weight: bold;
}


.carousel a:hover, .carousel a:focus {
    background-color: transparent;
}

.ib-list-group-item {
    background-color: #F5F5F5;
}

.page-header {
    margin-top: 10px;
}


.application-name {
    font-family: "VazirmatnFD", "Open Sans Light", Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 600;
    color: #FFF;
    width: 80%;
    text-align: center;
    margin-top: 0.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/**************************************************************
 * Off Canvas menu
 *
 * http://getbootstrap.com/examples/offcanvas/
 **************************************************************/
html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
}

#main-template {
    overflow-x: hidden;
}

.sidebar-offcanvas #main-navbar-navigation {
    border-color: transparent;
    margin-left: -27px;
}

.row-offcanvas #nav {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    background-color: #E7E7E7;
    padding-left: 1em;
    margin-left: -15px;
    border-right: 1px solid #888a85;
    border-bottom: 1px solid #888a85;
    width: 100%;
    z-index: 99;
}

@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
           -moz-transition: all .25s ease-out;
                transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -70%;
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -75%;
    }

    .row-offcanvas-right.active {
        right: 70%;
    }

    .row-offcanvas-left.active {
        left: 70%;
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 70%;
    }

    /* Increase left padding */
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 35px;
    }
}


/**************************************************************
 * Alerts
 **************************************************************/

.label, .badge {
    font-weight: normal;
}


/*
 * Make the 'close' button on alerts more prominent
 */
.alert .close {
    opacity: 0.8;
    text-decoration: none;
}

/**************************************************************
 * Buttons
 **************************************************************/
.btn {
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-default {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #0062cc;
    border-color: #005cbf;
}
.btn-default .badge {
  color: #fff;
  background-color: #007bff;
}

/**************************************************************
 * Headers in sidebar
 **************************************************************/
 #main-sidebar h4, #main-sidebar .h4,
 #main-sidebar h5, #main-sidebar .h5,
 #main-sidebar h6, #main-sidebar .h6 {
    margin-top: 0px;
}


 /**************************************************************
 * Fix issue with body shifting
 *
 * Opening modal dialogs shifted the whole body by 15px to the left.
 * While this appears to be https://github.com/twbs/bootstrap/issues/9855
 * it doesn't seem to be fixed here. When it does, these fixes can be removed
 **************************************************************/
 body.modal-open {
    padding-right: 0 !important;

}
/*
body.modal {
    overflow-y: hidden;
}
*/