body, p, div, span, button, a, td, label, h1, h2, h3, h4, h5, h6{
    font-family: 'Prompt', sans-serif !important;
}

@font-face {
    font-family: 'dsdigital';
    src: url('../fonts/DS-Digital.woff');
}

.font-digital{
    font-family: 'dsdigital' !important;
}

.navbar-brand{
    float:right !important;
}

.height5{height:5px !important;}
.height10{height:10px !important;}
.height15{height:15px !important;}
.height20{height:20px !important;}
.height25{height:25px !important;}
.height30{height:30px !important;}
.height35{height:35px !important;}
.height40{height:40px !important;}
.height45{height:45px !important;}
.height50{height:50px !important;}
.height55{height:55px !important;}
.height60{height:60px !important;}
.height65{height:65px !important;}
.height70{height:70px !important;}
.height75{height:75px !important;}
.height80{height:80px !important;}
.height90{height:90px !important;}
.height100{height:100px !important;}

.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}

.underline{text-decoration: underline !important;}
.bold{font-weight: bold !important;}

.font10{font-size:10px !important;}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.font22{font-size:22px !important;}
.font24{font-size:24px !important;}
.font26{font-size:26px !important;}
.font28{font-size:28px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px !important;}
.font34{font-size:34px !important;}
.font36{font-size:36px !important;}
.font38{font-size:38px !important;}
.font40{font-size:40px !important;}
.font42{font-size:42px !important;}
.font44{font-size:44px !important;}
.font46{font-size:46px !important;}
.font48{font-size:48px !important;}
.font50{font-size:50px !important;}

.font-normal, .text-normal{font-weight:normal !important;}
.font-bold, .text-bold{font-weight:bold !important;}
.font-italic, .text-italic{font-style:italic !important;}

.text-green{color:green !important}
.text-greenlight{color:rgb(0, 255, 0) !important}
.text-greendark{color:rgb(0, 68, 0) !important}
.text-grey{color:#888 !important}
.text-greywhite{color:#DDD !important}
.text-red{color:red !important}
.text-orange{color:orange !important}
.text-darkorange{color:#ff6633 !important}
.text-violet{color:blueviolet !important}
.text-blue{color:blue !important}
.text-sky{color:#007fff !important}
.text-black{color:black !important}
.text-pink{color:pink !important}
.text-white{color:white !important}
.text-black{color:black !important}

.bg-green{background-color:green !important}
.bg-greenlight{background-color:rgb(0, 255, 0) !important}
.bg-greendark{background-color:rgb(0, 68, 0) !important}
.bg-grey{background-color:#888 !important}
.bg-greywhite{background-color:#DDD !important}
.bg-light{background-color:#f3f3f3 !important}
.bg-red{background-color:red !important}
.bg-orange{background-color:#f68b00 !important}
.bg-orangedark{background-color:#ec6b00 !important}
.bg-violet{background-color:blueviolet !important}
.bg-blue{background-color:blue !important}
.bg-sky{background-color:#007fff !important}
.bg-skywhite{background-color:#99ccff !important}
.bg-black{background-color:black !important}
.bg-pink{background-color:pink !important}
.bg-yellow{background-color:#d0d032 !important}
.text-yellow{color:#C4B611 !important}
.bg-darkyellow{background-color:#C4B611 !important}

.border-green{border-color:green !important}
.border-grey{border-color:#888 !important}
.border-greywhite{border-color:#DDD !important}
.border-red{border-color:red !important}
.border-orange{border-color:orange !important}
.border-violet{border-color:blueviolet !important}
.border-blue{border-color:blue !important}
.border-sky{border-color:#007fff !important}
.border-black{border-color:black !important}
.border-pink{border-color:pink !important}
.border-yellow{border-color:#d0d032 !important}
.border-darkyellow{border-color:#C4B611 !important}

.border-solid{border-style: solid !important;}

.border0{border-width:0px !important;}
.border1{border-width:1px !important;}
.border2{border-width:2px !important;}
.border3{border-width:3px !important;}
.border4{border-width:4px !important;}
.border5{border-width:5px !important;}
.border6{border-width:6px !important;}
.border7{border-width:7px !important;}
.border8{border-width:8px !important;}
.border9{border-width:9px !important;}
.border10{border-width:10px !important;}

.border-radius0{border-radius: 0px !important}
.border-radius1{border-radius: 1px !important}
.border-radius2{border-radius: 2px !important}
.border-radius3{border-radius: 3px !important}
.border-radius4{border-radius: 4px !important}
.border-radius5{border-radius: 5px !important}
.border-radius6{border-radius: 6px !important}
.border-radius7{border-radius: 7px !important}
.border-radius8{border-radius: 8px !important}
.border-radius9{border-radius: 9px !important}
.border-radius10{border-radius: 10px !important}
.border-radius11{border-radius: 11px !important}
.border-radius12{border-radius: 12px !important}
.border-radius13{border-radius: 13px !important}
.border-radius14{border-radius: 14px !important}
.border-radius15{border-radius: 15px !important}
.border-radius16{border-radius: 16px !important}
.border-radius17{border-radius: 17px !important}
.border-radius18{border-radius: 18px !important}
.border-radius19{border-radius: 19px !important}
.border-radius20{border-radius: 20px !important}
.border-radius25{border-radius: 25px !important}
.border-radius30{border-radius: 30px !important}
.border-radius35{border-radius: 35px !important}
.border-radius40{border-radius: 40px !important}

.margin-auto{margin:auto !important}
.margin-top--1{margin-top:-1px !important}
.margin-top--2{margin-top:-2px !important}
.margin-top--3{margin-top:-3px !important}
.margin-top--4{margin-top:-4px !important}
.margin-top--5{margin-top:-5px !important}
.margin-top--6{margin-top:-6px !important}
.margin-top--7{margin-top:-7px !important}
.margin-top--8{margin-top:-8px !important}
.margin-top--9{margin-top:-9px !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--35{margin-top:-35px !important}
.margin-top--40{margin-top:-40px !important}
.margin-top--45{margin-top:-45px !important}
.margin-top--50{margin-top:-50px !important}

.margin-top-0{margin-top:0px !important}
.margin-top-1{margin-top:1px !important}
.margin-top-2{margin-top:2px !important}
.margin-top-3{margin-top:3px !important}
.margin-top-4{margin-top:7px !important}
.margin-top-5{margin-top:5px !important}
.margin-top-6{margin-top:6px !important}
.margin-top-7{margin-top:7px !important}
.margin-top-8{margin-top:8px !important}
.margin-top-9{margin-top:9px !important}
.margin-top-10{margin-top:10px !important}
.margin-top-11{margin-top:11px !important}
.margin-top-12{margin-top:12px !important}
.margin-top-13{margin-top:13px !important}
.margin-top-14{margin-top:14px !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-35{margin-top:35px !important}
.margin-top-40{margin-top:40px !important}   
.margin-top-45{margin-top:45px !important}
.margin-top-50{margin-top:50px !important}   
.margin-top-55{margin-top:55px !important}

.margin-left-0{margin-left:0px !important}
.margin-left-1{margin-left:1px !important}
.margin-left-2{margin-left:2px !important}
.margin-left-3{margin-left:3px !important}
.margin-left-4{margin-left:4px !important}
.margin-left-5{margin-left:5px !important}
.margin-left-6{margin-left:6px !important}
.margin-left-7{margin-left:7px !important}
.margin-left-8{margin-left:8px !important}
.margin-left-9{margin-left:9px !important}
.margin-left-10{margin-left:10px !important}
.margin-left-11{margin-left:11px !important}
.margin-left-12{margin-left:12px !important}
.margin-left-13{margin-left:13px !important}
.margin-left-14{margin-left:14px !important}
.margin-left-15{margin-left:15px !important}
.margin-left-20{margin-left:20px !important}
.margin-left-25{margin-left:25px !important}
.margin-left-30{margin-left:30px !important}    
.margin-left-35{margin-left:35px !important}
.margin-left-40{margin-left:40px !important}   
.margin-left-45{margin-left:45px !important}
.margin-left-50{margin-left:50px !important}   
.margin-left-55{margin-left:55px !important}

.margin-bottom-0{margin-bottom:0px !important}
.margin-bottom-1{margin-bottom:1px !important}
.margin-bottom-2{margin-bottom:2px !important}
.margin-bottom-3{margin-bottom:3px !important}
.margin-bottom-4{margin-bottom:4px !important}
.margin-bottom-5{margin-bottom:5px !important}
.margin-bottom-6{margin-bottom:6px !important}
.margin-bottom-7{margin-bottom:7px !important}
.margin-bottom-8{margin-bottom:8px !important}
.margin-bottom-9{margin-bottom:9px !important}
.margin-bottom-10{margin-bottom:10px !important}
.margin-bottom-11{margin-bottom:11px !important}
.margin-bottom-12{margin-bottom:12px !important}
.margin-bottom-13{margin-bottom:13px !important}
.margin-bottom-14{margin-bottom:14px !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-45{margin-bottom:45px !important}
.margin-bottom-50{margin-bottom:50px !important}   
.margin-bottom-55{margin-bottom:55px !important}

.margin-right-0{margin-right:0px !important}
.margin-right-1{margin-right:1px !important}
.margin-right-2{margin-right:2px !important}
.margin-right-3{margin-right:3px !important}
.margin-right-4{margin-right:4px !important}
.margin-right-5{margin-right:5px !important}
.margin-right-6{margin-right:6px !important}
.margin-right-7{margin-right:7px !important}
.margin-right-8{margin-right:8px !important}
.margin-right-9{margin-right:9px !important}
.margin-right-10{margin-right:10px !important}
.margin-right-15{margin-right:15px !important}
.margin-right-20{margin-right:20px !important}
.margin-right-25{margin-right:25px !important}
.margin-right-30{margin-right:30px !important}   
.margin-right-35{margin-right:35px !important}
.margin-right-40{margin-right:40px !important}   
.margin-right-45{margin-right:45px !important}
.margin-right-50{margin-right:50px !important}   
.margin-right-55{margin-right:55px !important}

.margin0{margin:0px !important;}
.margin5{margin:5px !important;}
.margin10{margin:10px !important;}
.margin20{margin:20px !important;}
.margin30{margin:30px !important;}
.margin35{margin:35px !important;}
.margin-top-bottom-0{margin-top:0px !important; margin-bottom:0px !important}

.padding0{padding:0px !important;}
.padding1{padding:1px !important;}
.padding2{padding:2px !important;}
.padding3{padding:3px !important;}
.padding4{padding:4px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding15{padding:15px !important;}
.padding20{padding:20px !important;}
.padding25{padding:25px !important;}
.padding30{padding:30px !important;}
.padding45{padding:45px !important;}
.padding50{padding:50px !important;}
.padding55{padding:55px !important;}
.padding60{padding:60px !important;}

.padding-top-0{padding-top:0px !important}
.padding-top-1{padding-top:1px !important}
.padding-top-2{padding-top:2px !important}
.padding-top-3{padding-top:3px !important}
.padding-top-4{padding-top:4px !important}
.padding-top-5{padding-top:5px !important}
.padding-top-10{padding-top:10px !important}
.padding-top-11{padding-top:11px !important}
.padding-top-12{padding-top:12px !important}
.padding-top-13{padding-top:13px !important}
.padding-top-14{padding-top:14px !important}
.padding-top-15{padding-top:15px !important}
.padding-top-16{padding-top:16px !important}
.padding-top-17{padding-top:17px !important}
.padding-top-18{padding-top:18px !important}
.padding-top-19{padding-top:19px !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-left-0{padding-left:0px !important}
.padding-left-1{padding-left:1px !important}
.padding-left-2{padding-left:2px !important}
.padding-left-3{padding-left:3px !important}
.padding-left-4{padding-left:4px !important}
.padding-left-5{padding-left:5px !important}
.padding-left-10{padding-left:10px !important}
.padding-left-15{padding-left:15px !important}
.padding-left-20{padding-left:20px !important}
.padding-left-25{padding-left:25px !important}
.padding-left-30{padding-left:30px !important}    
.padding-left-35{padding-left:35px !important}
.padding-left-40{padding-left:40px !important}
.padding-left-45{padding-left:45px !important}
.padding-left-50{padding-left:50px !important}

.padding-bottom-0{padding-bottom:0px !important}
.padding-bottom-1{padding-bottom:1px !important}
.padding-bottom-2{padding-bottom:2px !important}
.padding-bottom-3{padding-bottom:3px !important}
.padding-bottom-4{padding-bottom:4px !important}
.padding-bottom-5{padding-bottom:5px !important}
.padding-bottom-10{padding-bottom:10px !important}
.padding-bottom-15{padding-bottom:15px !important}
.padding-bottom-20{padding-bottom:20px !important}
.padding-bottom-25{padding-bottom:25px !important}
.padding-bottom-30{padding-bottom:30px !important} 
.padding-bottom-35{padding-bottom:35px !important}
.padding-bottom-40{padding-bottom:40px !important}
.padding-bottom-45{padding-bottom:45px !important}
.padding-bottom-50{padding-bottom:50px !important}

.padding-right-0{padding-right:0px !important}
.padding-right-1{padding-right:1px !important}
.padding-right-2{padding-right:2px !important}
.padding-right-3{padding-right:3px !important}
.padding-right-4{padding-right:4px !important}
.padding-right-5{padding-right:5px !important}
.padding-right-10{padding-right:10px !important}
.padding-right-15{padding-right:15px !important}
.padding-right-20{padding-right:20px !important}
.padding-right-25{padding-right:25px !important}
.padding-right-30{padding-right:30px !important}    
.padding-right-35{padding-right:35px !important}
.padding-right-40{padding-right:40px !important}
.padding-right-45{padding-right:45px !important}
.padding-right-50{padding-right:50px !important}

.float-right{float:right !important;}
.float-left{float:left !important;}
.float-center{margin:auto !important;}
.center{margin:auto !important;}
.pointer{cursor:pointer !important;}

.width10{width:10px !important}
.width15{width:15px !important}
.width20{width:20px !important}
.width25{width:25px !important}
.width30{width:30px !important}
.width35{width:35px !important}
.width40{width:40px !important}
.width45{width:45px !important}
.width50{width:50px !important}
.width55{width:55px !important}
.width100{width:100px !important}
.width150{width:150px !important}
.width200{width:200px !important}
.width250{width:250px !important}
.width300{width:300px !important}
.width350{width:350px !important}
.width400{width:400px !important}
.width450{width:450px !important}
.width500{width:500px !important}
.width550{width:550px !important}
.width600{width:600px !important}
.widthmax{width:100% !important}
.widthauto{width:auto !important}

.min-width10{min-width:10px !important}
.min-width20{min-width:20px !important}
.min-width30{min-width:30px !important}
.min-width40{min-width:40px !important}
.min-width50{min-width:50px !important}
.min-width100{min-width:100px !important}
.min-width150{min-width:150px !important}
.min-width200{min-width:200px !important}
.min-width250{min-width:250px !important}
.min-width300{min-width:300px !important}
.min-width350{min-width:350px !important}
.min-width400{min-width:400px !important}
.min-width450{min-width:450px !important}
.min-width500{min-width:500px !important}
.min-width550{min-width:550px !important}
.min-width600{min-width:600px !important}

.max-width50{max-width:50px !important}
.max-width100{max-width:100px !important}
.max-width150{max-width:150px !important}
.max-width200{max-width:200px !important}
.max-width250{max-width:250px !important}
.max-width300{max-width:300px !important}
.max-width350{max-width:350px !important}
.max-width400{max-width:400px !important}
.max-width450{max-width:450px !important}
.max-width500{max-width:500px !important}
.max-width550{max-width:550px !important}
.max-width600{max-width:600px !important}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
 }
 
label.error {
    font-size:16px !important;
    text-decoration:underline;
    color:red !important;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

.btn{
    border-radius:30px !important;
    border:0px solid !important;
}
.btn-lg{
    border-radius:30px !important;
    margin-bottom:5px !important;
}


.form-group label.control-label {
    font-weight: bold !important;
}
.form-group{
    margin-bottom:5px !important;
}

/* ============== DATA TABLE =============== */
.table-responsive{
    border:0px solid;
}

.vertical-top{vertical-align:top !important;}

table{
    font-size:16px !important;
}

 /*highlight + cursor*/
table.highlight tbody tr:nth-child(even):hover td{
    background-color: yellow !important;
    cursor:pointer !important;
}

table.highlight tbody tr:nth-child(odd):hover td {
    background-color: yellow !important;
    cursor:pointer !important;
}

 /*highlight + cursor*/
.highlight:hover{
    background-color: yellow !important;
    cursor:pointer !important;
}

 /*highlight no cursor*/
table.highlightonly tbody tr:nth-child(even):hover td{
    background-color: yellow !important;
}

table.highlightonly tbody tr:nth-child(odd):hover td{
    background-color: yellow !important;
}   

input[type=search]{
    border:1px solid !important;
    font-size:16px;
}
label{
    color:black !important;
    font-size:16px !important;
}



input[type=text]{
    font-size:20px !important;
    border:1px solid #000;
    height:50px !important;
    border:1px solid #000 !important;;
    border-radius:4px;
}
textarea{
    border-radius:4px !important;
    border:1px solid #000 !important;
}


.btn-datatable{
    padding-left:5px !important;
    padding-right:5px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    margin:0px;
}

.dataTables_filter input{
    min-width:200px !important;
    height:30px !important;
    font-size:16px !important;
    border-radius: 20px !important;
}

#tbmain_wrapper label select{
    margin-left:10px !important;
    margin-right:10px !important;     
    height:30px !important;
    padding-top:5px !important;
    font-size:14px !important;
}

#tbmain_wrapper .row{
    margin-bottom:10px !important;
}

.dataTables_length label select{
    margin-left:10px !important;
    margin-right:10px !important;     
    margin-top:4px !important;
    margin-left:5px !important;
    height:30px !important;
    padding-top:5px !important;
}

.dataTables_length label{
    margin-left:10px !important;
    color:#555 !important;
}

/*
.top .dataTables_length{    
    margin-top:4px !important;
    margin-left:5px !important;
}
*/

tbody tr td {
    height: 40px !important;
}

table.dataTable td {
    padding-top:0px !important;
    padding-bottom:0px !important;
} 

th{
    text-align: center !important;
    vertical-align: middle !important;
}

.paginate_button .dataTables_length{
    font-size: 14px !important;
}

.back-button{
    cursor:pointer !important;
    font-size:48px !important;
}
.div-back-button{
    float:left !important;
}

.hidden{
    display: none !important;
}


/* magic popup */
.mfp-bg{
    z-index:1900 !important;
    opacity:1 !important;
}
.mfp-wrap{
    z-index:2000 !important;
}


/* modal */
.modal-content, .modal-header{
    border-radius: 0px !important;
    border:0px solid !important;
}

.mfp-close{
    font-size:100px !important;
    color:red !important;
    cursor:pointer !important;
    opacity: 1 !important;
    height:33px !important;
    line-height:33px !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    text-align:center !important;
}

.col-form-label{
    padding-bottom:0px !important;
}

@media all and (max-width:450px){
    .btn-block-for-mobile { 
        width: 100%; 
        display:block; 
        margin-top:10px !important;
    }
}

select option{
    background-color: #C4FEFF !important; 
}

ul.select2-results__options li{
    font-size:20px !important;
}
.select2-selection__rendered {
    font-size:20px !important;
}
.select2-selection__rendered{
    font-size:18px !important;
}
.select2-results__options{
    font-size:18px !important;
    background-color: #C4FEFF !important; 
    color:#000 !important;
}
.select2{
    width:100% !important;    
}
.select2-container--default .select2-selection--single{
    padding:5px !important;
    font-size:18px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:10px !important;
}
.select2-container .select2-selection--single {
    height: 50px !important;
    border-radius:4px !important;
    padding-top:10px !important;
    border:1px solid #000 !important;
    font-size:20px !important;
}

/* select{
    border-radius:30px !important;
} */

/* timeline css */
.border-card{
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.tagstatus {
    padding-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.timeline-title{
    font-size:20px !important;
}


::-webkit-input-placeholder { /* Edge */
    color: #AAA !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAA !important;
}

::placeholder {
    color: #AAA !important;
}

.app-page-title .page-title-heading, .app-page-title .page-title-wrapper{
    text-align:left !important;
}

.div-title{
    margin-top:6px !important;
    font-size:24px !important;
    font-weight:bold !important;
    margin-left:10px !important;
    float:left !important;
}

.readonly{
    background-color: #ddd !important;
    border-color: #a8a8a8 !important;
}

select{
    cursor:pointer !important;
    height: 50px !important;
    padding-top:10px !important;
    border:1px solid #000 !important;
    border-radius:4px !important;
    font-size:20px !important;
}

.btn_print_report{
    height:50px !important;
    font-size:20px !important;
}
.select-search{
    font-size:20px !important;
}

.btn-modal{
    font-size:20px !important;
}

.btn-success{
    background-color:green !important;
}

.btn-danger{
    background-color:red !important;
}

.btn-warning{
    background-color:orange !important;
}

.col-nowrap{
    white-space: nowrap;
}

.dataTables_length select{
    font-size:16px !important;
}

.datepicker{
    font-size:20px !important;
    border:1px solid #000;
    height:50px !important;
    border-radius: 4px !important;
}

.ui-datepicker-month{
    height:30px !important;
    padding-top:0px !important;
    border-radius:5px !important;
    margin-right:3px !important;
    font-family: 'Prompt', sans-serif !important;
}
.ui-datepicker-year{
    height:30px !important;
    padding-top:0px !important;
    border-radius:5px !important;
    margin-left:3px !important;
    font-family: 'Prompt', sans-serif !important;
}

table.dataTable.hover tbody tr:hover, 
table.dataTable.display tbody tr:hover{
    background-color:#F3FF75 !important;
}