#container{
    width: 900px;
    height: 900px;
    border: 3px solid darkblue;
}


#divCNN{
    width: 400px;
    height: 400px;
    border: 1px solid gray;
    text-align: center;
}

#iframeCNN{
    width: 350px;
    height: 270px;
    margin: 25px;
    border: 1px solid gray;
}

#sec-container{
    width: 90px;
    height: 90px;
    padding: 0.5em;
    float: left;
    border: 1px solid black;
}

.inside-sec{
    background-color: gray;
    font-size: 20%;
}

#sec-container-heading{
    font-size: 20%;
}

#third-container{
    border: 1px solid black;
    width: 90px;
    height: 90px;
    padding: 0.5em;
    float: left;
    margin: 5px;
}

#fourth-container{
    border: 1px solid black;
    width: 90px;
    height: 90px;
    padding: 0.5em;
    float: left;
    margin: 5px;
}

p{
    margin: 0px;
    padding: 0px;
    font-size: 30%
}

#fifth-container{
    border: 1px solid black;
    width: 90px;
    height: 90px;
    padding: 0.5em;
    float: left;
    margin: 5px;}

.margin{
    padding: 1em !important;
}

.reset-float{
    clear: both;
}

.header{
    height: 10px;
    font-size: 10px;
    background: lightgray;
    padding-bottom: 5px;
    text-align: center;
    
}
#resizable1{
    width: 200px;
    height: auto;
    border: 1px solid black;
}

.ui-resizable-helper{
    border: 1px dotted gray;
}

.formRow{
    margin-top: 15px;
    padding: 5px;
}