@import "dev/material";

.op0 {
    @include op(.0);
}

.op1 {
    @include op(.20);
}

.op2 {
    @include op(.40);
}

.op3 {
    @include op(.60);
}

.op4 {
    @include op(.80);
}

.op5 {
    @include op(1.00);
}

.op-h0:hover {
    @include op(0);
}

.op-h1:hover {
    @include op(.20);
}

.op-h2:hover {
    @include op(.40);
}

.op-h3:hover {
    @include op(.60);
}

.op-h4:hover {
    @include op(.80);
}

.op-h5:hover {
    @include op(1.00);
}



.owf {
    @include owf;
}

.owf-x {
    @include owf-x;
}
 
.owf-y {
    @include owf-y;
}

.hdn {
    @include hdn;
}
.hdn-i {
    @include hdn-i;
}

.hdn-vs {
    @include hdn-vs;
}

@include color('main',#009611);
@include color('mainsc',#00570a);
@include color('main_disable',#cecece);
@include color('main_enable1',#ffffff); 
@include color('main_enable2',#000000); 
@include color('main_sel',#b5bc00);
@include color('main_imp',#ffb400);
@include color('trmain',rgba(137, 169, 140, 0.27));



@include color('blue',#59b9ff);
@include color('sky',#a5e1ff);
@include color('red',#ff0000);
@include color('green',#00ff21);
@include color('dgreen',#00670d);
@include color('org',#ff6a00);
@include color('gray',#aeaeae);
@include color('gray2',#6c6b6b);
@include color('wgray',#dcddde);
@include color('wgray2',#f1f1f2);
@include color('dark',#313131);
@include color('black',#000000);
@include color('white',#ffffff);
@include color('trans',rgba(255, 255, 255, 0.00));
@include color('trdark',rgba(50, 50, 50, 0.21));
@include color('trred',rgba(86, 0, 0, 0.46));
@include color('trgreen',rgba(1, 155, 18, 0.46));

@include color('trgray',rgba(128, 128, 128, 0.51));


@include color('y1',#dddd00);
@include color('y2',#6e7200);
@include color('try1',rgba(0, 0, 0, 0.56));


@include color('blog',#3186b7);
@include color('trblog',rgba(49, 134, 183, 0.41));

@include color('trblue',rgba(0, 56, 144, 0.59));
@include color('trorg',rgba(255, 106, 0, 0.54));
@include color('trwhite',rgba(255, 255, 255, 0.37)); 
@include color('trwhite2',rgba(255, 255, 255, 0.17));
@include color('trwhite3',rgba(255, 255, 255, 0.1));
@include color('smoke',rgb(222, 227, 232));
@include color('trblack',rgba(0, 0, 0, 0.37));
@include color('light',rgba(200, 200, 200, 0.21));
@include color('navy',#017cce);


@include color('co00',rgb(128, 128, 128));
 


@include color('co01',rgb(20, 88, 195));
@include color('co02',rgb(14, 58, 128));
@include color('co03',rgb(19, 47, 90));
@include color('co04',rgb(33, 43, 59));
@include color('co05',rgb(50, 54, 60)); 
@include color('co05',rgb(83, 88, 95)); 
@include color('co06',rgb(116, 124, 137)); 
@include color('co07',rgb(131, 160, 203)); 
@include color('co08',rgb(114, 159, 228)); 
@include color('co09',rgb(49, 127, 245));
 

@include color('co10',rgb(70, 98, 128));
 


@include color('co11',rgb(20, 184, 195));
@include color('co12',rgb(14, 111, 128));
@include color('co13',rgb(19, 81, 90));
@include color('co14',rgb(33, 54, 59));
@include color('co15',rgb(50, 58, 60)); 
@include color('co15',rgb(83, 88, 95)); 
@include color('co16',rgb(116, 134, 137)); 
@include color('co17',rgb(131, 194, 203)); 
@include color('co18',rgb(114, 204, 228)); 
@include color('co19',rgb(49, 203, 245)); 

@include color('trco00',rgba(128, 128, 128,0.5));
 

@include color('trco01',rgba(20, 88, 195,0.5));
@include color('trco02',rgba(14, 58, 128,0.5));
@include color('trco03',rgba(19, 47, 90,0.5));
@include color('trco04',rgba(33, 43, 59,0.5));
@include color('trco05',rgba(50, 54, 60,0.5)); 
@include color('trco05',rgba(83, 88, 95,0.5)); 
@include color('trco06',rgba(116, 124, 137,0.5)); 
@include color('trco07',rgba(131, 160, 203,0.5)); 
@include color('trco08',rgba(114, 159, 228,0.5)); 
@include color('trco09',rgba(49, 127, 245,0.5));
@include color('trco10',rgba(70, 98, 128,0.5));
 

@include color('trco11',rgba(20, 184, 195,0.5));
@include color('trco12',rgba(14, 111, 128,0.5));
@include color('trco13',rgba(19, 81, 90,0.5));
@include color('trco14',rgba(33, 54, 59,0.5));
@include color('trco15',rgba(50, 58, 60,0.5)); 
@include color('trco15',rgba(83, 88, 95,0.5));
@include color('trco16',rgba(116, 134, 137,0.5)); 
@include color('trco17',rgba(131, 194, 203,0.5));
@include color('trco18',rgba(114, 204, 228,0.5)); 
@include color('trco19',rgba(49, 203, 245,0.5)); 


.rad-01 {
    border-radius: 1px;
}

.rad-02 {
    border-radius: 2px;
}

.rad-05 {
    border-radius: 5px;
}

.rad-10 {
    border-radius: 10px;
}

.rad-20 {
    border-radius: 20px;
}

.rad-50 {
    border-radius: 5000px;
}



.rad-t-01 {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.rad-t-02 {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.rad-t-05 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rad-t-10 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rad-t-20 {
    border-top-left-radius: 20x;
    border-top-right-radius: 20px;
}


.rad-b-01 {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
}

.rad-b-02 {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.rad-b-05 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rad-b-10 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rad-b-20 {
    border-bottom-left-radius: 20x;
    border-bottom-right-radius: 20px;
}

@include color('select',rgb(0, 86, 7));

.c-iselect {
    color: #ffffff !important;
    font-weight: bold;
}

 

.pointer {
    cursor: pointer !important;
}
