/* set a max-width for horizontal fluid layout and make it centered */
.container-login-460 {
  margin-right: auto;
  margin-left: auto;
  max-width: 460px;
}

.icon-success {
    color: #5CB85C;
}

.icon-warning {
    color: red;
}

.modal-dialog {
  width: 800px;
}

.modal-content {
  height: 99%;
}	

.form-control:focus {
  border-color: #cbd5dd;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.clearable{
  background: #fff   url(http://bijudesigner.com/blog/wp-content/uploads/2015/06/download.gif) no-repeat right -10px center;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; }
.clearable.onX{ cursor: pointer; }


.table-header-center {
    text-align: center;
}

.table-header-left {
    text-align: left;
}

/*** TAB PANEL ***/

.tab-content {
    padding:  0px 5px 5px 5px;
} 

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

/* Checkbox Switch */
/* https://bootsnipp.com/snippets/Wa3np */
.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

    .checkbox.checbox-switch label input,
    .checkbox-inline.checbox-switch input {
        display: none;
    }

    .checkbox.checbox-switch label span,
    .checkbox-inline.checbox-switch span {
        width: 35px;
        border-radius: 20px;
        height: 18px;
        border: 1px solid #dbdbdb;
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 223, 223);
        box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

        .checkbox.checbox-switch label span:before,
        .checkbox-inline.checbox-switch span:before {
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: rgb(255,255,255);
            content: " ";
            top: 0;
            position: relative;
            left: 0;
            transition: all 0.3s ease;
            box-shadow: 0 1px 4px rgba(0,0,0,0.4);
        }

    .checkbox.checbox-switch label > input:checked + span:before,
    .checkbox-inline.checbox-switch > input:checked + span:before {
        left: 17px;
    }

    /* Switch Default */
    .checkbox.checbox-switch label > input:checked + span,
    .checkbox-inline.checbox-switch > input:checked + span {
        background-color: rgb(180, 182, 183);
        border-color: rgb(180, 182, 183);
        box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch > input:checked:disabled + span {
        background-color: rgb(220, 220, 220);
        border-color: rgb(220, 220, 220);
        box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch label > input:disabled + span,
    .checkbox-inline.checbox-switch > input:disabled + span {
        background-color: rgb(232,235,238);
        border-color: rgb(255,255,255);
    }

        .checkbox.checbox-switch label > input:disabled + span:before,
        .checkbox-inline.checbox-switch > input:disabled + span:before {
            background-color: rgb(248,249,250);
            border-color: rgb(243, 243, 243);
            box-shadow: 0 1px 4px rgba(0,0,0,0.1);
        }

    /* Switch Light */
    .checkbox.checbox-switch.switch-light label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-light > input:checked + span {
        background-color: rgb(248,249,250);
        border-color: rgb(248,249,250);
        box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    /* Switch Dark */
    .checkbox.checbox-switch.switch-dark label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-dark > input:checked + span {
        background-color: rgb(52,58,64);
        border-color: rgb(52,58,64);
        box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
        background-color: rgb(100, 102, 104);
        border-color: rgb(100, 102, 104);
        box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    /* Switch Success */
    .checkbox.checbox-switch.switch-success label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-success > input:checked + span {
        background-color: rgb(40, 167, 69);
        border-color: rgb(40, 167, 69);
        box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
        background-color: rgb(153, 217, 168);
        border-color: rgb(153, 217, 168);
        box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
    }

    /* Switch Danger */
    .checkbox.checbox-switch.switch-danger label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-danger > input:checked + span {
        background-color: rgb(200, 35, 51);
        border-color: rgb(200, 35, 51);
        box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
        background-color: rgb(216, 119, 129);
        border-color: rgb(216, 119, 129);
        box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    /* Switch Primary */
    .checkbox.checbox-switch.switch-primary label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
        background-color: rgb(0, 105, 217);
        border-color: rgb(0, 105, 217);
        box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
        background-color: rgb(109, 163, 221);
        border-color: rgb(109, 163, 221);
        box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    /* Switch Info */
    .checkbox.checbox-switch.switch-info label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-info > input:checked + span {
        background-color: rgb(23, 162, 184);
        border-color: rgb(23, 162, 184);
        box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
        background-color: rgb(102, 192, 206);
        border-color: rgb(102, 192, 206);
        box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    /* Switch Warning */
    .checkbox.checbox-switch.switch-warning label > input:checked + span,
    .checkbox-inline.checbox-switch.switch-warning > input:checked + span {
        background-color: rgb(255, 193, 7);
        border-color: rgb(255, 193, 7);
        box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }

    .checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
    .checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
        background-color: rgb(226, 195, 102);
        border-color: rgb(226, 195, 102);
        box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
        transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
    }