unserver-unify/src/assets/css/custom.css

/* Add here all your css styles (customizations) */
/*Green Right Bordered Funny Box**/

.funny-boxes-right-u {
  border-right: solid 2px #72c02c;
}
.funny-boxes-right-u:hover {
  border-right-color: #5fb611;
}

.funny-boxes-left-green {
  border-left: solid 2px #72c02c;
}

.funny-boxes-left-green:hover {
  border-left-color: #5fb611;
}

/*Blue Left Bordered Funny Box**/
.funny-boxes-left-blue {
  border-left: solid 2px #3498db;
}

.funny-boxes-left-blue:hover {
  border-left-color: #2980b9;
}
.tilebox {
  background: rgb(255, 255, 255);
  /* Old browsers */

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(192, 192, 192, 1) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(192, 192, 192, 1)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(192, 192, 192, 1) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(192, 192, 192, 1) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(192, 192, 192, 1) 100%);
  /* IE10+ */

  background: linear-gradient(top, rgba(255, 255, 255, 1) 60%, rgba(192, 192, 192, 1) 100%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0', GradientType=0);
  /* IE6-9 */
}

.intro-section:after {
  width: 100%;
  height: 100%;
  position: absolute;
}

.margin-bottom20{margin-bottom: 20px;}

.relative{position:relative;}

.sidebar_topics .replies{position:absolute; right: 10px; bottom:14px; margin: 0 !important;}
.rply_cnt{float: left; width: 20px; text-align: right;}
.sidebar_topics .replies i{float: left; line-height: 14px;}

table.table.font_dec{ font-size: 12px;}
table.table.font_dec th{background: #8BC34A; color: #fff; }
table.table.font_dec a{color: #4E7DA5; }
.tag-box.pad_aln{padding: 10px 20px}

.calender table td .btn-default{background:#fff;}
.calender table td:first-child .btn-default, .calender table td:last-child .btn-default, .calender table td.ng-hide+td .btn-default{background:#E9E9E9;}
.calender table td .btn-default:focus,.calender table td .btn-default:hover{color: #333; background-color: #E6E6E6; border-color: #8C8C8C;}
.calender table td .btn-info:focus, .calender table td .btn-info:hover, .calender table td .btn-info{color: #FFF; background-color: #269ABC !important; border-color: #1B6D85;}
.calender .btn.btn-info .text-info{color: #fff;}

.below_ie9{text-align: center;}

.tag-box .pagination{height:30px; display:inline-block;}
.second_level{position: absolute; left: 100%; top: 0; z-index: 100; width: 100%;-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);}
.second_level .second_level .second_level .second_level{position:static;}
.second_level .second_level .second_level li:hover > ul > i{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);}
li:hover > ul > i{-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);}
.col-md-3 .sidebar-nav-v1 li ul a{border: none; cursor: pointer;}
.sidebar-nav-v1 li ul a{padding:6px 15px 6px 17px;}
.second_level li{border-top: solid 1px #ddd;}
.sidebar-nav-v1 li > ul > ul.second_level{display:none;}
.sidebar-nav-v1 li:hover > ul > ul.second_level{display:block; background:red;}

.list-group.sidebar-nav-v1 > li{position: relative;}

.sidebar_arrow{position: absolute; right:10px; top:8px;}

.blue_box font{color:white;font-size:16px;word-break:break-all;}

.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a{background: #fff !important;}

.clr_adjst.btn-primary{background-color: #1AB394; border-color: #1AB394;}

.test_qstn .fa-check{color:#72C02C;}
.test_qstn .fa-times{color:red;}
.carousel-control{width:10% !important}

.full_screen_browser{width:100% !important; height:100%; margin: 0 !important;}
.full_screen_browser .panel-body{overflow-y: auto;}
.full_screen_browser .panel, .full_screen_browser .panel-body,  .full_screen_browser .panel-body > div,  .full_screen_browser iframe{width:100%; height:100%;}
.full_screen_browser .panel-body > div >div{padding-bottom:15px;}
.full_screen_browser .panel-body object{height:100% !important;}
/*.full_screen_browser .carousel-inner img{ max-width: 1000px !important; max-height: 670px !important;}*/


.btn-primary.btn-outline {
  color: #1ab394;
}
.btn-success.btn-outline {
  color: #1c84c6;
}
.btn-info.btn-outline {
  color: #23c6c8;
}
.btn-warning.btn-outline {
  color: #f8ac59;
}
.btn-danger.btn-outline {
  color: #ed5565;
}
.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;
}


.btn-outline {
  color: inherit;
  background-color: transparent !important;
  transition: all .5s;
  border:1px solid transparent;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #f7a54a !important;
  border-color: #f7a54a;
  color: #FFFFFF;
}

.carousel-caption{padding: 0 !important; line-height: 20px; font-size: 18px; position: static !important;}

.carousel-caption h2{font-size: 20px; color: #1F1F1F; margin: 15px 0 0;}

.inner_slider .badge-info{bottom:18px;}

.sidebar_responsive{min-height: 35px; margin: 0; position:relative;}
.sidebar_responsive button, .inline_nav button{display:none;}
.sidebar_responsive > li > button{position:absolute; right:0px; top:0px; z-index: 1;}
.sidebar_responsive > li > ul{width:100%;}


.forum th{text-align: center; color: #fff; background: #6CADE4;}
.forum td+td+td{font-size: 12px;}
.forum td,.table.forum > tbody > tr > td{padding:4px 8px;}

.forum .badge.badge-info{padding:4px 8px !important; border-radius: 10px !important; position:static;}
.forum .tag-box{padding:5px 10px;}
.forum .pagination li a{line-height: 16px !important;}

.table_border{border:solid 1px #ccc; position: relative;}
.table_border:before{content:""; left:0px; top:3px; width:3px; height:37px; background: #fff; position: absolute;}
.table_border:after{content:""; right:0px; top:3px; width:3px; height:98%; background: #fff; position: absolute;}
.table_border tr.brdr_wht{border-top:solid 3px #fff;}
.table_border > table{padding:0; margin: 0 !important;}
.table_border > table th{border-left:solid 1px #fff;}
.table_border > table td{border-left:solid 1px #ddd;}
.table_border > table td:first-child{border-left:none;}



.form-horizontal .input_adj{width:89% !important;}
.teacher_block{min-height:121px;}
.teacher_block .col-md-5{overflow: hidden;}

.tag-box .tag-box p{margin-bottom:10px;}

.resltn_img_vid li{width:18%; display: inline-block; margin-left: 5%;}
.resltn_img_vid li img{width:100%;}
.resltn_img_vid li:first-child{margin-left: 0px;}

.bx_shd{box-shadow: 5px 5px 5px #000;}



@media (min-width: 300px) and (max-width: 991px){

.sidebar_responsive{overflow: hidden;}
  .sidebar_responsive button, .inline_nav button{display: block !important;}
  .sidebar_responsive > li > ul, .sidebar_responsive > li > div.headline {margin-top:-5000px; visibility: hidden; opacity: 0; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}
  .sidebar_responsive > li.sidebar_responsive_active > ul, .sidebar_responsive > li.sidebar_responsive_active > div.headline {margin-top:10px; visibility: visible; opacity: 1;}
  .sidebar_responsive > li.sidebar_responsive_active > ul {margin-top:40px;}
  .navbar-nav > li.dropdown:hover > .dropdown-menu {display: block; position: inherit; width: 100%; box-shadow: 0 0 0; border: none; background: #F8f8f8;}
  .dropdown-menu{position: static;}
  .header .mega-menu .dropdown{display: inline-block; width: 100%;}
  .dropdown-menu > li > a{padding: 7px 20px !important;}
  .nav > li > a:hover, .nav > li > a:focus{background: #fff !important;}
}