/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 Aug, 2018, 9:38:47 AM
    Author     : mitsolutions003
*/

/*penel heading*/
div.panel-heading.heading{
    background: #37444e;
    padding:5px;
    border:none;
}
.panel .panel-heading h2{
    padding-top:0px;
    padding-bottom:0px !important;
    font-size:14px !important;
    padding-left:10px;
    color:#fff !important;
}
.data-table{
    padding-right: 0px;
    padding-left: 0px;
}
.color-yellow{
    color: yellow;
}
/*hr-line*/
.hr-line{
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 10px 10px;
    border:1px solid #cccccc;
}
.panel-body .hr-line {
    margin: 10px 0px 20px 0px;
}
.close{
    color: #fff;
    line-height: 0;
}
 .main-div {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color:   rgba(33, 34, 35, 0.11);
    z-index: 9999;
    opacity: 0.9;
} 
.main-div img {
    display: block;
    position: absolute;
    left: 50%;
    top: 40%;
    width: 100px;
    height: 100px;
}

/*Modal stylessss*/
.modal-header {
    padding: 6px 10px !important;
    background-color: #555555;
}
.close-btn {
    color: ghostwhite;
    position: absolute;
    bottom: 15px;
    right: 9px;
}
.modal-title {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.modal-row-btns {
    clear: both;
}
.modal-header .close {
    opacity: 1;
    text-shadow: none;
}
.modal-header .close {
    padding: 15px;
    background-position: 5px 5px;
    position: absolute;
    right: 3px;
    top: 3px;
    background-color: #E1592F;
}
.close:hover, .close:focus {
    background-color: #E1592F !important;
    color: #fff;
}
.form-horizontal .control-label, .form-control-static{
    padding-bottom: 5px;
}
/*.cmodal-btn{
    width: 90px;
}

.dmodal-btn{
    width: 100px;
}*/
.form-horizontal .form-group{
    margin-left: 0px;
    margin-right: 0px;
}
.panel-height{
    height: 550px;  
    overflow: auto;
    overflow-x: hidden;
}
.select2-container{
    width: 100% !important;
    font-weight: bold;
    font-size: 12px;
    font-family: arial;
}
.select2-container--default .select2-selection--single{
    border-radius: 0px;
}
.alert-danger>.close>span{
        position: relative;
    top: 10px;
}
@media (max-width:767px){
    .btn-group{
        width:100%
    }
    .btn.dropdown-toggle{
        width:100% !important;
    }
    .modal-row-btns>div{
        text-align: center;
    }
    .modal-lg {
        width: 90% !important;
    }
    .selectoptions {
        margin-top: 0px !important;
    }
}



@media (max-height:1050px){
    .panel-height{
        height: 700px;

        overflow: auto;
        overflow-x: hidden;
    } 

}

.level-type{
    width: 100%;
}
.level-type select{
    width:100%;
}
.close{
                    background: #E1592F;
            }
            
            .main-div{
                position:fixed;
                width:100%;
                left:0;
                right:0;
                top:0;
                bottom:0;
                background-color: rgba(255,255,255,0.7);
                z-index:9999;
                opacity: 0.9
            }
            .main-div img{
                display:block;
                position:absolute;
                left:48%;
                top:40%;
                width:80px;
                height:80px
            }

            .m-b-5{
                margin-bottom: 5px
            }