/* selectn */


.selectn:hover{
    border-color: #28de42;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0px 0px 17px rgb(149, 193, 31);
}
.selectn{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(/r/mc/cssi/webselect.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 19px;
    outline: none;
    border-color: #3AAA35;
    height: 29px;
    padding-left: 4px;
}
/* selectn END */
/*uinputNumber*/

.inputNumber[type="number"] {
    position: relative;
    border: 1px solid;
    border-color: #3AAA35;
    height: 15px;
    padding: 5px;
    /* border-radius: 3px; */
}
.inputNumber:hover{
}
.inputNumber:focus{
    
outline: none;
    
border-color: #95c11f;
    
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0px 0px 17px rgb(149, 193, 31);
}

/* Spin Buttons modified */
.inputNumber[type="number"]::-webkit-outer-spin-button,
.inputNumber[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #FFF url(/r/mc/cssi/webnumber.png) no-repeat center center;
    width: 20px;
    /*border-left: 1px solid #BBB;*/
    opacity: .9; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.inputNumber[type="number"]::-webkit-inner-spin-button:hover,
.inputNumber[type="number"]::-webkit-inner-spin-button:active{
    box-shadow: 0 0 2px #28de42;
    opacity: 1;
}

/* Override browser form filling */
/*input:-webkit-autofill {
    background: black;
    color: red;
}
*/


.inputNumber[class~="small"] {max-width: 38px;}

.inputNumber[class~="middle"] {
max-width: 48px;
}

.inputNumber[class~="big"] {
max-width: 68px;
}



/*uinputNumber*/

/*groupbox*/
.groupboxc{
    padding-top: 14px;
    margin-top: 5px;
    border: 1px solid #d5e699;
    border-style: dashed;
}

.groupbox{
    
border: solid 0px #3aAa35;
    
position: relative;
    
border-radius: 5px;
    
background-color: #ffffff;
    
border-style: dashed;
    
padding-top: 10px;
}

.groupboxTitlebg{
    
position: absolute;
    
left: 19px;
    
top: -16px;
    
padding-left: 5px;
    
max-height: 28px;
    
padding-right: 5px;
    
background-color: #fff;
}

.groupboxTitle{
    font-size: 25px;
    overflow: hidden;
    color: #77b12a;
    font-family: 'Montserrat', sans-serif;
    background-color: white;
}

@media screen and (max-width: 1000px){
    .groupboxTitle {
        font-size: 20px;
    }
}
@media screen and (max-width: 400px){
    .groupboxTitle {
        font-size: 15px;
    }
    .groupboxTitlebg {
    top: -8px;
    }
}



.groupboxBody{
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 10px);
    margin-bottom: 10px;
    color: #000;
}
/*groupbox*/

.panelContainer{
    margin: 10px;
    background-color: #fff;
    /*border-radius: 5px;*/
    overflow: hidden;
}

.panelHead{
    padding: 5px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    border-bottom: solid 1px #D8D8D8;
    color: #555;
    font-size: 20px;
}

.panelBody{
    padding: 10px;
    border-radius: 5px;
}
.inbmax{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.inputblank{
        padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
}

/*tableBody*/






.table_light_multiple{}
.table_light_multiple tr td table thead{
    display: none;
}

.table_light_multiple tr:first-child td table thead{
    display: table-header-group;
}

.table_light{
    border-spacing: 0;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.table_light thead tr th{
    color: #FFFFFF;
    font-weight: bold;
    padding: 9px;
    border-bottom: solid 1px #77b12a;
    border-left: solid 1px #77b12a;
    border-top: solid 1px #77b12a;
    background-color: #77b12a;
}
.table_light thead tr th:last-child{
border-right: solid 1px #C8E2FF;
}

.table_light tbody tr td:last-child{border-right: solid 1px #e7ece0;}

.table_light tbody tr td{
    border-bottom: solid 1px #e3ead5;
    padding: 3px 7px;
    vertical-align: middle;
    color: #666;
    /* border-left: solid 1px #C8E2FF; */
}
.table_light .fa{
    color: #ea5f2e;
    font-size: 14px;
}
.table_light tbody tr:hover>td{
        background-color: rgba(216, 228, 194, 0.33);
}
.table_light tr:nth-child(even) {background: hsl(82, 22%, 90%);}
.table_light tr:nth-child(odd) { background: #fff}


/*responsive*/





@media screen and (max-width: 1000px){



 .panelHead{
        width: 90%;
    }

    /*oldCSS*/
/*.table_light td:before{
    position: absolute;
    top: 4px;
    left: 0px;
    width: 30%;
    border-right: 1px solid #C8E2FF;
    padding-right: 6px;
  
    color: #aaa;
    text-align: right;
    font-size: 0.9em;
    font-style: italic;
}
.table_light td{
    position: relative;
    padding-left: 35% !important;
    text-align: left !important;
    line-height: 2em !important;
    font-size: 1.15em !important;
    white-space: pre-wrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: block;
}
.table_light tr{
    border: 1px solid #C8E2FF;
    -webkit-box-shadow: #EAEDEF 0 2px 0 0;
    box-shadow: #EAEDEF 0 2px 0 0;
    width: 100%;
    margin-bottom: 6px;
    display: block;
}
.table_light thead{
    display: none;
}*/
/*oldCSS END*/



/*newCSS*/
.table_light td:before, .table_light .table_lightHead th:before{
    position: absolute;
    top: 6px;
    left: 0px;
    width: 30%;
    height: calc(100% - 12px);
    padding-right: 6px;
    /* white-space: nowrap; */
    font-weight: bold;
    text-align: right;
    font-size: 9px;
    /* font-style: italic; */
}

.table_light td,.table_light .table_lightHead th{
    position: relative;
    padding-left: 35% !important;
    text-align: left !important;
    /* line-height: 2em !important; */
    font-size: 1.15em !important;
    /* white-space: pre-wrap; */
    /* overflow: hidden; */
    min-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: block;
}

.table_light tr{
    width: 100%;
    margin-bottom: 6px;
    display: block;
}

.table_light thead:not(.table_lightHead){
     display: none !important; 
}

/*newCSS END*/

.table_light_responsive_head_small td{
    padding-left: 35% !important;
}

.table_light_responsive_head_small td:before, .table_light_responsive_head_small .table_lightHead th:before
{
    width: 15%;
    text-align: left;
}



}
/*responsive*/



/*tableBody*/

/*buttons1*/

.buttons1:hover{
    -webkit-box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.58);
    color: #fff;
    border: solid 0px rgb(155, 14, 24);
    background: linear-gradient(#77b12a,#77b12a);
}
.buttons1:active{
    -webkit-box-shadow: inset 0 3px 5px rgba(34, 38, 41, 0.475);
    box-shadow: inset 0 3px 5px rgba(34, 38, 41, 0.475);
    color: #fff;
    border: solid 0px rgba(20,90,132,1);
    background: linear-gradient(#3AAA35,#3AAA35);
}
  
.buttonCenter{
        display: block !important;
    max-width: 162px;
    margin-left: auto;
    margin-right: auto;
}

.buttons1{
    background-color: #77b12a !important;
    border: solid 0px rgb(0, 0, 0);
    /* box-shadow: inset 0 3px 5px rgba(224, 245, 167, 0.48); */
    text-decoration: none;
    color: #363A41;

/*gradient*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f759f+0,115781+100 */
     /* Old browsers */
     /* FF3.6+ */
     /* Chrome,Safari4+ */
     /* Chrome10+,Safari5.1+ */
     /* Opera 11.10+ */
     /* IE10+ */
     /* W3C */
     /* IE6-9 */

/*gradient*/
    border: solid 0px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.buttons1:disabled {
    background: #e5e5e5;
    border: solid 1px #d5d6d6;
    color: #ccc;
    text-shadow: 0px 0px 0px rgba(223, 239, 248, 0);
    box-shadow: inset 0 0px 0px rgba(0,171,231,.0);
    cursor: default;
}
/*buttons1*/


/*ulList1*/
.ullight li a:hover{
    color: #F9FDFF;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    border-radius: 6px 3px 15px 3px;
}

.ullight li a{color: #000000;display: block;text-decoration: none;padding: 10px;font-weight: normal;max-width: 276px;word-wrap: break-word;text-align: center;/*border-bottom: solid 1px rgba(56,144,184,1);*/}

.ullight li:nth-child(odd) a:hover{
    background-color: rgba(100,100,100,1);
}

.ullight li:nth-child(even) a:hover{
    background-color: rgb(128, 102, 25);
}

.ullight li{
    display: inline-block;
    /* padding: 10px; */
    position: relative;
    margin-left: -4px;
    background-color: #FFFFFF;
    /* background-color: #45A2DB; */
    /* background: linear-gradient(rgb(245, 245, 245), rgb(234, 234, 234)); */
    /* border-left: solid 1px #D8D8D8; */
}
.ullight{
    display: block;
    border-bottom: solid 1px #FFFFFF;
    /* box-shadow: 0 3px 5px rgba(0, 0, 0, .3); */
    background-color: #FFFFFF;
    z-index: 1;
}
.ullight li ul li a{
    min-width: 120px;
}
.ullight li ul li{
        display: block;
}
.ullight li:hover > ul{
    display: block;
    position: absolute;
    left: 3px;
    /* border: 1px solid rgba(0, 0, 0, .15); */
    border-radius: 3px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    border-left: solid 5px #206690;
    border-bottom: solid 5px #125278;
}

.ullight li ul li:hover > ul{

}
.ullight li ul li:hover > ul{
display: block;
  position: absolute;
    left: 100%;
    top: 0px;
    z-index: 1;
}

.ullight li ul{
    display: none;
}
.ullightMenu > span:first-child{ 
display: none;
}


/*ulListResponsive*/
@media screen and (max-width: 1000px){
.ullight li a{
	    max-width: 100%;
}
.ullight li {
	display: block;
}
.ullight li:hover ul {
    width: 91%;
    position: initial;
    margin-bottom: 0px;
    margin-left: 10px;
}



.ullight li:hover ul li>a {
	/*color: #f00;*/
}
.ullight li ul li:hover ul li>a {
	/*color: #0f0;*/
}

.ullight li ul li:hover > ul {
	    position: initial;
}

.ullightMenu > span:first-child{

    display: block;
    width: 29px;
    padding: 7px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: 11px;
      background: linear-gradient(rgb(47, 117, 159),rgb(17, 87, 129));
    border: solid 1px rgba(20,90,132,1);
    cursor: pointer;
    float: right;
  

}


.ullightMenu > ul{

display: none;

}

.ullightMenu:hover > span{ 
	/*display: none;*/
}
.ullightMenu:hover{ 
	/*background-color:inherit;*/
}

.ullightMenu:hover > ul{ 
display: block;

}
.ulLightLine{
	    width: 100%;
    height: 4px;
    margin-top: 3px;
    background-color: #FFF;
    border-radius: 3px;
    margin-bottom: 3px;
}
.ullightMenu{
    text-align: center;
    background-color: #FFFFFF;
    padding: 6px;
    border-radius: 4px;
    position: relative;
    height: 40px;
}
.ullight {
    display: none;
}


.ullightMenuActive{
-webkit-box-shadow: inset 0 3px 5px rgba(34, 38, 41, 0.475);
    box-shadow: inset 0 3px 5px rgba(34, 38, 41, 0.475);
    background: linear-gradient(rgb(17, 87, 129),rgb(17, 87, 129)); 
}

/*MENUTOP*/
.ullight_top{
position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;

    z-index: 1;
}
.ullight_top > .ullightMenu{
   border-radius: 0px !important;
}
.pageHeader{
    margin-top: 52px;
}
/*MENUTOP*/


.ullightarrowuright{
    background: #FFF;
    border: solid 0px #000;
    border-radius: 0px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-20deg);
    height: 8px;
    width: 48px;
    border-radius: 10px;
    position: absolute;
    display: block;
    left: 0px;
    top: 22px;
}
.ullightarrowuleft{
background: #FFF;
    border: solid 0px #000;
    border-radius: 0px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(20deg);
    right: 0px;
    height: 8px;
    top: 22px;
    width: 48px;
    display: block;
    position: absolute;
    border-radius: 10px;
}
.ullightBarDown{
    top: 0px;
    width: 88px;
    display: none;
    height: 52px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
/*Responsive mobile End*/
}

@media screen and (min-width: 1000px){
.ullight {
    display: block !important;
}
}
/*ulListResponsive*/




/*ulList1*/



/* print start */
@media print{
    .panelHead{
        font-size: 12px;
            border-bottom: solid 0px #000;
            padding: 0px;
    }
    .noprint{
        display: none !important;
    }


    .table_light th{ 
        font-size:9px;
        border-left: solid 0px !important;
        border-top: solid 0px !important;
        border-bottom: solid 1px #000 !important;
        padding: 0px !important;
        text-align: center;
    }
    .table_light td{ 
        font-size:9px;
        /*border-left: solid 1px !important;*/
        border-top: solid 0px !important;
        border-bottom: solid 1px #000 !important;
        padding: 0px !important;
        text-align: center;
    }
    .table_light td,th{
        color: #000 !important;
    }


    .table_light th:last-child,td:last-child {
        border-right: solid 0px #000 !important;
        border-bottom: solid 1px #000 !important;
    }

    .table_light tr:last-child td {
        border-bottom: solid 1px #000 !important;
    }

    .table_light_multiple tr td table tr td, .table_light_multiple tr td table th{
        border: solid 0px !important;
    }
    
    .groupboxc{
        padding: 0px !important;
    }
    .groupbox{
        padding: 0px !important;
    }


}


/* print end */


/* panelSoft */
.panelSoftc{
    border: solid 1px;
    border-radius: 5px;
    background-color: #fff;
    margin: 10px;
    overflow: hidden;
}
.panelSoft_heading{
    color: #fff;
    font-size: 17px;
    background-color: #77b12a;
    border-bottom: solid 1px;
    padding: 5px;
}
.panelSoft_body{
    padding: 13px;
}
.ps_c1{
    border-color: #dadada;
}
/* panelSoft */


/* paginator */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.paginC {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    text-align: center;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>span {
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
}

.pagination>.active>span {
    cursor: default;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* paginator */

/* alert */
.alert h4 {
  margin-top: 0;
  color: inherit;
}
    .alert{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    }

    .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    }

    .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
    }
    .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    }
    .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    }


/* alert */