body{font-size:12px;}

.dropdown-item{font-size:0.9em;}

.bg-bege{background-color: #f1f1f1; }
.bg-white{background: #FFFFFF;}
.color-bege{color:#f1f1f1; }
.color-black{color:#030303;}
.color-orange{color:rgba(243, 156, 18,1.0)}

/*POSITION*/
.bottom{position:absolute; bottom:0;}
.bottom-right{position:absolute; bottom: 0; right:0;}
.bottom-left{position:absolute; bottom: 0; left:0;}

/** MARGINS */
.no-margin{margin:0 !important;}
.no-margin-bottom{margin-bottom: 0 !important;}

.margin10-top{margin-top: 10px;}
.margin10-left{margin-left: 10px;}
.margin10-right{margin-right: 10px;}
.margin10-bottom{margin-bottom: 10px;}
.margin20-top{margin-top: 20px;}
.margin20-left{margin-left: 20px;}
.margin20-right{margin-right: 20px;}
.margin20-bottom{margin-bottom: 20px;}
.margin40-top{margin-top: 40px;}
.margin40-left{margin-left: 40px;}
.margin40-right{margin-right: 40px;}
.margin40-bottom{margin-bottom: 40px;}
.margin60-top{margin-top: 60px;}
.margin60-left{margin-left: 60px;}
.margin60-right{margin-right: 60px;}
.margin60-bottom{margin-bottom: 60px;}


/** PADDINGs */
.no-padding-bottom{padding-bottom: 0;}
.no-padding-top{padding-top: 0 !important;}
.no-padding-lft{padding-left: 0 !important;}
.no-padding-rtl{padding-right: 0 !important;}
.lt-padding{padding-left: 15px !important;}
.rt-padding{padding-right: 15px !important;}
.padding{padding:20px;}
.padding40{padding:40px;}
 
.padding10-top{padding-top: 10px;} 
.padding10-left{padding-left: 10px;}
.padding10-right{padding-right: 10px;}
.padding10-bottom{padding-bottom: 10px;}
.padding20-top{padding-top: 20px;}
.padding20-left{padding-left: 20px;}
.padding20-right{padding-right: 20px;}
.padding20-bottom{padding-bottom: 20px;}
.padding40-top{padding-top: 40px;}
.padding40-left{padding-left: 40px;}
.padding40-right{padding-right: 40px;}
.padding40-bottom{padding-bottom: 40px;}
.padding60-top{padding-top: 60px;}
.padding60-left{padding-left: 60px;}
.padding60-right{padding-right: 60px;}
.padding60-bottom{padding-bottom: 60px;}

.no-radius{border-radius: 0 !important;}
.no-radius .btn,
.no-radius .dropdown-menu{border-radius: 0 !important;}

/** SHOW/HIDE */
.hide{display: none;}
.show{display: inline-block;}

/** CURSOR */
.pointer{cursor:pointer !important;}

/** FONTS */
.text-size-p{font-size:12px;}
.text-size-xp{font-size:14px;}
.text-size-m{font-size:16px;}
.text-size-xm{font-size:18px;}
.text-size-g{font-size:24px;}
.text-size-xg{font-size:26px;}


/** SWEET ALERT */
.swal2-overlay{z-index: 1500 !important;}

/** BLOCKS */
.block{display: block;}

/*THUMBS*/
.thumbs{box-sizing: border-box;}
.thumbs175{width:175px;}
.thumbs150{width:150px;}
.thumbs125{width:125px;}
.thumbs100{width:100px;}
.thumbs75{width:75px;}
.thumbs50{width:50px;}
.thumbs25{width:25px;}

/*PANEL*/
.box-panel .panel-heading button{margin-top:-5px;}

.panel-green{border-color: #5cb85c;}
.panel-green > .panel-heading {background-color: #5cb85c; border-color: #5cb85c; color: #fff;}
.panel-yellow { border-color: #f0ad4e;}
.panel-yellow > .panel-heading {background-color: #f0ad4e;  border-color: #f0ad4e; color: #fff;}
.panel-red {border-color: #d9534f;}
.panel-red > .panel-heading {background-color: #d9534f; border-color: #d9534f; color: #fff;}

/*BUTTONS OUTLINES*/
.btn-outline {background-color: transparent; color: inherit; transition: all .5s;}
.btn-primary.btn-outline {color: #428bca;}
.btn-success.btn-outline {color: #5cb85c;}
.btn-info.btn-outline {color: #5bc0de;}
.btn-warning.btn-outline {color: #f0ad4e;}
.btn-danger.btn-outline {color: #d9534f;}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {color: #fff;}

/*SwITCH*/
.bootstrap-switch,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on{border-radius:0;}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label{
    padding: 2px 5px;
}

.swicth-group{
    margin-top: -3.5px;
}



/* OVERFLOWs */
.y-overflow{overflow-y: auto; max-height:400px; padding:10px 0 25px;}

/** NOTIFICATIONS */
.notify-adm{background-color: rgba(0,0,0,.75) !important; box-radius: 1px;}
.notify-adm.notify-danger{background-color: rgba(217,83,79,0.75) !important;}
.notify-adm.notify-info{background-color: rgba(91,192,222,0.75) !important;}
.notify-adm.notify-success{background-color: rgba(92,184,92,0.75) !important;}
.notify-adm.notify-primary{background-color: rgba(66,139,202,0.75) !important;}
.notify-adm.notify-warning{background-color: rgba(248,148,6,0.75) !important;}
.notify-adm .gritter-top,
.notify-adm .gritter-item,
.notify-adm .gritter-bottom {background:transparent !important;}
.notify-adm .gritter-close{top: 3px !important; right:3px !important; left:auto;}

/** VERTICAL TABS */
div.bhoechie-tab-container{
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border:1px solid #ddd;
    margin-top: 20px;
    margin-left: 50px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
    margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #313131;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
    /*background-color: #5A55A3;
    background-image: #5A55A3;*/
    color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{content: ''; position: absolute; left: 100%; top: 50%;
    margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent;
    border-left: 10px solid #337ab7;
}

div.bhoechie-tab-content{background-color: #ffffff; padding-left: 20px; padding-top: 10px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}

/** LIBRARY */
.libraryCopy{padding:5px 15px 0; width: 75%;}
.library-close-image-edit:after{width:100%; clear: both;}
.library-image-edit{display:none; width: 100%; position: fixed; top: 0; left:0; background:white; padding:3%; z-index:9999; height:100%;}
.library-image-edit .panel{box-shadow: none; border: none;}

.library-image-edit .btn-sliders {position: relative;}
.library-image-edit .btn-sliders a{
    display: block; color:#313131; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1
}

/*Drag AND DROP AREA*/
.drag-area{padding: 4px; background-color:#FFF;}
.drag-area .drop-area{width:100%; margin:auto; border:dashed 4px #5bc0de; min-height:300px; position: relative; line-height:1; text-align:center;}
.drag-area .drop-area:hover{border-color:#337ab7;}
.drag-area .drop-area .info{margin-top:10%; color: #d5d5d5;}

.templateQeue .progress{margin-bottom:0; margin-top:17px; height:10px;}
.templateQeue .btn{margin-top: 6px;}