.bbbg{
    /*
    background: #f1f3fa url(../../../controls/aw/awbg.jpg) no-repeat top center !important;
    -webkit-background-size: cover  !important;
    -moz-background-size: cover  !important;
    -o-background-size: cover  !important;
    background-size: cover  !important;
    */
}
.aw_img{
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
#containerdrag{
    width:100%;
    margin-top: -20px;
    padding-top: 31px;
    padding-left: 15px;
}
#imgview{
    float:left;
    /*height: 400px;*/
}
#iconsdrag{
    clear:both;
}
#iconsdrag .mainicon{
    list-style: none;
    margin: 0px 35px;
    padding: 0px;
    border: 1px solid #ccc;
}
#iconsdrag .mainicon li{
    /*border-bottom: 1px solid #ccc;*/
    float:left;
}
.delthis{
    cursor: pointer;
    background: #eee;
    border: 1px solid #595959;
    padding: 2px;
    margin-right: 1px;
    float: right;
    margin-top: -64px;
}
.iconmake{
    display: block !important;
    margin-top: -8px;
    width: 150px;
    height: 15px !important;
}

/*==============img size================*/
.imgsize
{
    width:70px;
    height:64px;
}
/*==========ToolTip==================*/
.tooltiptst{
    display: inline;
    position: relative;
}
.tooltiptst:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(alt);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.tooltiptst:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.containerTooltipXxx{
    position: relative;
    display: inline-block;
}

.hovTol1{display: none;}

.tooltip{
    position: absolute;
    top: -5px;
    left: 50px;
    background: #C6D7F2;
    color: #000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #C6D7F2;
    border-radius: 10px !important;
    top: 35px;
    left: 0px;
    padding: 5px 8px;
    z-index: 8;
    display: none !important;
}
.tooltip-arrow{display:none;}
.tooltipp:hover + .hovTol1{
    display: block;
    position: absolute;
    top:-5px;
    left: 50px;
    background:#C6D7F2;
    color:#000;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #C6D7F2;
    border-radius: 10px !important;
    top:35px;
    left:0px;
    padding:5px 8px;
    z-index:8;
    width:100%;
}

















.aw_ga{
    width:100%;
}
.aw_ga1{
    width: 19.4%;
    margin:3px;
    float: left;
    border: 1px solid #aaa;
    background: #eee;
}
.aw_ga1 p{
    float:left;
    max-width:32%;
    margin:2px ;
    text-align: center;
}

.aw_ga1 p:first-child{
    width:58px;
    margin: 4px;
}
.aw_ga1 p:last-child{
    width:58px;
    margin: 2px;
}
.aw_ga1 p.notebs{
    float:left;
    max-width:64%;
    margin:2px 4px;
}
.aw_ga1 p input{
    float:left;
    width:100%;
}
.awgadate{
    width:99.9%;
    font-weight:900;
    background:#ddd;

}
.awgadate p:first-child{
    width:99.9%;
    font-weight:900;
    text-align: left;

}





/*************************************/
.aaawww .aw_ga1 input{
    float:left;
    height:30px !important;
}

.aaawww .aw_ga1 input{
    width: 120px !important;
    text-align: left !important;
    padding-left: 5px;
}

#new_hormons .aw_ga1 p:first-child {

    padding-top: 5px;
}


#new_hormons .aw_ga1 p:last-child{

    padding-top: 7px;
}



.form-control.select2-container{
    /*	border-left:1px solid !important;*/
    border-radius:5px !important;
    /* margin-top: -6px; */
    /* border: 1px solid #333 !important; */
}




.portlet-body{
    position: relative;
}
/*
#result_cat{
position: absolute;
width: 150px;
background: #C0C6C2;
color: #000;
top: 80%;
}



*/













/**************************************************************************************/


/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*********************************************/


.aw_3d_list {
    display: inline-block !important;
    text-decoration: none !important;
    color: #fff !important;
    font-weight: bold !important;
    background-color: #538fbe !important;
    padding: 0px 10px !important;
    font-size: 24px !important;
    border: 1px solid #337D78 !important;
    background-image: linear-gradient(bottom, rgb(9, 118, 114) 0%, rgb(62, 179, 172) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(9, 118, 114) 0%, rgb(62, 179, 172) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(9, 118, 114) 0%, rgb(62, 179, 172) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(9, 118, 114) 0%, rgb(62, 179, 172) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(9, 118, 114) 0%, rgb(62, 179, 172) 100%) !important;

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(9, 118, 114)),
        color-stop(1, rgb(62, 179, 172))
        ) !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    text-shadow: 0px -1px 0px rgba(0,0,0,.5) !important;
    -webkit-box-shadow: 0px 6px 0px #337D78, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    -moz-box-shadow: 0px 6px 0px #337D78, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    box-shadow: 0px 6px 0px #337D78, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    -webkit-transition: all .1s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    -webkit-transform: rotateX(20deg) !important;
}

.aw_3d_list:hover {
    background-image: linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(9, 118, 114) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(9, 118, 114) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(9, 118, 114) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(9, 118, 114) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(9, 118, 114) 100%) !important;

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(62, 179, 172)),
        color-stop(1, rgb(9, 118, 114))
        ) !important;
}

.aw_3d_list:active , .aw_3d_list.active {
    -webkit-box-shadow: 0px 2px 0px #337D78, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    -moz-box-shadow: 0px 2px 0px #337D78, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    box-shadow: 0px 2px 0px #337D78, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5) !important;
    background-image: linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(49, 118, 114) 100%) !important;
    background-image: -o-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(49, 118, 114) 100%) !important;
    background-image: -moz-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(49, 118, 114) 100%) !important;
    background-image: -webkit-linear-gradient(bottom, rgb(33, 191, 14) 0%, rgb(36, 144, 10) 100%) !important;
    background-image: -ms-linear-gradient(bottom, rgb(62, 179, 172) 0%, rgb(49, 118, 114) 100%) !important;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(72, 199, 17)), color-stop(1, rgb(51, 123, 5)) ) !important

        -webkit-transform: translate(0, 4px) rotateX(20deg) !important;
    -moz-transform: translate(0, 4px) !important;
    transform: translate(0, 4px) !important;
}


/***************************/



.aw_3d_list a{
    color: #fff;
}

/***************************/


