/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

:root {
    --light-blue: #08C;
    --dark-blue: #123851;
}

/*# sourceMappingURL=custom.css.map */
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{

    -webkit-appearance: none;
    
}
.select2-container {
    z-index: 99999;
}

/* font size */
.fs-10 { font-size: 1rem !important; }
.fs-12 { font-size: 1.2rem !important; }
.fs-14 { font-size: 1.4rem !important; }
.fs-15 { font-size: 1.5rem !important; }
.fs-16 { font-size: 1.6rem !important; }
.fs-17 { font-size: 1.7rem !important; }
.fs-18 { font-size: 1.8rem !important; }
.fs-20 { font-size: 2rem !important; }
.fs-21 { font-size: 2.1rem !important; }
.fs-22 { font-size: 2.2rem !important; }
.fs-40 { font-size: 4.0rem !important; }
.fs-30 { font-size: 3.0rem !important; }
/* font size */

.border-primary-all{
    border: 1px solid #e7e7e7;
}
.border-primary-all-2px{
    border: 2px solid #e7e7e7;
}
.brimary-border-color{
    border-color: #e7e7e7!important;
}
.border-light-blue{
    border: 2px solid var(--light-blue);
}
.border-start {
    border-left: 1px solid #e7e7e7 !important;
}

.border-bottom{
    border-bottom: 1px solid #e7e7e7 !important;
}
.border-end {
    border-right: 1px solid #e7e7e7 !important;
}
/* borders end*/

/* borders radius*/
.rounded-10 {border-radius: 10px !important;}
.rounded-5{border-radius: 5px ;}

.rounded-left-radius {

    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rounded-right-radius {

    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* borders radius end*/

/* width */
.w-98{width: 98%;}


/* bg colors */
.bg-white{background: white;}
.gray-background{background: #f7f7f7;}
.primary-blue-bg{background-color: var(--light-blue)!important;}
.stats-section-bg {background-color: var(--dark-blue)!important;}


/* text color */
.text-light-blue{color: var(--light-blue) !important;}
.text-dark-blue{color: var(--dark-blue);}

#monitor {
    margin: auto;
    position: relative;
    width: 220px;
    height: 250px;
    border: 1px solid rgba(0, 0, 0, .1);
}

#monitor .screen {
    margin: auto;
    margin-top: 10px;
    width: 200px;
    height: 230px;
    background: transparent url('http://www.terminally-incoherent.com/blog/wp-content/uploads/2010/02/maketitle.jpg');
    background-size: cover;
    background-color: rgba(0, 0, 0, .2);
}
.startScan{
    animation:scan 1s infinite;
}
#monitor .scan {
    width: 100%;
    height: 10px;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    z-index: 9999;
    /* -moz-animation: scan 5s infinite;
    -webkit-animation: scan 5s infinite; */
    -webkit-animation-direction: alternate-reverse;
    box-shadow: 0px 0px 30px rgba(255, 204, 102, .5);
}
.modal{
    overflow-y: scroll;
}
@-webkit-keyframes scan {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(210px);
        transform: translateY(240px);
    }
}