@import '../vendor/fonts/Fira_Sans/fira-sans-font.css'; /* Reset rounded corners for all elements */
div,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}
ul{
    margin: 0;
    padding: 0;
}
a,
*,
*:focus,
*:hover,
*:active,
a:focus,
a:hover,
a:active {
    outline: 0;
}
select:visited, select:focus, select:active,
input:visited, input:focus, input:active,
a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0;
}
/*Fix for Firefox*/
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
}
/* Bootstrap buttons */
.btn-primary {
    color: #fff;
    background-color: #2d8fd0;
    border: none;
}
/* General body settings */
body{
    direction: ltr;
    font: 200 15px 'Fira Sans', sans-seri, sans-serif;
    height: 100%;
    font-weight: 300;
    line-height: 29px;
    color: rgb(42, 69, 74);
    margin: 0px;
    padding: 0px;
    background: rgb(179, 192, 198);
    overflow-x: hidden;
    /*letter-spacing: -.05em;*/
}
#cam .dropdown-item.active, #cam .dropdown-item:active {
    color: #2d8fd0;
    background: transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #2d8fd0;
    border-color: #2d8fd0;
}
.open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2d8fd0;
    border-color: #2d8fd0;
}
.btn-primary:active,
.btn-primary.active {
    background-image: none;
    background-color: #2d6ca2;
}
.btn-primary:active:hover,
.btn-primary.active:hover {
    background-color: #3071a9;
}
.btn-green,
.header-navigation > ul.sign-in-or-try > li > a.btn-green,
.btn-green:active,
.btn-green.active {
    background-image: none;
    background-color: #FFC000;
    color: #fff;
}
.btn-green:hover,
.btn-green:active:hover,
.btn-green.active:hover
,.header-navigation > ul.sign-in-or-try > li > a.btn-green:hover{
    background-color: #FF9F0A;
    border-color: #FF9F0A;
    color: #fff;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);
}
.open .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #2d8fd0;
    border-color: #085398;
}

.btn-primary .badge {
    color: #2d8fd0;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #00a09d;
    border-color: transparent;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    color: #fff;
    background-color: #307f7a;
    border-color: transparent;
}

#dlivery-wrap .open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #00a09d;
    border-color: #307f7a;
}

#dlivery-wrap .btn-success:active,
#dlivery-wrap .btn-success.active {
    background-image: none;
    background-color: #00a09d;
}

#dlivery-wrap .btn-success:active:hover,
#dlivery-wrap .btn-success.active:hover {
    background-color: #37918b;
    color: #ffffff;
    border: none;
}
#dlivery-wrap .pagination>li:last-child>a,
#dlivery-wrap .pagination>li:last-child>span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
#dlivery-wrap .pagination>li:first-child>a,
#dlivery-wrap .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.open .btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #45B6AF;
    border-color: #3ea49d;
}

.btn-success .badge {
    color: #45B6AF;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #89C4F4;
    border-color: #72b8f2;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    color: #fff;
    background-color: #68b4f1;
    border-color: #43a1ed;
}

.open .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #68b4f1;
    border-color: #43a1ed;
}

.btn-info:active,
.btn-info.active {
    background-image: none;
    background-color: #51a8ef;
}

.btn-info:active:hover,
.btn-info.active:hover {
    background-color: #5aadf0;
}

.open .btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #89C4F4;
    border-color: #72b8f2;
}

.btn-info .badge {
    color: #89C4F4;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #dfba49;
    border-color: #dbb233;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    color: #fff;
    background-color: #daae2b;
    border-color: #bb9521;
}

.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #daae2b;
    border-color: #bb9521;
}

.btn-warning:active,
.btn-warning.active {
    background-image: none;
    background-color: #c89f23;
}

.btn-warning:active:hover,
.btn-warning.active:hover {
    background-color: #d0a625;
}

.open .btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #dfba49;
    border-color: #dbb233;
}

.btn-warning .badge {
    color: #dfba49;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #dd4b39;
    border-color: #f13e46;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    color: #fff;
    background-color: #f1353d;
    border-color: #ec111b;
}

.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f1353d;
    border-color: #ec111b;
}

.btn-danger:active,
.btn-danger.active {
    background-image: none;
    background-color: #ef1d26;
}

.btn-danger:active:hover,
.btn-danger.active:hover {
    background-color: #f0262f;
}

.open .btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #dd4b39;
    border-color: #f13e46;
}
.btn{
    z-index: 1;
    font-size: 12px;
    text-transform: unset;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 15px;
    /*line-height: 1.7;*/
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
.btn.btn-default{
    background-color: #F1F3F4;
}
.form-inline .bootstrap-select button,
.bootstrap-select button.dropdown-toggle{
    font-size: 13px;
    color: rgb(128,134,139);
}
.form-inline .bootstrap-select .inner.show{
    overflow-x: hidden;
}
.form-inline .bootstrap-select .selected.active a,
.bootstrap-select .selected.active a{
    color: #2d8fd0;
    background: transparent;
}
.btn-danger .badge {
    color: #dd4b39;
    background-color: #fff;
}
.error {
    color: #a94442;
    display: block;
    width: 100%;
}
.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{

}
/***
General typography
***/
h1, h2, h3, h4, h5, h6 {
    margin: 0 0;
}
h1 {
    margin-bottom: 15px;
}
.main h1 {
    margin-top: -6px;
}

/***
Fix link outlines after click
***/
a {
    color: #282F33;
}
a, a:focus, a:hover, a:active {
    outline: 0;
    text-decoration: none;
}
a:hover {
    color: #282F33;
    text-decoration: underline;
}
/***
Misc tools
***/
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.no-bottom-space {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.no-top-space {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.no-space {
    margin: 0 !important;
    padding: 0 !important;
}
.no-text-shadow {
    text-shadow: none !important;
}
.padding-top-5 {
    padding-top: 5px !important;
}
.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.padding-top-25 {
    padding-top: 25px !important;
}
.padding-top-30 {
    padding-top: 30px !important;
}
.padding-top-35 {
    padding-top: 35px !important;
}
.padding-top-40 {
    padding-top: 40px !important;
}
.padding-top-45 {
    padding-top: 45px !important;
}
.padding-top-50 {
    padding-top: 50px !important;
}
.padding-top-60 {
    padding-top: 60px !important;
}
.margin-bottom-0 {
    margin-bottom: 0 !important;
}
.margin-bottom-5 {
    margin-bottom: 5px !important;
}
.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-8 {
    margin-bottom: 8px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}
.margin-bottom-35 {
    margin-bottom: 35px !important;
}
.margin-bottom-40 {
    margin-bottom: 40px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}
.margin-bottom-60 {
    margin-bottom: 60px !important;
}
.margin-bottom-65 {
    margin-bottom: 65px !important;
}
.margin-top-5 {
    margin-top: 5px !important;
}
.margin-top-10 {
    margin-top: 10px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-25 {
    margin-top: 25px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-top-40 {
    margin-top: 40px !important;
}
.margin-top-50 {
    margin-top: 50px !important;
}
.margin-left-0 {
    margin-left: 0 !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.margin-right-0 {
    margin-right: 0 !important;
}
.margin-right-20 {
    margin-right: 20px !important;
}
.margin-left-20 {
    margin-left: 20px !important;
}
.padding-left-0 {
    padding-left: 0 !important;
}
.padding-left-5 {
    padding-left: 5px !important;
}
.padding-right-5 {
    padding-right: 5px !important;
}
.padding-left-40 {
    padding-left: 40px !important;
}
.padding-right-0 {
    padding-right: 0 !important;
}
.padding-right-30 {
    padding-right: 30px !important;
}
.margin-right-5 {
    margin-right: 5px
}
.margin-right-10 {
    margin-right: 10px !important;
}
.max-with-100{
    max-width: 100% !important;
}
a.text-underline{
    text-decoration: underline;
}
div.checker,
div.radio {
    top: -1px;
}
.form-control{
    font-size: 12px;
}
select.form-control {
    color: #5f6d7b;
    border-radius: 2px;
    border-color: #dddddd;
    box-shadow: none;
}
select.form-control:focus {
    box-shadow: none;
    border-color: #dddddd;
}

input.form-control,
textarea.form-control {
    border-color: #dddddd;
    border-radius: 2px;
    box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(119,119,119,.5);
    font-size: 12px;
    display: block;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color: rgb(128,134,139);
    background-color: #F1F3F4;
    border: none;
    width: 100%;
}
.bootstrap-filestyle.input-group .btn{
    padding: 5px 12px;
}
.bootstrap-filestyle .icon-span-filestyle{
    margin-right: 5px;
}
input.form-control:focus,
textarea.form-control:focus {
    box-shadow: none;
    border: solid 1px #dbdbdb;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}
*html .clearfix {
    zoom: 1;
}
*+html .clearfix {
    zoom: 1;
}
.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.lead {
    font-size: 16px;
}
.font-transform-inherit {
    text-transform: inherit !important;
}
.color-blue {
    color: #2d8fd0 !important;
}
.color-green {
    color: #00a09d !important;
}
.color-white {
    color: #FFFFFF;
}
.color-red {
    color: #a94442;
}
.color-gray {
    color: #848080;
}
.bg-danger {
    background-color: #f86c6b!important;
}
.bg-info {
    background-color: #63c2de!important;
}
.bg-primary {
    background-color: #11b2c6!important;
}
.bg-warning {
    background-color: #ffc107!important;
}
.bg-success {
    background-color: #00a09d!important;
}
.bg-purple {
    background-color: #62495B !important;
}
/***
Custom Scrollbars
***/
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #cecece;
}
::-webkit-scrollbar-thumb {
    background-color: #cecece;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}
::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}
/* overides metro scrolbars in IE10 and makes them look like a default scrollbar */
@-ms-viewport{
    width: auto !important;
}
::-moz-selection {
    color: #fff;
    background: #FFC000;
}
::selection {
    color: #fff;
    background: #FFC000;
}
/* Global classes */
.min-hight500 {
    min-height: 500px;
}
.min-width100 {
    min-width: 100px;
}

/* content form page */
div.content-form-page {
    background: #fff;
    padding: 5px 20px 30px;
    margin-right: 10px;
}
.content-form-page a {
    color: #767F88;
}
.content-form-page a:hover {
    color: #282F33;
}
.form-without-legend {
    padding-top: 25px;
}
.content-form-page legend {
    border: none;
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 10px;
    color: #3E4D5C;
}
.content-form-page .control-label {
    padding-right: 5px;
    margin-left: -15px;
}
.require {
    color: #e94d1c;
}
.content-form-page .form-control:focus {
    box-shadow: none;
    border: solid 1px #e94d1c;
}
.content-form-page .checkbox .col-lg-4 {
    padding-right: 0;
    margin-left: -15px;
}
/*.content-form-page .checker {
   margin-left: -15px;
}*/
.content-form-page .btn {
    margin-right: 10px;
    /*padding: 7px 12px 6px;*/
}
div.content-form-page .checkbox-list {
    margin-left: -3px;
}

/* info at the right of the forms */
.form-info {
    padding: 0 10px 0 30px;
    border-left: solid 1px #e4e6e8;
    margin: 25px 0;
}
.form-info h2,
.ecommerce .form-info h2 {
    font-size: 18px;
    position: relative;
    top: -5px;
    margin-bottom: 5px;
}
.form-info h2 em {
    font-style: normal;
    color: #FFC000;
}
.form-info p {
    margin: 0 0 20px;
}

.tab-content {

}

/* content search */
.content-search {
    background: #fff;
    padding: 10px 15px;
}
.ecommerce .content-search h1 {
    padding-top: 3px;
    margin: 0;
}
.content-search h1 em {
    font-style: normal;
    color: #FFC000;
}
.content-search form {
    margin: 0;
}
.content-search input {
    border-radius: 0;
    border-color: #dbdbdb;
    color: #b0b4b7;
    font: 14px Arial, sans-serif;
    height: 35px;
}
.content-search input:focus {
    box-shadow: none;
    border: solid 1px #e94d1c;
}
.content-search button {
    margin-left: 0 !important;
    font-size: 14px;
    /*padding: 7px 12px 5px;*/
    height: 35px;
}

/***
Notes
***/
/* Common styles for all types */
.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

.note h1,
.note h2,
.note h3,
.note h4 {
    margin-top: 0;
}

.note p:last-child {
    margin-bottom: 0;
}
.note code,
.note .highlight {
    background-color: #fff;
}

/* Variations */
.note-danger {
    background-color: #FAEAE6;
    border-color: #ed4e2a;
}

.note-warning {
    background-color: #FCF3E1;
    border-color: #fcb322;
}

.note-info {
    background-color: #E8F6FC;
    border-color: #57b5e3;
}

.note-success {
    background-color: #EBFCEE;
    border-color: #3cc051;
}

/*  panel styles */
.panel-default > .panel-heading {
    color: inherit;
}
.panel .panel-title {
    padding-top: 0;
    margin-bottom: 0;
}

/***
Font awesome icons styles
***/
.fontawesome-icon-list [class^="fa-"],
.fontawesome-icon-list [class*=" fa-"],
li [class^="fa-"],
li [class*=" fa-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
.fontawesome-icon-list [class^="fa-"].icon-large,
.fontawesome-icon-list [class*=" fa-"].icon-large,
li [class^="fa-"].icon-large,
li [class*=" fa-"].icon-large {
    width: 1.5625em;
}
.fontawesome-icon-list .col-md-3 {
    height: 32px;
    line-height: 32px;
}

#top-control {
    z-index: 99999;
}

#dlivery-wrap {
    position: relative;
    display: block;
    height: auto;
    min-height: 100%;
}
.dlivery-container{
    z-index: 1;
}
.dlivery-footer{

}
.note-editor.note-frame .note-editing-area .note-editable{
    color: #777;
}
.bg-light {
    background-color: #f8f9fa!important;
}
/*** Pagination**/
.pagination{
    margin: 0;
}
.pagination .no-borber {
    border: none;
    color: #515356;
    font-size: 12px;
    height: 30px;
}
.pagination .no-borber span {
    color: #515356;
    line-height: normal;
}
.pagination .no-borber span:hover {
    background-color: transparent;
}
.pagination > li > a {
    background: #fafafa;
    color: #666;
    padding: 5px 10px;
}
.pagination li a {
    background-color: #fff;
    border-color: #EAEDEF;
    color: #515356;
}
.pagination li.active a
,.pagination li.active a:hover{
    background-color: #FFC000;
    border: 1px solid #FFC000;
    color: #FFFFFF;
}
.top_nav .pagination li a i {
    font-size: 12px;
}
#dlivery-wrap .select2-container--default .select2-selection--single{
    min-height: 30px;
}
#dlivery-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top: 0;
}
.on-switch,
.bootstrap-switch-on{
    background: #26B99A;
    color: #fff;
}
.bootstrap-switch{
    border: 1px solid #ddd !important;
}
.bootstrap-switch .bootstrap-switch-handle-on
,.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default
,.bootstrap-switch .bootstrap-switch-label{
    padding: 4px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    height: 27px;
}
/***Loader***/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.divLoader{
    position: relative;
}
.divModalLoader {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .3)
    url('img/app-loader.gif')
    50% 50%
    no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.divLoader.loading {
    overflow: hidden;


}
/* Anytime the body has the loading class, our
   modal element will be visible */
.divLoader.loading .divModalLoader {
    display: block;
}

.size11 {
    font-size: 11px !important;
}
.size12 {
    font-size: 12px !important;
}
.size13 {
    font-size: 13px !important;
}
.size14 {
    font-size: 15px !important;
}
.bootstrap-select .dropdown-toggle:focus, *:focus {
    outline: 0 !important;
}
.selectYear .bootstrap-select {
    display: inline-block !important;
    margin-right: 5px;
    width: 30% !important;
}
.bootstrap-select .dropdown-menu.open{
    border-radius: 0;
}
.h5, h5 {
    font-size: 13px;
}
.show-pick-color {
    display: inline-block;
    height: 20px;
    width: 50px;
}
/***Native checkbox***/
input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    margin-bottom: -5px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: 0;
}
input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 1px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    border-color: #33ccff ;
    background-color: #33ccff ;

}
input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
    display: block;
    margin-top: -2px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: rgb(232,234,237);
    content: "";
    -webkit-transition: 240ms;
    transition: 240ms;
    border-radius: 2px;
    border: 2px solid #ddd;
}
.color-orange{
    color: #f58212;
}
.btn-outline-primary {
    color: #2d8fd0;
    border-color: #2d8fd0;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #2d8fd0;
    border-color: #2d8fd0;
}
.no-borber{
    border: none !important;
}
.alert-danger {
    color: #7e1e18;
    background-color: #fcd8d5;
    border-color: #fbc8c4;
    border: none;
    padding: 8px;
    text-align: center;
}
/*End native checkbox*/