.modal-backdrop {
           background-color: rgba(0, 0, 0, 0.61) !important;
           position: fixed;
           top: 0;
           bottom: 0;
           left: 0;
           right: 0;
           display: none;
           overflow-y:hidden !important;
           z-index:100020;
       }
       .modal {
           width: 63%;
           position: fixed;
           top: 10%;
           z-index: 1000200 !important;
           background-color: #FFF;
           border-radius: 6px;
           display: none;
           
       }
       .modal h3
       {
           color:#FFF;
           text-transform:capitalize;
       }
       .modal-header {
           background-color: #eb5585;
           color: #FFF; font-family:Arial; font-size:18px; padding:3px 0 3px 0px; text-transform:uppercase;
 
       }
       .modal-header h3 {
           margin: 0;
           padding: 0 10px 0 10px;
           line-height: 40px;
       }
       .modal-header h3 .close-modal {
           float: right;
           text-decoration: none;
           color: #FFF;
           cursor:pointer;
       }
        .modal-header h3 .close-modal : hover {
           
           color: #FFF;
           
       }
       .modal-footer {
           background-color: #F1F1F1;
           padding: 6px 10px 6px 10px;
           text-align: right;
           border-bottom-right-radius: 5px;
           border-bottom-left-radius: 5px;
           border-top: solid 1px #CCC;
       }
       .modal-body {
           padding: 0 10px 0 10px;
           width:97.5%; height:400px;
           overflow-y: scroll;
       }
       .modal-body iframe{ border:none;}


       .image_grid {
    float: left;
    line-height: 17px;
    color: #686F74;
    list-style: outside none none;
    overflow: hidden;
    margin-bottom: 14px;
    margin-left: 25px;
}

       
  
  
  /*body {
    font-family: "Lucida Sans", Verdana, sans-serif;
}*/

/*.MultiFile-label{ width:auto;  display:inline;}*/

.MultiFile-label-11{ width:auto; float:left; display:inline; margin-left:8px;}  .MultiFile-label-11 img{ width:100% !important;}
.MultiFile-preview{ float:left;}
.img-prv{ float:left; margin-bottom: 10px; height:200px;}
.MultiFile-remove{ position:inherit; margin-left:-21px; padding: 1px 6px 4px 6px; background: url(../images/c-bg.jpg) repeat;}
.MultiFile-label-main{ width:71%; float:left;}

.main img {
    width: 18.2%;
}

h1{
    font-size: 1.625em;
}


.modal-footer input{ width:auto !important; margin-bottom:0px !important;}

h2{
    font-size: 1.375em;
}

.header {
    padding: 1.0121457489878542510121457489879%;
    background-color: #f1f1f1;
    border: 1px solid #e9e9e9;
}

.menuitem {
    margin: 4.310344827586206896551724137931%;
    margin-left: 0; font-size:12px;
    margin-top: 0;
    padding: 4.310344827586206896551724137931%;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

.main {
    padding: 2.0661157024793388429752066115702%;
}
.footer {
    padding: 1.0121457489878542510121457489879%;
    text-align: center;
    background-color: #f1f1f1;
    border: 1px solid #e9e9e9;
    font-size: 0.625em;
}

.gridcontainer {
	width: 100%;
	height:100%;
}

.gridwrapper {
	overflow: hidden;
}

.gridbox {
    margin-bottom: 2.0242914979757085020242914979757%;
    margin-right: 2.0242914979757085020242914979757%;
    float: left;
}

.gridheader {
    width: 100%;
}

.gridmenu {
    width: 23.481781376518218623481781376518%;
    min-height:350px; border-right: #EFEFEF solid 1px; padding-right:15px;
}

.gridmain {
    width: 48.987854251012145748987854251012%;
}

.gridright {
    width: 23.481781376518218623481781376518%;
    margin-right: 0;
}

.gridfooter {
    width: 100%;
    margin-bottom: 0;
}


@media only screen and (max-width: 500px) {
    .gridmenu {
        width: 100%; 
    }

    .menuitem {
        margin: 1.0121457489878542510121457489879%;
        padding: 1.0121457489878542510121457489879%;
    }

    .gridmain {
        width: 100%;
    }

    .main {
        padding: 1.0121457489878542510121457489879%;
    }

    .gridright {
        width: 100%;
    }

    .right {
        padding: 1.0121457489878542510121457489879%;
    }

    .gridbox {
        margin-right: 0;
        float: left;
    }
    
    .MultiFile-remove{margin-left:0px;}
}


@media only screen and (max-width: 480px) {
    .MultiFile-label-main {width:45% !important; float: left;}
    .MultiFile-label-11 { display:block !important; width: 99%;}
    .T7-list { display:block; width:100%;}
    .gridmenu {  min-height:100px !important;}
.modal-header h3 .close-modal  { font-size:35px !important;   right:0px;  text-decoration:none; color: #FFF; }

    .modal { width:95% !important; float:left; margin-left:12px !important; left:0px !important; top:0px !important;}
    .in-main { margin-left:0% !important; }
    .modal-header { font-size:10px !important; text-align:left; }
    .img-prv { float: left; margin-bottom: 10px; height: 200px; }
   .MultiFile-remove{margin-left:0px;}
  }

@media only screen and (max-width: 320px) { 
     .modal-footer{position: absolute; top: 0px; right: 0px; margin-top:58px !important; text-align: right; background:none; padding:0px;  width: 125px; border-top:none; }
 
 }