/* ---------- START -----------*/
/* ------- BOX VISIT LIST --------*/
.color-orange {
    background-color: orange !important;
}
    .color-orange h6.title {
        color: white !important;
    }
    .color-orange .dg-ico {
        color: white !important;
    }
    .color-orange .infobox-bottom .info {
        color: white !important;
    }

.color-lightgreen {
    background-color: lightgreen !important;
}

    .color-lightgreen h6.title {
        color: white !important;
    }

    .color-lightgreen .dg-ico {
        color: white !important;
    }

    .color-lightgreen .infobox-bottom .info {
        color: white !important;
    }

.color-indianred {
    background-color: indianred !important;
}

    .color-indianred h6.title {
        color: white !important;
    }

    .color-indianred .dg-ico {
        color: white !important;
    }

    .color-indianred .infobox-bottom .info {
        color: white !important;
    }

.color-title-info-orange {
    color: orange !important;
    background: orange !important;
    border: solid 1px #808080;
    border-radius: 4px;
}

.color-title-info-lightgreen {
    color: lightgreen !important;
    background: orange !important;
    border: solid 1px #808080;
    border-radius: 4px;
}

.color-title-info-indianred {
    color: indianred !important;
    background: indianred !important;
    border: solid 1px #808080;
    border-radius: 4px;
}
.color-title-info-white {
    color: white !important;
    background: white !important;
    border: solid 1px #808080;
    border-radius: 4px;
}

.dg-infobox13{
    min-height:190px;
    max-height:190px;
}
/* ----------- END ------------*/



/* ---------- START -----------*/
/* ------- Tab DNG-PRO --------*/
.rtl .dg-tabs-top ul.resp-tabs-list li, .rtl .dg-tabs-bottom ul.resp-tabs-list li{
    float:right!important;
}
/* ----------- END ------------*/

/* ---------- START -----------*/
/* ------- Togle Switch --------*/
.switch {
    position: relative;
    /*display: inline-block;*/
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.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;
        transitiohttps: //www.w3schools.com/n: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

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%;
    }

.switch.form-control{
    border:unset!important;
}

/* ----------- END ------------*/

/* ---------- START -----------*/
/* ------- Clock Picker --------*/

.clockpicker-popover .popover-title{
    direction:ltr!important;
}

/* ----------- END ------------*/

/* ---------- START -----------*/
/* ------- Toggle --------*/
.slow .toggle-group {
    transition: left 0.7s;
    -webkit-transition: left 0.7s;
}
.toggle-handle {
    background: white!important;
}

/* ----------- END ------------*/

.lableTitle{
    font-weight:bold;
}
.lableTitleInfo {
    font-size: 12px;
    font-style: italic;
    color: #f59393;
    text-align: justify;
}
/* ----------- END ------------*/

/* ---------- START -----------*/
/* ------- Confirm Delete --------*/
.mm-slideout {
    z-index: 100!important;
}
/* ----------- END ------------*/

.pay-btn.aspNetDisabled span {
    
}
    .pay-btn.aspNetDisabled span.btn-paid {
        background-color: indianred !important;
        background: indianred !important;
        color: white !important;
    }

        .pay-btn.aspNetDisabled span.btn-paid i {
            background-color: indianred !important;
            background: indianred !important;
            color: white !important;
        }

    .pay-btn.aspNetDisabled span.btn-paid span {
        color: white !important;
    }

    .pay-btn.aspNetDisabled span.btn-waiting {
        background-color: orange !important;
        background: orange !important;
        color: white !important;
    }

    .pay-btn.aspNetDisabled span.btn-waiting i {
        background-color: orange !important;
        background: orange !important;
        color: white !important;
    }

    .pay-btn.aspNetDisabled span.btn-waiting span {
        color: white !important;
    }

    .pay-btn span.btn-unpaid {
        background-color: #20a3f0 !important;
        background: #20a3f0 !important;
        color: white !important;
    }

        .pay-btn span.btn-unpaid i {
            background-color: #20a3f0 !important;
            background: #20a3f0 !important;
            color: white !important;
        }

        .pay-btn span.btn-unpaid span {
            color: white !important;
        }


.dropzone {
    border: dashed 2px #4e62fe !important;
    border-radius: 20px !important;
    min-height: 150px !important;
    padding: 25px 25px !important;
    background: #ecf8ff url(Resources/Images/drag-icon.png) no-repeat scroll center center !important;
    border-color: #CED4E0 !important;
    border-style: dashed !important;
    border-width: 2px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
    border-radius: 4px !important;
}

    .dropzone .dz-message {
        text-align: center !important;
        margin: 2em 0 !important;
        font-size: 1.2em !important;
        line-height: 2em !important;
    }

.dropzone-frm, .browser-frm {
    position: relative !important;
    direction: ltr !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dropzone.dz-clickable {
    cursor: pointer !important;
}


.table-responsive .table td{
    vertical-align:middle!important;
}

.btn-search {
    border-right: none;
    border-left: 1px solid #ced4da;
    border-top: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 4px 0px 0px 4px;
}

.dnnFormPopup {
    z-index: 10000000!important;
}

a.aspNetDisabled i{
    background-color:#aeaeae;
}

table.table tr.isDeleted {
    background-color: red;
    color: white;
    background-image: repeating-linear-gradient(-45deg, transparent 0 2px, #ff5555 2px 6px);
    text-shadow: 5px 1px 3px black;
    cursor: not-allowed;
}

table.table tr.isReject {
    background-color: #dcd72e;
    color: white;
    background-image: repeating-linear-gradient(-45deg, transparent 0 2px, black 2px 6px);
    text-shadow: 5px 1px 3px black;
    cursor: not-allowed;
}

table.table tr.isVisited {
    background-color: red;
    color: lightgreen;
    text-shadow: 5px 1px 3px black;
    cursor: not-allowed;
}

.modal {
    z-index: 9999999!important;
}

.page-link{
    float:right!important;
}

    .page-link.active {
        background: #20a3f0;
        color: white;
    }

div.dg-ico span {
    font-size: 19px;
    vertical-align: middle;
    /*padding-right: 8px;*/
}

.date-day-name{
    font-size:14px!important;
}

.dnnLoading {
    background: url("Resources/Images/loading.gif") no-repeat scroll center center #FFFFFF;
    position: absolute;
    z-index: 9999;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.pop.pointer{
    cursor:pointer;
}

.archive-bg-blue{
    background-color:cornflowerblue;
}
.archive-bg-lightgreen {
    background-color: lightgreen;
}
.archive-bg-orange {
    background-color: orange;
}
.archive-bg-red {
    background-color: red;
    color:white!important;
}

.marge-left-10{
    margin-left:10px;
}
    .marge-left-10 label {
        padding-right: 5px;
    }