@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Signika');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
body {
    padding-top: 40px;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
.hide_current {
    display: none;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
* {
    /*font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Josefin Sans', sans-serif;*/
    font-family: 'Signika', sans-serif;
    border-radius: 0;

}

.modal input {
    background: none !important;
    color: white !important;
}
body {
    font-size: 16px !important;
    /*background-color: #848785 !important;*/
}
table.class {
    background-color: white !important;

}
table {
    color: #727d81;

}
td {
    text-align: center;
    vertical-align: middle !important;
}
.open-2{
    color: #1da1db; font-size: 16pt;width: 100%;
    text-align: center;
    -webkit-transition: font-size 0.1s; /* Safari */
    transition: font-size 0.1s;
}
.open-class{
    color: #f7751f; font-size: 16pt;width: 100%;
    text-align: center;
    -webkit-transition: font-size 0.1s; /* Safari */
    transition: font-size 0.1s;
}
.open-class:hover, .open-2:hover {
    font-size: 21pt;
}
.no-center {
    text-align: left !important;
}
.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 10px;
}

.pencil, .user, .cog, .ok, .time, .remove, .briefcase, .refresh, .list-alt, .file, .flag{
    font-size: 11pt !important;
font-weight: 700 !important;


}
.circle-arrow-right {
    font-size: 15pt;
    padding-right: 2px;
    color: #0085ba;
}
.flag {
    color: #6a7468 !important;
}
.file {
    color: #6A4C93;
}
.list-alt {
    color: #663399;
}
.pencil, .refresh {
    color: #1da1db;
}
.equalizer {
    color: #000;
}
.refresh-2 {

    color: #717e19;
}
.user {

    color:#ED7D3A ;
}
.cog, .briefcase {
    color: #247BA0;
}
.ok {
    color: #09E85E;
}

.time {
    color: #F25F5C;
}

.remove {
    color: #cc0000;
}

.btn-default {
    background-color: #cc0000 !important;
    color: white !important;
}
.btn-default:hover {
    background-color: white !important;
    color: #cc0000 !important; 
    border: 1px solid #cc0000 !important;
}

th {
    color: #3b3f3f;
    background-color: #ffffff !important;
    text-align: center !important;
    font-weight: normal;
    vertical-align: middle !important;
    border: none !important;

}

.btn {
    border-radius: none !important;
}
.btn-warning {
    background-color: #f7751f !important;
    border: 1px solid #FE7200 !important;
}
.btn-warning:hover {
    background-color: white !important;
    color: #f7751f !important;
}
.nav > li > a {
    padding: 10px 15px;
    transition: 0.3s;
}
.navbar-nav > li > .dropdown-menu {
    background-color: rgba(56, 56, 56, 0.91);
    border: none;
    transition: 0.3s;
}
.dropdown-menu > li > a {
    color: #eeeeee !important;
    transition: 0.3s;
}
.dropdown-menu > li > a:hover {
    color: white;
    border-radius: 0;
    background-color: #f7751f !important;

}
.btn-danger {
    background-color: #202529 !important;
    border: 1px solid #202529 !important;
}
.btn-danger:hover {
    background-color: #cc0000 !important;
    border: 1px solid #cc0000 !important;
}
.btn-primary {
    background-color: #202529 !important;
    border: 1px solid #202529 !important;
}
.btn-primary:hover {
    background-color: #1DA1DB !important;
    border: 1px solid #1DA1DB !important;
}
.btn-primary-account {
    background-color: #1da1db !important;
    color: white;
}
.btn-primary-account:hover {
    background-color: white !important;
    border: 1px solid #1da1db;
    color: #1da1db !important;
}
.btn-success {
    background-color: #009900 !important;
    border: 1px solid #009900 !important;
}
.btn-success:hover {
    background-color: white !important;
    border: 1px solid #009900 !important;
    color: #009900 !important;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #676767 !important;
    transition: 0.3s;
    
}
.radnatab {
    margin-top: 15px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 500px;
        margin: 0 auto;
    }

    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 500px;
    }
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #5DC527;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*tr:nth-child(even) f{background: #f5dff;}*/

.nav-pills > li.active > a {
    background-color: #282828 !important;
    border-radius: 0;
    color: #eee !important;
}
.nav > li > a:hover {
    color: white !important;
    border-radius: 0;
    background-color: #f7751f !important;
}
.nav > li > a {
    color: #eee !important;
}

.nav > li > a.active {
    color: #fff !important;
    background-color: #f7751f !important;
}

.nav > li > a.tab-links{
   color: #FF7300 !important;
}

.nav > li.active > a.tab-links{
   color: #fff !important;
}
.nav > li > a.tab-links:hover {
    color: white !important;
    border-radius: 0;
    background-color: #f7751f !important;
}

.btn-info {
    background-color: #f7751f !important;
    border: 1px solid #f7751f !important;
}

.btn {
    border-radius: 5px !important;
}

.modal-content {
    background-color: rgba(56, 56, 56, 0.91) !important;
    color: white;
}

.modal-header {
    border: none !important;
}
.modal-footer {
    border: none !important;
}

.btn-file {
    background-color: #f7751f !important;
}

input:focus, textarea:focus {
    border: 1px solid #f7751f !important;
}