
/**
 * Widgets
 */
 .text-right{text-align: right;}
 .text-center{text-align: center;}
 .text-justify{text-align: justify;}
 .text-underline{text-decoration: underline;}
 .text-linethrough{text-decoration: line-through;}
 .text-indent-15p{text-indent: 15px;}
 .text-indent-30p{text-indent: 30px;}
 
/**
 * Generic Form
 */
 .form .input{background: #F7F9FF; padding: 10px; margin-bottom: 2px; border-radius: 3px;}
 .form .input label{color: #666; font-weight: normal; text-shadow: 0px 0px 1px #ccc;}
 .form .input input, .form .input textarea, .form .input select{color: #555; padding: 5px; font-size: 16px; line-height: 20px; border: 1px solid #ccc; box-shadow: 0px 0px 1px #ddd; border-radius: 3px; background: #ffffff;}
 .form .text input{width: 350px;}
 .form .number input{width: 100px;}
 .form .input textarea {width: 700px;}
 .form .input textarea.small{width: 450px;}
 .form .input textarea.address{width: 300px; height: 120px;}
 .form .input input:focus, .form .input textarea:focus, .form .input select:focus{background-color: #FBF3F4; border-color: #FBC2C4; box-shadow: 0px 0px 2px #FBC2C4;}
 .form .checkbox{padding-left: 125px;}
 .form .tabs .checkbox{padding-left: 135px;}
 .form .checkbox label{padding-top: 0; margin-left: 8px; width: auto; font-weight: normal; color: #333;}
 .form .submit{padding-left: 0px; margin-top: 15px; }
 .form .submit input, .form .submit button{background: #0476B0; border: 1px solid #fff; color: #fff; font-size: 14px; padding: 6px 20px; border-radius: 3px; box-shadow: 0px 0px 3px #999;}
 .form .input:nth-child(2n+1){background: #F8F8F8; }

 /**
  * Login Form
  */
 .login-form{margin: 100px auto; width: 600px; background: #f5f5f5; padding: 20px; border: 1px solid #fff; border-radius: 10px; box-shadow: 1px 1px 2px 1px #aaa;}
 .login-form .input{padding:0; margin-bottom: 10px; border-radius: 0px; background: transparent;}
 .login-form .input label{display: block;}
 .login-form .input input{width: 250px; padding: 5px; font-size: 16px; line-height: 20px; border-color: #ccc; border-radius: 3px; background: #ffffff;}
 .login-form .input input.placeholder-active{color: #ccc; font-style: italic;}
 .login-form .input input:focus{border-color: #0476B0; background: #f8f8f8;}
 .login-form .login-form-inner{border-left: 1px solid #ddd; padding-left: 30px;}
 .login-form .company-info{text-align: center; padding-top: 40px;}
 .login-form .company-info img{box-shadow: 0px 0px 2px #ccc; border-radius: 3px;}
 .login-form .submit{padding-left: 0; margin-top: 0;}
 .login-form .submit input{font-size: 16px; padding: 4px 15px; background: #0476B0; color: #fff; border: 1px solid #fff; border-radius: 5px;}
 .login-form .input:nth-child(2n+1){background: transparent;}

 /**
  * Select Term Form
  */
 .select-term form div.input, .select-term form .input:nth-child(2n+1){background: transparent;}
 .select-term form{border: 5px solid #e5e5e5; background: #F5F5F5; padding: 10px; display: inline-block; border-radius: 5px; margin-bottom: 10em; margin-top: 5em;}
 .select-term form div.input, .select-term form div.submit{width: auto; display: inline-block; margin-right: 10px;}


/**
 * Get Student Form
 */
 .get-student form div.input, .get-student form div.input:nth-child(2n+1){background: transparent;}
 .get-student form{border: 5px solid #e5e5e5; background: #F5F5F5; padding: 10px; padding-right: 20px; display: inline-block; border-radius: 5px; margin-bottom: 5em; margin-top: 3em;}
 .get-student form div.submit{width: auto; display: inline-block; padding-left: 140px;}

 .add-course-form, .retake-course-form, .drop-course-form, .change-section-form { border-radius: 5px; background: #EEE; padding: 15px; margin-bottom: 15px;}
 .add-course-form div.input{height: 220px; overflow: auto;}
 .change-section-form .input{height: 100px;}
 .add-course-form .checkbox, .retake-course-form .checkbox, .drop-course-form .checkbox, .change-section-form .checkbox{padding-left: 0;}

 /**
  * Get Exam Type
  */
 .select-exam-type form div.input, .select-exam-type form .input:nth-child(2n+1){background: transparent;}
 .select-exam-type form{border: 5px solid #e5e5e5; background: #F5F5F5; padding: 10px; display: inline-block; border-radius: 5px; margin-bottom: 10em; margin-top: 5em;}
 .select-exam-type form div.input, .select-exam-type form div.submit{width: auto; display: inline-block; margin-right: 10px;}


 /**
  * Acl Actions
  */

 div.level-0 { }
 div.level-1 { margin-left: 30px; }

 img.permission-toggle:hover { cursor: pointer; }
 img.hook-toggle:hover { cursor: pointer; }

 .acl_permissions table, .acos table{border-radius: 5px;}
 .acl_permissions table td, .acl_permissions table th, .acos table td, .acos table th{text-align: left;}
 .acl_permissions table tr.hidden, .acos table tr.hidden{display: none;}
 .controller-row { background: #6f6f6f; color: #fff; font-weight: bold; }
 .controller-row a { color: #efefef; }
 .controller:hover { cursor: pointer; }
 .collapse { background: url('../img/icons/bullet_arrow_down.png') no-repeat; padding-left: 15px; }
 .expand { background: url('../img/icons/bullet_arrow_right.png') no-repeat; padding-left: 15px; }


 .index td img.employee-image, .index td img.student-image{width: 48px; vertical-align: middle;}


/**
 * Search Box
 */
 #search_box{width: 450px; margin-left: 50px; margin-top: 0px; margin-bottom: 20px; float: right;}
 #search_box .search-box-inner {}
 #search_box form{margin-top: 0; padding-left: 35px; background: transparent; }

 #search_box form .text,  #search_box form .submit{display: inline; margin: 0; padding: 0;}
 #search_box form .text input{width: 250px; border: 1px solid #ccc; background: #eee; font-size: 20px; padding: 3px 5px; margin-right: 10px; border-radius: 4px;}
 #search_box form .text input:focus{background: #F5F5F5;}
 #search_box form .submit input{font-size: 14px; font-weight: bold; padding: 6px 20px; vertical-align: top; background: #F5F5F5; border-color: #CCCCCC; color: #32527A; border-radius: 4px;}

 /**
  * Student Information Snippet
  */
  .student-snippet img{width: 120px; margin-left: 25px; border-radius: 2px;}
  .student-snippet {color: #333; font-weight: bold; background: #EEE; margin-top: 5px; margin-bottom: 10px; border-bottom: 1px dotted #aaa; border-top: 3px solid #333; padding: 20px 0;}
  .student-snippet span.field-name{display: inline-block; width: 90px; color: #555; font-weight: normal;}
  .student-snippet .student-snippet-content{border-top: 1px dotted #ccc; padding-top: 3px;}

  .registration-details tr.is-saved-0{background: #FFF6E5; }
  .registration-details tr td.actions{line-height: 0;}
  .registration-details tr td.actions .smart-icon{vertical-align: middle;}
  .registration-details .registration-record-status-Dropped{text-decoration: line-through;}


  /**
   * Price Plan Widget
   */
  .price-plan table{border: none;}
  .price-plan table td, .price-plan table th {border-bottom: 1px solid #DDD; font-size: 12px; padding: 15px 25px; text-align: center;}
  .price-plan tr th.price-plan-institute{background: transparent;}

  .price-plan table th{font-size: 14px; font-weight: bold; color: #333;}
  .price-plan tr td.price-plan-institute{background: transparent; border-left: 1px solid #ddd; color: #666; font-weight: bold; text-align: left; padding-right: 10px;}
  .price-plan tr td.price-plan-institute span{font-style: italic; font-size: 11px; color: #669334; vertical-align: super;}
  .price-plan tr td.price-plan-institute span.pro{color: #ED7B09;}
  .price-plan tr td.price-plan-institute span.plus{color: cornflowerblue;}

  .price-plan tr td.price-plan-students,
  .price-plan tr th.price-plan-students,
  .price-plan tr td.price-plan-campus,
  .price-plan tr th.price-plan-campus,
  .price-plan tr td.price-plan-student-portal, 
  .price-plan tr th.price-plan-student-portal{background: #75AF2D; border-bottom: 1px solid #669334; border-top: 1px solid #A0C867; color: #F5F5F5}
  .price-plan tr td.price-plan-franchise, .price-plan tr th.price-plan-franchise, .price-plan tr td.price-plan-lis, .price-plan tr th.price-plan-lis{background: #EEEEEE; color: #777; }
  .price-plan tr td.price-plan-fee, .price-plan tr th.price-plan-fee{background: #EEEEEE; color: #777;}
  .price-plan tr td.price-plan-fee{ font-size: 10px; font-style: italic;}
  .price-plan tr td.price-plan-fee span.price{font-family: Georgia,Times,"Times New Roman",serif; color: #ED7B09; font-size: 24px;}

  .price-plan table tr.package-separator td, .price-plan table tr.package-separator th {background: transparent; line-height: 10px; font-size: 12px; padding: 0px; text-align: center;}
  .price-plan table tr.package-separator td.price-plan-institute{border-left: none;}

  .price-plan tr th.price-plan-franchise, .price-plan tr th.price-plan-lis, .price-plan tr th.price-plan-fee{color: #555; }

  .bullet-list li{list-style: square; color: #333; list-style-position: inside; margin-left: 3px; font-size: 14px; padding: 10px 15px; border-bottom: 1px dotted #ddd; margin-bottom: 0px; background: transparent; }
  .bullet-list li:first-child{border-top: 1px dotted #ddd;}
  .bullet-list li ul{margin-top: 4px; border-top: none;}
  .bullet-list li ul li{list-style: disc; list-style-position: inside; border-top: none; border-bottom: none;}
  .bullet-list li ul li:last-child, .bullet-list li ul li:first-child{border-bottom: none; border-top: none;}

  .feature-widget, .security-widget, .expertise-widget, .why-widget{background: #EEE; padding: 20px;}
  .feature-widget{background: #ED7B09;}
  .feature-widget h3{color: #fff; text-shadow: none;}
  .feature-widget .bullet-list li{color: #fff;}

  .banner-home{background: #EEE; padding: 20px 35px; box-shadow: 1px 1px 2px #999; border: 0px solid #f5f5f5;}
  .banner-home h2{color: #8B0000; font-size: 30px;}
  .banner-home h3{color: #555; font-size: 26px; font-style: italic;}
  .banner-home h3.banner-header-b{color: #666; font-size: 20px; font-style: normal;}
  .banner-home span.word-a{color: #8B0000; font-weight: bold;}
  .banner-home span.word-b{color: #ED7B09; font-weight: bold;}
  .banner-home span.word-c{color: olivedrab; font-weight: bold;}

  .separator-numeric{border-top: 1px dotted #888; margin-top: 3px; margin-bottom: 1px;}
  

  /**
   * Table
   */
   table{border-radius: 3px;}
   table td, table th{font-size: 12px; padding: 8px; border-right: 1px dotted #eee; vertical-align: top;}
   table th{padding: 10px;}
   table td:last-child, table th:last-child{border-right: none;}
   table tr:nth-child(2n+1){background: #F8F8F8;}
   table tfoot td{font-weight: bold;}

   .acl_permissions table tr.controller-row{background: #6f6f6f;}
   .acl_permissions table tr.controller-row td{border-right: 0; }

   /* Ray - Render Table */
   .rp_subtotal, .rp_subtotal td{background: #f0f0f0;}
   .rp_subtotal td, .table_footer td{font-weight: bold;}

   .flag-bool-1, .flag-bool-0{display: inline-block; width: 16px;}

  /**
   * Chart Style
   */
   .chart-container{border: 1px solid #ccc; margin-top: 10px; border-radius: 5px; box-shadow: 1px 1px 3px #ddd;}


  /**
   * Reporting Style
   */
   .report-subtitle-data{padding: 10px; font-size: 18px; border: 1px solid #fff; background: #F8F8F8; border-radius: 5px; text-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 3px #ddd;}
   
   .text-loud-300pc{font-size: 300%; font-style: italic;}
   .text-loud-250pc{font-size: 250%; font-style: italic;}
   .text-loud-200pc{font-size: 200%; font-style: italic;}
   .text-loud-150pc{font-size: 150%; font-style: italic;}

   .transactions .form .input input, .transactions .form .input textarea, .transactions .form .input select{font-size: 12px;}
   .transactions form input.transaction-description{width: 300px;}
   .transactions form input.transaction-amount{width: 120px;}
   .transactions .shrink_grid .grid_2, .transactions .shrink_grid .grid_3, .transactions .shrink_grid .grid_4, .transactions .shrink_grid .grid_5, .transactions .shrink_grid .grid_6, .transactions .shrink_grid .grid_7, .transactions .shrink_grid .grid_8, .transactions .shrink_grid .grid_9{margin: 0; padding: 0;}

   .transactions-form{background: #F8F8F8; padding: 15px; border: 1px solid #fff; border-radius: 5px; box-shadow: 1px 1px 1px #ddd;}
   .transactions-form .form .input{padding: 0;}

   /**
    * Money Receipt
    */
    .money-receipt .money-receipt-institute{margin-bottom: 30px;}
    .money-receipt .money-receipt-tag{ border: 1px solid #333; padding: 0px 30px; margin-top: 3px; display: inline-block; font-weight: bold;}
    .money-receipt .money-receipt-transaction table {border: none;}
    .money-receipt .money-receipt-transaction th, .money-receipt .money-receipt-transaction td{border: none; border-right: 0; border-left: 0}
    .money-receipt .money-receipt-transaction thead th{border-bottom: 1px dashed #888; border-top: 3px solid #333;}
    .money-receipt .money-receipt-summary{font-weight: bold;}
    
    .pages .page{padding: 1em .5em; border: 1px solid #ddd; margin-bottom: 2em; overflow: auto;}

    .add-course-form .checkbox-item label{vertical-align: top; width: 230px;}
    .add-course-form .checkbox-item{background: #F5F5F5; margin-bottom: 5px; border: 1px dashed #E5E5E5; border-radius: 3px; }

    .daily-attendance-container table{border-color: #555; border-bottom: 1px solid #555;}
    .daily-attendance-container table th, .daily-attendance-container table td{border-right-color: #555; border-bottom-color: #555;}
    .daily-attendance-container table tbody tr:last-child td{border-bottom: none;}
    .daily-attendance-container table .attendance-date{padding: 3px 0; width: 16px; height: 80px; text-align: center; font-weight: normal; text-decoration: underline;}
    .daily-attendance-container table .attendance-data{padding: 2px 5px;}
    .daily-attendance-container table .attendance-name span{display: inline-block; width: 180px;}
    .daily-attendance-container table .on-hold-status-1{text-decoration: line-through;}
    .daily-attendance-container table .attendance-box{line-height: 8px; width: 18px;}

    .exam-signup-container .student-signature{width: 120px;}
    .exam-signup-container .student-date{width: 80px;}

    /**
     * Record Status
     */
    .record-status-Archive{background: antiquewhite;}
    tr.record-status-Archive:nth-child(2n+1){background: antiquewhite;}

    .update-grade .marking-table th, .mark-distribution .marking-table th{font-size: 11px; text-align: center; padding: 5px 10px;}
    .update-grade .marking-section-total, .mark-distribution .marking-section-total{display: block; text-align: center; font-weight: normal; font-style: italic; color: #888; font-size: 10px;}
    .update-grade .marking-table td, .mark-distribution .marking-table td{padding: 3px 8px; text-align: center;}
    .update-grade form .marking-table .number, .update-grade form .marking-table .select{padding: 3px;}
    .update-grade form .marking-table .number input{width: 50px;}
    .update-grade .marking-record-total{background: #FBE3E4;}
    .update-grade .marking-record-grade{background: #E6EFC2;}
    .mark-distribution .marking-record-grade, .mark-distribution .marking-record-total{font-weight: bold;}
    .mark-distribution .marking-table .amount{text-align: center;}

    .admit-card-widget .admit-card-rules{margin-top: 30px; border-top: 1px dotted #333; font-size: .95em;}

    .free-rooms-widget{}
    .free-rooms-widget .room-item{display: inline-block; margin-left: 5px; margin-bottom: 5px; padding: 3px 12px; background: #F4F4F4; border: 1px dashed #aaa; border-radius: 5px; cursor: pointer;}
    .free-rooms-widget .selected-room{background: #E5E5E5;}

    .data-items{}
    .data-item{margin-bottom: 10px;}
    .data-item-field{font-weight: lighter; border-bottom: 1px dotted #ddd;}
    .data-item-value{font-weight: bold; font-size: 1.15em;}
    .data-item-flag{}


    /* WALL STYLE */
    .wall{margin: 0 auto 1em auto; font-family: 'lucida grande',tahoma,verdana,arial,helvetica,sans-serif; font-size: .85em; padding: 0; }
    .wall-border{ padding: 5px; border: 5px solid #ccc; }
    .wall .wall-title{ font-size: 1.8em; }
    .wall .post .post-content{ font-size: 1.1em; }

    .wall .post .row .column, .wall .post .row .column-right{display: inline-block; vertical-align: top;}
    .wall .post .row .column-right{float: right; display: block;}
    
    .wall .wall-form, .wall .wall-comment-form{margin-bottom: 1em; background: #ddd; padding: .5em;}
    .wall .wall-form textarea{width: 760px; border: 1px solid #ccc; color: #333; padding: 10px;}
    .wall .wall-form input[type=submit]{padding: 20px 40px; font-size: 18px;  border: 1px solid #ccc; vertical-align: top;}

    .wall .wall-comment-form textarea{width: 520px; border: 1px solid #ccc; color: #333; padding: 10px;}
    .wall .wall-comment-form input[type=submit]{padding: 20px 30px; font-size: 18px;  border: 1px solid #ccc; vertical-align: top;}

    .wall .wall-form .form-wall-title{ margin-bottom: 1em; }
    .wall a.author{ font-weight:bold; }
    .wall .wall-posts{ background: #ccc; padding-top: .1em; }
    .wall .wall-posts .post{ background: #efefef; padding: .5em; margin-bottom: .1em;}
    .wall .wall-posts .post .content{ width: 100%;}
    .wall .wall-posts .post .inner{margin-left: 10px;}
    .wall .blog-posts .post-title h2{ margin-top:0; padding-top:0;}
    .wall .blog-posts .post-content{margin: 1.5em 0;}
    .wall-comments, .wall-comment-form { margin-left: 63px; margin-top: 1em; margin-right: 150px; }
    .wall-comments .comment{ padding: .5em; background: #ddd; margin-bottom: .1em;}
    .wall .wall-paginator{ background: #ddd; margin-top: .5em; padding: .5em 1em;}
    .wall .wall-paginator div{ display: inline-block; }
    .wall .wall-description{ margin-bottom: 10px; }

    .comment-button-active{color: #fff; background: #A3372D !important; border-color: #A3372D !important;}
    .comment-button-active:hover{color: #fff;}

    .invoice .invoice-meta-table .field-name{font-weight: bolder; padding-right: 15px;}

/**
 * Dialog V1
 */
.dialog-popover .dialong-v1{padding: 0;}
.dialong-v1 .dialog-v1-header{padding: 10px 10px; font-weight: bold; background: #F5F5F5;}
.dialong-v1 .dialog-v1-body{padding: 10px;}
    