@charset "UTF-8";

/* Google Font Import */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

html {
  --mo-primary: #4caf50;
  --mo-white: #fff;
  --mo-black: #000;
  --mo-primary-bg-subtle: #e8f5e9;  
  ---primary-color-transparent90: rgb(36 54 93 / 90%);
  ---primary-color-transparent80: rgb(36 54 93 / 80%);
  ---yellow-color: rgb(255, 138, 0);
  ---yellow-color-shade: rgb(255, 245, 224);
  ---red-color: #DB402F;
  ---red-color-shade: #F7D5D1;
  ---green-color: #4C8B32;
  ---green-color-shade: #E5EEE2;
  ---white-color: #ffffff;
  ---black-color: #000000;
  ---black-color-medium: rgb(0 0 0 / 75%);
  ---black-color-small: #222222;
  ---gray-small: #f5f5f5;
  ---gray-smallDark: #ebebeb;
  ---gray-medium: #f1f1f1;
  ---gray-medium-dark: #cccccc;
  ---gray-dark: #777777;
  ---menufont-size: 12px;
  
}

.select2-container {
  z-index: 10001;
}

/*redactor*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.redactor-animate-hide {
  display: none !important;
}

.redactor-fadeIn {
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out;
}

.redactor-fadeOut {
  opacity: 1;
  animation: fadeOut 0.5s ease-in-out;
}

@font-face {
  font-family: Redactor;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkcAAAC8AAAAYGNtYXAXVtKwAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zuxdz/8AAAF4AAAkQGhlYWQPMte3AAAluAAAADZoaGVhB7gD6wAAJfAAAAAkaG10eK4BD60AACYUAAAAuGxvY2GyjqiGAAAmzAAAAF5tYXhwADkBcwAAJywAAAAgbmFtZVDOJQoAACdMAAABknBvc3QAAwAAAAAo4AAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpKQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjO7AooZIiIZ/XYZIiIZgAOKGSIiGfx2GCMiGYACihkiIhn9dhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEwApAD4AABMhMhYVMRUUBiMhIiY1MTU0NjMxESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzMTsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjP7AsoZIiIZ/TYZIiIZwAOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADARkARwLnAwAAKwA0AFUAACU+ATU0JjUxNjQ1NCYvAT4BNzE8ATU0JicxLgEjKgEjMSIHETMyFjMyNjcHAzIVFCMiIzUzAzoBMzIWFyceARUcARU1HAEVFAYHFQ4BIyImIzMiJzUzAp8hJwEBSDcCJjABIRshUS0CBQI4iM8DBgMwWCQByWp3HxxGBwUJBRw0FgEQEhUSFjQcBAkEARcmQIAZSiwBBAEDBwM9XRABEEUrAQMBJj8WGBsG/U4BHxsBAhdPWqb+/w4OAQ4oFwIFAgECBQIZLA4BDQ8BA+MAAAIAwAAAA0ADgAAsADgAACUiJicxJwcOASM4ATkBKgEjIiYnNRE+ATM6ATMxIToBMzIWFzERDgEjKgEjMQERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcBAxAYICEX/PAXIQMQ/ZhlBgYGBmUCaAAABQBAAAADwAOAABMAFwAnADcARwAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhBSEyFhUUBiMxISImNTQ2MxUhMhYVFAYjMSEiJjU0NjMVITIWFRQGIzEhIiY1NDYzA0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJRsDgEs1/YA1S0s1AoA1S/0AAoBAJRsbJSUbGyXAJRsbJSUbGyXAJRsbJSUbGyUAAAMAQAAAA8ADgAATABcAWQAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhAzEHDgEjOAE5ASoBIyImJzE0NjcxNyMwIjEiJicxNDY3MTc+ATM4ATkBOgEzMhYXMRQGBzEHMzAyMTIWFzEUBgcxA0D9gDVLSzUCgDVLSzX9gAKAiMAFEAkBAQEOFAIEBJTpAg4VAQQEwAUQCQEBAQ4UAgQElOkCDhUBBAQDgEs1/YA1S0s1AoA1S/0AAoD+reAGBxIOBQoErRIOBQoE4AYHEg4FCgStEg4FCgQAAAEAgAA8A4ADAQCDAAABIy4BJyMnLgEnFy4BJzUuATUwNDUxPAE1NDY3MT4BMzoBMzEeARcjHgEXIzcuASMqAQczKgEjIgYHMQ4BFRwBFTEcARUUFhc1HgEfAiEVIRceARUxHAEVFAYHMQ4BIyoBIzEuAScXLgEnFwceATM6ATMjMhYzMjY3MT4BNzEuAScXMwOA9BIoFwI5FSMRAQgOBQUFDw0NIxMCBAITJBECEB0NARscQiQHDgYBAgQCJkQaGR0PDRIxHQIv/p0BxAQJChIPESoYAQQBEyQRAhIhDgEiH0wpAgQDAQMHAyxOIB0iAQEIBwHTAYASHQsbChUNAQcSCgEKFw0BAQEBARQiDQsOAQYGBA4IURETARsYFz8lAQMBAQICHDUXARkmCwEWQAQOIREBAQEWJg4OEAEHBgEGEAsBVhUWAR0aF0QoFCYSAgAAAAACAEAAAAPAA4AAHQA9AAABBzMyFhUUBisBIiY1MTU0NjMyFhUxFTceARcVFDY/ASMiJjU0NjMxMzIWFTEVFAYjIiY1MTUHLgEnNTQGNwHA50cTGhoTsxMaGhMSG+YYIgYGeudHExoaE7MTGhoTEhvmGCIGBgYBQOYbEhMaGhOzExoaE0fnBSMXAQkP+uYbEhMaGhOzExoaE0fnBSMXAQkPBgAAAAMAQABAA8ADgAAbAB4AIgAAASMVMxEhETM1IyIGFTERFBYzMSEyNjUxETQmIwEHISczESMDQICA/YCAgDVLSzUCgDVLSzX+wIABAKpUVAKAgP7AAUCASzX+wDVLSzUBQDVLAQDaIP66AAAAAAMAQAAAA8ADgAADABcAHwAAATMnBwEhIgYVMREUFjMxITI2NTERNCYjAycjByMTMxMBuI1GRwGI/YA1S0s1AoA1S0s1sivIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAABAA/AMADvwL/AAcACgB5ALAAACUDIwMzNzMXJyM3AREwNDU0JicXLgEnMS4BJyMuASMqATkBOAExIgYHMwYHBgcGBxU+ATczPgEzMToBMzIWFzEeARUwFBUxFSMmIiMiBgczDgEVHAEVNRQwFRQWFyceARcxHgEXMx4BMzoBMzE4ATEyNjcjPgE3MRczJw4BDwEOAQcjMCIjIiYnMS4BJzEuASc1LgE1OAE5ATQwNTQ2NzE+ATcxPgE3Mz4BMzoBMzEzFQJA6i7pcynIK0mMRgKABgUBBQ8JChcNAQ0eDwECChMKAhMREBAPDA0fEQMOIBACBAIQHgwKC04DBwQfOBgBFBcEBAEECwcIEwoBCxoOAQIBEiIQAhMfDQE7Qg0eEQELGg4BAQEHDgYGCQQEBQICAQMCAwgGBg4IAQgUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwBDBMIBwwDBAQBAQIEAwQEBTsGCgQEBAsJChoPAgEhARIPDiwaAQICAQEBCxUKAQoRBwcLBAQFCAYIFg4zaAwWCAEGBwEDAgIGBAQIBQEECwUBAQcOBgYLBAUHAgMCQwAAAAAHAD8AQAPRA0AABwAKAA4AEgAWABoAHgAAJQMjAzM3MxcnIzclMxEjExcHJzcHFzcDNycHFyc3FwJA6i7pcynIK0mMRgHBQEAkLbUtrS21La0ttS2tLbUtwAI//cFzc8DR7/0AAvEttS21LbUt/dMttS21LbUtAAABAMAAQANAA0AAMgAAASEqASMiBgczDgEHMw4BBxUOARUcARUxFBYXNR4BFzEeARczHgEzOgEzMREzETMRMxEzA0D+YAIFAhgsFQIUJA8BDxYIBgcJBwgXDg4hEwEULRgCBAFcgFxoA0AHBgYUDAwdEQEPIhICBQITJBABER4MDRUHCAf+cwKr/VUCqwAAAAAC//EAswQEAtwABQALAAABLQEnCQEBDQEXCQEBn/8AAQBR/qMBXQEJAQD/AFABXf6jAQDIxk7+7P7rAdzIxk0BFAEUAAYAQABAA8ADQAADAB8AIgAlADgATAAAAREhEQU6ATMyFhcxDgEjKgEjMSoBIyImJzE+ATM6ATMHNxcxNxcBITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIzEhIiY1MTU0NjMBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiIZAoD+gAGAShwUFRsbFRQc9lBQgIACACIZChkiIhkKGSL9gCIZChkiIhkKGSIAAAAHAEAAgAPAAwAAEgApAD0AQQBeAGEAZAAAATMyFhUxFRQGKwEiJjUxNTQ2MxEzMhYVMRUUBiMxIzgBMSImPQE0NjMxASEyFhUxFRQGIzEhIiY1MTU0NjMDESERBTAyMzIWFzEOASMqATkBKgExIiYnMT4BMzAyMzEHNxcjNxcCu8oZIiIZyhkiIhnJGSIiGckYIyIZ/cADChkiIhn89hkiIhk7AcD+1gEBFB0BAR0UAQEBARQdAQEdFAEBUUNAA2hgAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAgD+gAGAShwUFBwcFBQc9lBQgIAAAAAHAEAAgAPAAwAAEwAtAEEARQBaAF0AYAAAEzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIWFTEVFDAxFAYjOAExIyImNTE1NDYzMREhMhYVMRUUBiMxISImNTE1NDYzAREhEQUwMjMyFhcxDgEjIiYnMT4BMzoBMwc3Fyc3F3vKGSIiGcoZIiIZyhkiIhnKGSIiGQMKGSIiGfz2GSIiGQGFAcD+1gEBFB0BAx0VFB0DAR0UAQEBUURABGVjAwAiGQoZIiIZChki/wAiGQkBGSIiGQoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQbGxQUHPZPUAGAgAAABAAAAAAEAAOAAAMAIAAjACYAABMRIREFOgEzMhYXMQ4BIyoBIzEqASMiJicxPgEzOgEzMQM3FzUbAQAEAP1UAQEBL0MBAUMvAQEBAQEBL0MBAUMvAQEBt5uR6NoDgPyAA4CsQS8vQUEvL0H9xbe7BAEn/tQAAAAABQAAAIAEAAMAABMAKgA+AEEARQAAEyEyFhUxFRQGIyEiJjUxNTQ2MzEBITIWFTEVFAYjMSE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzJwcRBzMVIzsDihkiIhn8dhkiIhkBwAHJGSIiGf43GCMiGQHKGSIiGf42GSIiGbvAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAAAgDAAAADgAOAACQASQAAJTEqASMiJy4BJyYnNDc+ATc2MzIXHgEXFhUxBgcOAQcGIyoBIzU6ATMyNz4BNzY3MTQnLgEnJiMiBw4BBwYVFhceARcWMzoBMzECIAEDAUc/P14bHAExMHw5OREROTl8MDEBHBtePz9HAQMBAQIBNS8vRxQVASYlXisqCgoqK14lJgEVFEcvLzUBAgEAGxpdPj5HR2BfrTw8PDytX2BHRz4+XRobVRQURi4vNTVKSYUvLy8vhUlKNTUvLkYUFAAAAAEBswBIAowC9gADAAAlEyMDAhN5X3pIAq79UgABAAABgQQAAgAAFQAAEyEyFhUxFRQGIyE4ATEiJj0BNDYzMTsDihkiIhn8dhgjIhkCACIZCRkiIhgKGSIAAAAAAwAAAL8EAALBADgAPAB5AAAlIiYnFzUzHgE7ATIWMzI2PwEuASMqASMzDgEHNyM1PgE7ATI2MzIXHgEXFhcVBgcOAQcGIyImIzMBIRUhJw4BBzcjFQ4BFRQWFzEVMx4BMzI2NwczFQ4BKwEiBiMiJy4BJyYnNTY3PgE3NjMyFjMjMhYXJxUjLgEnIwLcKUshAj0TKxcBAwkEQF4IAQhfQAQJBAEYLBQCPSBKKAEDCQU2MTBKFxcEBBcXSjAxNgUJBAH+kQEl/ttJFywUAjwSExMSPBMrFxgsFAI9IEooAQMJBTYxMEoXFwQEFxdKMDE2BQkEASlLIQI9EysXAcAUEgFbCAoBVD4BP1QBCgkBWxEUARQURS8vNQE2Ly9FFBQBAUCA0wEKCQEpES0ZGi0RKAgKCgkBWxEUARQURS8vNQE2Ly9FFBQBFBIBWwkJAQAABQAaAIAEAAMAABIAKAA8AEYAdAAAASEyFhUxFRQGIyEiJjUxNTQ2MxEhMhYVMRUUBiMhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MwM1Iw4BByMVNxUTNSM3PgE3MTY0NTQmJzEuASMiBiMzMCIxIgYHMQ4BBzEXPgE7ATIVDgEHMQcVATsCihkiIhn9dhkiIhkCihkiIhn9dhgjIhkCihkiIhn9dhkiIhm2EA4kFAEvVVYvCg0CAQsJCxkOAgICAQEKFAgIDQQbBRUMAR8CCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBA4JFgsOGhAbC2kMAAUAAACABAADAAATACoAPgBBAEUAABMhMhYVMRUUBiMhIiY1MTU0NjMxASEyFhUxFRQGIzEhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MyUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIhn+BcCAgAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIiGhAUCAQAAAAAYAAP/ABAADwAAdADsAPwBDAEcASwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTE0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFTEUBw4BBwYjAyEVIREhFSEbARcDNxMXAwIAal1eiygoKCiLXl1qal1eiygoKCiLXl1qUEVGaR4eHh5pRkVQUEVGaR4eHh5pRkVQwAGA/oABgP6AQEo2SkpKN0sDwCgoi15dampdXosoKCgoi15dampdXosoKPyAHh5pRkVQUEVGaR4eHh5pRkVQUEVGaR4eAUBAAQBA/tsB5Rv+GxsB5Rr+GgAAAAUAAACABAADAAATADMASABoAH8AABMhMhYVMRUUBiMhIiY1MTU0NjMxATMyMDEyFhU4ATkBFRQwMRQGIzgBMSMiJjUxNTQ2MzEBITIWFTEVFAYjMSEiJjUxNTQ2MzEBMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMTsBMhYVMRUUBiMxIzgBMSImPQE0NjMxOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABHAAA3MDIxMjY1OAE5ATU0NjMxIQcOARUUFjMyNjcxNz4BNTQmLwEuASMiBhUUFh8BITgBMSIHDgEHBhU4ATkBFTgBMRQWMzgBOQHoARAYXUMBB4QGBhgQCA8FyAYGBgbIBQ8IEBgGBoT++DIrLEETExcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEExJCKywyoBEXAAAAAAIAQAAAA4ADgAAeADwAAAEHMzIWFRQGKwEiJjUxNTQ2MzIWFTEVNx4BFxUUNgcBNyMiJjU0NjsBMhYVMRUUBiMiJj0BBy4BJzU0BjcDgOdHExoaE7MTGhoTEhvmGCIGBgb8wOdHExoaE7MTGhoTEhvmGCIGBgYDQOYbEhMaGhOzExoaE0fnBSMXAQkPBv0A5hsSExoaE7MTGhoTR+cFIxcBCQ8GAAAAAAEAgAA+A38DQADGAAAlIiMHPgE3Iz4BNzU+AT8BPgE1PAE1MTwBNTQmJxcuAScjLgEnIy4BIyoBIzEqASMiBgc3DgEHMQ4BDwEOARUcARU1FDAxFBYXNR4BFyceAR8BHgEfASciKwEVMBQxFBYXMR4BMzoBOQEhNS4BJxUuAS8BLgEnNS4BNTwBOQE8ATU0NjcVPgE3MT4BNzM+ATMyFhcjHgEXIx4BHwEeARUcARUxMBQVFAYHNw4BBzUOAQ8BDgEHIxUhOgExMjY3MT4BNTA0OQE1AvYXFy0ZLBQBFCIPDhcIAQcJEA8BDikYARk6IAIgSSYBAgEBAgEmSSICIjwZGSgOAQ4PCQgIFw8BDyITARMsFwItFxaKBgYFDwgBAQEZFSYQER4MAQwVBwcICwoJHBERJxYBFjEZGjEYAxgoEQESGwkBCQsIBwEIFA0MHhEBECUVAQEZAQEJDgYFBqgFCRgPDyQUARQuGAMXNhwBAQEBAQEmRyACITcXFiMMDQ0ODQENJBcXNx8CH0YmAQIBAQEdNxoCGi8UARUkDwEOGAkBBkABCA4FBQaRBA8MAQ0eEQESKBcCFjEaAQEBAwEcNBgBFicPDxcICAgICAcYDw8mFgEXNBwBAwEBARoyGAMYKhIBEh4MAQsPBI8GBQUOCAFAAAAAAAIBFQAWA+kCnQALAD0AACUnNyMHJyMXBzM3FwU1Izc+ATc1PAE1NCYnIy4BIyoBIzMqASMiBgc3DgEPARc+ATcxPgEzMTIVDgEHMQcVAsy7q111al2dq2FygAGBj1IQFQMQDQEPJxUCBAIBAQEBEB0NAQwRBAEgBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0BAQMBEyEMCw0IBwEHFAwBGgkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsAPQAAJSc3IwcnIxcHMzcXATUjNz4BNzU8ATU0JicjLgEjKgEjMTAiIyIGBzMOAQcVFz4BNzE+ATcxMhUOAQc1BxUCzLurXXVqXZ2rYXKAAYGPUhAVAxANARAoFgEDAQIBEB0NAQwRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0BAQMBEyEMDQ4IBwYUDAEaCA4FBQUBMxsvFAGxCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALgBfAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATkBFAYjIiYnNScuATU0NjcxNz4BMwExFx4BFRQGBzEHDgEjMSImNTA0MTQ2NzE3IQYmNTQ2MyEnLgE1PAE5ATQ2MzIWFxUBEBQcCAYOAiwUHBwU/dQOBwccFAsRBmAGCAgGYAYRCwIAYAcHBwdgBhELFBwIBg791hQcHBQCLA4HBxwUCxEGA0AmGgEBDBYKARMmGhomEwkWDAEBGiYKCAGACRcNDBcKgAgL/m2ACRcNDBcKgAgKJRsBDRYJEwEmGhomEwkWDAEBGiYKCAEAAAQBAACAAwEDAAADAAcACwAPAAABJzcXFzcnBwMHFzc3FwcnASkp6ynDKuwpwynrKcMq7CkCACfZJtom2ib+pibaJ9kn2ScAAAIA0P/AAxADDgA5AD0AAAEcARUUFhcxHgEzMjYzIzoBMzI2NxU+ATU8ATUVESMRHAEVFAYHMQ4BIyoBIzEqASMiJjU0NjUxESMDNSEVARIfGx5LKgUKBQEDBwMsTR8cIVgUERIxGwIEAgEEAzVLAVhCAkABTAMHAylJGhgcAR0aARtIKgMGAwEBwP5GAQQCGy8SERRLNQIDAgG2/Lc4OAABAMAAgANAAwAANgAAJSImNTE1NCYjMSEXHgEVFAYjIiYnMScuATU0Nj8BPgEzMhYVFAYHMQchMhceARcWFTEVFAYjMQMYEBdeQv73hAYGGBAIDwXIBgYGBsgFDwgQGAYGhAEIMissQRMTFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQTE0EsLDGgERcABgAAAIAEAAMAABIAKAA8AFAAcACEAAATITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzIzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMREzMhYVMRUUBiMxIyImNTE1NDYz+wLKGSIiGf02GSIiGQLKGSIiGf02GCMiGQLKGSIiGf02GSIiGcAKGSIiGQoZIiIZCQEZIiIZChkiIhkKGSIiGQoZIiIZAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAAAAwBeAE4DrwMdAKcBUgFwAAAlMzUjKgEjIiYnMS4BNTwBNTE0NzY1NjQ1NCYnFS4BJzE1PgE3MT4BNTwBJxU0JyY1PAE1NDY3MT4BMzIWMzEzNSMwIiMiBgczDgEHMQ4BDwEOARUcARU1FBcWFxYXFhUwFDEUBgcxDgEHMQ4BByMOASMqASMxFToBMzIWFyMeARcxHgEXFR4BFzEUBwYHBgcGFRwBFRQWFyceARcxHgEXMx4BMzoBMyMFMzoBMTI2NyM+ATcxPgE3MT4BNTQmNTE0JyYnJicmNTgBMTQ2NxU+ATcxPgE3NT4BMzAyMzE1KgExIiYnFy4BJzEuASc1LgE1OAE5ATQ3Njc2NzY3PAE1NCYnFS4BJzEuAS8BLgEjKgEjMSMVMzoBMzIWFzEeARUUBhUxFAcGFRwBFRQWFyMeARczFQ4BBzEOARUcARU1FBcWFRwBFRQGBzcOASMqASMxIxUlMzc2NzY3MxYXFh8BMyc3IwcGBwYHIyYnJi8BIxcBBC0TAQMCChIGBQYCAgEIBgcWDQ0WBwcHAQICBgUGEgoCAwETLQIBCxYKAQoQBgYKAgEDAwECAQEBAQECAgYEBAsGAQcQCAEBAQEBAQgRBwEHCwUDBgICAQECAQECAQEDBAEDCgYGEAkBCRYLAQIBAQHXLQEBDBYLAgoQBgcJAwMEAQEBAQIBAQIBAgYEBAsHBxAJAgEBAgkQCAEGCwUEBgIBAgECAQEBAQEEAwMJBwYQCQEJFgsBAQEtEwIDAQsRBwUGAQICBwcBCBUNAQ4VCAYHAgIFBgEHEQsBAwIT/mVcOgkJCAoDCwkKCjtgioJcNAgICAkDCwgJCTZgglE0CAcKFgwCBAIkISIoAgQDDx0NAQsPAwMDDwsMHRACBQIBKCIiJAEFAgwWCgYJATUDAwIKBwcSCQEMGg0BAgIBFxITEhESEhQBBgsFBgkEBQcDAwM6AwMDBwUECgUBBQsHFBESEhETExYBAgEOGwwBChIHBwkDAgMDAwIDCQcHEgoMGg4BAgEWExISERISFAYMBgEGCgQFBwIBAgM7AwMBAwcFBAoFAQQMBhUREhIRExMWAQIBDhoNAgsSBwYKAgECAzQIBwkXCwMEAiQhIigCBAMPHQ0KDwMDAw8LDB0QAgQDASgiISQCBAMMFgoBBwg0c2kSERIUFBIREmnj3WMQEBEUFBARD2TaAAAEAAAAQAQAA0AAIwA3AFwAXwAAASEiBw4BBwYVMREUFx4BFxYzMSEyNz4BNzY1MRE0Jy4BJyYjExQGIzEhIiY1MRE0NjMxITIWFTEFMQcOASMwIjkBKgEjIiYnMTU+ATM6ATMxMhYXIxceARUUBgcVJzcnAwD+ADUvLkYUFBQURi4vNQIANS8uRhQUFBRGLi81gEs1/gA1S0s1AgA1S/7pmgYNCAEBAgESGwICGxIBAgEIDgcBmgoNDQqACAsDQBQURi4vNf8ANS8uRhQUFBRGLi81AQA1Ly5GFBT+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQBHgUGAAAACgBAAAADwAOAAA8AJQAzAEEAUgBnAHgAjgCfALUAAAEjIiY1NDYzMTMyFhUUBiMnDgEjIiY1NDY3MTc+ATMyFhUUBgcxASImNTQ2MzIWFTEUBiM1IgYVFBYzMjY1MTQmIzUiJjUxNTQ2MzIWFTEVFAYjBycuATU0NjMyFh8BHgEVFAYjIiYnFxQGIzEjIiY1NDYzMTMyFhUHPgEzMhYVFAYHMQcOASMiJjU0NjcxJTIWFTEVFAYjIiY1MTU0NjM3Fx4BFRQGIyImJzEnLgE1NDYzMhYXA4hwFyEhF3AXISEXmggUCxchCAdQBxULFyEJB/7DRmJiRkZiYkYXISEXFyEhFxchIRcXISEX7k8HCSEXCxUHUAcIIRcLFAgOIRdwFyEhF3AXIQ4IFAsXIQgHUAcVCxchCQcBPRchIRcXISEX7k8HCCEXCxQHUAcIIRcLFAgBiCEXFyEhFxch1gcIIRcLFAhPBwkhFwsVB/5qYkZGYmJGRmLgIRcXISEXFyGoIRdwFyEhF3AXIUJQBxULFyEJB08IFAsXIQgHnhchIRcXISEXngcIIRcLFAhPBwkhFwsVBw4hF3AXISEXcBchQlAHFAsXIQgHTwgUCxchCAcAAAAAAQAAAAEAAIeeNh1fDzz1AAsEAAAAAADWD0mdAAAAANYPSZ3/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAABeBAAAAAQAAEAAAAAAAAoAFAAeAGwAugEIAXgBxAImApIDPAOOA8QD+ATUBRAFWAV6BeIGYAbaBxYHcAfYB+YIBgiuCUAJmgoSCpwK8AtEDEAMmAzwDSANnA3ADhAOWg7wELYRNhIgAAAAAQAAAC4BcQAKAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

[class*=" re-icon-"],
[class^="re-icon-"] {
  font-family: Redactor !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  overflow-x: hidden;
}

.re-icon-aligncenter:before {
  content: "\e900";
}

.re-icon-alignleft:before,
.re-icon-alignment:before {
  content: "\e901";
}

.re-icon-alignright:before {
  content: "\e902";
}

.re-icon-bold:before {
  content: "\e903";
}

.re-icon-bookmark:before {
  content: "\e904";
}

.re-icon-clips:before {
  content: "\e905";
}

.re-icon-codesnippets:before {
  content: "\e906";
}

.re-icon-deleted:before {
  content: "\e907";
}

.re-icon-expand:before {
  content: "\e908";
}

.re-icon-file:before {
  content: "\e909";
}

.re-icon-fontcolor:before {
  content: "\e90a";
}

.re-icon-fontfamily:before {
  content: "\e90b";
}

.re-icon-fontsize:before {
  content: "\e90c";
}

.re-icon-format:before {
  content: "\e90d";
}

.re-icon-html:before {
  content: "\e90e";
}

.re-icon-imagecenter:before {
  content: "\e90f";
}

.re-icon-imageleft:before {
  content: "\e910";
}

.re-icon-imageright:before {
  content: "\e911";
}

.re-icon-image:before {
  content: "\e912";
}

.re-icon-indent:before {
  content: "\e913";
}

.re-icon-inline:before {
  content: "\e914";
}

.re-icon-italic:before {
  content: "\e915";
}

.re-icon-horizontalrule:before,
.re-icon-line:before {
  content: "\e916";
}

.re-icon-link:before {
  content: "\e917";
}

.re-icon-ol:before,
.re-icon-ordered:before {
  content: "\e918";
}

.re-icon-outdent:before {
  content: "\e919";
}

.re-icon-properties:before {
  content: "\e91a";
}

.re-icon-readmore:before {
  content: "\e91b";
}

.re-icon-redo:before {
  content: "\e91c";
}

.re-icon-retract:before {
  content: "\e91d";
}

.re-icon-specialcharacters:before {
  content: "\e91e";
}

.re-icon-sub:before {
  content: "\e91f";
}

.re-icon-sup:before {
  content: "\e920";
}

.re-icon-table:before {
  content: "\e921";
}

.re-icon-textdirection:before {
  content: "\e922";
}

.re-icon-toggle:before {
  content: "\e923";
}

.re-icon-underline:before {
  content: "\e924";
}

.re-icon-undo:before {
  content: "\e925";
}

.re-icon-lists:before,
.re-icon-ul:before,
.re-icon-unordered:before {
  content: "\e926";
}

.re-icon-variable:before {
  content: "\e927";
}

.re-icon-video:before {
  content: "\e928";
}

.re-icon-widget:before {
  content: "\e929";
}

.redactor-box,
.redactor-box textarea {
  z-index: auto;
}

.redactor-box {
  position: relative;
  box-sizing: border-box;
}

/* .redactor-box.redactor-styles-on {
    margin: 0;
    padding: 0;
    background: var(--bg-color);
    border: 1px solid rgba(0, 0, 0, 0.075);
    border-radius: 3px;
    box-shadow: none;
} */
.redactor-box.redactor-inline {
  position: static;
}

/* .redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
    border-color: #82b7ec !important;
} */
.redactor-over:hover.redactor-styles-on {
  border-color: #ee698a !important;
}

.redactor-source-view,
.redactor-source-view.redactor-styles-on {
  border-color: var(--card-border-color) !important;
}

.redactor-in {
  position: relative;
  overflow: auto;
  white-space: normal;
  box-sizing: border-box;
}

.redactor-in:focus {
  outline: 0;
}

.redactor-inline .redactor-in {
  overflow: hidden;
}

.redactor-in *,
.redactor-read-only * {
  outline: 0 !important;
}

.redactor-in blockquote:empty,
.redactor-in h1:empty,
.redactor-in h2:empty,
.redactor-in h3:empty,
.redactor-in h4:empty,
.redactor-in h5:empty,
.redactor-in h6:empty,
.redactor-in p:empty {
  min-height: 1.5em;
}

.redactor-in b:empty,
.redactor-in em:empty,
.redactor-in i:empty,
.redactor-in ins:empty,
.redactor-in span:empty,
.redactor-in strong:empty,
.redactor-in sub:empty,
.redactor-in sup:empty,
.redactor-in u:empty {
  display: inline-block;
  min-width: 1px;
  min-height: 1rem;
}

.redactor-in table {
  empty-cells: show;
}

.redactor-in li figure {
  width: auto;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.redactor-in figcaption:focus,
.redactor-in figure code:focus,
.redactor-in figure pre:focus,
.redactor-in table td:focus,
.redactor-in table th:focus {
  outline: 0;
}

.redactor-in figure[data-redactor-type="line"] {
  margin-top: 1em;
  padding: 6px 0;
  vertical-align: baseline;
}

.redactor-in figure[data-redactor-type="line"] hr {
  margin: 0;
  height: 3px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
}

.redactor-component {
  position: relative;
}

.redactor-component[data-redactor-type="video"]:before,
.redactor-component[data-redactor-type="widget"]:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}

.redactor-component[data-redactor-type="image"],
.redactor-component[data-redactor-type="widget"] {
  clear: both;
}

.redactor-component[data-redactor-type="variable"] {
  white-space: nowrap;
  background: rgba(0, 125, 255, 0.75);
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
  border-radius: 4px;
  cursor: pointer;
}

.redactor-component-active {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type="image"] {
  outline: 0 !important;
}

.redactor-component-active[data-redactor-type="image"] img {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type="variable"] {
  outline: 0 !important;
  background: #ee698a;
}

.redactor-component-active[data-redactor-type="video"] {
  outline: 0 !important;
}

.redactor-component-active[data-redactor-type="video"] iframe {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on
  .redactor-component-active[data-redactor-type="image"] {
  outline: 0 !important;
}

.redactor-blur.redactor-styles-on
  .redactor-component-active[data-redactor-type="image"]
  img {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on
  .redactor-component-active[data-redactor-type="video"] {
  outline: 0 !important;
}

.redactor-blur.redactor-styles-on
  .redactor-component-active[data-redactor-type="video"]
  iframe {
  outline: 5px solid #ddd !important;
}

.redactor-blur.redactor-styles-on
  .redactor-component-active[data-redactor-type="variable"] {
  outline: 0 !important;
  background: #ddd;
}

.redactor-component-caret {
  position: absolute;
  left: -9999px;
}

.redactor-textnodes-wrapper {
  display: inline-block;
}

#redactor-image-resizer {
  position: absolute;
  background-color: rgba(0, 125, 255, 0.9);
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  cursor: move;
  cursor: nwse-resize;
}

.redactor-file-item {
  display: inline-block;
  line-height: 1;
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.redactor-file-remover {
  margin-left: 2px;
  position: relative;
  right: -3px;
  display: inline-block;
  padding: 0 3px;
  cursor: pointer;
  opacity: 0.5;
}

.redactor-file-remover:hover {
  opacity: 1;
}

#redactor-overlay {
  position: fixed;
  z-index: 1051;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(16, 16, 18, 0.18);
}

#redactor-overlay > .redactor-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.redactor-source,
.redactor-source:focus,
.redactor-source:hover {
  text-align: left;
  box-sizing: border-box;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  width: 100%;
  display: block;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: var(--card-bg-color);
  color: var(--txt-color);
  font-size: 15px;
  outline: 0;
  padding: 10px 18px 20px 18px;
  line-height: 1.5;
  resize: vertical;
}

.redactor-box[dir="rtl"] .redactor-source {
  direction: ltr;
}

.redactor-placeholder:before {
  position: absolute;
  content: attr(placeholder);
  color: var(--txt-color);
  font-weight: 400;
}

.redactor-in figcaption[placeholder]:empty:before {
  content: attr(placeholder);
  color: var(--txt-color);
  font-weight: 400;
}

.redactor-in figcaption[placeholder]:empty:focus:before {
  content: "";
}

.redactor-statusbar {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  margin: 0;
  padding: 8px 10px;
  position: relative;
  overflow: hidden;
  list-style: none;
  background: #f8f8f8;
  box-sizing: border-box;
  border: none;
}

.redactor-statusbar li {
  float: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 10px;
  line-height: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.redactor-statusbar li:last-child {
  border-right-color: transparent;
}

.redactor-statusbar a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}

.redactor-statusbar a:hover {
  color: #f03c69;
  text-decoration: underline;
}

.redactor-statusbar:empty {
  display: none;
}

.redactor-toolbar-wrapper {
  position: relative;
}

.redactor-air,
.redactor-toolbar {
  z-index: 2;
  position: relative;
  margin: 0 !important;
  padding: 0;
  list-style: none !important;
  line-height: 1 !important;
  background: 0 0;
  border: none;
  box-sizing: border-box;
}

.redactor-box.redactor-styles-on .redactor-toolbar {
  padding: 18px 10px 0 10px;
}

.redactor-air a,
.redactor-toolbar a {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  padding: 10px 15px 9px 15px;
  cursor: pointer;
  outline: 0;
  border: none;
  vertical-align: middle;
  text-decoration: none;
  zoom: 1;
  position: relative;
  color: var(--txt-color);
  border-radius: 2px;
  background: var(---gray-smallDark);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
  margin-bottom: 4px;
}

.redactor-air a.re-button-icon,
.redactor-toolbar a.re-button-icon {
  font-size: 25px;
  padding: 7px 12px 6px 12px;
}

.redactor-air a:hover,
.redactor-toolbar a:hover {
  outline: 0;
  color: var(--title-color);
}

.redactor-toolbar a.redactor-button-active {
  background: rgba(245, 245, 245, 0.95);
  color: rgba(0, 0, 0, 0.4);
}

.redactor-air a.redactor-button-disabled,
.redactor-toolbar a.redactor-button-disabled {
  opacity: 0.3;
}

.redactor-air a.redactor-button-disabled:hover,
.redactor-toolbar a.redactor-button-disabled:hover {
  color: #333;
  outline: 0;
  background-color: transparent !important;
  cursor: default;
}

.redactor-source-view .redactor-toolbar a {
  background: #000;
  color: #fff;
}

.redactor-source-view .redactor-toolbar a:hover {
  background: var(--card-border-color);
}

.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.re-button-tooltip {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: 0;
  z-index: 1052;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px 9px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}

.re-button-tooltip:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: none;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  border-width: 4px;
  margin-left: -4px;
}

.redactor-toolbar-wrapper-air {
  position: absolute;
  z-index: 100;
}

.redactor-air {
  padding: 6px 3px 2px 8px;
  max-width: 576px;
  min-width: 200px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.97);
}

.redactor-air a {
  background: rgba(37, 37, 37, 0.95);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.9);
}

.redactor-air a:hover {
  background: #3d79f2;
}

.redactor-air a.redactor-button-active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.redactor-air a.redactor-button-disabled:hover {
  color: #fff;
}

.redactor-air-helper {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 15px;
  color: #000;
  background: rgba(255, 255, 255, 0.85);
  border-bottom-left-radius: 4px;
  padding: 7px 10px 6px 10px;
  cursor: pointer;
}

.redactor-air-helper:hover {
  background: #fff;
}

.redactor-voice-label {
  display: none;
}

.redactor-context-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1051;
  background-color: rgba(0, 0, 0, 0.95);
  color: #555;
  border-radius: 4px;
  padding: 6px 18px 7px 18px;
  line-height: 1.5;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}

.redactor-context-toolbar a {
  font-size: 12px;
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  padding: 2px 0 1px 12px;
}

.redactor-context-toolbar a:first-child {
  padding-left: 0;
}

.redactor-context-toolbar a i {
  position: relative;
  top: 3px;
  font-size: 16px;
}

.redactor-context-toolbar a:before {
  content: "";
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.redactor-context-toolbar a:hover {
  color: #fff;
}

.redactor-context-toolbar a:first-child:before {
  padding-left: 0;
  border-left: none;
}

.redactor-context-toolbar[dir="rtl"] a {
  padding: 2px 12px 1px 0;
}

.redactor-context-toolbar[dir="rtl"] a:first-child {
  padding-right: 0;
}

.redactor-context-toolbar[dir="rtl"] a:before {
  padding-left: 0;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
}

.redactor-context-toolbar[dir="rtl"] a:first-child:before {
  padding-right: 0;
  border-right: none;
}

.redactor-dropdown {
  display: none;
  position: absolute;
  z-index: 1051;
  background-color: var(--card-bg-color);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  width: 264px;
  max-height: 250px;
  margin: 0;
  margin-top: -1px;
  overflow: auto;
  font-size: 15px;
  padding: 0;
  border: 1px solid var(--card-border-color);
}

.redactor-dropdown a span {
  display: inline-block;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 3px;
}

.redactor-dropdown a {
  display: block;
  text-decoration: none;
  padding: 10px 8px;
  white-space: nowrap;
  border-bottom: 1px solid var(--card-border-color);
}

.redactor-dropdown a:last-child {
  border-bottom-color: transparent;
}

.redactor-dropdown a {
  color: var(--txt-color);
}

.redactor-dropdown a:hover:not(.redactor-dropdown-item-disabled) {
  color: var(--title-color) !important;
  background-color: var(--card-border-color) !important;
}

.redactor-dropdown a.redactor-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.4);
  background: #ffffff8f;
  cursor: not-allowed;
}

.redactor-dropdown-cells {
  margin: 10px auto;
}

.redactor-dropdown-cells a,
.redactor-dropdown-cells span {
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.redactor-dropdown-selector {
  display: flex;
  text-align: center;
}

.redactor-dropdown-selector span {
  flex-grow: 1;
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
}

.redactor-dropdown-selector span:hover {
  background: #eee;
}

.redactor-dropdown-selector span.active {
  cursor: text;
  color: rgba(0, 0, 0, 0.3);
  background: #eee;
}

.redactor-dropdown-format .redactor-dropdown-item-blockquote {
  /* color: rgba(0, 0, 0, 0.4); */
  font-style: italic;
}

.redactor-dropdown-format .redactor-dropdown-item-pre {
  font-family: monospace, sans-serif;
}

.redactor-dropdown-format .redactor-dropdown-item-h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 32px;
}

.redactor-dropdown-format .redactor-dropdown-item-h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
}

.redactor-dropdown-format .redactor-dropdown-item-h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h4 {
  font-size: 21px;
  font-weight: 700;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.redactor-dropdown-format .redactor-dropdown-item-h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 24px;
}

#redactor-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1051;
  line-height: 24px;
}

.redactor-modal {
  position: relative;
  margin: 16px auto;
  padding: 0;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
  border-radius: 3px;
  color: #000;
}

.redactor-modal form {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.redactor-modal input,
.redactor-modal select,
.redactor-modal textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  outline: 0;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cacfd4;
  border-radius: 0.1875em;
  box-shadow: none;
  padding: 0 0.5em;
}

.redactor-modal textarea {
  padding: 0.5em;
  height: auto;
  line-height: 1.5;
  vertical-align: top;
}

.redactor-modal select {
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4);" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.65em center;
  padding-right: 28px;
}

.redactor-modal select[multiple] {
  background-image: none;
  height: auto;
  padding: 0.5em 0.75em;
}

.redactor-modal input[type="file"] {
  width: auto;
  border: none;
  padding: 0;
  height: auto;
  background: 0 0;
  box-shadow: none;
  display: inline-block;
}

.redactor-modal input[type="checkbox"],
.redactor-modal input[type="radio"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  vertical-align: middle;
  position: relative;
  bottom: 0.15rem;
  font-size: 115%;
  margin-right: 3px;
}

.redactor-modal .form-item {
  margin-bottom: 20px;
}

.redactor-modal .form-item:last-child {
  margin-bottom: 0;
}

.redactor-modal fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.redactor-modal fieldset .form-item {
  margin-bottom: 12px;
}

.redactor-modal label {
  display: block;
  color: #555;
  margin-bottom: 0.25em;
  font-size: 14px;
}

.redactor-modal label .desc,
.redactor-modal label .error,
.redactor-modal label .success {
  text-transform: none;
  font-weight: 400;
}

.redactor-modal label.checkbox {
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  color: inherit;
}

.redactor-modal .form-checkboxes label.checkbox {
  display: inline-block;
  margin-right: 1em;
}

.redactor-modal input:hover,
.redactor-modal select:hover,
.redactor-modal textarea:hover {
  outline: 0;
  background-color: #fff;
  border-color: #969fa9;
  box-shadow: none;
}

.redactor-modal input:focus,
.redactor-modal select:focus,
.redactor-modal textarea:focus {
  transition: all linear 0.2s;
  outline: 0;
  background-color: #fff;
  border-color: rgba(0, 125, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 125, 255, 0.5);
}

.redactor-modal input.error,
.redactor-modal select.error,
.redactor-modal textarea.error {
  background-color: rgba(255, 50, 101, 0.1);
  border: 1px solid #ff7f9e;
}

.redactor-modal input.error:focus,
.redactor-modal select.error:focus,
.redactor-modal textarea.error:focus {
  border-color: #ff3265;
  box-shadow: 0 0 1px #ff3265;
}

.redactor-modal input.success,
.redactor-modal select.success,
.redactor-modal textarea.success {
  background-color: rgba(47, 196, 182, 0.1);
  border: 1px solid #65dacf;
}

.redactor-modal input.success:focus,
.redactor-modal select.success:focus,
.redactor-modal textarea.success:focus {
  border-color: #2fc4b6;
  box-shadow: 0 0 1px #2fc4b6;
}

.redactor-modal input.disabled,
.redactor-modal input.disabled:hover,
.redactor-modal input:disabled,
.redactor-modal input:disabled:hover,
.redactor-modal select.disabled,
.redactor-modal select.disabled:hover,
.redactor-modal select:disabled,
.redactor-modal select:disabled:hover,
.redactor-modal textarea.disabled,
.redactor-modal textarea.disabled:hover,
.redactor-modal textarea:disabled,
.redactor-modal textarea:disabled:hover {
  resize: none;
  opacity: 0.6;
  cursor: default;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #cacfd4;
  box-shadow: none;
  background-color: #fff;
}

.redactor-modal .req {
  position: relative;
  top: 1px;
  font-weight: 700;
  color: #ff3265;
  font-size: 110%;
}

.redactor-modal .desc {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}

.redactor-modal span.desc {
  margin-left: 0.25em;
}

.redactor-modal div.desc {
  margin-top: 0.25em;
}

.redactor-modal span.error,
.redactor-modal span.success {
  font-size: 12px;
  margin-left: 0.25em;
}

.redactor-modal div.desc {
  margin-bottom: -0.5em;
}

.redactor-modal .redactor-close {
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 30px;
  line-height: 30px;
  padding: 0 4px;
  color: #000;
  opacity: 0.3;
  cursor: pointer;
}

.redactor-modal .redactor-close:hover {
  opacity: 1;
}

.redactor-modal .redactor-close:before {
  content: "\00d7";
}

.redactor-modal button {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: #007dff;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #007dff;
  min-height: 40px;
  outline: 0;
  padding: 0.5em 1.25em;
  cursor: pointer;
  line-height: 1.2;
  vertical-align: middle;
  -webkit-appearance: none;
}

.redactor-modal button:hover {
  outline: 0;
  text-decoration: none;
  background: 0 0;
  color: rgba(0, 125, 255, 0.6);
  border-color: rgba(0, 125, 255, 0.5);
}

.redactor-modal button.redactor-button-secondary {
  border-color: #2a2e34;
  color: #2a2e34;
}

.redactor-modal button.redactor-button-secondary:hover {
  color: rgba(42, 46, 52, 0.6);
  border-color: rgba(42, 46, 52, 0.5);
}

.redactor-modal button.redactor-button-danger,
.redactor-modal button.redactor-button-unstyled {
  background: 0 0;
  border-color: transparent;
  color: rgba(42, 46, 52, 0.6);
}

.redactor-modal button.redactor-button-danger:hover,
.redactor-modal button.redactor-button-unstyled:hover {
  background: 0 0;
  border-color: transparent;
  color: #ff3265;
  text-decoration: underline;
}

.redactor-modal .redactor-modal-group:after {
  content: "";
  display: table;
  clear: both;
}

.redactor-modal .redactor-modal-side {
  float: left;
  width: 30%;
  margin-right: 4%;
}

.redactor-modal .redactor-modal-side img {
  max-width: 100%;
  height: auto;
  display: block;
}

.redactor-modal .redactor-modal-area {
  float: left;
  width: 66%;
}

.redactor-modal[dir="rtl"] .redactor-close {
  left: 12px;
  right: auto;
}

.redactor-modal[dir="rtl"] textarea {
  direction: ltr;
  text-align: left;
}

.redactor-modal[dir="rtl"]
  .redactor-modal-footer
  button.redactor-button-unstyled {
  float: left;
  margin-left: 0;
}

.redactor-modal-header {
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.redactor-modal-header:empty {
  display: none;
}

.redactor-modal-body {
  padding: 32px 48px;
  padding-bottom: 40px;
}

.redactor-modal-footer {
  padding: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.redactor-modal-footer button {
  margin-right: 4px;
}

.redactor-modal-footer button.redactor-button-unstyled {
  margin-right: 0;
  float: right;
}

.redactor-modal-footer:empty {
  display: none;
}

.redactor-modal-tabs {
  display: flex;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 1em;
}

.redactor-modal-tabs a {
  font-size: 15px;
  padding: 2px 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  margin-right: 14px;
}

.redactor-modal-tabs a:hover {
  transition: all linear 0.2s;
}

.redactor-modal-tabs a.active,
.redactor-modal-tabs a:hover {
  font-weight: 500;
  color: #007dff;
  border-bottom-color: #007dff;
}

.redactor-styles {
  margin: 0;
  padding: 16px 18px;
  color: var(--txt-color);
  font-size: 1em;
  line-height: 1.5;
  box-sizing: border-box;
}

.redactor-styles *,
.redactor-styles :after,
.redactor-styles :before {
  box-sizing: inherit;
}

.redactor-styles[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

.redactor-styles[dir="rtl"] ol li,
.redactor-styles[dir="rtl"] ul li {
  text-align: right;
}

.redactor-styles[dir="rtl"] ol,
.redactor-styles[dir="rtl"] ol ol,
.redactor-styles[dir="rtl"] ol ul,
.redactor-styles[dir="rtl"] ul,
.redactor-styles[dir="rtl"] ul ol,
.redactor-styles[dir="rtl"] ul ul {
  margin: 0 1.5em 0 0;
}

.redactor-styles[dir="rtl"] figcaption {
  text-align: right;
}

.redactor-styles a,
.redactor-styles a:hover {
  color: #3397ff;
}

.redactor-styles address,
.redactor-styles blockquote,
.redactor-styles dl,
.redactor-styles figure,
.redactor-styles hr,
.redactor-styles p,
.redactor-styles pre,
.redactor-styles table {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

.redactor-styles ol,
.redactor-styles ul {
  padding: 0;
}

.redactor-styles ol,
.redactor-styles ol ol,
.redactor-styles ol ul,
.redactor-styles ul,
.redactor-styles ul ol,
.redactor-styles ul ul {
  margin: 0 0 0 1.5em;
}

.redactor-styles ol li,
.redactor-styles ul li {
  text-align: left;
}

.redactor-styles ol ol li {
  list-style-type: lower-alpha;
}

.redactor-styles ol ol ol li {
  list-style-type: lower-roman;
}

.redactor-styles ol,
.redactor-styles ul {
  margin-bottom: 1em;
}

.redactor-styles h1,
.redactor-styles h2,
.redactor-styles h3,
.redactor-styles h4,
.redactor-styles h5,
.redactor-styles h6 {
  font-weight: 700;
  color: #111;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
  line-height: 1.2;
}

.redactor-styles h1 {
  font-size: 2.0736em;
}

.redactor-styles h2 {
  font-size: 1.728em;
}

.redactor-styles h3 {
  font-size: 1.44em;
}

.redactor-styles h4 {
  font-size: 1.2em;
}

.redactor-styles h5 {
  font-size: 1em;
}

.redactor-styles h6 {
  font-size: 0.83333em;
  text-transform: uppercase;
  letter-spacing: 0.035em;
}

.redactor-styles blockquote {
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  border: none;
}

.redactor-styles table {
  width: 100%;
}

.redactor-styles code,
.redactor-styles kbd,
.redactor-styles mark,
.redactor-styles small,
.redactor-styles time,
.redactor-styles var {
  display: inline-block;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  font-size: 87.5%;
  line-height: 1;
  color: rgba(51, 51, 51, 0.9);
}

.redactor-styles cite,
.redactor-styles var {
  opacity: 0.6;
}

.redactor-styles var {
  font-style: normal;
}

.redactor-styles abbr,
.redactor-styles dfn {
  text-transform: uppercase;
}

.redactor-styles abbr[title],
.redactor-styles dfn[title] {
  text-decoration: none;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  cursor: help;
}

.redactor-styles code,
.redactor-styles kbd {
  position: relative;
  top: -1px;
  padding: 0.25em;
  padding-bottom: 0.2em;
  border-radius: 2px;
}

.redactor-styles code {
  background-color: #eff1f2;
}

.redactor-styles mark {
  border-radius: 2px;
  padding: 0.125em 0.25em;
  background-color: #fdb833;
}

.redactor-styles kbd {
  border: 1px solid #e5e7e9;
}

.redactor-styles sub,
.redactor-styles sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.redactor-styles sub {
  bottom: -0.25em;
}

.redactor-styles sup {
  top: -0.5em;
}

.redactor-styles pre {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  font-size: 0.9em;
}

.redactor-styles pre,
.redactor-styles pre code {
  background-color: #f6f7f8;
  padding: 0;
  top: 0;
  display: block;
  line-height: 1.5;
  color: rgba(51, 51, 51, 0.85);
  overflow: none;
  white-space: pre-wrap;
}

.redactor-styles pre {
  padding: 1rem;
}

.redactor-styles table {
  border-collapse: collapse;
  max-width: 100%;
  width: 100%;
}

.redactor-styles table caption {
  text-transform: uppercase;
  padding: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
}

.redactor-styles table td,
.redactor-styles table th {
  border: 1px solid #eee;
  padding: 16px;
  padding-bottom: 15px;
}

.redactor-styles table tfoot td,
.redactor-styles table tfoot th {
  color: rgba(0, 0, 0, 0.5);
}

.redactor-styles audio,
.redactor-styles embed,
.redactor-styles img,
.redactor-styles object,
.redactor-styles video {
  max-width: 100%;
}

.redactor-styles embed,
.redactor-styles img,
.redactor-styles object,
.redactor-styles video {
  height: auto !important;
}

.redactor-styles img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.redactor-styles figcaption {
  display: block;
  opacity: 0.6;
  font-size: 12px;
  font-style: italic;
  text-align: left;
}

.upload-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 5px dashed rgba(0, 125, 255, 0.15);
  position: relative;
  width: 100%;
  min-height: 220px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}

.upload-placeholder {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}

.upload-hover {
  background-color: rgba(0, 125, 255, 0.075);
}

.upload-error {
  background-color: rgba(255, 50, 101, 0.075);
}

.upload-box-hover {
  outline: 5px dashed rgba(0, 125, 255, 0.3);
}

.upload-box-error {
  outline: 5px dashed rgba(255, 50, 101, 0.3);
}

.redactor-structure div,
.redactor-structure h1,
.redactor-structure h2,
.redactor-structure h3,
.redactor-structure h4,
.redactor-structure h5,
.redactor-structure h6 {
  position: relative;
}

.redactor-structure div:before,
.redactor-structure h1:before,
.redactor-structure h2:before,
.redactor-structure h3:before,
.redactor-structure h4:before,
.redactor-structure h5:before,
.redactor-structure h6:before {
  width: 24px;
  position: absolute;
  font-size: 10px;
  font-weight: 400;
  opacity: 0.3;
  left: -26px;
  top: 50%;
  margin-top: -7px;
  text-align: right;
}

.redactor-structure h1:before {
  content: "h1";
}

.redactor-structure h2:before {
  content: "h2";
}

.redactor-structure h3:before {
  content: "h3";
}

.redactor-structure h4:before {
  content: "h4";
}

.redactor-structure h5:before {
  content: "h5";
}

.redactor-structure h6:before {
  content: "h6";
}

.redactor-structure div:before {
  content: "div";
}

#redactor-progress {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0%;
  width: 15%;
  margin: 0 auto;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  border-radius: 6px;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #007dff;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.redactor-box-fullscreen {
  z-index: 1051;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.redactor-box-fullscreen-target {
  position: absolute !important;
}

.redactor-body-fullscreen .redactor-context-toolbar,
.redactor-body-fullscreen .redactor-dropdown {
  z-index: 1052;
}

.redactor-body-fullscreen #redactor-overlay {
  z-index: 1098;
}

.redactor-body-fullscreen #redactor-modal {
  z-index: 1099;
}

/*bootstrap.min.css*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow: hidden !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  img,
  tr {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../font/glyphicons-halflings-regular.eot);
  src: url(../font/glyphicons-halflings-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../font/glyphicons-halflings-regular.woff2) format("woff2"),
    url(../font/glyphicons-halflings-regular.woff) format("woff"),
    url(../font/glyphicons-halflings-regular.ttf) format("truetype"),
    url(../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
      format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-eur:before,
.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--txt-color);
  background-color: var(--bg-color);
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  /* border-top: 1px solid #eee !important; */
  border-top: 1px solid var(--card-border-color) !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: var(--txt-color);
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}

.h1,
h1 {
  font-size: 36px;
}

.h2,
h2 {
  font-size: 30px;
}

.h3,
h3 {
  font-size: 24px;
}

.h4,
h4 {
  font-size: 18px;
}

.h5,
h5 {
  font-size: 14px;
}

.h6,
h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

.small,
small {
  font-size: 85%;
}

.mark,
mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  /* color: #777; */
}

.text-primary {
  color: #337ab7;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:focus,
a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:focus,
a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:focus,
a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #337ab7;
}

a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dd,
dt {
  line-height: 1.42857143;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}

blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: "\2014 \00A0";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: "";
}

.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: "\00A0 \2014";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  /* .container {
        width: 750px;
    } */
}

@media (min-width: 992px) {
  /* .container {
        width: 970px;
    } */
}

@media (min-width: 1200px) {
  /* .container {
        width: 1170px;
    } */
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 0.5rem;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid var(--card-border-color);
}

.table > tbody > tr > td {
  padding: 1rem 1rem 1rem 0.5rem;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: var(--bg-color);
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--card-bg-color);
}

.table-hover > tbody > tr:hover {
  /* background-color: var(--primary-shade-lite); */
  background-color: #e9ecef;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}

.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid var(--card-border-color);
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

/* input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
} */
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--txt-color);
  background-color: var(--card-bg-color);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    } */
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 30px;
  }

  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 46px;
  }
}

/* .form-group {
    margin-bottom: 15px;
} */
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}

.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}

fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
  cursor: not-allowed;
}

.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }

  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  /* background-color: #286090; */
  border-color: #204d74;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}

.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}

.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
  width: 100%;
}

.fade {
  /* opacity: 0; */
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.dropdown,
.dropup {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  flex-flow: column;
  gap: 0.5em;
  position: absolute;
  /* top: 152%; */
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 130px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: var(--card-bg-color) !important;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  white-space: nowrap;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--txt-color);
  white-space: nowrap;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}

.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open > .dropdown-menu {
  /* display: flex; */
  display: inline-table;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
  > .btn-group:first-child:not(:last-child)
  > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
  > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  /* width: 100%; */
  width: 30%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  /* width: 1%; */
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--txt-color);
  text-align: center;
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="checkbox"],
.input-group-addon input[type="radio"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  /* font-size: 0; */
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid var(--card-border-color);
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: var(--title-color);
  cursor: default;
  background-color: var(bg-color);
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

.nav-pills > li {
  float: left;
  background-color: var(--card-bg-lite-color);
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
  background-color: var(--card-bg-color);
  padding: 15px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    /* padding: 5px 15px 5px 25px; */
    padding: 10px 15px;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }

  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }

  .navbar-form .checkbox input[type="checkbox"],
  .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }

  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 8px;
  margin-left: -1px;
  line-height: 2;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: var(--mo-primary-dark-text);
  background-color: var(--mo-primary);
  border-color: #000000;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: var(--txt-color);
  cursor: not-allowed;
  background-color: var(--card-bg-color);
  border-color: var(--card-);
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  /* color: #000; */
  color: var(--txt-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  /* background-color:#dfe3e8 !important; */
  background-color: var(--bg-color);
}

/* .dark-theme .badge {
    color: var(--txt-color);
    background-color: var(--bg-color) !important;
} */
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}

a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron .h1,
.jumbotron h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }

  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.thumbnail a > img,
.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: 700;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  /* margin-bottom: 20px; */
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: var(--card-bg-lite-color);
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}

/* .panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
    color: inherit;
} */
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}

.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel > .table-responsive:first-child > .table:first-child,
.panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 3px;
}

.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}

.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}

.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

/* .panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd;
} */
.panel-group .panel-footer {
  border-top: 0;
}

/* .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
} */
.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/* .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
} */
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}

.close:focus,
.close:hover {
  color: var(--title-color);
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  outline: 1px solid #919eab40;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  top: 6%;
}
/* .modal-dialog-centered {
  top: 50% !important;
  transform: translateY(-50%) !important;
} */

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

/* .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
} */
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* .modal-header .close {
    margin-top: -2px;
} */
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 650px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    /* width: 850px; */
    width: 930px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: "\2039";
}

.carousel-control .icon-next:before {
  content: "\203a";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #0009;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 2;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}

.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.myprofile-card-head {
  background: var(--card-bg-color) !important;
  border: 1px solid var(--card-border-color) !important;
  padding: 25px 15px !important;
  position: relative !important;
  border-radius: 6px 6px 0 0 !important;
}

.profile-header .profle-img-container:hover {
  cursor: pointer;
}

input[type="file"] {
  display: block;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

.prfle-suspend,
.prfle-delte {
  line-height: 1.9em;
}

.profile-wrap .profile-container .profile-box-layouts p {
  padding-top: 7px;
}

.profile-header .profle-img-container {
  width: 155px;
  height: 155px;
  float: left;
  overflow: hidden;
  position: relative;
  /* background: #fff; */
  box-shadow: 0px -1px 10px #545454;
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.user-image-upload-btn {
  height: 41px;
  left: calc(50% - 82px);
  opacity: 0;
  position: absolute;
  top: calc(50% - 20px);
  transform: scale(0.8);
  width: 163px;
  z-index: 999999999;
}

.profile-wrap .profile-container .profile-box-layouts h4 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #2e3e4e;
  margin: 0px 0px 10px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

profile-wrap .profile-container .profile-box-layouts h4,
.right-wrap .heading-right h4,
h4.course-head,
.right-wrap h4.pad-top18 {
  font-size: 15px;
}

.profile-wrap .profile-container .profile-box-layouts h4 span {
  color: #0072ff;
  float: right;
  font-style: italic;
  font-size: 14px;
}

.table.course-cont {
  margin-top: 10px;
}

.icon-wrap-round {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  height: 40px;
  width: 40px;
  display: inline-block;
  padding: 5px;
  background: #33b565;
}

.prfle-tble:last-child {
  margin-bottom: 0px;
}

.table {
  margin-bottom: 10px;
}

.prfle-tble {
  padding-bottom: 10px;
}

.rTable .rTableRow .rTableCell {
  display: table-cell;
}

.rTable {
  display: table;
}

.prfle-tble {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.profile-wrap .profile-container .profile-box-layouts {
  background: #ffffff;
  box-shadow: 0px 1px 4px #cccccc;
  padding: 15px;
  min-height: 180px;
  border-radius: 3px;
  margin-bottom: 30px;
}

.profile-header .profle-img-container:hover button.pos-abs {
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100);
  filter: alpha(opacity=1);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  margin-left: -16px !important;
}

.profile-header .profle-img-container img {
  width: 100%;
  padding: 4px;
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.profile-header .profle-img-container button.pos-abs {
  left: calc(50% - 65px);
  top: calc(50% - 18px);
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

.profile-header .hdr-rite-calc {
  width: calc(100% - 155px);
}

.profile-header .prfle-heder-rite {
  margin-top: 38px;
}

.profile-header .prfle-heder-rite .pfle-title-drp {
  display: block;
}

.profile-header .prfle-heder-rite .pfle-title-drp > h3 {
  font-size: 24px;
  color: white;
  text-shadow: 0px 0px 6px #2e3e4e;
  font-weight: 700;
  float: left;
  margin: 8px 12px 0px 0px;
}

.profile-header .prfle-heder-rite .pfle-title-drp > .lecture-control {
  float: left;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu {
  margin-top: 6px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li {
  display: inline-block;
}

.profile-header .prfle-heder-rite .pfle-title-drp .headr-top-menu li a {
  color: #2e3e4e;
  font-size: 14px;
  font-weight: 600;
  margin-right: 32px;
}

.profile-header .prfle-heder-rite .pfle-title-drp .permssn-note {
  color: #0072ff;
  font-size: 12;
  margin: 7px 8px 0px 0px;
  display: inline-block;
}

.inside-box {
  background: var(--bg-color);
  padding: 14px 22px;
  border-radius: 3px;
  border: 1px solid var(--card-border-color);
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
}

.inside-box .checkbox-wrap {
  padding: 6px 0px;
}

.inside-box-scroll {
  overflow-y: scroll;
  height: 257px;
}

.active-list-padding {
  padding-bottom: 7px;
}

/*--------------Delete Cross icon button style for common    ---------------------*/
.delte {
  font-size: 24px;
  color: #ff0000;
}

/*-------------------   Add lecture style in content builder             ---------------------------------*/
.addlectre {
  position: relative;
}

.profile-header .profle-img-container:hover img {
  opacity: 0.6;
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -webkit-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  -o-transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
  transition: all 0.3s cubic-bezier(0.71, 0.02, 0.72, 1.05);
}

.addlectre .lectr-deep-innr {
  padding-left: 50px;
  width: 200px;
}

.addlectre .lectr-deep-innr label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.table-wrap {
  display: block;
  padding: 10px 0;
}

.table-cell-mail {
  padding-right: 15px;
  min-width: 170px;
  font-weight: 600;
}

.table-cell-e-address,
.table-cell-mail {
  display: table-cell;
  color: #4d4d4d;
  font-size: 14px;
}

.pad-11 {
  padding: 11px;
}

.change-date {
  color: inherit;
  font-weight: lighter;
}

.table-cell-e-address {
  font-weight: lighter;
  width: 100%;
}

.table-cell-e-address {
  font-weight: lighter;
  width: 100%;
}

.table-cell-e-address,
.table-cell-mail {
  display: table-cell;
  color: var(--txt-color);
  font-size: 14px;
}

.replace-text {
  display: none;
  font-weight: 400;
}

.replace-text {
  border: 1px solid var(--card-border-color);
  padding: 10px;
  background: var(--card-bg-color);
  width: 100%;
  outline: 0;
}

.myprofile-card-body {
  padding: 25px;
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  word-break: break-all;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  min-height: 305px;
}

.profile-header {
  position: relative;
  margin-bottom: 25px;
}

.my-profile-about {
  /* color: #fff; */
  font-size: 17px;
}

.pensil-wrap {
  background: #e5e5e5;
  border-radius: 100%;
  display: inline-block;
  height: 35px;
  padding: 6px 10px;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 35px;
  cursor: pointer;
}

.pensil-wrap .edit-svg {
  width: 15px;
}

.save-head {
  margin-right: 10px;
  font-weight: 600;
  color: #e6e6e6;
}

.edit-close,
.save-head {
  display: inline-block;
  cursor: pointer;
}

.edit-close {
  width: 30px;
}

.edit-close,
.save-head {
  display: inline-block;
  cursor: pointer;
}

img {
  vertical-align: middle;
}

.save-close-wrap {
  /* position: absolute;
    right: 14px;
    top: 20px; */
  display: none;
}

.profile-wrap .profile-container {
  position: relative;
  padding: 0px 62px;
}

.User_backgrd {
  height: 236px;
  position: absolute;
  top: 30px;
  width: calc(100% - 66px);
  background: url(../images/profile_backgrd.jpg) no-repeat #cccccc;
  background-size: cover;
}

.profile-wrap .profile-container .profile-box-layouts {
  background: #ffffff;
  box-shadow: 0px 1px 4px #cccccc;
  padding: 15px;
  min-height: 180px;
  border-radius: 3px;
  margin-bottom: 30px;
}

.profile-wrap .profile-container .profile-box-layouts {
  min-height: 228px;
}

.table.course-cont {
  margin-top: 10px;
}

.table {
  margin-bottom: 10px;
}

.prfle-tble {
  padding-bottom: 10px;
}

.rTable {
  display: table;
}

.prfle-tble {
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.dropdown-tigger {
  /* Top Bar Drop Down button made here */
  font-size: 14px;
  padding: 7px 1px;
}

.dropdown-tigger.top-bar-btn {
  font-size: 15px;
  padding: 6px 3px;
}

.dropdown-tigger .label-text {
  padding: 7px 2px;
}

.headr-menu-rite {
  list-style: none;
}

.btn.marg10 {
  margin-right: 10px;
  margin-left: 10px;
}

.dropdown a.dropdown-toggle {
  display: block;
  text-decoration: none;
}

.course-create-wrap {
  padding-top: 10px;
  font-weight: 500;
}

.course-create-wrap label {
  font-size: 14px;
}

.course-create-wrap .form-group {
  padding-top: 15px;
}

.course-create-wrap .form-group label {
  padding-right: 10px;
}

.course-create-wrap .course-settings-title {
  padding-bottom: 25px;
}

.course-settings-title .multiselect-container {
  width: 100% !important;
}

.course-settings-title .multiselect {
  box-shadow: none !important;
  text-transform: capitalize !important;
  font-weight: 400 !important;
}

.course-settings-title .multiselect label {
  font-weight: 400 !important;
}

.course-settings-title .multiselect .caret {
  float: right;
  margin-top: 10px;
}

.course-settings-title .multiselect-container label {
  font-weight: 400 !important;
}

.course-settings .redactor-in {
  min-height: 320px !important;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #2e3e4e;
  cursor: pointer;
}

.custom-date-picker {
  height: initial !important;
  border: 1px solid #c7c9ca !important;
  border-radius: 3px !important;
  padding: 8px 12px !important;
  background: var(--card-bg-color) !important;
}

.dropdown-tigger {
  font-size: 14px;
  padding: 7px 1px;
}

.dropdown-tigger {
  padding: 7px 0px;
  border-radius: 3px 3px 0px 0px;
  font-size: 15px;
  border: 1px solid transparent;
  text-transform: capitalize;
  font-weight: 600;
  color: #2e3e4e;
  cursor: pointer;
}

icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tilder {
  width: calc(100% - 2px);
  left: 1px;
}

.tilder {
  height: 2px;
  position: absolute;
  bottom: -5px;
  width: calc(100% - 2px);
  z-index: 20001;
  box-sizing: border-box;
  left: 1px;
}

.lecture-control ul.dropdown-menu {
  margin-bottom: 5px !important;
}

.add-question-block .bootstrap-tagsinput {
  width: 250px !important;
  min-height: 35px;
}

.add-question-block .bootstrap-tagsinput {
  background-color: var(--card-bg-color);
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.add-question-block .bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  display: inline-block;
  width: 100%;
  white-space: normal;
}

.label-info {
  background-color: #5bc0de;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.question-leftbox .form-control {
  padding-right: 30px !important;
}

.dropdown-size {
  max-width: 350px;
  max-height: 350px;
  overflow-y: auto;
}

/*# sourceMappingURL=bootstrap.min.css.map */

/*Font Awsome*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
      format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-learner_dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*ionicons.com*/
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=2.0.0");
  src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
    url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"),
    url("../fonts/ionicons.woff?v=2.0.0") format("woff"),
    url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-alert:before {
  content: "\f101";
}

.ion-alert-circled:before {
  content: "\f100";
}

.ion-android-add:before {
  content: "\f2c7";
}

.ion-android-add-circle:before {
  content: "\f359";
}

.ion-android-alarm-clock:before {
  content: "\f35a";
}

.ion-android-alert:before {
  content: "\f35b";
}

.ion-android-apps:before {
  content: "\f35c";
}

.ion-android-archive:before {
  content: "\f2c9";
}

.ion-android-arrow-back:before {
  content: "\f2ca";
}

.ion-android-arrow-down:before {
  content: "\f35d";
}

.ion-android-arrow-dropdown:before {
  content: "\f35f";
}

.ion-android-arrow-dropdown-circle:before {
  content: "\f35e";
}

.ion-android-arrow-dropleft:before {
  content: "\f361";
}

.ion-android-arrow-dropleft-circle:before {
  content: "\f360";
}

.ion-android-arrow-dropright:before {
  content: "\f363";
}

.ion-android-arrow-dropright-circle:before {
  content: "\f362";
}

.ion-android-arrow-dropup:before {
  content: "\f365";
}

.ion-android-arrow-dropup-circle:before {
  content: "\f364";
}

.ion-android-arrow-forward:before {
  content: "\f30f";
}

.ion-android-arrow-up:before {
  content: "\f366";
}

.ion-android-attach:before {
  content: "\f367";
}

.ion-android-bar:before {
  content: "\f368";
}

.ion-android-bicycle:before {
  content: "\f369";
}

.ion-android-boat:before {
  content: "\f36a";
}

.ion-android-bookmark:before {
  content: "\f36b";
}

.ion-android-bulb:before {
  content: "\f36c";
}

.ion-android-bus:before {
  content: "\f36d";
}

.ion-android-calendar:before {
  content: "\f2d1";
}

.ion-android-call:before {
  content: "\f2d2";
}

.ion-android-camera:before {
  content: "\f2d3";
}

.ion-android-cancel:before {
  content: "\f36e";
}

.ion-android-car:before {
  content: "\f36f";
}

.ion-android-cart:before {
  content: "\f370";
}

.ion-android-chat:before {
  content: "\f2d4";
}

.ion-android-checkbox:before {
  content: "\f374";
}

.ion-android-checkbox-blank:before {
  content: "\f371";
}

.ion-android-checkbox-outline:before {
  content: "\f373";
}

.ion-android-checkbox-outline-blank:before {
  content: "\f372";
}

.ion-android-checkmark-circle:before {
  content: "\f375";
}

.ion-android-clipboard:before {
  content: "\f376";
}

.ion-android-close:before {
  content: "\f2d7";
}

.ion-android-cloud:before {
  content: "\f37a";
}

.ion-android-cloud-circle:before {
  content: "\f377";
}

.ion-android-cloud-done:before {
  content: "\f378";
}

.ion-android-cloud-outline:before {
  content: "\f379";
}

.ion-android-color-palette:before {
  content: "\f37b";
}

.ion-android-compass:before {
  content: "\f37c";
}

.ion-android-contact:before {
  content: "\f2d8";
}

.ion-android-contacts:before {
  content: "\f2d9";
}

.ion-android-contract:before {
  content: "\f37d";
}

.ion-android-create:before {
  content: "\f37e";
}

.ion-android-delete:before {
  content: "\f37f";
}

.ion-android-desktop:before {
  content: "\f380";
}

.ion-android-document:before {
  content: "\f381";
}

.ion-android-done:before {
  content: "\f383";
}

.ion-android-done-all:before {
  content: "\f382";
}

.ion-android-download:before {
  content: "\f2dd";
}

.ion-android-drafts:before {
  content: "\f384";
}

.ion-android-exit:before {
  content: "\f385";
}

.ion-android-expand:before {
  content: "\f386";
}

.ion-android-favorite:before {
  content: "\f388";
}

.ion-android-favorite-outline:before {
  content: "\f387";
}

.ion-android-film:before {
  content: "\f389";
}

.ion-android-folder:before {
  content: "\f2e0";
}

.ion-android-folder-open:before {
  content: "\f38a";
}

.ion-android-funnel:before {
  content: "\f38b";
}

.ion-android-globe:before {
  content: "\f38c";
}

.ion-android-hand:before {
  content: "\f2e3";
}

.ion-android-hangout:before {
  content: "\f38d";
}

.ion-android-happy:before {
  content: "\f38e";
}

.ion-android-home:before {
  content: "\f38f";
}

.ion-android-image:before {
  content: "\f2e4";
}

.ion-android-laptop:before {
  content: "\f390";
}

.ion-android-list:before {
  content: "\f391";
}

.ion-android-locate:before {
  content: "\f2e9";
}

.ion-android-lock:before {
  content: "\f392";
}

.ion-android-mail:before {
  content: "\f2eb";
}

.ion-android-map:before {
  content: "\f393";
}

.ion-android-menu:before {
  content: "\f394";
}

.ion-android-microphone:before {
  content: "\f2ec";
}

.ion-android-microphone-off:before {
  content: "\f395";
}

.ion-android-more-horizontal:before {
  content: "\f396";
}

.ion-android-more-vertical:before {
  content: "\f397";
}

.ion-android-navigate:before {
  content: "\f398";
}

.ion-android-notifications:before {
  content: "\f39b";
}

.ion-android-notifications-none:before {
  content: "\f399";
}

.ion-android-notifications-off:before {
  content: "\f39a";
}

.ion-android-open:before {
  content: "\f39c";
}

.ion-android-options:before {
  content: "\f39d";
}

.ion-android-people:before {
  content: "\f39e";
}

.ion-android-person:before {
  content: "\f3a0";
}

.ion-android-person-add:before {
  content: "\f39f";
}

.ion-android-phone-landscape:before {
  content: "\f3a1";
}

.ion-android-phone-portrait:before {
  content: "\f3a2";
}

.ion-android-pin:before {
  content: "\f3a3";
}

.ion-android-plane:before {
  content: "\f3a4";
}

.ion-android-playstore:before {
  content: "\f2f0";
}

.ion-android-print:before {
  content: "\f3a5";
}

.ion-android-radio-button-off:before {
  content: "\f3a6";
}

.ion-android-radio-button-on:before {
  content: "\f3a7";
}

.ion-android-refresh:before {
  content: "\f3a8";
}

.ion-android-remove:before {
  content: "\f2f4";
}

.ion-android-remove-circle:before {
  content: "\f3a9";
}

.ion-android-restaurant:before {
  content: "\f3aa";
}

.ion-android-sad:before {
  content: "\f3ab";
}

.ion-android-search:before {
  content: "\f2f5";
}

.ion-android-send:before {
  content: "\f2f6";
}

.ion-android-settings:before {
  content: "\f2f7";
}

.ion-android-share:before {
  content: "\f2f8";
}

.ion-android-share-alt:before {
  content: "\f3ac";
}

.ion-android-star:before {
  content: "\f2fc";
}

.ion-android-star-half:before {
  content: "\f3ad";
}

.ion-android-star-outline:before {
  content: "\f3ae";
}

.ion-android-stopwatch:before {
  content: "\f2fd";
}

.ion-android-subway:before {
  content: "\f3af";
}

.ion-android-sunny:before {
  content: "\f3b0";
}

.ion-android-sync:before {
  content: "\f3b1";
}

.ion-android-textsms:before {
  content: "\f3b2";
}

.ion-android-time:before {
  content: "\f3b3";
}

.ion-android-train:before {
  content: "\f3b4";
}

.ion-android-unlock:before {
  content: "\f3b5";
}

.ion-android-upload:before {
  content: "\f3b6";
}

.ion-android-volume-down:before {
  content: "\f3b7";
}

.ion-android-volume-mute:before {
  content: "\f3b8";
}

.ion-android-volume-off:before {
  content: "\f3b9";
}

.ion-android-volume-up:before {
  content: "\f3ba";
}

.ion-android-walk:before {
  content: "\f3bb";
}

.ion-android-warning:before {
  content: "\f3bc";
}

.ion-android-watch:before {
  content: "\f3bd";
}

.ion-android-wifi:before {
  content: "\f305";
}

.ion-aperture:before {
  content: "\f313";
}

.ion-archive:before {
  content: "\f102";
}

.ion-arrow-down-a:before {
  content: "\f103";
}

.ion-arrow-down-b:before {
  content: "\f104";
}

.ion-arrow-down-c:before {
  content: "\f105";
}

.ion-arrow-expand:before {
  content: "\f25e";
}

.ion-arrow-graph-down-left:before {
  content: "\f25f";
}

.ion-arrow-graph-down-right:before {
  content: "\f260";
}

.ion-arrow-graph-up-left:before {
  content: "\f261";
}

.ion-arrow-graph-up-right:before {
  content: "\f262";
}

.ion-arrow-left-a:before {
  content: "\f106";
}

.ion-arrow-left-b:before {
  content: "\f107";
}

.ion-arrow-left-c:before {
  content: "\f108";
}

.ion-arrow-move:before {
  content: "\f263";
}

.ion-arrow-resize:before {
  content: "\f264";
}

.ion-arrow-return-left:before {
  content: "\f265";
}

.ion-arrow-return-right:before {
  content: "\f266";
}

.ion-arrow-right-a:before {
  content: "\f109";
}

.ion-arrow-right-b:before {
  content: "\f10a";
}

.ion-arrow-right-c:before {
  content: "\f10b";
}

.ion-arrow-shrink:before {
  content: "\f267";
}

.ion-arrow-swap:before {
  content: "\f268";
}

.ion-arrow-up-a:before {
  content: "\f10c";
}

.ion-arrow-up-b:before {
  content: "\f10d";
}

.ion-arrow-up-c:before {
  content: "\f10e";
}

.ion-asterisk:before {
  content: "\f314";
}

.ion-at:before {
  content: "\f10f";
}

.ion-backspace:before {
  content: "\f3bf";
}

.ion-backspace-outline:before {
  content: "\f3be";
}

.ion-bag:before {
  content: "\f110";
}

.ion-battery-charging:before {
  content: "\f111";
}

.ion-battery-empty:before {
  content: "\f112";
}

.ion-battery-full:before {
  content: "\f113";
}

.ion-battery-half:before {
  content: "\f114";
}

.ion-battery-low:before {
  content: "\f115";
}

.ion-beaker:before {
  content: "\f269";
}

.ion-beer:before {
  content: "\f26a";
}

.ion-bluetooth:before {
  content: "\f116";
}

.ion-bonfire:before {
  content: "\f315";
}

.ion-bookmark:before {
  content: "\f26b";
}

.ion-bowtie:before {
  content: "\f3c0";
}

.ion-briefcase:before {
  content: "\f26c";
}

.ion-bug:before {
  content: "\f2be";
}

.ion-calculator:before {
  content: "\f26d";
}

.ion-calendar:before {
  content: "\f117";
}

.ion-camera:before {
  content: "\f118";
}

.ion-card:before {
  content: "\f119";
}

.ion-cash:before {
  content: "\f316";
}

.ion-chatbox:before {
  content: "\f11b";
}

.ion-chatbox-working:before {
  content: "\f11a";
}

.ion-chatboxes:before {
  content: "\f11c";
}

.ion-chatbubble:before {
  content: "\f11e";
}

.ion-chatbubble-working:before {
  content: "\f11d";
}

.ion-chatbubbles:before {
  content: "\f11f";
}

.ion-checkmark:before {
  content: "\f122";
}

.ion-checkmark-circled:before {
  content: "\f120";
}

.ion-checkmark-round:before {
  content: "\f121";
}

.ion-chevron-down:before {
  content: "\f123";
}

.ion-chevron-left:before {
  content: "\f124";
}

.ion-chevron-right:before {
  content: "\f125";
}

.ion-chevron-up:before {
  content: "\f126";
}

.ion-clipboard:before {
  content: "\f127";
}

.ion-clock:before {
  content: "\f26e";
}

.ion-close:before {
  content: "\f12a";
}

.ion-close-circled:before {
  content: "\f128";
}

.ion-close-round:before {
  content: "\f129";
}

.ion-closed-captioning:before {
  content: "\f317";
}

.ion-cloud:before {
  content: "\f12b";
}

.ion-code:before {
  content: "\f271";
}

.ion-code-download:before {
  content: "\f26f";
}

.ion-code-working:before {
  content: "\f270";
}

.ion-coffee:before {
  content: "\f272";
}

.ion-compass:before {
  content: "\f273";
}

.ion-compose:before {
  content: "\f12c";
}

.ion-connection-bars:before {
  content: "\f274";
}

.ion-contrast:before {
  content: "\f275";
}

.ion-crop:before {
  content: "\f3c1";
}

.ion-cube:before {
  content: "\f318";
}

.ion-disc:before {
  content: "\f12d";
}

.ion-document:before {
  content: "\f12f";
}

.ion-document-text:before {
  content: "\f12e";
}

.ion-drag:before {
  content: "\f130";
}

.ion-earth:before {
  content: "\f276";
}

.ion-easel:before {
  content: "\f3c2";
}

.ion-edit:before {
  content: "\f2bf";
}

.ion-egg:before {
  content: "\f277";
}

.ion-eject:before {
  content: "\f131";
}

.ion-email:before {
  content: "\f132";
}

.ion-email-unread:before {
  content: "\f3c3";
}

.ion-erlenmeyer-flask:before {
  content: "\f3c5";
}

.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4";
}

.ion-eye:before {
  content: "\f133";
}

.ion-eye-disabled:before {
  content: "\f306";
}

.ion-female:before {
  content: "\f278";
}

.ion-filing:before {
  content: "\f134";
}

.ion-film-marker:before {
  content: "\f135";
}

.ion-fireball:before {
  content: "\f319";
}

.ion-flag:before {
  content: "\f279";
}

.ion-flame:before {
  content: "\f31a";
}

.ion-flash:before {
  content: "\f137";
}

.ion-flash-off:before {
  content: "\f136";
}

.ion-folder:before {
  content: "\f139";
}

.ion-fork:before {
  content: "\f27a";
}

.ion-fork-repo:before {
  content: "\f2c0";
}

.ion-forward:before {
  content: "\f13a";
}

.ion-funnel:before {
  content: "\f31b";
}

.ion-gear-a:before {
  content: "\f13d";
}

.ion-gear-b:before {
  content: "\f13e";
}

.ion-grid:before {
  content: "\f13f";
}

.ion-hammer:before {
  content: "\f27b";
}

.ion-happy:before {
  content: "\f31c";
}

.ion-happy-outline:before {
  content: "\f3c6";
}

.ion-headphone:before {
  content: "\f140";
}

.ion-heart:before {
  content: "\f141";
}

.ion-heart-broken:before {
  content: "\f31d";
}

.ion-help:before {
  content: "\f143";
}

.ion-help-buoy:before {
  content: "\f27c";
}

.ion-help-circled:before {
  content: "\f142";
}

.ion-home:before {
  content: "\f144";
}

.ion-icecream:before {
  content: "\f27d";
}

.ion-image:before {
  content: "\f147";
}

.ion-images:before {
  content: "\f148";
}

.ion-information:before {
  content: "\f14a";
}

.ion-information-circled:before {
  content: "\f149";
}

.ion-ionic:before {
  content: "\f14b";
}

.ion-ios-alarm:before {
  content: "\f3c8";
}

.ion-ios-alarm-outline:before {
  content: "\f3c7";
}

.ion-ios-albums:before {
  content: "\f3ca";
}

.ion-ios-albums-outline:before {
  content: "\f3c9";
}

.ion-ios-americanfootball:before {
  content: "\f3cc";
}

.ion-ios-americanfootball-outline:before {
  content: "\f3cb";
}

.ion-ios-analytics:before {
  content: "\f3ce";
}

.ion-ios-analytics-outline:before {
  content: "\f3cd";
}

.ion-ios-arrow-back:before {
  content: "\f3cf";
}

.ion-ios-arrow-down:before {
  content: "\f3d0";
}

.ion-ios-arrow-forward:before {
  content: "\f3d1";
}

.ion-ios-arrow-left:before {
  content: "\f3d2";
}

.ion-ios-arrow-right:before {
  content: "\f3d3";
}

.ion-ios-arrow-thin-down:before {
  content: "\f3d4";
}

.ion-ios-arrow-thin-left:before {
  content: "\f3d5";
}

.ion-ios-arrow-thin-right:before {
  content: "\f3d6";
}

.ion-ios-arrow-thin-up:before {
  content: "\f3d7";
}

.ion-ios-arrow-up:before {
  content: "\f3d8";
}

.ion-ios-at:before {
  content: "\f3da";
}

.ion-ios-at-outline:before {
  content: "\f3d9";
}

.ion-ios-barcode:before {
  content: "\f3dc";
}

.ion-ios-barcode-outline:before {
  content: "\f3db";
}

.ion-ios-baseball:before {
  content: "\f3de";
}

.ion-ios-baseball-outline:before {
  content: "\f3dd";
}

.ion-ios-basketball:before {
  content: "\f3e0";
}

.ion-ios-basketball-outline:before {
  content: "\f3df";
}

.ion-ios-bell:before {
  content: "\f3e2";
}

.ion-ios-bell-outline:before {
  content: "\f3e1";
}

.ion-ios-body:before {
  content: "\f3e4";
}

.ion-ios-body-outline:before {
  content: "\f3e3";
}

.ion-ios-bolt:before {
  content: "\f3e6";
}

.ion-ios-bolt-outline:before {
  content: "\f3e5";
}

.ion-ios-book:before {
  content: "\f3e8";
}

.ion-ios-book-outline:before {
  content: "\f3e7";
}

.ion-ios-bookmarks:before {
  content: "\f3ea";
}

.ion-ios-bookmarks-outline:before {
  content: "\f3e9";
}

.ion-ios-box:before {
  content: "\f3ec";
}

.ion-ios-box-outline:before {
  content: "\f3eb";
}

.ion-ios-briefcase:before {
  content: "\f3ee";
}

.ion-ios-briefcase-outline:before {
  content: "\f3ed";
}

.ion-ios-browsers:before {
  content: "\f3f0";
}

.ion-ios-browsers-outline:before {
  content: "\f3ef";
}

.ion-ios-calculator:before {
  content: "\f3f2";
}

.ion-ios-calculator-outline:before {
  content: "\f3f1";
}

.ion-ios-calendar:before {
  content: "\f3f4";
}

.ion-ios-calendar-outline:before {
  content: "\f3f3";
}

.ion-ios-camera:before {
  content: "\f3f6";
}

.ion-ios-camera-outline:before {
  content: "\f3f5";
}

.ion-ios-cart:before {
  content: "\f3f8";
}

.ion-ios-cart-outline:before {
  content: "\f3f7";
}

.ion-ios-chatboxes:before {
  content: "\f3fa";
}

.ion-ios-chatboxes-outline:before {
  content: "\f3f9";
}

.ion-ios-chatbubble:before {
  content: "\f3fc";
}

.ion-ios-chatbubble-outline:before {
  content: "\f3fb";
}

.ion-ios-checkmark:before {
  content: "\f3ff";
}

.ion-ios-checkmark-empty:before {
  content: "\f3fd";
}

.ion-ios-checkmark-outline:before {
  content: "\f3fe";
}

.ion-ios-circle-filled:before {
  content: "\f400";
}

.ion-ios-circle-outline:before {
  content: "\f401";
}

.ion-ios-clock:before {
  content: "\f403";
}

.ion-ios-clock-outline:before {
  content: "\f402";
}

.ion-ios-close:before {
  content: "\f406";
}

.ion-ios-close-empty:before {
  content: "\f404";
}

.ion-ios-close-outline:before {
  content: "\f405";
}

.ion-ios-cloud:before {
  content: "\f40c";
}

.ion-ios-cloud-download:before {
  content: "\f408";
}

.ion-ios-cloud-download-outline:before {
  content: "\f407";
}

.ion-ios-cloud-outline:before {
  content: "\f409";
}

.ion-ios-cloud-upload:before {
  content: "\f40b";
}

.ion-ios-cloud-upload-outline:before {
  content: "\f40a";
}

.ion-ios-cloudy:before {
  content: "\f410";
}

.ion-ios-cloudy-night:before {
  content: "\f40e";
}

.ion-ios-cloudy-night-outline:before {
  content: "\f40d";
}

.ion-ios-cloudy-outline:before {
  content: "\f40f";
}

.ion-ios-cog:before {
  content: "\f412";
}

.ion-ios-cog-outline:before {
  content: "\f411";
}

.ion-ios-color-filter:before {
  content: "\f414";
}

.ion-ios-color-filter-outline:before {
  content: "\f413";
}

.ion-ios-color-wand:before {
  content: "\f416";
}

.ion-ios-color-wand-outline:before {
  content: "\f415";
}

.ion-ios-compose:before {
  content: "\f418";
}

.ion-ios-compose-outline:before {
  content: "\f417";
}

.ion-ios-contact:before {
  content: "\f41a";
}

.ion-ios-contact-outline:before {
  content: "\f419";
}

.ion-ios-copy:before {
  content: "\f41c";
}

.ion-ios-copy-outline:before {
  content: "\f41b";
}

.ion-ios-crop:before {
  content: "\f41e";
}

.ion-ios-crop-strong:before {
  content: "\f41d";
}

.ion-ios-download:before {
  content: "\f420";
}

.ion-ios-download-outline:before {
  content: "\f41f";
}

.ion-ios-drag:before {
  content: "\f421";
}

.ion-ios-email:before {
  content: "\f423";
}

.ion-ios-email-outline:before {
  content: "\f422";
}

.ion-ios-eye:before {
  content: "\f425";
}

.ion-ios-eye-outline:before {
  content: "\f424";
}

.ion-ios-fastforward:before {
  content: "\f427";
}

.ion-ios-fastforward-outline:before {
  content: "\f426";
}

.ion-ios-filing:before {
  content: "\f429";
}

.ion-ios-filing-outline:before {
  content: "\f428";
}

.ion-ios-film:before {
  content: "\f42b";
}

.ion-ios-film-outline:before {
  content: "\f42a";
}

.ion-ios-flag:before {
  content: "\f42d";
}

.ion-ios-flag-outline:before {
  content: "\f42c";
}

.ion-ios-flame:before {
  content: "\f42f";
}

.ion-ios-flame-outline:before {
  content: "\f42e";
}

.ion-ios-flask:before {
  content: "\f431";
}

.ion-ios-flask-outline:before {
  content: "\f430";
}

.ion-ios-flower:before {
  content: "\f433";
}

.ion-ios-flower-outline:before {
  content: "\f432";
}

.ion-ios-folder:before {
  content: "\f435";
}

.ion-ios-folder-outline:before {
  content: "\f434";
}

.ion-ios-football:before {
  content: "\f437";
}

.ion-ios-football-outline:before {
  content: "\f436";
}

.ion-ios-game-controller-a:before {
  content: "\f439";
}

.ion-ios-game-controller-a-outline:before {
  content: "\f438";
}

.ion-ios-game-controller-b:before {
  content: "\f43b";
}

.ion-ios-game-controller-b-outline:before {
  content: "\f43a";
}

.ion-ios-gear:before {
  content: "\f43d";
}

.ion-ios-gear-outline:before {
  content: "\f43c";
}

.ion-ios-glasses:before {
  content: "\f43f";
}

.ion-ios-glasses-outline:before {
  content: "\f43e";
}

.ion-ios-grid-view:before {
  content: "\f441";
}

.ion-ios-grid-view-outline:before {
  content: "\f440";
}

.ion-ios-heart:before {
  content: "\f443";
}

.ion-ios-heart-outline:before {
  content: "\f442";
}

.ion-ios-help:before {
  content: "\f446";
}

.ion-ios-help-empty:before {
  content: "\f444";
}

.ion-ios-help-outline:before {
  content: "\f445";
}

.ion-ios-home:before {
  content: "\f448";
}

.ion-ios-home-outline:before {
  content: "\f447";
}

.ion-ios-infinite:before {
  content: "\f44a";
}

.ion-ios-infinite-outline:before {
  content: "\f449";
}

.ion-ios-information:before {
  content: "\f44d";
}

.ion-ios-information-empty:before {
  content: "\f44b";
}

.ion-ios-information-outline:before {
  content: "\f44c";
}

.ion-ios-ionic-outline:before {
  content: "\f44e";
}

.ion-ios-keypad:before {
  content: "\f450";
}

.ion-ios-keypad-outline:before {
  content: "\f44f";
}

.ion-ios-lightbulb:before {
  content: "\f452";
}

.ion-ios-lightbulb-outline:before {
  content: "\f451";
}

.ion-ios-list:before {
  content: "\f454";
}

.ion-ios-list-outline:before {
  content: "\f453";
}

.ion-ios-location:before {
  content: "\f456";
}

.ion-ios-location-outline:before {
  content: "\f455";
}

.ion-ios-locked:before {
  content: "\f458";
}

.ion-ios-locked-outline:before {
  content: "\f457";
}

.ion-ios-loop:before {
  content: "\f45a";
}

.ion-ios-loop-strong:before {
  content: "\f459";
}

.ion-ios-medical:before {
  content: "\f45c";
}

.ion-ios-medical-outline:before {
  content: "\f45b";
}

.ion-ios-medkit:before {
  content: "\f45e";
}

.ion-ios-medkit-outline:before {
  content: "\f45d";
}

.ion-ios-mic:before {
  content: "\f461";
}

.ion-ios-mic-off:before {
  content: "\f45f";
}

.ion-ios-mic-outline:before {
  content: "\f460";
}

.ion-ios-minus:before {
  content: "\f464";
}

.ion-ios-minus-empty:before {
  content: "\f462";
}

.ion-ios-minus-outline:before {
  content: "\f463";
}

.ion-ios-monitor:before {
  content: "\f466";
}

.ion-ios-monitor-outline:before {
  content: "\f465";
}

.ion-ios-moon:before {
  content: "\f468";
}

.ion-ios-moon-outline:before {
  content: "\f467";
}

.ion-ios-more:before {
  content: "\f46a";
}

.ion-ios-more-outline:before {
  content: "\f469";
}

.ion-ios-musical-note:before {
  content: "\f46b";
}

.ion-ios-musical-notes:before {
  content: "\f46c";
}

.ion-ios-navigate:before {
  content: "\f46e";
}

.ion-ios-navigate-outline:before {
  content: "\f46d";
}

.ion-ios-nutrition:before {
  content: "\f470";
}

.ion-ios-nutrition-outline:before {
  content: "\f46f";
}

.ion-ios-paper:before {
  content: "\f472";
}

.ion-ios-paper-outline:before {
  content: "\f471";
}

.ion-ios-paperplane:before {
  content: "\f474";
}

.ion-ios-paperplane-outline:before {
  content: "\f473";
}

.ion-ios-partlysunny:before {
  content: "\f476";
}

.ion-ios-partlysunny-outline:before {
  content: "\f475";
}

.ion-ios-pause:before {
  content: "\f478";
}

.ion-ios-pause-outline:before {
  content: "\f477";
}

.ion-ios-paw:before {
  content: "\f47a";
}

.ion-ios-paw-outline:before {
  content: "\f479";
}

.ion-ios-people:before {
  content: "\f47c";
}

.ion-ios-people-outline:before {
  content: "\f47b";
}

.ion-ios-person:before {
  content: "\f47e";
}

.ion-ios-person-outline:before {
  content: "\f47d";
}

.ion-ios-personadd:before {
  content: "\f480";
}

.ion-ios-personadd-outline:before {
  content: "\f47f";
}

.ion-ios-photos:before {
  content: "\f482";
}

.ion-ios-photos-outline:before {
  content: "\f481";
}

.ion-ios-pie:before {
  content: "\f484";
}

.ion-ios-pie-outline:before {
  content: "\f483";
}

.ion-ios-pint:before {
  content: "\f486";
}

.ion-ios-pint-outline:before {
  content: "\f485";
}

.ion-ios-play:before {
  content: "\f488";
}

.ion-ios-play-outline:before {
  content: "\f487";
}

.ion-ios-plus:before {
  content: "\f48b";
}

.ion-ios-plus-empty:before {
  content: "\f489";
}

.ion-ios-plus-outline:before {
  content: "\f48a";
}

.ion-ios-pricetag:before {
  content: "\f48d";
}

.ion-ios-pricetag-outline:before {
  content: "\f48c";
}

.ion-ios-pricetags:before {
  content: "\f48f";
}

.ion-ios-pricetags-outline:before {
  content: "\f48e";
}

.ion-ios-printer:before {
  content: "\f491";
}

.ion-ios-printer-outline:before {
  content: "\f490";
}

.ion-ios-pulse:before {
  content: "\f493";
}

.ion-ios-pulse-strong:before {
  content: "\f492";
}

.ion-ios-rainy:before {
  content: "\f495";
}

.ion-ios-rainy-outline:before {
  content: "\f494";
}

.ion-ios-recording:before {
  content: "\f497";
}

.ion-ios-recording-outline:before {
  content: "\f496";
}

.ion-ios-redo:before {
  content: "\f499";
}

.ion-ios-redo-outline:before {
  content: "\f498";
}

.ion-ios-refresh:before {
  content: "\f49c";
}

.ion-ios-refresh-empty:before {
  content: "\f49a";
}

.ion-ios-refresh-outline:before {
  content: "\f49b";
}

.ion-ios-reload:before {
  content: "\f49d";
}

.ion-ios-reverse-camera:before {
  content: "\f49f";
}

.ion-ios-reverse-camera-outline:before {
  content: "\f49e";
}

.ion-ios-rewind:before {
  content: "\f4a1";
}

.ion-ios-rewind-outline:before {
  content: "\f4a0";
}

.ion-ios-rose:before {
  content: "\f4a3";
}

.ion-ios-rose-outline:before {
  content: "\f4a2";
}

.ion-ios-search:before {
  content: "\f4a5";
}

.ion-ios-search-strong:before {
  content: "\f4a4";
}

.ion-ios-settings:before {
  content: "\f4a7";
}

.ion-ios-settings-strong:before {
  content: "\f4a6";
}

.ion-ios-shuffle:before {
  content: "\f4a9";
}

.ion-ios-shuffle-strong:before {
  content: "\f4a8";
}

.ion-ios-skipbackward:before {
  content: "\f4ab";
}

.ion-ios-skipbackward-outline:before {
  content: "\f4aa";
}

.ion-ios-skipforward:before {
  content: "\f4ad";
}

.ion-ios-skipforward-outline:before {
  content: "\f4ac";
}

.ion-ios-snowy:before {
  content: "\f4ae";
}

.ion-ios-speedometer:before {
  content: "\f4b0";
}

.ion-ios-speedometer-outline:before {
  content: "\f4af";
}

.ion-ios-star:before {
  content: "\f4b3";
}

.ion-ios-star-half:before {
  content: "\f4b1";
}

.ion-ios-star-outline:before {
  content: "\f4b2";
}

.ion-ios-stopwatch:before {
  content: "\f4b5";
}

.ion-ios-stopwatch-outline:before {
  content: "\f4b4";
}

.ion-ios-sunny:before {
  content: "\f4b7";
}

.ion-ios-sunny-outline:before {
  content: "\f4b6";
}

.ion-ios-telephone:before {
  content: "\f4b9";
}

.ion-ios-telephone-outline:before {
  content: "\f4b8";
}

.ion-ios-tennisball:before {
  content: "\f4bb";
}

.ion-ios-tennisball-outline:before {
  content: "\f4ba";
}

.ion-ios-thunderstorm:before {
  content: "\f4bd";
}

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc";
}

.ion-ios-time:before {
  content: "\f4bf";
}

.ion-ios-time-outline:before {
  content: "\f4be";
}

.ion-ios-timer:before {
  content: "\f4c1";
}

.ion-ios-timer-outline:before {
  content: "\f4c0";
}

.ion-ios-toggle:before {
  content: "\f4c3";
}

.ion-ios-toggle-outline:before {
  content: "\f4c2";
}

.ion-ios-trash:before {
  content: "\f4c5";
}

.ion-ios-trash-outline:before {
  content: "\f4c4";
}

.ion-ios-undo:before {
  content: "\f4c7";
}

.ion-ios-undo-outline:before {
  content: "\f4c6";
}

.ion-ios-unlocked:before {
  content: "\f4c9";
}

.ion-ios-unlocked-outline:before {
  content: "\f4c8";
}

.ion-ios-upload:before {
  content: "\f4cb";
}

.ion-ios-upload-outline:before {
  content: "\f4ca";
}

.ion-ios-videocam:before {
  content: "\f4cd";
}

.ion-ios-videocam-outline:before {
  content: "\f4cc";
}

.ion-ios-volume-high:before {
  content: "\f4ce";
}

.ion-ios-volume-low:before {
  content: "\f4cf";
}

.ion-ios-wineglass:before {
  content: "\f4d1";
}

.ion-ios-wineglass-outline:before {
  content: "\f4d0";
}

.ion-ios-world:before {
  content: "\f4d3";
}

.ion-ios-world-outline:before {
  content: "\f4d2";
}

.ion-ipad:before {
  content: "\f1f9";
}

.ion-iphone:before {
  content: "\f1fa";
}

.ion-ipod:before {
  content: "\f1fb";
}

.ion-jet:before {
  content: "\f295";
}

.ion-key:before {
  content: "\f296";
}

.ion-knife:before {
  content: "\f297";
}

.ion-laptop:before {
  content: "\f1fc";
}

.ion-leaf:before {
  content: "\f1fd";
}

.ion-levels:before {
  content: "\f298";
}

.ion-lightbulb:before {
  content: "\f299";
}

.ion-link:before {
  content: "\f1fe";
}

.ion-load-a:before {
  content: "\f29a";
}

.ion-load-b:before {
  content: "\f29b";
}

.ion-load-c:before {
  content: "\f29c";
}

.ion-load-d:before {
  content: "\f29d";
}

.ion-location:before {
  content: "\f1ff";
}

.ion-lock-combination:before {
  content: "\f4d4";
}

.ion-locked:before {
  content: "\f200";
}

.ion-log-in:before {
  content: "\f29e";
}

.ion-log-out:before {
  content: "\f29f";
}

.ion-loop:before {
  content: "\f201";
}

.ion-magnet:before {
  content: "\f2a0";
}

.ion-male:before {
  content: "\f2a1";
}

.ion-man:before {
  content: "\f202";
}

.ion-map:before {
  content: "\f203";
}

.ion-medkit:before {
  content: "\f2a2";
}

.ion-merge:before {
  content: "\f33f";
}

.ion-mic-a:before {
  content: "\f204";
}

.ion-mic-b:before {
  content: "\f205";
}

.ion-mic-c:before {
  content: "\f206";
}

.ion-minus:before {
  content: "\f209";
}

.ion-minus-circled:before {
  content: "\f207";
}

.ion-minus-round:before {
  content: "\f208";
}

.ion-model-s:before {
  content: "\f2c1";
}

.ion-monitor:before {
  content: "\f20a";
}

.ion-more:before {
  content: "\f20b";
}

.ion-mouse:before {
  content: "\f340";
}

.ion-music-note:before {
  content: "\f20c";
}

.ion-navicon:before {
  content: "\f20e";
}

.ion-navicon-round:before {
  content: "\f20d";
}

.ion-navigate:before {
  content: "\f2a3";
}

.ion-network:before {
  content: "\f341";
}

.ion-no-smoking:before {
  content: "\f2c2";
}

.ion-nuclear:before {
  content: "\f2a4";
}

.ion-outlet:before {
  content: "\f342";
}

.ion-paintbrush:before {
  content: "\f4d5";
}

.ion-paintbucket:before {
  content: "\f4d6";
}

.ion-paper-airplane:before {
  content: "\f2c3";
}

.ion-paperclip:before {
  content: "\f20f";
}

.ion-pause:before {
  content: "\f210";
}

.ion-person:before {
  content: "\f213";
}

.ion-person-add:before {
  content: "\f211";
}

.ion-person-stalker:before {
  content: "\f212";
}

.ion-pie-graph:before {
  content: "\f2a5";
}

.ion-pin:before {
  content: "\f2a6";
}

.ion-pinpoint:before {
  content: "\f2a7";
}

.ion-pizza:before {
  content: "\f2a8";
}

.ion-plane:before {
  content: "\f214";
}

.ion-planet:before {
  content: "\f343";
}

.ion-play:before {
  content: "\f215";
}

.ion-playstation:before {
  content: "\f30a";
}

.ion-plus:before {
  content: "\f218";
}

.ion-plus-circled:before {
  content: "\f216";
}

.ion-plus-round:before {
  content: "\f217";
}

.ion-podium:before {
  content: "\f344";
}

.ion-pound:before {
  content: "\f219";
}

.ion-power:before {
  content: "\f2a9";
}

.ion-pricetag:before {
  content: "\f2aa";
}

.ion-pricetags:before {
  content: "\f2ab";
}

.ion-printer:before {
  content: "\f21a";
}

.ion-pull-request:before {
  content: "\f345";
}

.ion-qr-scanner:before {
  content: "\f346";
}

.ion-quote:before {
  content: "\f347";
}

.ion-radio-waves:before {
  content: "\f2ac";
}

.ion-record:before {
  content: "\f21b";
}

.ion-refresh:before {
  content: "\f21c";
}

.ion-reply:before {
  content: "\f21e";
}

.ion-reply-all:before {
  content: "\f21d";
}

.ion-ribbon-a:before {
  content: "\f348";
}

.ion-ribbon-b:before {
  content: "\f349";
}

.ion-sad:before {
  content: "\f34a";
}

.ion-sad-outline:before {
  content: "\f4d7";
}

.ion-scissors:before {
  content: "\f34b";
}

.ion-search:before {
  content: "\f21f";
}

.ion-settings:before {
  content: "\f2ad";
}

.ion-share:before {
  content: "\f220";
}

.ion-shuffle:before {
  content: "\f221";
}

.ion-skip-backward:before {
  content: "\f222";
}

.ion-skip-forward:before {
  content: "\f223";
}

.ion-social-android:before {
  content: "\f225";
}

.ion-social-android-outline:before {
  content: "\f224";
}

.ion-social-angular:before {
  content: "\f4d9";
}

.ion-social-angular-outline:before {
  content: "\f4d8";
}

.ion-social-apple:before {
  content: "\f227";
}

.ion-social-apple-outline:before {
  content: "\f226";
}

.ion-social-bitcoin:before {
  content: "\f2af";
}

.ion-social-bitcoin-outline:before {
  content: "\f2ae";
}

.ion-social-buffer:before {
  content: "\f229";
}

.ion-social-buffer-outline:before {
  content: "\f228";
}

.ion-social-chrome:before {
  content: "\f4db";
}

.ion-social-chrome-outline:before {
  content: "\f4da";
}

.ion-social-codepen:before {
  content: "\f4dd";
}

.ion-social-codepen-outline:before {
  content: "\f4dc";
}

.ion-social-css3:before {
  content: "\f4df";
}

.ion-social-css3-outline:before {
  content: "\f4de";
}

.ion-social-designernews:before {
  content: "\f22b";
}

.ion-social-designernews-outline:before {
  content: "\f22a";
}

.ion-social-dribbble:before {
  content: "\f22d";
}

.ion-social-dribbble-outline:before {
  content: "\f22c";
}

.ion-social-dropbox:before {
  content: "\f22f";
}

.ion-social-dropbox-outline:before {
  content: "\f22e";
}

.ion-social-euro:before {
  content: "\f4e1";
}

.ion-social-euro-outline:before {
  content: "\f4e0";
}

.ion-social-facebook:before {
  content: "\f231";
}

.ion-social-facebook-outline:before {
  content: "\f230";
}

.ion-social-foursquare:before {
  content: "\f34d";
}

.ion-social-foursquare-outline:before {
  content: "\f34c";
}

.ion-social-freebsd-devil:before {
  content: "\f2c4";
}

.ion-social-github:before {
  content: "\f233";
}

.ion-social-github-outline:before {
  content: "\f232";
}

.ion-social-google:before {
  content: "\f34f";
}

.ion-social-google-outline:before {
  content: "\f34e";
}

.ion-social-googleplus:before {
  content: "\f235";
}

.ion-social-googleplus-outline:before {
  content: "\f234";
}

.ion-social-hackernews:before {
  content: "\f237";
}

.ion-social-hackernews-outline:before {
  content: "\f236";
}

.ion-social-html5:before {
  content: "\f4e3";
}

.ion-social-html5-outline:before {
  content: "\f4e2";
}

.ion-social-instagram:before {
  content: "\f351";
}

.ion-social-instagram-outline:before {
  content: "\f350";
}

.ion-social-javascript:before {
  content: "\f4e5";
}

.ion-social-javascript-outline:before {
  content: "\f4e4";
}

.ion-social-linkedin:before {
  content: "\f239";
}

.ion-social-linkedin-outline:before {
  content: "\f238";
}

.ion-social-markdown:before {
  content: "\f4e6";
}

.ion-social-nodejs:before {
  content: "\f4e7";
}

.ion-social-octocat:before {
  content: "\f4e8";
}

.ion-social-pinterest:before {
  content: "\f2b1";
}

.ion-social-pinterest-outline:before {
  content: "\f2b0";
}

.ion-social-python:before {
  content: "\f4e9";
}

.ion-social-reddit:before {
  content: "\f23b";
}

.ion-social-reddit-outline:before {
  content: "\f23a";
}

.ion-social-rss:before {
  content: "\f23d";
}

.ion-social-rss-outline:before {
  content: "\f23c";
}

.ion-social-sass:before {
  content: "\f4ea";
}

.ion-social-skype:before {
  content: "\f23f";
}

.ion-social-skype-outline:before {
  content: "\f23e";
}

.ion-social-snapchat:before {
  content: "\f4ec";
}

.ion-social-snapchat-outline:before {
  content: "\f4eb";
}

.ion-social-tumblr:before {
  content: "\f241";
}

.ion-social-tumblr-outline:before {
  content: "\f240";
}

.ion-social-tux:before {
  content: "\f2c5";
}

.ion-social-twitch:before {
  content: "\f4ee";
}

.ion-social-twitch-outline:before {
  content: "\f4ed";
}

.ion-social-twitter:before {
  content: "\f243";
}

.ion-social-twitter-outline:before {
  content: "\f242";
}

.ion-social-usd:before {
  content: "\f353";
}

.ion-social-usd-outline:before {
  content: "\f352";
}

.ion-social-vimeo:before {
  content: "\f245";
}

.ion-social-vimeo-outline:before {
  content: "\f244";
}

.ion-social-whatsapp:before {
  content: "\f4f0";
}

.ion-social-whatsapp-outline:before {
  content: "\f4ef";
}

.ion-social-windows:before {
  content: "\f247";
}

.ion-social-windows-outline:before {
  content: "\f246";
}

.ion-social-wordpress:before {
  content: "\f249";
}

.ion-social-wordpress-outline:before {
  content: "\f248";
}

.ion-social-yahoo:before {
  content: "\f24b";
}

.ion-social-yahoo-outline:before {
  content: "\f24a";
}

.ion-social-yen:before {
  content: "\f4f2";
}

.ion-social-yen-outline:before {
  content: "\f4f1";
}

.ion-social-youtube:before {
  content: "\f24d";
}

.ion-social-youtube-outline:before {
  content: "\f24c";
}

.ion-soup-can:before {
  content: "\f4f4";
}

.ion-soup-can-outline:before {
  content: "\f4f3";
}

.ion-speakerphone:before {
  content: "\f2b2";
}

.ion-speedometer:before {
  content: "\f2b3";
}

.ion-spoon:before {
  content: "\f2b4";
}

.ion-star:before {
  content: "\f24e";
}

.ion-stats-bars:before {
  content: "\f2b5";
}

.ion-steam:before {
  content: "\f30b";
}

.ion-stop:before {
  content: "\f24f";
}

.ion-thermometer:before {
  content: "\f2b6";
}

.ion-thumbsdown:before {
  content: "\f250";
}

.ion-thumbsup:before {
  content: "\f251";
}

.ion-toggle:before {
  content: "\f355";
}

.ion-toggle-filled:before {
  content: "\f354";
}

.ion-transgender:before {
  content: "\f4f5";
}

.ion-trash-a:before {
  content: "\f252";
}

.ion-trash-b:before {
  content: "\f253";
}

.ion-trophy:before {
  content: "\f356";
}

.ion-tshirt:before {
  content: "\f4f7";
}

.ion-tshirt-outline:before {
  content: "\f4f6";
}

.ion-umbrella:before {
  content: "\f2b7";
}

.ion-university:before {
  content: "\f357";
}

.ion-unlocked:before {
  content: "\f254";
}

.ion-upload:before {
  content: "\f255";
}

.ion-usb:before {
  content: "\f2b8";
}

.ion-videocamera:before {
  content: "\f256";
}

.ion-volume-high:before {
  content: "\f257";
}

.ion-volume-low:before {
  content: "\f258";
}

.ion-volume-medium:before {
  content: "\f259";
}

.ion-volume-mute:before {
  content: "\f25a";
}

.ion-wand:before {
  content: "\f358";
}

.ion-waterdrop:before {
  content: "\f25b";
}

.ion-wifi:before {
  content: "\f25c";
}

.ion-wineglass:before {
  content: "\f2b9";
}

.ion-woman:before {
  content: "\f25d";
}

.ion-wrench:before {
  content: "\f2ba";
}

.ion-xbox:before {
  content: "\f30c";
}

/*jbox*/
/* Global */
.jBox-wrapper {
  text-align: left;
  box-sizing: border-box;
}

.jBox-title,
.jBox-content,
.jBox-container {
  position: relative;
  word-break: break-word;
  box-sizing: border-box;
}

.jBox-container {
  background: #fff;
}

.jBox-content {
  padding: 8px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity 0.2s;
}

/* jBox Tooltip */
.jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
  padding: 8px 10px 0;
  font-weight: bold;
}

.jBox-hasTitle.jBox-Tooltip .jBox-content,
.jBox-hasTitle.jBox-Mouse .jBox-content {
  padding-top: 5px;
}

.jBox-Mouse {
  pointer-events: none;
}

/* Pointer */
.jBox-pointer {
  position: absolute;
  overflow: hidden;
}

.jBox-pointer-top {
  top: 0;
}

.jBox-pointer-bottom {
  bottom: 0;
}

.jBox-pointer-left {
  left: 0;
}

.jBox-pointer-right {
  right: 0;
}

.jBox-pointer-top,
.jBox-pointer-bottom {
  width: 30px;
  height: 12px;
}

.jBox-pointer-left,
.jBox-pointer-right {
  width: 12px;
  height: 30px;
}

.jBox-pointer:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
}

.jBox-pointer-top:after {
  left: 5px;
  top: 6px;
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15);
}

.jBox-pointer-right:after {
  top: 5px;
  right: 6px;
  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15);
}

.jBox-pointer-bottom:after {
  left: 5px;
  bottom: 6px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.jBox-pointer-left:after {
  top: 5px;
  left: 6px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}

/* jBox Modal */
.jBox-Modal .jBox-container {
  outline: 1px solid #919eab40;
  border-radius: 4px;
}

.jBox-Modal .jBox-content {
  padding: 15px 20px;
}

.jBox-Modal .jBox-title {
  border-radius: 4px 4px 0 0;
  padding: 15px 20px;
  background: #fafafa;
}

.jBox-Modal .jBox-footer {
  border-radius: 0 0 4px 4px;
}

.jBox-Modal.jBox-closeButton-title .jBox-title {
  padding-right: 55px;
}

.jBox-Modal .jBox-container,
.jBox-Modal.jBox-closeButton-box:before {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}

/* Close button */
.jBox-closeButton {
  cursor: pointer;
  position: absolute;
}

.jBox-closeButton svg {
  position: absolute;
  top: 50%;
  right: 50%;
}

.jBox-closeButton path {
  transition: fill 0.2s;
}

.jBox-closeButton path {
  fill: #aaa;
}

.jBox-closeButton:hover path {
  fill: #888;
}

.jBox-closeButton:active path {
  fill: #666;
}

/* Close button in overlay */
.jBox-overlay .jBox-closeButton {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.jBox-overlay .jBox-closeButton svg {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -10px;
}

.jBox-overlay .jBox-closeButton path,
.jBox-overlay .jBox-closeButton:active path {
  fill: #ddd;
}

.jBox-overlay .jBox-closeButton:hover path {
  fill: #fff;
}

/* Close button in title */
.jBox-closeButton-title .jBox-closeButton {
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}

.jBox-closeButton-title .jBox-closeButton svg {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-right: -6px;
}

/* Close button in box */
.jBox-closeButton-box .jBox-closeButton {
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}

.jBox-closeButton-box .jBox-closeButton svg {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-right: -5px;
}

.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
  background: #fafafa;
}

.jBox-closeButton-box:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.jBox-pointerPosition-top.jBox-closeButton-box:before {
  top: 5px;
}

.jBox-pointerPosition-right.jBox-closeButton-box:before {
  right: 2px;
}

/* Overlay */
.jBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.82);
}

/* Footer */
.jBox-footer {
  background: #fafafa;
  border-top: 1px solid #eee;
  padding: 8px 10px;
  border-radius: 0 0 3px 3px;
}

/* Block scrolling */
body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] {
  overflow: hidden;
}

/* Draggable */
.jBox-draggable {
  cursor: move;
}

/* Spinner */
@keyframes jBoxLoading {
  to {
    transform: rotate(360deg);
  }
}

.jBox-loading .jBox-content {
  opacity: 0.2;
}

.jBox-loading-spinner .jBox-content {
  min-height: 38px !important;
  min-width: 38px !important;
  opacity: 0;
}

.jBox-spinner {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}

.jBox-spinner:before {
  display: block;
  box-sizing: border-box;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.8);
  animation: jBoxLoading 0.6s linear infinite;
}

/* Animations */
[class^="jBox-animated-"],
[class*=" jBox-animated-"] {
  animation-fill-mode: both;
}

@keyframes jBox-tada {
  0% {
    transform: scale(1);
  }

  10%,
  20% {
    transform: scale(0.8) rotate(-4deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1.2) rotate(4deg);
  }

  40%,
  60%,
  80% {
    transform: scale(1.2) rotate(-4deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.jBox-animated-tada {
  animation: jBox-tada 1s;
}

@keyframes jBox-tadaSmall {
  0% {
    transform: scale(1);
  }

  10%,
  20% {
    transform: scale(0.9) rotate(-2deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(2deg);
  }

  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-2deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.jBox-animated-tadaSmall {
  animation: jBox-tadaSmall 1s;
}

@keyframes jBox-flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.jBox-animated-flash {
  animation: jBox-flash 0.5s;
}

@keyframes jBox-shake {
  0%,
  100% {
    transform: translateX(0);
  }

  20%,
  60% {
    transform: translateX(-6px);
  }

  40%,
  80% {
    transform: translateX(6px);
  }
}

.jBox-animated-shake {
  animation: jBox-shake 0.4s;
}

@keyframes jBox-pulseUp {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

.jBox-animated-pulseUp {
  animation: jBox-pulseUp 0.25s;
}

@keyframes jBox-pulseDown {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.85);
  }

  100% {
    transform: scale(1);
  }
}

.jBox-animated-pulseDown {
  animation: jBox-pulseDown 0.25s;
}

@keyframes jBox-popIn {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.jBox-animated-popIn {
  animation: jBox-popIn 0.25s;
}

@keyframes jBox-popOut {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(0);
  }
}

.jBox-animated-popOut {
  animation: jBox-popOut 0.25s;
}

@keyframes jBox-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.jBox-animated-fadeIn {
  animation: jBox-fadeIn 0.2s;
}

@keyframes jBox-fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.jBox-animated-fadeOut {
  animation: jBox-fadeOut 0.2s;
}

@keyframes jBox-slideUp {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-300px);
    opacity: 0;
  }
}

.jBox-animated-slideUp {
  animation: jBox-slideUp 0.4s;
}

@keyframes jBox-slideRight {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(300px);
    opacity: 0;
  }
}

.jBox-animated-slideRight {
  animation: jBox-slideRight 0.4s;
}

@keyframes jBox-slideDown {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(300px);
    opacity: 0;
  }
}

.jBox-animated-slideDown {
  animation: jBox-slideDown 0.4s;
}

@keyframes jBox-slideLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-300px);
    opacity: 0;
  }
}

.jBox-animated-slideLeft {
  animation: jBox-slideLeft 0.4s;
}

.jBox-closeButton {
  z-index: 1;
}

.jBox-countdown {
  border-radius: 3px 3px 0 0;
  z-index: 0;
  background: #000;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.jBox-countdown_inner {
  border-radius: 3px 3px 0 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 3px;
  position: absolute;
  background: #fff;
}

.jBox-Confirm .jBox-content {
  text-align: center;
  padding: 46px 35px;
}

.jBox-Confirm-footer {
  height: 46px;
}

.jBox-Confirm-button {
  display: block;
  float: left;
  cursor: pointer;
  text-align: center;
  width: 50%;
  line-height: 46px;
  height: 46px;
  overflow: hidden;
  padding: 0 10px;
  transition: color 0.2s, background-color 0.2s;
  box-sizing: border-box;
}

.jBox-Confirm-button-cancel {
  border-bottom-left-radius: 4px;
  background: #ddd;
  color: #666;
}

.jBox-Confirm-button-cancel:hover,
.jBox-Confirm-button-cancel:active {
  background: #ccc;
}

.jBox-Confirm-button-submit {
  border-bottom-right-radius: 4px;
  background: #7d0;
  color: #fff;
}

.jBox-Confirm-button-submit:hover,
.jBox-Confirm-button-submit:active {
  background: #6c0;
}

.jBox-Confirm-button-cancel:active,
.jBox-Confirm-button-submit:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
  .jBox-Confirm .jBox-content {
    padding: 32px 20px;
  }
}

.jBox-Image .jBox-container {
  background-color: transparent;
}

.jBox-Image .jBox-content {
  padding: 0;
  width: 100%;
  height: 100%;
}

.jBox-image-container {
  background: center center no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.jBox-image-label-container {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 100;
}

.jBox-image-label {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 0;
  color: #fff;
  padding: 8px 40px;
  line-height: 24px;
  transition: opacity 0.36s;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}

.jBox-image-label.expanded {
  background: #000;
}

.jBox-image-label:not(.expanded) {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.jBox-image-label.active {
  opacity: 1;
  pointer-events: all;
}

.jBox-image-pointer-next,
.jBox-image-pointer-prev {
  position: absolute;
  bottom: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
  background: no-repeat center center
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
  background-size: 11px auto;
  user-select: none;
  z-index: 1;
}

.jBox-image-pointer-next:hover,
.jBox-image-pointer-prev:hover {
  opacity: 1;
}

.jBox-image-pointer-next {
  right: 0;
  transform: scaleX(-1);
}

.jBox-image-pointer-prev {
  left: 0;
}

.jBox-image-counter-container {
  position: absolute;
  right: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  color: #fff;
  text-align: right;
  display: none;
}

.jBox-image-has-counter .jBox-image-counter-container {
  display: block;
}

.jBox-image-has-counter .jBox-image-label:not(.expanded) {
  padding-right: 80px;
  text-indent: 40px;
}

.jBox-overlay.jBox-overlay-Image {
  background: #000;
}

.jBox-image-not-found {
  background: #000;
}

.jBox-image-not-found:before {
  content: "";
  box-sizing: border-box;
  display: block;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 5px solid #222;
  border-radius: 50%;
}

.jBox-image-not-found:after {
  content: "";
  display: block;
  box-sizing: content-box;
  z-index: auto;
  width: 6px;
  height: 74px;
  margin-top: -37px;
  margin-left: -3px;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #222;
  transform: rotateZ(45deg);
  transform-origin: 50% 50% 0;
}

/* Download button */
.jBox-image-download-button-wrapper {
  position: absolute;
  top: -40px;
  right: 35px;
  height: 40px;
  display: flex;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.jBox-image-download-button-wrapper:hover {
  opacity: 1;
}

.jBox-image-download-button-icon {
  width: 40px;
  height: 40px;
  background: center center no-repeat
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNjQwIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDE2IDI1NnYtMTkyaC0xOTJ2MTkyaC0xNjBsMjU2IDI1NiAyNTYtMjU2aC0xNjB6TTAgNTc2aDY0MHY2NGgtNjQwdi02NHoiPjwvcGF0aD48L3N2Zz4=);
  background-size: 60%;
}

.jBox-image-download-button-text {
  white-space: nowrap;
  line-height: 40px;
  padding: 0 10px 0 0;
  color: #fff;
  font-size: 14px;
}

/* Image spinner */
@keyframes jBoxImageLoading {
  to {
    transform: rotate(360deg);
  }
}

.jBox-image-loading .jBox-container:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  border: 4px solid #333;
  border-bottom-color: #666;
  animation: jBoxImageLoading 1.2s linear infinite;
  border-radius: 50%;
}

.jBox-Notice {
  transition: margin 0.2s;
}

.jBox-Notice .jBox-container {
  border-radius: 3px;
  box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.25),
    inset -1px -1px 0 0 rgba(0, 0, 0, 0.1);
}

.jBox-Notice .jBox-content {
  border-radius: 3px;
  padding: 12px 20px;
}

.jBox-Notice .jBox-title {
  padding: 12px 20px 0;
  font-weight: bold;
}

.jBox-hasTitle.jBox-Notice .jBox-content {
  padding-top: 5px;
}

.jBox-Notice-black .jBox-container {
  color: #fff;
  background: #000;
}

.jBox-Notice-gray .jBox-container {
  color: #333;
  background: #f6f6f6;
}

.jBox-Notice-red .jBox-container {
  color: #fff;
  background: #d00;
}

.jBox-Notice-green .jBox-container {
  color: #fff;
  background: #5d0;
}

.jBox-Notice-blue .jBox-container {
  color: #fff;
  background: #07d;
}

.jBox-Notice-yellow .jBox-container {
  color: #000;
  background: #fd0;
}

@media (max-width: 768px) {
  .jBox-Notice .jBox-content {
    padding: 10px 15px;
  }

  .jBox-Notice .jBox-title {
    padding: 10px 15px 0;
  }
}

@media (max-width: 500px) {
  .jBox-Notice .jBox-content {
    padding: 8px 10px;
  }

  .jBox-Notice .jBox-title {
    padding: 8px 10px 0;
  }

  .jBox-hasTitle.jBox-Notice .jBox-content {
    padding-top: 0;
  }
}

/* jBox theme: NoticeFancy */
.jBox-NoticeFancy .jBox-container {
  border-radius: 5px;
}

.jBox-NoticeFancy .jBox-content,
.jBox-NoticeFancy .jBox-title {
  padding-left: 25px;
}

.jBox-NoticeFancy.jBox-Notice-color .jBox-container {
  color: #fff;
  background: #222;
  text-shadow: 0 -1px 0 #000;
}

/* Colored borders */
.jBox-NoticeFancy.jBox-Notice-color .jBox-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  border-radius: 4px 0 0 4px;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.4) 75%,
    transparent 75%,
    transparent
  );
  background-size: 14px 14px;
}

.jBox-NoticeFancy.jBox-Notice-black .jBox-container:after,
.jBox-NoticeFancy.jBox-Notice-gray .jBox-container:after {
  background-color: #888;
}

.jBox-NoticeFancy.jBox-Notice-red .jBox-container:after {
  background-color: #e00;
}

.jBox-NoticeFancy.jBox-Notice-green .jBox-container:after {
  background-color: #6c0;
}

.jBox-NoticeFancy.jBox-Notice-blue .jBox-container:after {
  background-color: #07d;
}

.jBox-NoticeFancy.jBox-Notice-yellow .jBox-container:after {
  background-color: #fb0;
}

.jBox-NoticeFancy .jBox-countdown {
  left: 8px;
}

.jBox-NoticeFancy .jBox-countdown,
.jBox-NoticeFancy .jBox-countdown_inner {
  border-radius: 0 3px 0 0;
}

/* jBox theme: TooltipBorder */
.jBox-TooltipBorder .jBox-container {
  border-radius: 5px;
  border: 2px solid #49d;
}

/* Pointer */
.jBox-TooltipBorder .jBox-pointer:after {
  border: 2px solid #49d;
}

.jBox-TooltipBorder .jBox-pointer-top,
.jBox-TooltipBorder .jBox-pointer-bottom {
  width: 34px;
  height: 13px;
}

.jBox-TooltipBorder .jBox-pointer-left,
.jBox-TooltipBorder .jBox-pointer-right {
  width: 13px;
  height: 34px;
}

/* Close button */
.jBox-TooltipBorder.jBox-closeButton-box:before {
  width: 28px;
  height: 28px;
  background: #49d;
}

/* jBox theme: TooltipBorderThick */
.jBox-TooltipBorderThick .jBox-container {
  box-shadow: none;
  border-radius: 8px;
  border: 4px solid #ccc;
}

/* Pointer */
.jBox-TooltipBorderThick .jBox-pointer:after {
  box-shadow: none;
  border: 4px solid #ccc;
}

.jBox-TooltipBorderThick .jBox-pointer-top,
.jBox-TooltipBorderThick .jBox-pointer-bottom {
  width: 38px;
  height: 13px;
}

.jBox-TooltipBorderThick .jBox-pointer-left,
.jBox-TooltipBorderThick .jBox-pointer-right {
  width: 13px;
  height: 38px;
}

/* Close button */
.jBox-TooltipBorderThick.jBox-closeButton-box:before {
  width: 32px;
  height: 32px;
  background: #ccc;
}

/* jBox theme: TooltipDark */
.jBox-TooltipDark .jBox-container {
  border-radius: 3px;
  background: #000;
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

/* Pointer */
.jBox-TooltipDark .jBox-pointer:after {
  background: #000;
}

/* Close button */
.jBox-TooltipDark .jBox-closeButton {
  background: #000;
}

.jBox-TooltipDark.jBox-closeButton-box:before {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
  fill: #ddd;
}

.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
  fill: #fff;
}

.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
  fill: #bbb;
}

/* jBox theme: TooltipError */
.jBox-TooltipError {
  pointer-events: none;
}

.jBox-TooltipError .jBox-content {
  padding: 0 10px;
  line-height: 28px;
}

.jBox-TooltipError .jBox-container {
  border-radius: 2px;
  background: #d00;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}

.jBox-TooltipError .jBox-pointer-top,
.jBox-TooltipError .jBox-pointer-bottom {
  width: 22px;
  height: 8px;
}

.jBox-TooltipError .jBox-pointer-right,
.jBox-TooltipError .jBox-pointer-left {
  width: 8px;
  height: 22px;
}

.jBox-TooltipError .jBox-pointer:after {
  background: #d00;
  width: 20px;
  height: 20px;
}

.jBox-TooltipError .jBox-pointer-top:after {
  left: 1px;
  top: 6px;
}

.jBox-TooltipError .jBox-pointer-bottom:after {
  left: 1px;
  bottom: 6px;
}

.jBox-TooltipError .jBox-pointer-right:after {
  top: 1px;
  right: 6px;
}

.jBox-TooltipError .jBox-pointer-left:after {
  top: 1px;
  left: 6px;
}

/* jBox theme: TooltipSmall */
.jBox-TooltipSmall {
  pointer-events: none;
}

.jBox-TooltipSmall .jBox-content {
  padding: 0 10px;
  line-height: 28px;
}

.jBox-TooltipSmall .jBox-container {
  border-radius: 2px;
}

.jBox-TooltipSmall .jBox-pointer-top,
.jBox-TooltipSmall .jBox-pointer-bottom {
  width: 22px;
  height: 8px;
}

.jBox-TooltipSmall .jBox-pointer-right,
.jBox-TooltipSmall .jBox-pointer-left {
  width: 8px;
  height: 22px;
}

.jBox-TooltipSmall .jBox-pointer:after {
  width: 20px;
  height: 20px;
}

.jBox-TooltipSmall .jBox-pointer-top:after {
  left: 1px;
  top: 6px;
}

.jBox-TooltipSmall .jBox-pointer-bottom:after {
  left: 1px;
  bottom: 6px;
}

.jBox-TooltipSmall .jBox-pointer-right:after {
  top: 1px;
  right: 6px;
}

.jBox-TooltipSmall .jBox-pointer-left:after {
  top: 1px;
  left: 6px;
}

/* jBox theme: TooltipSmall */
.jBox-TooltipSmallGray {
  pointer-events: none;
}

.jBox-TooltipSmallGray .jBox-content {
  padding: 0 10px;
}

.jBox-TooltipSmallGray .jBox-container {
  font-size: 13px;
  line-height: 24px;
  border-radius: 12px;
  background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
}

.jBox-TooltipSmallGray .jBox-pointer-top,
.jBox-TooltipSmallGray .jBox-pointer-bottom {
  width: 22px;
  height: 8px;
}

.jBox-TooltipSmallGray .jBox-pointer-right,
.jBox-TooltipSmallGray .jBox-pointer-left {
  width: 8px;
  height: 22px;
}

.jBox-TooltipSmallGray .jBox-pointer:after {
  width: 20px;
  height: 20px;
}

.jBox-TooltipSmallGray .jBox-pointer-top:after {
  background: #fafafa;
  left: 1px;
  top: 6px;
}

.jBox-TooltipSmallGray .jBox-pointer-bottom:after {
  background: #f2f2f2;
  left: 1px;
  bottom: 6px;
}

.jBox-TooltipSmallGray .jBox-pointer-right:after {
  top: 1px;
  right: 6px;
}

.jBox-TooltipSmallGray .jBox-pointer-left:after {
  top: 1px;
  left: 6px;
}

/*# sourceMappingURL=jBox.all.css.map */

/*morries*/
.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/*jvector*/

svg {
  touch-action: none;
}

.jvectormap-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  touch-action: none;
}

.jvectormap-tip {
  position: absolute;
  display: none;
  border: solid 1px #cdcdcd;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
  position: absolute;
  left: 10px;
  border-radius: 3px;
  background: #292929;
  padding: 3px;
  color: white;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 10px;
  height: 10px;
}

.jvectormap-zoomin {
  top: 10px;
}

.jvectormap-zoomout {
  top: 30px;
}

.jvectormap-goback {
  bottom: 10px;
  z-index: 1000;
  padding: 6px;
}

.jvectormap-spinner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: center no-repeat
    url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.jvectormap-legend-cnt {
  position: absolute;
}

.jvectormap-legend-cnt-h {
  bottom: 0;
  right: 0;
}

.jvectormap-legend-cnt-v {
  top: 0;
  right: 0;
}

.jvectormap-legend {
  background: black;
  color: white;
  border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 1px 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
  float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
  margin: 10px 10px 0 0;
  padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
  width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
  height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.jvectormap-legend-tick-text {
  font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
  text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  padding-left: 3px;
}

/*Admin LTE*/
/*!
 *   AdminLTE v2.4.2
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <https://adminlte.io>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
 */
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
  height: 100%;
}

.layout-boxed html,
.layout-boxed body {
  height: 100%;
}

body {
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}

/* Layout */
.wrapper {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}

.wrapper:after {
  clear: both;
}

.layout-boxed .wrapper {
  max-width: 1250px;
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}

.layout-boxed {
  background: url("../img/boxed-bg.jpg") repeat fixed;
}

/*
 * Content Wrapper - contains the main content
 */
.content-wrapper,
.main-footer {
  -webkit-transition: -webkit-transform 0.3s ease-in-out,
    margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 230px;
  /* z-index: 820; */
}

.layout-top-nav .content-wrapper,
.layout-top-nav .main-footer {
  margin-left: 0;
}

@media (max-width: 767px) {
  .content-wrapper,
  .main-footer {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .main-footer {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .main-footer {
    -webkit-transform: translate(230px, 0);
    -ms-transform: translate(230px, 0);
    -o-transform: translate(230px, 0);
    transform: translate(230px, 0);
  }
}

.content-wrapper {
  min-height: 100%;
  /* background-color: #EEEEEE; */
  /* z-index: 800; */
}

.main-footer {
  background: #fff;
  padding: 15px;
  color: #444;
  border-top: 1px solid #d2d6de;

  position: fixed;
  bottom: 0;
  width: 100%;
}

.main-footer .main-footer-container {
  width: calc(100% - 280px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Fixed layout */
.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
  position: fixed;
}

.fixed .main-header {
  top: 0;
  right: 0;
  left: 0;
}

.fixed .content-wrapper,
.fixed .right-side {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 100px;
  }
}

.fixed.layout-boxed .wrapper {
  max-width: 100%;
}

.fixed .wrapper {
  overflow: hidden;
}

.hold-transition .content-wrapper,
.hold-transition .right-side,
.hold-transition .main-footer,
.hold-transition .main-sidebar,
.hold-transition .left-side,
.hold-transition .main-header .navbar,
.hold-transition .main-header .logo,
.hold-transition .menu-open .fa-angle-left {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

/* Content */
.content {
  min-height: 250px;
  padding: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* General Links */
a {
  color: #3c8dbc;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

/* Page Header */
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}

.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}

/*
 * Component: Main Header
 * ----------------------
 */
.main-header {
  position: relative;
  max-height: 100px;
  z-index: 1030;
}

.main-header .navbar {
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-bottom: 0;
  margin-left: 230px;
  border: none;
  min-height: 50px;
  border-radius: 0;
}

.layout-top-nav .main-header .navbar {
  margin-left: 0;
}

.main-header #navbar-search-input.form-control {
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent;
}

.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.9);
}

.main-header #navbar-search-input.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.main-header #navbar-search-input.form-control:-ms-input-placeholder {
  color: #ccc;
}

.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
  color: #ccc;
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
  float: right;
}

@media (max-width: 991px) {
  .main-header .navbar-custom-menu a,
  .main-header .navbar-right a {
    /* color: inherit; */
    background: transparent;
  }
}

@media (max-width: 767px) {
  .main-header .navbar-right {
    float: none;
  }

  .navbar-collapse .main-header .navbar-right {
    margin: 7.5px -15px;
  }

  .main-header .navbar-right > li {
    color: inherit;
    border: 0;
  }
}

.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 15px 15px;
  font-family: fontAwesome;
}

.main-header .sidebar-toggle:before {
  content: "\f0c9";
}

.main-header .sidebar-toggle:hover {
  color: #fff;
}

.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
  background: transparent;
}

.main-header .sidebar-toggle .icon-bar {
  display: none;
}

.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}

.main-header .navbar .nav > li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: 0.9;
}

.main-header .logo {
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  display: block;
  float: left;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  width: 230px;
  padding: 0 15px;
  font-weight: 300;
  overflow: hidden;
}

.main-header .logo .logo-lg {
  display: block;
}

.main-header .logo .logo-mini {
  display: none;
}

.main-header .navbar-brand {
  color: #fff;
}

.content-header {
  position: relative;
  padding: 15px 15px 0 15px;
}

.content-header > h1 {
  margin: 0;
  font-size: 24px;
}

.content-header > h1 > small {
  font-size: 15px;
  display: inline-block;
  padding-left: 4px;
  font-weight: 300;
}

.content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}

.content-header > .breadcrumb > li > a {
  color: #444;
  text-decoration: none;
  display: inline-block;
}

.content-header > .breadcrumb > li > a > .fa,
.content-header > .breadcrumb > li > a > .glyphicon,
.content-header > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}

.content-header > .breadcrumb > li + li:before {
  content: ">\00a0";
}

@media (max-width: 991px) {
  .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #d2d6de;
    padding-left: 10px;
  }

  .content-header > .breadcrumb li:before {
    color: #97a0b3;
  }
}

.navbar-toggle {
  color: #fff;
  border: 0;
  margin: 0;
  padding: 15px 15px;
}

@media (max-width: 991px) {
  .navbar-custom-menu .navbar-nav > li {
    float: left;
  }

  .navbar-custom-menu .navbar-nav {
    margin: 0;
    float: left;
  }

  .navbar-custom-menu .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .main-header {
    position: relative;
  }

  .main-header .logo,
  .main-header .navbar {
    width: 100%;
    float: none;
  }

  .main-header .navbar {
    margin: 0;
  }

  .main-header .navbar-custom-menu {
    float: right;
  }
}

@media (max-width: 991px) {
  .navbar-collapse.pull-left {
    float: none !important;
  }

  .navbar-collapse.pull-left + .navbar-custom-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 40px;
  }
}

/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .main-sidebar {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}

@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}

@media (max-width: 767px) {
  .sidebar-open .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.sidebar {
  padding-bottom: 10px;
}

.sidebar-form input:focus {
  border-color: transparent;
}

.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
}

.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}

.user-panel:after {
  clear: both;
}

.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}

.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}

.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}

.user-panel > .info > a {
  text-decoration: none;
  padding-right: 5px;
  margin-top: 3px;
  font-size: 11px;
}

.user-panel > .info > a > .fa,
.user-panel > .info > a > .ion,
.user-panel > .info > a > .glyphicon {
  margin-right: 3px;
}

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}

.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
}

.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}

.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-right: 5px;
}

.sidebar-menu > li .badge {
  margin-top: 3px;
}

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}

.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

.sidebar-menu li > a > .fa-angle-left {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}

.sidebar-menu .menu-open > a > .fa-angle-left,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sidebar-menu .active > .treeview-menu {
  display: block;
}

/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }

  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 50px;
  }

  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }

  .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
    display: none;
  }

  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > a
  > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > .treeview-menu {
  display: block !important;
  position: absolute;
  width: 180px;
  left: 50px;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > a
  > span {
  top: 0;
  margin-left: -3px;
  padding: 12px 5px 12px 20px;
  background-color: inherit;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > a
  > .pull-right-container {
  position: relative !important;
  float: right;
  width: auto !important;
  left: 180px !important;
  top: -22px !important;
  z-index: 900;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > a
  > .pull-right-container
  > .label:not(:first-of-type) {
  display: none;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse
  .sidebar-menu
  > li:hover
  > .treeview-menu {
  top: 44px;
  margin-left: 0;
}

.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
  margin-left: 50px;
}

.sidebar-expanded-on-hover .main-sidebar {
  box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125);
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}

.sidebar-menu li > a {
  position: relative;
}

.sidebar-menu li > a > .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

/*
 * Component: Control sidebar. By default, this is the right sidebar.
 */
.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}

.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -230px;
  width: 230px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}

@media (max-width: 768px) {
  .control-sidebar {
    padding-top: 100px;
  }
}

.control-sidebar > .tab-content {
  padding: 10px 15px;
}

.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open + .control-sidebar-bg {
  right: 0;
}

.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
  right: 0;
}

@media (min-width: 768px) {
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 230px;
  }
}

.fixed .control-sidebar {
  position: fixed;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}

.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
  border-left-width: 0;
}

.nav-tabs.control-sidebar-tabs > li > a {
  border-radius: 0;
}

.nav-tabs.control-sidebar-tabs > li > a,
.nav-tabs.control-sidebar-tabs > li > a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.nav-tabs.control-sidebar-tabs > li > a .icon {
  font-size: 16px;
}

.nav-tabs.control-sidebar-tabs > li.active > a,
.nav-tabs.control-sidebar-tabs > li.active > a:hover,
.nav-tabs.control-sidebar-tabs > li.active > a:focus,
.nav-tabs.control-sidebar-tabs > li.active > a:active {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs {
    display: table;
  }

  .nav-tabs.control-sidebar-tabs > li {
    display: table-cell;
  }  
}

.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}

.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}

.control-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}

.control-sidebar-menu > li > a {
  display: block;
  padding: 10px 15px;
}

.control-sidebar-menu > li > a:before,
.control-sidebar-menu > li > a:after {
  content: " ";
  display: table;
}

.control-sidebar-menu > li > a:after {
  clear: both;
}

.control-sidebar-menu > li > a > .control-sidebar-subheading {
  margin-top: 0;
}

.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}

.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}

.control-sidebar-menu .menu-info > .control-sidebar-subheading {
  margin: 0;
}

.control-sidebar-menu .menu-info > p {
  margin: 0;
  font-size: 11px;
}

.control-sidebar-menu .progress {
  margin: 0;
}

.control-sidebar-dark {
  color: #b8c7ce;
}

.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
  background: #222d32;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #1c2529;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
  background: #181f23;
  color: #b8c7ce;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #141a1d;
  border-bottom-color: #141a1d;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #1c2529;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
  color: #fff;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #222d32;
  color: #fff;
}

.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}

.control-sidebar-dark .control-sidebar-menu > li > a:hover {
  background: #1e282c;
}

.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {
  color: #b8c7ce;
}

.control-sidebar-light {
  color: #5e5e5e;
}

.control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs {
  border-bottom: #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
  background: #e8ecf4;
  color: #444444;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
  border-left-color: #d2d6de;
  border-bottom-color: #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
  background: #eff1f7;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
  background: #f9fafc;
  color: #111;
}

.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}

.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}

.control-sidebar-light .control-sidebar-menu > li > a:hover {
  background: #f4f4f5;
}

.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {
  color: #5e5e5e;
}

/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #eee;
}

/* .dropdown-menu > li > a {
    color: #777;
} */
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}

.dropdown-menu > li > a:hover {
  background-color: #e1e3e9;
  color: #333;
}

.dropdown-menu > .divider {
  background-color: #eee;
}

.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
  position: relative;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  /* background-color: #fff; */
  background: #fff !important;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}

@media (max-width: 991px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important;
  }
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f4f4f4 !important;
  text-decoration: none;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}

.navbar-nav
  > .notifications-menu
  > .dropdown-menu
  > li
  .menu
  > li
  > a
  > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  width: 20px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  content: " ";
  display: table;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}

.navbar-nav > .user-menu > .dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1px 0 0 0;
  border-top-width: 0;
  width: 280px;
}

.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  height: 175px;
  padding: 10px;
  text-align: center;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
  display: block;
  font-size: 12px;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  content: " ";
  display: table;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
  clear: both;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #444 !important;
}

@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  content: " ";
  display: table;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
  clear: both;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #666666;
}

@media (max-width: 991px) {
  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}

.navbar-nav > .user-menu .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}

@media (max-width: 767px) {
  .navbar-nav > .user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}

/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
  backface-visibility: visible !important;
  -webkit-animation: flipInX 0.7s both;
  -o-animation: flipInX 0.7s both;
  animation: flipInX 0.7s both;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    transform: perspective(400px);
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
  }
}

/* Fix dropdown menu in navbars */
.navbar-custom-menu > .navbar-nav > li {
  position: relative;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
}

@media (max-width: 991px) {
  .navbar-custom-menu > .navbar-nav {
    float: right;
  }

  .navbar-custom-menu > .navbar-nav > li {
    position: static;
  }

  .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 5%;
    left: auto;
    border: 1px solid #ddd;
    background: #fff;
  }
}

/*
 * Component: Form
 * ---------------
 */
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d2d6de;
}

.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}

.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group.has-success label {
  color: #00a65a;
}

.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
  border-color: #00a65a;
  box-shadow: none;
}

.form-group.has-success .help-block {
  color: #00a65a;
}

.form-group.has-warning label {
  color: #f39c12;
}

.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon {
  border-color: #f39c12;
  box-shadow: none;
}

.form-group.has-warning .help-block {
  color: #f39c12;
}

.form-group.has-error label {
  color: #dd4b39;
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon {
  border-color: #dd4b39;
  box-shadow: none;
}

.form-group.has-error .help-block {
  color: #dd4b39;
}

/* Input group */
.input-group .input-group-addon {
  border-radius: 0;
  /* border-color: #d2d6de;
    background-color: #fff; */
}

.input-group .bordered-button {
  border: none;
}

/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}

.icheck > label {
  padding-left: 0;
}

/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: 34px;
}

.input-lg + .form-control-feedback.fa,
.input-group-lg + .form-control-feedback.fa,
.form-group-lg .form-control + .form-control-feedback.fa {
  line-height: 46px;
}

.input-sm + .form-control-feedback.fa,
.input-group-sm + .form-control-feedback.fa,
.form-group-sm .form-control + .form-control-feedback.fa {
  line-height: 30px;
}

/*
 * Component: Progress Bar
 * -----------------------
 */
.progress,
.progress > .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress,
.progress > .progress-bar,
.progress .progress-bar,
.progress > .progress-bar .progress-bar {
  border-radius: 1px;
}

/* size variation */
.progress.sm,
.progress-sm {
  height: 10px;
}

.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
  border-radius: 1px;
}

.progress.xs,
.progress-xs {
  height: 7px;
}

.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
  border-radius: 1px;
}

.progress.xxs,
.progress-xxs {
  height: 3px;
}

.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
  border-radius: 1px;
}

/* Vertical bars */
.progress.vertical {
  position: relative;
  width: 30px;
  height: 200px;
  display: inline-block;
  margin-right: 10px;
}

.progress.vertical > .progress-bar {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.progress.vertical.sm,
.progress.vertical.progress-sm {
  width: 20px;
}

.progress.vertical.xs,
.progress.vertical.progress-xs {
  width: 10px;
}

.progress.vertical.xxs,
.progress.vertical.progress-xxs {
  width: 3px;
}

.progress-group .progress-text {
  font-weight: 600;
}

.progress-group .progress-number {
  float: right;
}

/* Remove margins from progress bars when put in a table */
.table tr > td .progress {
  margin: 0;
}

.progress-bar-light-blue,
.progress-bar-primary {
  background-color: #3c8dbc;
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-green,
.progress-bar-success {
  background-color: #00a65a;
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-aqua,
.progress-bar-info {
  background-color: #00c0ef;
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-yellow,
.progress-bar-warning {
  background-color: #f39c12;
}

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

.progress-bar-red,
.progress-bar-danger {
  background-color: #dd4b39;
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}

/*
 * Component: Small Box
 * --------------------
 */
.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  /* border: 1px solid rgb(230, 235, 241) !important; */
  border: 1px solid var(--card-border-color) !important;
  background: #fff;
  box-shadow: -2px 3px 4px 0 rgb(0 0 0 / 20%) !important;
  margin-bottom: 3.2rem;
  background-color: var(--card-bg-color);
  border-radius: 0.4rem !important;
}

.small-box > .inner {
  padding: 10px;
}

.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: var(--title-color);
  display: block;
  z-index: 1;
  background: rgb(228 228 228 / 18%);
  text-decoration: none;
}

.small-box > .small-box-footer:hover {
  color: var(--title-color);
  background: rgba(0, 0, 0, 0.21);
}

.small-box h3 {
  font-size: 38px;
  font-weight: bold;
  margin: 0 0 10px 0;
  white-space: nowrap;
  padding: 0;
}

.small-box p {
  font-size: 15px;
}

.small-box p > small {
  display: block;
  color: #f9f9f9;
  font-size: 13px;
  margin-top: 5px;
}

.small-box h3,
.small-box p {
  z-index: 5;
}

.small-box .icon {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 60px;
  color: var(--txt-color);
}

.small-box:hover {
  text-decoration: none;
  color: var(--title-color);
}

.small-box:hover .icon {
  font-size: 65px;
}

@media (max-width: 767px) {
  .small-box {
    text-align: center;
  }

  .small-box .icon {
    display: none;
  }

  .small-box p {
    font-size: 12px;
  }
}

/*
 * Component: Box
 * --------------
 */
.box {
  position: relative;
  border-radius: 3px;
  background: var(--card-bg-color);
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.box.box-primary {
  border-top-color: #3c8dbc;
}

.box.box-info {
  border-top-color: #00c0ef;
}

.box.box-danger {
  border-top-color: #dd4b39;
}

.box.box-warning {
  border-top-color: #f39c12;
}

.box.box-success {
  border-top-color: #00a65a;
}

.box.box-default {
  border-top-color: #d2d6de;
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}

.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}

.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}

.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}

.box .border-right {
  border-right: 1px solid #f4f4f4;
}

.box .border-left {
  border-left: 1px solid #f4f4f4;
}

.box.box-solid {
  border-top: 0;
}

.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}

.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}

.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}

.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}

.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}

.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}

.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}

.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}

.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}

.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}

.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}

.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}

.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}

.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}

.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}

.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}

.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}

.box.box-solid.box-success {
  border: 1px solid #00a65a;
}

.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}

.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}

.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}

.box.box-solid[class*="bg"] > .box-header {
  color: #fff;
}

.box .box-group > .box {
  margin-bottom: 5px;
}

.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}

.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}

.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}

.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}

.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}

.box-header {
  color: var(--txt-color);
  display: block;
  padding: 10px;
  position: relative;
}

.box-header.with-border {
  /* border-bottom: 1px solid #f4f4f4; */
  border-bottom: 1px solid var(--card-border-color);
}

.collapsed-box .box-header.with-border {
  border-bottom: none;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}

.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}

.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}

.box-header > .box-tools .dropdown-menu > li > a {
  color: #444 !important;
}

.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}

.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}

.btn-box-tool.btn:active {
  box-shadow: none;
}

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}

.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.box-body > .table {
  margin-bottom: 0;
}

.box-body .fc {
  margin-top: 5px;
}

.box-body .full-width-chart {
  margin: -19px;
}

.box-body.no-padding .full-width-chart {
  margin: -9px;
}

.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}

.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}

.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: var(--card-bg-color);
}

.chart-legend {
  margin: 10px 0;
}

@media (max-width: 991px) {
  .chart-legend > li {
    float: left;
    margin-right: 10px;
  }
}

.box-comments {
  background: #f7f7f7;
}

.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}

.box-comments .box-comment:after {
  clear: both;
}

.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}

.box-comments .box-comment:first-of-type {
  padding-top: 0;
}

.box-comments .box-comment img {
  float: left;
}

.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}

.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}

.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}

/* Widget: TODO LIST */
.todo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.todo-list > li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}

.todo-list > li:last-of-type {
  margin-bottom: 0;
}

.todo-list > li > input[type="checkbox"] {
  margin: 0 10px 0 5px;
}

.todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}

.todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}

.todo-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}

.todo-list > li .tools > .fa,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}

.todo-list > li:hover .tools {
  display: inline-block;
}

.todo-list > li.done {
  color: #999;
}

.todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}

.todo-list > li.done .label {
  background: #d2d6de !important;
}

.todo-list .danger {
  border-left-color: #dd4b39;
}

.todo-list .warning {
  border-left-color: #f39c12;
}

.todo-list .info {
  border-left-color: #00c0ef;
}

.todo-list .success {
  border-left-color: #00a65a;
}

.todo-list .primary {
  border-left-color: #3c8dbc;
}

.todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}

/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
.chat {
  padding: 5px 20px 5px 10px;
}

.chat .item {
  margin-bottom: 10px;
}

.chat .item:before,
.chat .item:after {
  content: " ";
  display: table;
}

.chat .item:after {
  clear: both;
}

.chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 50%;
}

.chat .item > .online {
  border: 2px solid #00a65a;
}

.chat .item > .offline {
  border: 2px solid #dd4b39;
}

.chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}

.chat .item > .message > .name {
  display: block;
  font-weight: 600;
}

.chat .item > .attachment {
  border-radius: 3px;
  background: #f4f4f4;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}

.chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}

.chat .item > .attachment > p,
.chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}

.chat .item > .attachment:before,
.chat .item > .attachment:after {
  content: " ";
  display: table;
}

.chat .item > .attachment:after {
  clear: both;
}

.box-input {
  max-width: 200px;
}

.modal .panel-body {
  color: #444;
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box {
  display: block;
  min-height: 90px;
  background: #fff;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-bottom: 15px;
}

.info-box small {
  font-size: 14px;
}

.info-box .progress {
  background: rgba(0, 0, 0, 0.2);
  margin: 5px -10px 5px -10px;
  height: 2px;
}

.info-box .progress,
.info-box .progress .progress-bar {
  border-radius: 0;
}

.info-box .progress .progress-bar {
  background: #fff;
}

.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2);
}

.info-box-icon > img {
  max-width: 100%;
}

.info-box-content {
  padding: 5px 10px;
  margin-left: 90px;
}

.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 18px;
}

.progress-description,
.info-box-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info-box-text {
  text-transform: uppercase;
}

.info-box-more {
  display: block;
}

.progress-description {
  margin: 0;
}

/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}

.timeline:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}

.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}

.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}

.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}

.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}

.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}

.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}

.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}

.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd;
}

/*
 * Component: Button
 * -----------------
 */
.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}

.btn.uppercase {
  text-transform: uppercase;
}

.btn.btn-flat {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
  outline: none;
}

.btn.btn-file {
  position: relative;
  overflow: hidden;
}

.btn.btn-file > input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}

.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  /* background-color: #367fa9; */
}

.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}

.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}

.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}

.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925;
}

.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}

.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}

.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn[class*="bg-"]:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.08);
}

.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}

.btn-app > .fa,
.btn-app > .glyphicon,
.btn-app > .ion {
  font-size: 20px;
  display: block;
}

.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}

.btn-app:active,
.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

/*
 * Component: Callout
 * ------------------
 */
.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}

.callout a {
  color: #fff;
  text-decoration: underline;
}

.callout a:hover {
  color: #eee;
}

.callout h4 {
  margin-top: 0;
  font-weight: 600;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout code,
.callout .highlight {
  background-color: #fff;
}

.callout.callout-danger {
  border-color: #c23321;
}

.callout.callout-warning {
  border-color: #c87f0a;
}

.callout.callout-info {
  border-color: #0097bc;
}

.callout.callout-success {
  border-color: #00733e;
}

/*
 * Component: alert
 * ----------------
 */
.alert {
  border-radius: 3px;
}

.alert h4 {
  font-weight: 600;
}

.alert .icon {
  margin-right: 10px;
}

.alert .close {
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.alert .close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.alert a {
  color: #fff;
  text-decoration: underline;
}

.alert-success {
  border-color: #008d4c;
}

.alert-danger,
.alert-error {
  border-color: #d73925;
}

.alert-warning {
  border-color: #e08e0b;
}

.alert-info {
  border-color: #00acd6;
}

/*
 * Component: Nav
 * --------------
 */
.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus {
  color: var(--title-color);
  background: var(--card-bg-color);
}

/* NAV PILLS */
.nav-pills > li > a {
  border-radius: 0;
  color: var(--txt-color);
}

.nav-pills > li > a > .fa,
.nav-pills > li > a > .glyphicon,
.nav-pills > li > a > .ion {
  margin-right: 5px;
}

.nav-pills > li.active > a {
  font-weight: 600;
}

/* NAV STACKED */
.nav-stacked > li > a {
  border-radius: 0;
  border-top: 0;
  border-left: 3px solid transparent;
  color: var(--txt-color);
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
  background: transparent;
  color: var(--title-color);
  border-top: 0;
  border-left-color: #3c8dbc;
}

.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}

/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: var(--card-bg-color);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: var(--card-border-color);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}

.nav-tabs-custom > .nav-tabs > li.disabled > a {
  color: #777;
}

.nav-tabs-custom > .nav-tabs > li > a {
  color: #444;
  border-radius: 0;
}

.nav-tabs-custom > .nav-tabs > li > a.text-muted {
  color: #999;
}

.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}

.nav-tabs-custom > .nav-tabs > li > a:hover {
  color: #999;
}

.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
  color: #444;
}

.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top-color: transparent;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}

.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-color: transparent;
}

.nav-tabs-custom > .nav-tabs.pull-right {
  float: none !important;
}

.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {
  border-left-width: 1px;
}

.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-color: #f4f4f4;
  border-right-color: transparent;
}

.nav-tabs-custom > .nav-tabs > li.header {
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
}

.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 5px;
}

.nav-tabs-custom > .tab-content {
  background: var(--card-bg-color);
  padding: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
  background: transparent;
  color: #999;
}

.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}

.nav-tabs-custom.tab-info > .nav-tabs > li.active {
  border-top-color: #00c0ef;
}

.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
  border-top-color: #dd4b39;
}

.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
  border-top-color: #f39c12;
}

.nav-tabs-custom.tab-success > .nav-tabs > li.active {
  border-top-color: #00a65a;
}

.nav-tabs-custom.tab-default > .nav-tabs > li.active {
  border-top-color: #d2d6de;
}

/* PAGINATION */
.pagination > li > a {
  background: #fafafa;
  color: var(--txt-color);
}

.pagination.pagination-flat > li > a {
  border-radius: 0 !important;
}

/*
 * Component: Products List
 * ------------------------
 */
.products-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.products-list > .item {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  background: #fff;
}

.products-list > .item:before,
.products-list > .item:after {
  content: " ";
  display: table;
}

.products-list > .item:after {
  clear: both;
}

.products-list .product-img {
  float: left;
}

.products-list .product-img img {
  width: 50px;
  height: 50px;
}

.products-list .product-info {
  margin-left: 60px;
}

.products-list .product-title {
  font-weight: 600;
}

.products-list .product-description {
  display: block;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-list-in-box > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #f4f4f4;
}

.product-list-in-box > .item:last-of-type {
  border-bottom-width: 0;
}

/*
 * Component: Table
 * ----------------
 */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 0px solid var(--card-border-color);
}

.table > thead > tr > th {
  border-bottom: 1px solid var(--card-border-color);
}

.table tr td .progress {
  margin-top: 5px;
}

.table-bordered {
  border: 1px solid var(--card-border-color);
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid var(--card-border-color);
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}

/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}

.table.align th {
  text-align: left;
}

.table.align td {
  text-align: right;
}

/*
 * Component: Label
 * ----------------
 */
.label-default {
  background-color: #d2d6de;
  color: #444;
}

/*
 * Component: Direct Chat
 * ----------------------
 */
.direct-chat .box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow-x: hidden;
  padding: 0;
}

.direct-chat.chat-pane-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.direct-chat-messages {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 10px;
  height: 250px;
  overflow: auto;
}

.direct-chat-msg,
.direct-chat-text {
  display: block;
}

.direct-chat-msg {
  margin-bottom: 10px;
}

.direct-chat-msg:before,
.direct-chat-msg:after {
  content: " ";
  display: table;
}

.direct-chat-msg:after {
  clear: both;
}

.direct-chat-messages,
.direct-chat-contacts {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.direct-chat-text {
  border-radius: 5px;
  position: relative;
  padding: 5px 10px;
  background: #d2d6de;
  border: 1px solid #d2d6de;
  margin: 5px 0 0 50px;
  color: #444444;
}

.direct-chat-text:after,
.direct-chat-text:before {
  position: absolute;
  right: 100%;
  top: 15px;
  border: solid transparent;
  border-right-color: #d2d6de;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
}

.direct-chat-text:after {
  border-width: 5px;
  margin-top: -5px;
}

.direct-chat-text:before {
  border-width: 6px;
  margin-top: -6px;
}

.right .direct-chat-text {
  margin-right: 50px;
  margin-left: 0;
}

.right .direct-chat-text:after,
.right .direct-chat-text:before {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-left-color: #d2d6de;
}

.direct-chat-img {
  border-radius: 50%;
  float: left;
  width: 40px;
  height: 40px;
}

.right .direct-chat-img {
  float: right;
}

.direct-chat-info {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
}

.direct-chat-name {
  font-weight: 600;
}

.direct-chat-timestamp {
  color: #999;
}

.direct-chat-contacts-open .direct-chat-contacts {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.direct-chat-contacts {
  -webkit-transform: translate(101%, 0);
  -ms-transform: translate(101%, 0);
  -o-transform: translate(101%, 0);
  transform: translate(101%, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  height: 250px;
  width: 100%;
  background: #222d32;
  color: #fff;
  overflow: auto;
}

.contacts-list > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 0;
}

.contacts-list > li:before,
.contacts-list > li:after {
  content: " ";
  display: table;
}

.contacts-list > li:after {
  clear: both;
}

.contacts-list > li:last-of-type {
  border-bottom: none;
}

.contacts-list-img {
  border-radius: 50%;
  width: 40px;
  float: left;
}

.contacts-list-info {
  margin-left: 45px;
  color: #fff;
}

.contacts-list-name,
.contacts-list-status {
  display: block;
}

.contacts-list-name {
  font-weight: 600;
}

.contacts-list-status {
  font-size: 12px;
}

.contacts-list-date {
  color: #aaa;
  font-weight: normal;
}

.contacts-list-msg {
  color: #999;
}

.direct-chat-danger .right > .direct-chat-text {
  background: #dd4b39;
  border-color: #dd4b39;
  color: #ffffff;
}

.direct-chat-danger .right > .direct-chat-text:after,
.direct-chat-danger .right > .direct-chat-text:before {
  border-left-color: #dd4b39;
}

.direct-chat-primary .right > .direct-chat-text {
  background: #3c8dbc;
  border-color: #3c8dbc;
  color: #ffffff;
}

.direct-chat-primary .right > .direct-chat-text:after,
.direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #3c8dbc;
}

.direct-chat-warning .right > .direct-chat-text {
  background: #f39c12;
  border-color: #f39c12;
  color: #ffffff;
}

.direct-chat-warning .right > .direct-chat-text:after,
.direct-chat-warning .right > .direct-chat-text:before {
  border-left-color: #f39c12;
}

.direct-chat-info .right > .direct-chat-text {
  background: #00c0ef;
  border-color: #00c0ef;
  color: #ffffff;
}

.direct-chat-info .right > .direct-chat-text:after,
.direct-chat-info .right > .direct-chat-text:before {
  border-left-color: #00c0ef;
}

.direct-chat-success .right > .direct-chat-text {
  background: #00a65a;
  border-color: #00a65a;
  color: #ffffff;
}

.direct-chat-success .right > .direct-chat-text:after,
.direct-chat-success .right > .direct-chat-text:before {
  border-left-color: #00a65a;
}

/*
 * Component: Users List
 * ---------------------
 */
.users-list > li {
  width: 25%;
  float: left;
  padding: 10px;
  text-align: center;
}

.users-list > li img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}

.users-list > li > a:hover,
.users-list > li > a:hover .users-list-name {
  color: #999;
}

.users-list-name,
.users-list-date {
  display: block;
}

.users-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.users-list-date {
  color: #999;
  font-size: 12px;
}

/*
 * Component: Carousel
 * -------------------
 */
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-control > .fa {
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -20px;
}

/*
 * Component: modal
 * ----------------
 */
.modal {
  background: rgba(61, 61, 61, 0.3);
}

.modal-content {
  border-radius: 0;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  border: 0;
}

@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  }
  .d-md-flex{
    display: flex !important;
  }
}

.modal-header {
  border-bottom-color: #f4f4f4;
}

.modal-footer {
  border-top-color: #f4f4f4;
}

.modal-primary .modal-header,
.modal-primary .modal-footer {
  border-color: #307095;
}

.modal-warning .modal-header,
.modal-warning .modal-footer {
  border-color: #c87f0a;
}

.modal-info .modal-header,
.modal-info .modal-footer {
  border-color: #0097bc;
}

.modal-success .modal-header,
.modal-success .modal-footer {
  border-color: #00733e;
}

.modal-danger .modal-header,
.modal-danger .modal-footer {
  border-color: #c23321;
}

/*
 * Component: Social Widgets
 * -------------------------
 */
.box-widget {
  border: none;
  position: relative;
}

.widget-user .widget-user-header {
  padding: 20px;
  height: 120px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.widget-user .widget-user-username {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.widget-user .widget-user-desc {
  margin-top: 0;
}

.widget-user .widget-user-image {
  position: absolute;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}

.widget-user .widget-user-image > img {
  width: 90px;
  height: auto;
  border: 3px solid #fff;
}

.widget-user .box-footer {
  padding-top: 30px;
}

.widget-user-2 .widget-user-header {
  padding: 20px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.widget-user-2 .widget-user-username {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 300;
}

.widget-user-2 .widget-user-desc {
  margin-top: 0;
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
  margin-left: 75px;
}

.widget-user-2 .widget-user-image > img {
  width: 65px;
  height: auto;
  float: left;
}

.treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}

.treeview-menu .treeview-menu {
  padding-left: 20px;
}

.treeview-menu > li {
  margin: 0;
}

.treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}

.treeview-menu > li > a > .fa,
.treeview-menu > li > a > .glyphicon,
.treeview-menu > li > a > .ion {
  width: 20px;
}

.treeview-menu > li > a > .pull-right-container > .fa-angle-left,
.treeview-menu > li > a > .pull-right-container > .fa-angle-down,
.treeview-menu > li > a > .fa-angle-left,
.treeview-menu > li > a > .fa-angle-down {
  width: auto;
}

/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
  margin: 0;
}

/* .mailbox-controls {
    padding: 5px;
} */
.mailbox-controls.with-border {
  border-bottom: 1px solid #f4f4f4;
}

.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}

.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}

.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0 0;
}

.mailbox-read-time {
  color: #999;
  font-size: 13px;
}

.mailbox-read-message {
  padding: 10px;
}

.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}

.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}

.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}

.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}

.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}

.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}

.mailbox-attachment-icon.has-img {
  padding: 0;
}

.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}

/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
  background: #d2d6de;
}

.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}

.lockscreen-logo a {
  color: #444;
}

.lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
}

/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}

/* Will contain the image and the sign in form */
.lockscreen-item {
  border-radius: 4px;
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 30px auto;
  width: 290px;
}

/* User image */
.lockscreen-image {
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: -25px;
  background: #fff;
  padding: 5px;
  z-index: 10;
}

.lockscreen-image > img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
}

/* Contains the password input and the login button */
.lockscreen-credentials {
  margin-left: 70px;
}

.lockscreen-credentials .form-control {
  border: 0;
}

.lockscreen-credentials .btn {
  background-color: #fff;
  border: 0;
  padding: 0 10px;
}

.lockscreen-footer {
  margin-top: 10px;
}

/*
 * Page: Login & Register
 * ----------------------
 */
.login-logo,
.register-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 300;
}

.login-logo a,
.register-logo a {
  color: #444;
}

.login-page,
.register-page {
  background: #d2d6de;
}

.login-box,
.register-box {
  width: 360px;
  margin: 7% auto;
}

@media (max-width: 768px) {
  .login-box,
  .register-box {
    width: 90%;
    margin-top: 20px;
  }
}

.login-box-body,
.register-box-body {
  background: #fff;
  padding: 20px;
  border-top: 0;
  color: #666;
}

.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
  color: #777;
}

.login-box-msg,
.register-box-msg {
  margin: 0;
  text-align: center;
  padding: 0 20px 20px 20px;
}

.social-auth-links {
  margin: 10px 0;
}

/*
 * Page: 400 and 500 error pages
 * ------------------------------
 */
.error-page {
  width: 600px;
  margin: 20px auto 0 auto;
}

@media (max-width: 991px) {
  .error-page {
    width: 100%;
  }
}

.error-page > .headline {
  float: left;
  font-size: 100px;
  font-weight: 300;
}

@media (max-width: 991px) {
  .error-page > .headline {
    float: none;
    text-align: center;
  }
}

.error-page > .error-content {
  margin-left: 190px;
  display: block;
}

@media (max-width: 991px) {
  .error-page > .error-content {
    margin-left: 0;
  }
}

.error-page > .error-content > h3 {
  font-weight: 300;
  font-size: 25px;
}

@media (max-width: 991px) {
  .error-page > .error-content > h3 {
    text-align: center;
  }
}

/*
 * Page: Invoice
 * -------------
 */
.invoice {
  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 20px;
  margin: 10px 25px;
}

.invoice-title {
  margin-top: 0;
}

/*
 * Page: Profile
 * -------------
 */
.profile-user-img {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  padding: 3px;
  border: 3px solid #d2d6de;
}

.profile-user-svg {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  padding: 3px;
}

.profile-username {
  font-size: 21px;
  margin-top: 5px;
}

.post {
  border-bottom: 1px solid var(--card-border-color);
  margin-bottom: 15px;
  padding-bottom: 15px;
  color: #666;
}

.post:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.post .user-block {
  margin-bottom: 15px;
}

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social.btn-lg {
  padding-left: 61px;
}

.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social.btn-sm {
  padding-left: 38px;
}

.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social.btn-xs {
  padding-left: 30px;
}

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0;
}

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon.btn-lg {
  padding-left: 61px;
}

.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}

.btn-social-icon.btn-sm {
  padding-left: 38px;
}

.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}

.btn-social-icon.btn-xs {
  padding-left: 30px;
}

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100%;
}

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0;
}

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0;
}

.btn-adn {
  color: #ffffff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:focus,
.btn-adn.focus {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:hover {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  color: #ffffff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-adn:active,
.btn-adn.active,
.open > .dropdown-toggle.btn-adn {
  background-image: none;
}

.btn-adn .badge {
  color: #d87a68;
  background-color: #ffffff;
}

.btn-bitbucket {
  color: #ffffff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:focus,
.btn-bitbucket.focus {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:hover {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  color: #ffffff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
  background-image: none;
}

.btn-bitbucket .badge {
  color: #205081;
  background-color: #ffffff;
}

.btn-dropbox {
  color: #ffffff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:focus,
.btn-dropbox.focus {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:hover {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  color: #ffffff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
  background-image: none;
}

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #ffffff;
}

.btn-facebook {
  color: #ffffff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:focus,
.btn-facebook.focus {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:hover {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  color: #ffffff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
  background-image: none;
}

.btn-facebook .badge {
  color: #3b5998;
  background-color: #ffffff;
}

.btn-flickr {
  color: #ffffff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:focus,
.btn-flickr.focus {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:hover {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  color: #ffffff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
  background-image: none;
}

.btn-flickr .badge {
  color: #ff0084;
  background-color: #ffffff;
}

.btn-foursquare {
  color: #ffffff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:focus,
.btn-foursquare.focus {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:hover {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  color: #ffffff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
  background-image: none;
}

.btn-foursquare .badge {
  color: #f94877;
  background-color: #ffffff;
}

.btn-github {
  color: #ffffff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:focus,
.btn-github.focus {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:hover {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  color: #ffffff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
  background-image: none;
}

.btn-github .badge {
  color: #444444;
  background-color: #ffffff;
}

.btn-google {
  color: #ffffff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:focus,
.btn-google.focus {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:hover {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  color: #ffffff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-google:active,
.btn-google.active,
.open > .dropdown-toggle.btn-google {
  background-image: none;
}

.btn-google .badge {
  color: #dd4b39;
  background-color: #ffffff;
}

.btn-instagram {
  color: #ffffff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:focus,
.btn-instagram.focus {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:hover {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  color: #ffffff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
  background-image: none;
}

.btn-instagram .badge {
  color: #3f729b;
  background-color: #ffffff;
}

.btn-linkedin {
  color: #ffffff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:focus,
.btn-linkedin.focus {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:hover {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  color: #ffffff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
  background-image: none;
}

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #ffffff;
}

.btn-microsoft {
  color: #ffffff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:focus,
.btn-microsoft.focus {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:hover {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  color: #ffffff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-microsoft:active,
.btn-microsoft.active,
.open > .dropdown-toggle.btn-microsoft {
  background-image: none;
}

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #ffffff;
}

.btn-openid {
  color: #ffffff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:focus,
.btn-openid.focus {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:hover {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  color: #ffffff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-openid:active,
.btn-openid.active,
.open > .dropdown-toggle.btn-openid {
  background-image: none;
}

.btn-openid .badge {
  color: #f7931e;
  background-color: #ffffff;
}

.btn-pinterest {
  color: #ffffff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:focus,
.btn-pinterest.focus {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:hover {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  color: #ffffff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-pinterest:active,
.btn-pinterest.active,
.open > .dropdown-toggle.btn-pinterest {
  background-image: none;
}

.btn-pinterest .badge {
  color: #cb2027;
  background-color: #ffffff;
}

.btn-reddit {
  color: #000000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:focus,
.btn-reddit.focus {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:hover {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  color: #000000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-reddit:active,
.btn-reddit.active,
.open > .dropdown-toggle.btn-reddit {
  background-image: none;
}

.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000000;
}

.btn-soundcloud {
  color: #ffffff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:focus,
.btn-soundcloud.focus {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:hover {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  color: #ffffff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open > .dropdown-toggle.btn-soundcloud {
  background-image: none;
}

.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #ffffff;
}

.btn-tumblr {
  color: #ffffff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:focus,
.btn-tumblr.focus {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:hover {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  color: #ffffff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
  background-image: none;
}

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #ffffff;
}

.btn-twitter {
  color: #ffffff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:focus,
.btn-twitter.focus {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:hover {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  color: #ffffff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
  background-image: none;
}

.btn-twitter .badge {
  color: #55acee;
  background-color: #ffffff;
}

.btn-vimeo {
  color: #ffffff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:focus,
.btn-vimeo.focus {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:hover {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  color: #ffffff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vimeo:active,
.btn-vimeo.active,
.open > .dropdown-toggle.btn-vimeo {
  background-image: none;
}

.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #ffffff;
}

.btn-vk {
  color: #ffffff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:focus,
.btn-vk.focus {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:hover {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  color: #ffffff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
  background-image: none;
}

.btn-vk .badge {
  color: #587ea3;
  background-color: #ffffff;
}

.btn-yahoo {
  color: #ffffff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:focus,
.btn-yahoo.focus {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:hover {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  color: #ffffff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn-yahoo:active,
.btn-yahoo.active,
.open > .dropdown-toggle.btn-yahoo {
  background-image: none;
}

.btn-yahoo .badge {
  color: #720e9e;
  background-color: #ffffff;
}

/*
 * Plugin: Full Calendar
 * ---------------------
 */
.fc-button {
  background: #f4f4f4;
  background-image: none;
  color: #444;
  border-color: #ddd;
  border-bottom-color: #ddd;
}

.fc-button:hover,
.fc-button:active,
.fc-button.hover {
  background-color: #e9e9e9;
}

.fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}

.fc-header-right {
  padding-right: 10px;
}

.fc-header-left {
  padding-left: 10px;
}

.fc-widget-header {
  background: #fafafa;
}

.fc-grid {
  width: 100%;
  border: 0;
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
  border-right: 0;
}

.fc-toolbar {
  padding: 10px;
  margin: 0;
}

.fc-day-number {
  font-size: 20px;
  font-weight: 300;
  padding-right: 10px;
}

.fc-color-picker {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fc-color-picker > li {
  float: left;
  font-size: 30px;
  margin-right: 5px;
  line-height: 30px;
}

.fc-color-picker > li .fa {
  -webkit-transition: -webkit-transform linear 0.3s;
  -moz-transition: -moz-transform linear 0.3s;
  -o-transition: -o-transform linear 0.3s;
  transition: transform linear 0.3s;
}

.fc-color-picker > li .fa:hover {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

#add-new-event {
  -webkit-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.external-event {
  padding: 5px 10px;
  font-weight: bold;
  margin-bottom: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  cursor: move;
}

.external-event:hover {
  box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
}

/*
 * Plugin: Select2
 * ---------------
 */
.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
  outline: none;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  border: 1px solid #d2d6de;
  border-radius: 0;
  padding: 6px 12px;
  height: 34px;
}

.select2-container--default.select2-container--open {
  border-color: #3c8dbc;
}

.select2-dropdown {
  border: 1px solid #d2d6de;
  border-radius: 0;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: white;
}

.select2-results__option {
  padding: 6px 12px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  height: auto;
  margin-top: -4px;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 6px;
  padding-left: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 28px;
  right: 3px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-top: 0;
}

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
  border: 1px solid #d2d6de;
}

.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #3c8dbc !important;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
  .select2-results__option[aria-selected="true"]:hover {
  color: #444;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #d2d6de;
  border-radius: 0;
}

.select2-container--default .select2-selection--multiple:focus {
  border-color: #3c8dbc;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #d2d6de;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: var(--card-bg-color) !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 20px !important;
  padding: 2px 15px !important;
  color: var(--txt-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  float: right;
  font-size: 16px;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.7);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: var(--title-color) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 10px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  padding: 2px 10px;
}

.box .datepicker-inline,
.box .datepicker-inline .datepicker-days,
.box .datepicker-inline > table,
.box .datepicker-inline .datepicker-days > table {
  width: 100%;
}

.box .datepicker-inline td:hover,
.box .datepicker-inline .datepicker-days td:hover,
.box .datepicker-inline > table td:hover,
.box .datepicker-inline .datepicker-days > table td:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.box .datepicker-inline td.day.old,
.box .datepicker-inline .datepicker-days td.day.old,
.box .datepicker-inline > table td.day.old,
.box .datepicker-inline .datepicker-days > table td.day.old,
.box .datepicker-inline td.day.new,
.box .datepicker-inline .datepicker-days td.day.new,
.box .datepicker-inline > table td.day.new,
.box .datepicker-inline .datepicker-days > table td.day.new {
  color: #777;
}

/*
 * General: Miscellaneous
 * ----------------------
 */
.pad {
  padding: 10px;
}

.margin {
  margin: 10px;
}

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

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-r-5 {
  margin-right: 5px;
}

.inline {
  display: inline;
}

.description-block {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.description-block.margin-bottom {
  margin-bottom: 25px;
}

.description-block > .description-header {
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 16px;
}

.description-block > .description-text {
  text-transform: uppercase;
}

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: var(--txt-color) !important;
}

.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}

.bg-gray-light {
  background-color: #f7f7f7;
}

.bg-black {
  background-color: #111111 !important;
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: var(--badge-danger-bg-color) !important;
  color: var(--badge-danger-txt-color) !important;
}

.dark-theme .bg-red,
.dark-theme .callout.callout-danger,
.dark-theme .label-danger,
.dark-theme .modal-danger .modal-body {
  background-color: unset !important;
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: var(--badge-warning-bg-color) !important;
  color: var(--badge-warning-txt-color) !important;
}

.label-reg {
  color: var(--badge-reg-txt-color) !important;
  background-color: var(--badge-reg-bg-color) !important;
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: var(--card-bg-lite-color) !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #605ca8 !important;
}

.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}

.bg-black-active {
  background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}

.bg-blue-active {
  background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}

.bg-navy-active {
  background-color: #001a35 !important;
}

.bg-teal-active {
  background-color: #30bbbb !important;
}

.bg-olive-active {
  background-color: #368763 !important;
}

.bg-lime-active {
  background-color: #00e765 !important;
}

.bg-orange-active {
  background-color: #ff7701 !important;
}

.bg-fuchsia-active {
  background-color: #db0ead !important;
}

.bg-purple-active {
  background-color: #555299 !important;
}

.bg-maroon-active {
  background-color: #ca195a !important;
}

[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.text-red {
  color: #dd4b39 !important;
}

.text-yellow {
  color: #f39c12 !important;
}

.text-aqua {
  color: #00c0ef !important;
}

.text-blue {
  color: #0073b7 !important;
}

.text-black {
  color: #111111 !important;
}

.text-light-blue {
  color: #3c8dbc !important;
}

.text-green {
  color: #00a65a !important;
}

.text-gray {
  color: #d2d6de !important;
}

.text-navy {
  color: #001f3f !important;
}

.text-teal {
  color: #39cccc !important;
}

.text-olive {
  color: #3d9970 !important;
}

.text-lime {
  color: #01ff70 !important;
}

.text-orange {
  color: #ff851b !important;
}

.text-fuchsia {
  color: #f012be !important;
}

.text-purple {
  color: #605ca8 !important;
}

.text-maroon {
  color: #d81b60 !important;
}

.link-muted {
  color: #7a869d;
}

.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}

.link-black {
  color: #666;
}

.link-black:hover,
.link-black:focus {
  color: #999;
}

.hide {
  display: none !important;
}

.no-border {
  border: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-mb {
  margin-bottom: 0;
}

.no-shadow {
  box-shadow: none !important;
}

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-group-unbordered > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.flat {
  border-radius: 0 !important;
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}

.text-sm {
  font-size: 12px;
}

.jqstooltip {
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
}

.bg-teal-gradient {
  background: #39cccc !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #39cccc),
    color-stop(1, #7adddd)
  ) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(
    center bottom,
    #39cccc 0%,
    #7adddd 100%
  ) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}

.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #3c8dbc),
    color-stop(1, #67a8ce)
  ) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(
    center bottom,
    #3c8dbc 0%,
    #67a8ce 100%
  ) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}

.bg-blue-gradient {
  background: #0073b7 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #0073b7),
    color-stop(1, #0089db)
  ) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(
    center bottom,
    #0073b7 0%,
    #0089db 100%
  ) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}

.bg-aqua-gradient {
  background: #00c0ef !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #00c0ef),
    color-stop(1, #14d1ff)
  ) !important;
  background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
  background: -moz-linear-gradient(
    center bottom,
    #00c0ef 0%,
    #14d1ff 100%
  ) !important;
  background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
  color: #fff;
}

.bg-yellow-gradient {
  background: #f39c12 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f39c12),
    color-stop(1, #f7bc60)
  ) !important;
  background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
  background: -moz-linear-gradient(
    center bottom,
    #f39c12 0%,
    #f7bc60 100%
  ) !important;
  background: -o-linear-gradient(#f7bc60, #f39c12) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
  color: #fff;
}

.bg-purple-gradient {
  background: #605ca8 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #605ca8),
    color-stop(1, #9491c4)
  ) !important;
  background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
  background: -moz-linear-gradient(
    center bottom,
    #605ca8 0%,
    #9491c4 100%
  ) !important;
  background: -o-linear-gradient(#9491c4, #605ca8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
  color: #fff;
}

.bg-green-gradient {
  background: #00a65a !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #00a65a),
    color-stop(1, #00ca6d)
  ) !important;
  background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
  background: -moz-linear-gradient(
    center bottom,
    #00a65a 0%,
    #00ca6d 100%
  ) !important;
  background: -o-linear-gradient(#00ca6d, #00a65a) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
  color: #fff;
}

.bg-red-gradient {
  background: #dd4b39 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #dd4b39),
    color-stop(1, #e47365)
  ) !important;
  background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
  background: -moz-linear-gradient(
    center bottom,
    #dd4b39 0%,
    #e47365 100%
  ) !important;
  background: -o-linear-gradient(#e47365, #dd4b39) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
  color: #fff;
}

.bg-black-gradient {
  background: #111111 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #111111),
    color-stop(1, #2b2b2b)
  ) !important;
  background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important;
  background: -moz-linear-gradient(
    center bottom,
    #111111 0%,
    #2b2b2b 100%
  ) !important;
  background: -o-linear-gradient(#2b2b2b, #111111) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
  color: #fff;
}

.bg-maroon-gradient {
  background: #d81b60 !important;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #d81b60),
    color-stop(1, #e73f7c)
  ) !important;
  background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
  background: -moz-linear-gradient(
    center bottom,
    #d81b60 0%,
    #e73f7c 100%
  ) !important;
  background: -o-linear-gradient(#e73f7c, #d81b60) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
  color: #fff;
}

.description-block .description-icon {
  font-size: 16px;
}

.no-pad-top {
  padding-top: 0;
}

.position-static {
  position: static !important;
}

.list-header {
  font-size: 15px;
  padding: 10px 4px;
  font-weight: bold;
  color: #666;
}

.list-seperator {
  height: 1px;
  background: #f4f4f4;
  margin: 15px 0 9px 0;
}

.list-link > a {
  padding: 4px;
  color: #777;
}

.list-link > a:hover {
  color: #222;
}

.font-light {
  font-weight: 300;
}

.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}

.user-block:after {
  clear: both;
}

.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}

.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 50px;
}

.user-block .username {
  font-size: 16px;
  font-weight: 600;
}

.user-block .description {
  color: #999;
  font-size: 13px;
}

.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}

.user-block.user-block-sm .username {
  font-size: 14px;
}

.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  float: left;
}

.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
  width: 30px !important;
  height: 30px !important;
}

.img-sm + .img-push {
  margin-left: 40px;
}

.img-md {
  width: 60px;
  height: 60px;
}

.img-md + .img-push {
  margin-left: 70px;
}

.img-lg {
  width: 100px;
  height: 100px;
}

.img-lg + .img-push {
  margin-left: 110px;
}

.img-bordered {
  border: 3px solid #d2d6de;
  padding: 3px;
}

.img-bordered-sm {
  border: 2px solid #d2d6de;
  padding: 2px;
}

.attachment-block {
  border: 1px solid #f4f4f4;
  padding: 5px;
  margin-bottom: 10px;
  background: #f7f7f7;
}

.attachment-block .attachment-img {
  max-width: 100px;
  max-height: 100px;
  height: auto;
  float: left;
}

.attachment-block .attachment-pushed {
  margin-left: 110px;
}

.attachment-block .attachment-heading {
  margin: 0;
}

.attachment-block .attachment-text {
  color: #555;
}

.connectedSortable {
  min-height: 100px;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}

.full-opacity-hover {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.full-opacity-hover:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.chart svg,
.chart canvas {
  width: 100% !important;
}

/*
 * Misc: print
 * -----------
 */
@media print {
  .no-print,
  .main-sidebar,
  .left-side,
  .main-header,
  .content-header {
    display: none !important;
  }

  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 0 !important;
    min-height: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }

  .fixed .content-wrapper,
  .fixed .right-side {
    padding-top: 0 !important;
  }

  .invoice {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
  }

  .invoice-col {
    float: left;
    width: 33.3333333%;
  }

  .table-responsive {
    overflow: auto;
  }

  .table-responsive > .table tr th,
  .table-responsive > .table tr td {
    white-space: normal !important;
  }
}

/*Material design Bootrap*/

body {
  background-color: #eeeeee;
}

body.inverse {
  background: #333333;
}

body.inverse,
body.inverse .form-control {
  color: rgba(255, 255, 255, 0.84);
}

body.inverse .modal,
body.inverse .panel-default,
body.inverse .card,
body.inverse .modal .form-control,
body.inverse .panel-default .form-control,
body.inverse .card .form-control {
  background-color: initial;
  color: initial;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  /* font-family: "Public Sans", sans-serif; */
  /* font-family: "Poppins", sans-serif; */
  font-weight: 300;
}

h5,
h6 {
  font-weight: 400;
}

a,
a:hover,
a:focus {
  color: #009688;
}

a .material-icons,
a:hover .material-icons,
a:focus .material-icons {
  vertical-align: middle;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 0;
}

.form-horizontal .radio {
  margin-bottom: 10px;
}

.form-horizontal label {
  text-align: right;
}

.form-horizontal label.control-label {
  margin: 0;
}

body .container .well.well-sm,
body .container-fluid .well.well-sm {
  padding: 10px;
}

body .container .well.well-lg,
body .container-fluid .well.well-lg {
  padding: 26px;
}

body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron {
  background-color: #fff;
  padding: 19px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  border: 0;
}

body .container .well p,
body .container-fluid .well p,
body .container .jumbotron p,
body .container-fluid .jumbotron p {
  font-weight: 300;
}

body .container .well,
body .container-fluid .well,
body .container .jumbotron,
body .container-fluid .jumbotron,
body .container .well-default,
body .container-fluid .well-default,
body .container .jumbotron-default,
body .container-fluid .jumbotron-default {
  background-color: #ffffff;
}

body .container .well-inverse,
body .container-fluid .well-inverse,
body .container .jumbotron-inverse,
body .container-fluid .jumbotron-inverse {
  background-color: #3f51b5;
}

body .container .well-primary,
body .container-fluid .well-primary,
body .container .jumbotron-primary,
body .container-fluid .jumbotron-primary {
  background-color: #009688;
}

body .container .well-success,
body .container-fluid .well-success,
body .container .jumbotron-success,
body .container-fluid .jumbotron-success {
  background-color: #4caf50;
}

body .container .well-info,
body .container-fluid .well-info,
body .container .jumbotron-info,
body .container-fluid .jumbotron-info {
  background-color: #03a9f4;
}

body .container .well-warning,
body .container-fluid .well-warning,
body .container .jumbotron-warning,
body .container-fluid .jumbotron-warning {
  background-color: #ff5722;
}

body .container .well-danger,
body .container-fluid .well-danger,
body .container .jumbotron-danger,
body .container-fluid .jumbotron-danger {
  background-color: #f44336;
}

.btn,
.input-group-btn .btn {
  border: none;
  border-radius: 4px;
  position: relative;
  /* padding: 10px 20px; */
  padding: 8px 16px;
  /* margin: 10px 1px; */
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  /* will-change: box-shadow, transform; */
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}

.btn::-moz-focus-inner,
.input-group-btn .btn::-moz-focus-inner {
  border: 0;
}
.exportBtn {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 15px;
  line-height: 1;
  border: 0;
}
.btn:not(.btn-raised),
.input-group-btn .btn:not(.btn-raised) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* .btn:not(.btn-raised),
.input-group-btn .btn:not(.btn-raised),
.btn:not(.btn-raised).btn-default,
.input-group-btn .btn:not(.btn-raised).btn-default {  
  color: var(--txt-color);
} */

.btn:not(.btn-raised).btn-inverse,
.input-group-btn .btn:not(.btn-raised).btn-inverse {
  color: #3f51b5;
}

/* .btn:not(.btn-raised).btn-primary,
.input-group-btn .btn:not(.btn-raised).btn-primary {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
} */

.btn:not(.btn-raised).btn-success,
.input-group-btn .btn:not(.btn-raised).btn-success {
  color: #4caf50;
}

.btn:not(.btn-raised).btn-info,
.input-group-btn .btn:not(.btn-raised).btn-info {
  color: var(--button-text-color);
}

.btn:not(.btn-raised).btn-warning,
.input-group-btn .btn:not(.btn-raised).btn-warning {
  color: #ff5722;
}

.btn:not(.btn-raised).btn-danger,
.input-group-btn .btn:not(.btn-raised).btn-danger {
  color: #f44336;
}

/* .btn:not(.btn-raised):not(.btn-link):hover,
.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
.btn:not(.btn-raised):not(.btn-link):focus,
.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    background-color: rgba(153, 153, 153, 0.2);
} */
.theme-dark .btn:not(.btn-raised):not(.btn-link):hover,
.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
.theme-dark .btn:not(.btn-raised):not(.btn-link):focus,
.theme-dark .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
  background-color: rgba(204, 204, 204, 0.15);
}

.btn.btn-raised,
.input-group-btn .btn.btn-raised,
.btn.btn-fab,
.input-group-btn .btn.btn-fab,
.btn-group-raised .btn,
.btn-group-raised .input-group-btn .btn,
.btn.btn-raised.btn-default,
.input-group-btn .btn.btn-raised.btn-default,
.btn.btn-fab.btn-default,
.input-group-btn .btn.btn-fab.btn-default,
.btn-group-raised .btn.btn-default,
.btn-group-raised .input-group-btn .btn.btn-default {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.87);
}

.btn.btn-raised.btn-inverse,
.input-group-btn .btn.btn-raised.btn-inverse,
.btn.btn-fab.btn-inverse,
.input-group-btn .btn.btn-fab.btn-inverse,
.btn-group-raised .btn.btn-inverse,
.btn-group-raised .input-group-btn .btn.btn-inverse {
  background-color: #3f51b5;
  color: #ffffff;
}

.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary,
.btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.btn.btn-raised.btn-success,
.input-group-btn .btn.btn-raised.btn-success,
.btn.btn-fab.btn-success,
.input-group-btn .btn.btn-fab.btn-success,
.btn-group-raised .btn.btn-success,
.btn-group-raised .input-group-btn .btn.btn-success {
  background-color: #4caf50;
  color: rgba(255, 255, 255, 0.84);
}

.btn.btn-raised.btn-info,
.input-group-btn .btn.btn-raised.btn-info,
.btn.btn-fab.btn-info,
.input-group-btn .btn.btn-fab.btn-info,
.btn-group-raised .btn.btn-info,
.btn-group-raised .input-group-btn .btn.btn-info {
  background-color: #03a9f4;
  color: rgba(255, 255, 255, 0.84);
}

.btn.btn-raised.btn-warning,
.input-group-btn .btn.btn-raised.btn-warning,
.btn.btn-fab.btn-warning,
.input-group-btn .btn.btn-fab.btn-warning,
.btn-group-raised .btn.btn-warning,
.btn-group-raised .input-group-btn .btn.btn-warning {
  background-color: #ff5722;
  color: rgba(255, 255, 255, 0.84);
}

.btn.btn-raised.btn-danger,
.input-group-btn .btn.btn-raised.btn-danger,
.btn.btn-fab.btn-danger,
.input-group-btn .btn.btn-fab.btn-danger,
.btn-group-raised .btn.btn-danger,
.btn-group-raised .input-group-btn .btn.btn-danger {
  background-color: #f44336;
  color: rgba(255, 255, 255, 0.84);
}

.btn.btn-raised:not(.btn-link),
.input-group-btn .btn.btn-raised:not(.btn-link),
.btn-group-raised .btn:not(.btn-link),
.btn-group-raised .input-group-btn .btn:not(.btn-link) {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn.btn-raised:not(.btn-link):hover,
.input-group-btn .btn.btn-raised:not(.btn-link):hover,
.btn-group-raised .btn:not(.btn-link):hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
.btn.btn-raised:not(.btn-link):focus,
.input-group-btn .btn.btn-raised:not(.btn-link):focus,
.btn-group-raised .btn:not(.btn-link):focus,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
.btn.btn-raised:not(.btn-link).active,
.input-group-btn .btn.btn-raised:not(.btn-link).active,
.btn-group-raised .btn:not(.btn-link).active,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active,
.btn.btn-raised:not(.btn-link):active,
.input-group-btn .btn.btn-raised:not(.btn-link):active,
.btn-group-raised .btn:not(.btn-link):active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active {
  outline: 0;
}

.btn.btn-raised:not(.btn-link):hover,
.input-group-btn .btn.btn-raised:not(.btn-link):hover,
.btn-group-raised .btn:not(.btn-link):hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover,
.btn.btn-raised:not(.btn-link):focus,
.input-group-btn .btn.btn-raised:not(.btn-link):focus,
.btn-group-raised .btn:not(.btn-link):focus,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
.btn.btn-raised:not(.btn-link).active,
.input-group-btn .btn.btn-raised:not(.btn-link).active,
.btn-group-raised .btn:not(.btn-link).active,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active,
.btn.btn-raised:not(.btn-link):active,
.input-group-btn .btn.btn-raised:not(.btn-link):active,
.btn-group-raised .btn:not(.btn-link):active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active,
.btn.btn-raised:not(.btn-link):hover.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default,
.btn-group-raised .btn:not(.btn-link):hover.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default,
.btn.btn-raised:not(.btn-link):focus.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default,
.btn-group-raised .btn:not(.btn-link):focus.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default,
.btn.btn-raised:not(.btn-link).active.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default,
.btn-group-raised .btn:not(.btn-link).active.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default,
.btn.btn-raised:not(.btn-link):active.btn-default,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default,
.btn-group-raised .btn:not(.btn-link):active.btn-default,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default {
  background-color: #e4e4e4;
}

.btn.btn-raised:not(.btn-link):hover.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse,
.btn-group-raised .btn:not(.btn-link):hover.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse,
.btn.btn-raised:not(.btn-link):focus.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse,
.btn-group-raised .btn:not(.btn-link):focus.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse,
.btn.btn-raised:not(.btn-link).active.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse,
.btn-group-raised .btn:not(.btn-link).active.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse,
.btn.btn-raised:not(.btn-link):active.btn-inverse,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse,
.btn-group-raised .btn:not(.btn-link):active.btn-inverse,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse {
  background-color: #495bc0;
}

.btn.btn-raised:not(.btn-link):hover.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary,
.btn-group-raised .btn:not(.btn-link):hover.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,
.btn.btn-raised:not(.btn-link):focus.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,
.btn-group-raised .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,
.btn.btn-raised:not(.btn-link).active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,
.btn-group-raised .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,
.btn.btn-raised:not(.btn-link):active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,
.btn-group-raised .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {
  background-color: #00aa9a;
}

.btn.btn-raised:not(.btn-link):hover.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success,
.btn-group-raised .btn:not(.btn-link):hover.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success,
.btn.btn-raised:not(.btn-link):focus.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success,
.btn-group-raised .btn:not(.btn-link):focus.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success,
.btn.btn-raised:not(.btn-link).active.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success,
.btn-group-raised .btn:not(.btn-link).active.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success,
.btn.btn-raised:not(.btn-link):active.btn-success,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success,
.btn-group-raised .btn:not(.btn-link):active.btn-success,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success {
  background-color: #59b75c;
}

.btn.btn-raised:not(.btn-link):hover.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info,
.btn-group-raised .btn:not(.btn-link):hover.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info,
.btn.btn-raised:not(.btn-link):focus.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info,
.btn-group-raised .btn:not(.btn-link):focus.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info,
.btn.btn-raised:not(.btn-link).active.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info,
.btn-group-raised .btn:not(.btn-link).active.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info,
.btn.btn-raised:not(.btn-link):active.btn-info,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info,
.btn-group-raised .btn:not(.btn-link):active.btn-info,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info {
  background-color: #0fb2fc;
}

.btn.btn-raised:not(.btn-link):hover.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning,
.btn-group-raised .btn:not(.btn-link):hover.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning,
.btn.btn-raised:not(.btn-link):focus.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning,
.btn-group-raised .btn:not(.btn-link):focus.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning,
.btn.btn-raised:not(.btn-link).active.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning,
.btn-group-raised .btn:not(.btn-link).active.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning,
.btn.btn-raised:not(.btn-link):active.btn-warning,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning,
.btn-group-raised .btn:not(.btn-link):active.btn-warning,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning {
  background-color: #ff6736;
}

.btn.btn-raised:not(.btn-link):hover.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger,
.btn-group-raised .btn:not(.btn-link):hover.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger,
.btn.btn-raised:not(.btn-link):focus.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger,
.btn-group-raised .btn:not(.btn-link):focus.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger,
.btn.btn-raised:not(.btn-link).active.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger,
.btn-group-raised .btn:not(.btn-link).active.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger,
.btn.btn-raised:not(.btn-link):active.btn-danger,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger,
.btn-group-raised .btn:not(.btn-link):active.btn-danger,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger {
  background-color: #f55549;
}

.btn.btn-raised:not(.btn-link).active,
.input-group-btn .btn.btn-raised:not(.btn-link).active,
.btn-group-raised .btn:not(.btn-link).active,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active,
.btn.btn-raised:not(.btn-link):active,
.input-group-btn .btn.btn-raised:not(.btn-link):active,
.btn-group-raised .btn:not(.btn-link):active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active,
.btn.btn-raised:not(.btn-link).active:hover,
.input-group-btn .btn.btn-raised:not(.btn-link).active:hover,
.btn-group-raised .btn:not(.btn-link).active:hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active:hover,
.btn.btn-raised:not(.btn-link):active:hover,
.input-group-btn .btn.btn-raised:not(.btn-link):active:hover,
.btn-group-raised .btn:not(.btn-link):active:hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active:hover {
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
    0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

.btn.btn-raised:not(.btn-link):focus,
.input-group-btn .btn.btn-raised:not(.btn-link):focus,
.btn-group-raised .btn:not(.btn-link):focus,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus,
.btn.btn-raised:not(.btn-link):focus.active,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.active,
.btn-group-raised .btn:not(.btn-link):focus.active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active,
.btn.btn-raised:not(.btn-link):focus:active,
.input-group-btn .btn.btn-raised:not(.btn-link):focus:active,
.btn-group-raised .btn:not(.btn-link):focus:active,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active,
.btn.btn-raised:not(.btn-link):focus:hover,
.input-group-btn .btn.btn-raised:not(.btn-link):focus:hover,
.btn-group-raised .btn:not(.btn-link):focus:hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:hover,
.btn.btn-raised:not(.btn-link):focus.active:hover,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.active:hover,
.btn-group-raised .btn:not(.btn-link):focus.active:hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.active:hover,
.btn.btn-raised:not(.btn-link):focus:active:hover,
.input-group-btn .btn.btn-raised:not(.btn-link):focus:active:hover,
.btn-group-raised .btn:not(.btn-link):focus:active:hover,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus:active:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18),
    0 8px 16px rgba(0, 0, 0, 0.36);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}

.btn.btn-fab,
.input-group-btn .btn.btn-fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
    0 1px 1px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}

.btn.btn-fab .ripple-container,
.input-group-btn .btn.btn-fab .ripple-container {
  border-radius: 50%;
}

.btn.btn-fab.btn-fab-mini,
.input-group-btn .btn.btn-fab.btn-fab-mini,
.btn-group-sm .btn.btn-fab,
.btn-group-sm .input-group-btn .btn.btn-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}

.btn.btn-fab.btn-fab-mini.material-icons,
.input-group-btn .btn.btn-fab.btn-fab-mini.material-icons,
.btn-group-sm .btn.btn-fab.material-icons,
.btn-group-sm .input-group-btn .btn.btn-fab.material-icons {
  top: 0px;
  left: 0px;
}

.btn.btn-fab i.material-icons,
.input-group-btn .btn.btn-fab i.material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  -ms-transform: translate(-12px, -12px);
  -o-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.btn-width {
  width: 160px;
}
.btn-width-sm {
  width: 120px;
}
.btn i.material-icons,
.input-group-btn .btn i.material-icons {
  vertical-align: middle;
}

.btn.btn-lg,
.input-group-btn .btn.btn-lg,
.btn-group-lg .btn,
.btn-group-lg .input-group-btn .btn {
  font-size: 16px;
}

.btn.btn-sm,
.input-group-btn .btn.btn-sm,
.btn-group-sm .btn,
.btn-group-sm .input-group-btn .btn {
  padding: 5px 20px;
  font-size: 14px;
}

.btn.btn-xs,
.input-group-btn .btn.btn-xs,
.btn-group-xs .btn,
.btn-group-xs .input-group-btn .btn {
  padding: 4px 15px;
  font-size: 10px;
}

fieldset[disabled][disabled] .btn,
fieldset[disabled][disabled] .input-group-btn .btn,
fieldset[disabled][disabled] .btn-group,
fieldset[disabled][disabled] .btn-group-vertical,
.btn.disabled,
.input-group-btn .btn.disabled,
.btn-group.disabled,
.btn-group-vertical.disabled,
.btn:disabled,
.input-group-btn .btn:disabled,
.btn-group:disabled,
.btn-group-vertical:disabled,
.btn[disabled][disabled],
.input-group-btn .btn[disabled][disabled],
.btn-group[disabled][disabled],
.btn-group-vertical[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
  background: transparent;
}

.theme-dark fieldset[disabled][disabled] .btn,
.theme-dark fieldset[disabled][disabled] .input-group-btn .btn,
.theme-dark fieldset[disabled][disabled] .btn-group,
.theme-dark fieldset[disabled][disabled] .btn-group-vertical,
.theme-dark .btn.disabled,
.theme-dark .input-group-btn .btn.disabled,
.theme-dark .btn-group.disabled,
.theme-dark .btn-group-vertical.disabled,
.theme-dark .btn:disabled,
.theme-dark .input-group-btn .btn:disabled,
.theme-dark .btn-group:disabled,
.theme-dark .btn-group-vertical:disabled,
.theme-dark .btn[disabled][disabled],
.theme-dark .input-group-btn .btn[disabled][disabled],
.theme-dark .btn-group[disabled][disabled],
.theme-dark .btn-group-vertical[disabled][disabled] {
  color: rgba(255, 255, 255, 0.3);
}

fieldset[disabled][disabled] .btn.btn-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised,
fieldset[disabled][disabled] .btn-group.btn-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised,
.btn.disabled.btn-raised,
.input-group-btn .btn.disabled.btn-raised,
.btn-group.disabled.btn-raised,
.btn-group-vertical.disabled.btn-raised,
.btn:disabled.btn-raised,
.input-group-btn .btn:disabled.btn-raised,
.btn-group:disabled.btn-raised,
.btn-group-vertical:disabled.btn-raised,
.btn[disabled][disabled].btn-raised,
.input-group-btn .btn[disabled][disabled].btn-raised,
.btn-group[disabled][disabled].btn-raised,
.btn-group-vertical[disabled][disabled].btn-raised,
fieldset[disabled][disabled] .btn.btn-group-raised,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised,
fieldset[disabled][disabled] .btn-group.btn-group-raised,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised,
.btn.disabled.btn-group-raised,
.input-group-btn .btn.disabled.btn-group-raised,
.btn-group.disabled.btn-group-raised,
.btn-group-vertical.disabled.btn-group-raised,
.btn:disabled.btn-group-raised,
.input-group-btn .btn:disabled.btn-group-raised,
.btn-group:disabled.btn-group-raised,
.btn-group-vertical:disabled.btn-group-raised,
.btn[disabled][disabled].btn-group-raised,
.input-group-btn .btn[disabled][disabled].btn-group-raised,
.btn-group[disabled][disabled].btn-group-raised,
.btn-group-vertical[disabled][disabled].btn-group-raised,
fieldset[disabled][disabled] .btn.btn-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active,
fieldset[disabled][disabled] .btn-group.btn-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active,
.btn.disabled.btn-raised.active,
.input-group-btn .btn.disabled.btn-raised.active,
.btn-group.disabled.btn-raised.active,
.btn-group-vertical.disabled.btn-raised.active,
.btn:disabled.btn-raised.active,
.input-group-btn .btn:disabled.btn-raised.active,
.btn-group:disabled.btn-raised.active,
.btn-group-vertical:disabled.btn-raised.active,
.btn[disabled][disabled].btn-raised.active,
.input-group-btn .btn[disabled][disabled].btn-raised.active,
.btn-group[disabled][disabled].btn-raised.active,
.btn-group-vertical[disabled][disabled].btn-raised.active,
fieldset[disabled][disabled] .btn.btn-group-raised.active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group.btn-group-raised.active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active,
.btn.disabled.btn-group-raised.active,
.input-group-btn .btn.disabled.btn-group-raised.active,
.btn-group.disabled.btn-group-raised.active,
.btn-group-vertical.disabled.btn-group-raised.active,
.btn:disabled.btn-group-raised.active,
.input-group-btn .btn:disabled.btn-group-raised.active,
.btn-group:disabled.btn-group-raised.active,
.btn-group-vertical:disabled.btn-group-raised.active,
.btn[disabled][disabled].btn-group-raised.active,
.input-group-btn .btn[disabled][disabled].btn-group-raised.active,
.btn-group[disabled][disabled].btn-group-raised.active,
.btn-group-vertical[disabled][disabled].btn-group-raised.active,
fieldset[disabled][disabled] .btn.btn-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active,
fieldset[disabled][disabled] .btn-group.btn-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active,
.btn.disabled.btn-raised:active,
.input-group-btn .btn.disabled.btn-raised:active,
.btn-group.disabled.btn-raised:active,
.btn-group-vertical.disabled.btn-raised:active,
.btn:disabled.btn-raised:active,
.input-group-btn .btn:disabled.btn-raised:active,
.btn-group:disabled.btn-raised:active,
.btn-group-vertical:disabled.btn-raised:active,
.btn[disabled][disabled].btn-raised:active,
.input-group-btn .btn[disabled][disabled].btn-raised:active,
.btn-group[disabled][disabled].btn-raised:active,
.btn-group-vertical[disabled][disabled].btn-raised:active,
fieldset[disabled][disabled] .btn.btn-group-raised:active,
fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group.btn-group-raised:active,
fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active,
.btn.disabled.btn-group-raised:active,
.input-group-btn .btn.disabled.btn-group-raised:active,
.btn-group.disabled.btn-group-raised:active,
.btn-group-vertical.disabled.btn-group-raised:active,
.btn:disabled.btn-group-raised:active,
.input-group-btn .btn:disabled.btn-group-raised:active,
.btn-group:disabled.btn-group-raised:active,
.btn-group-vertical:disabled.btn-group-raised:active,
.btn[disabled][disabled].btn-group-raised:active,
.input-group-btn .btn[disabled][disabled].btn-group-raised:active,
.btn-group[disabled][disabled].btn-group-raised:active,
.btn-group-vertical[disabled][disabled].btn-group-raised:active,
fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active),
fieldset[disabled][disabled]
  .input-group-btn
  .btn.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active),
.btn.disabled.btn-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-raised:focus:not(:active),
.btn-group.disabled.btn-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-raised:focus:not(:active),
.btn:disabled.btn-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-raised:focus:not(:active),
.btn-group:disabled.btn-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-raised:focus:not(:active),
.btn[disabled][disabled].btn-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active),
fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled]
  .input-group-btn
  .btn.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active),
fieldset[disabled][disabled]
  .btn-group-vertical.btn-group-raised:focus:not(:active),
.btn.disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn.disabled.btn-group-raised:focus:not(:active),
.btn-group.disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical.disabled.btn-group-raised:focus:not(:active),
.btn:disabled.btn-group-raised:focus:not(:active),
.input-group-btn .btn:disabled.btn-group-raised:focus:not(:active),
.btn-group:disabled.btn-group-raised:focus:not(:active),
.btn-group-vertical:disabled.btn-group-raised:focus:not(:active),
.btn[disabled][disabled].btn-group-raised:focus:not(:active),
.input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group[disabled][disabled].btn-group-raised:focus:not(:active),
.btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  /* margin: 10px 1px; */
}

.btn-group.open > .dropdown-toggle.btn,
.btn-group-vertical.open > .dropdown-toggle.btn,
.btn-group.open > .dropdown-toggle.btn.btn-default,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
  background-color: #eeeeee;
}

.btn-group.open > .dropdown-toggle.btn.btn-inverse,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {
  background-color: #3f51b5;
}

.btn-group.open > .dropdown-toggle.btn.btn-primary,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
  background-color: #009688;
}

.btn-group.open > .dropdown-toggle.btn.btn-success,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-success {
  background-color: #4caf50;
}

.btn-group.open > .dropdown-toggle.btn.btn-info,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-info {
  background-color: #03a9f4;
}

.btn-group.open > .dropdown-toggle.btn.btn-warning,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {
  background-color: #ff5722;
}

.btn-group.open > .dropdown-toggle.btn.btn-danger,
.btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {
  background-color: #f44336;
}

/* .btn-group .dropdown-menu,
.btn-group-vertical .dropdown-menu {
    border-radius: 0 0 2px 2px;
} */
.btn-group.btn-group-raised,
.btn-group-vertical.btn-group-raised {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.btn-group .btn + .btn,
.btn-group-vertical .btn + .btn,
.btn-group .btn,
.btn-group-vertical .btn,
.btn-group .btn:active,
.btn-group-vertical .btn:active,
.btn-group .btn-group,
.btn-group-vertical .btn-group {
  margin: 0;
}

.checkbox label,
label.checkbox-inline {
  cursor: pointer;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .checkbox label,
.form-group.is-focused label.checkbox-inline {
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .checkbox label:hover,
.form-group.is-focused label.checkbox-inline:hover,
.form-group.is-focused .checkbox label:focus,
.form-group.is-focused label.checkbox-inline:focus {
  color: rgba(0, 0, 0, 0.54);
}

fieldset[disabled] .form-group.is-focused .checkbox label,
fieldset[disabled] .form-group.is-focused label.checkbox-inline {
  color: rgba(0, 0, 0, 0.26);
}

.checkbox input[type="checkbox"],
label.checkbox-inline input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}

.checkbox .checkbox-material,
label.checkbox-inline .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 3px;
}

.checkbox .checkbox-material:before,
label.checkbox-inline .checkbox-material:before {
  display: block;
  position: absolute;
  top: -1px;
  left: 2px;
  content: "";
  background-color: transparent;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(2.3, 2.3, 1);
  transform: scale3d(2.3, 2.3, 1);
}

.checkbox .checkbox-material .check,
label.checkbox-inline .checkbox-material .check {
  position: relative;
  display: inline-block;
  width:  16px;
  height: 16px;
  border: 1px solid #aab1b7 !important;
  border: 1px solid var(--primary-shade);
  border-radius: 2px;
  overflow: hidden;
  /* z-index: 1; */
}

.checkbox .checkbox-material .check:before,
label.checkbox-inline .checkbox-material .check:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  margin-top: -5px;
  margin-left: 5px;
  width: 0;
  height: 0;
  -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
    0 0 0 0 inset;
  box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
    0 0 0 0 inset;
}

.checkbox input[type="checkbox"]:focus + .checkbox-material .check:after,
label.checkbox-inline
  input[type="checkbox"]:focus
  + .checkbox-material
  .check:after {
  opacity: 0.2;
}

.checkbox input[type="checkbox"]:focus:checked + .checkbox-material:before,
label.checkbox-inline
  input[type="checkbox"]:focus:checked
  + .checkbox-material:before {
  -webkit-animation: rippleOn 500ms;
  -o-animation: rippleOn 500ms;
  animation: rippleOn 500ms;
}

.checkbox
  input[type="checkbox"]:focus:checked
  + .checkbox-material
  .check:before,
label.checkbox-inline
  input[type="checkbox"]:focus:checked
  + .checkbox-material
  .check:before {
  -webkit-animation: checkbox-on 0.3s forwards;
  -o-animation: checkbox-on 0.3s forwards;
  animation: checkbox-on 0.3s forwards;
}

.checkbox
  input[type="checkbox"]:focus:checked
  + .checkbox-material
  .check:after,
label.checkbox-inline
  input[type="checkbox"]:focus:checked
  + .checkbox-material
  .check:after {
  -webkit-animation: rippleOn 500ms forwards;
  -o-animation: rippleOn 500ms forwards;
  animation: rippleOn 500ms forwards;
}

.checkbox
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material:before,
label.checkbox-inline
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material:before {
  -webkit-animation: rippleOff 500ms;
  -o-animation: rippleOff 500ms;
  animation: rippleOff 500ms;
}

.checkbox
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material
  .check:before,
label.checkbox-inline
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material
  .check:before {
  -webkit-animation: checkbox-off 0.3s forwards;
  -o-animation: checkbox-off 0.3s forwards;
  animation: checkbox-off 0.3s forwards;
}

.checkbox
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material
  .check:after,
label.checkbox-inline
  input[type="checkbox"]:focus:not(:checked)
  + .checkbox-material
  .check:after {
  -webkit-animation: rippleOff 500ms forwards;
  -o-animation: rippleOff 500ms forwards;
  animation: rippleOff 500ms forwards;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check,
label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #009688;
  border-color: #009688;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before,
label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #009688;
  -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
    0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
    -5px 5px 0 10px, 20px -12px 0 11px;
}

fieldset[disabled] .checkbox,
fieldset[disabled] label.checkbox-inline,
fieldset[disabled] .checkbox input[type="checkbox"],
fieldset[disabled] label.checkbox-inline input[type="checkbox"],
.checkbox
  input[type="checkbox"][disabled]:not(:checked)
  ~ .checkbox-material
  .check:before,
label.checkbox-inline
  input[type="checkbox"][disabled]:not(:checked)
  ~ .checkbox-material
  .check:before,
.checkbox
  input[type="checkbox"][disabled]:not(:checked)
  ~ .checkbox-material
  .check,
label.checkbox-inline
  input[type="checkbox"][disabled]:not(:checked)
  ~ .checkbox-material
  .check,
.checkbox input[type="checkbox"][disabled] + .circle,
label.checkbox-inline input[type="checkbox"][disabled] + .circle {
  opacity: 0.5;
}

.checkbox input[type="checkbox"][disabled] + .checkbox-material .check:after,
label.checkbox-inline
  input[type="checkbox"][disabled]
  + .checkbox-material
  .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px;
  }

  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px 2px 0 11px;
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@-o-keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px;
  }

  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px 2px 0 11px;
  }

  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@keyframes checkbox-on {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px;
  }

  50% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px 2px 0 11px;
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px;
  }
}

@-webkit-keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  50% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }

  51% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 10px inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 10px inset;
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 0 inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 0 inset;
  }
}

@-o-keyframes checkbox-off {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  25% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  50% {
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }

  51% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 10px inset;
  }

  100% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 0 inset;
  }
}

@keyframes checkbox-off {
  0% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  25% {
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
  }

  50% {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
      0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
      -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
  }

  51% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 10px inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 10px inset;
  }

  100% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 0 inset;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0,
      0px 0 0 0 inset;
  }
}

@-webkit-keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

.togglebutton {
  vertical-align: middle;
}

.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.togglebutton label {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .togglebutton label {
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .togglebutton label:hover,
.form-group.is-focused .togglebutton label:focus {
  color: rgba(0, 0, 0, 0.54);
}

fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0, 0, 0, 0.26);
}

.togglebutton label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
}

.togglebutton label .toggle {
  text-align: left;
}

.togglebutton label .toggle,
.togglebutton label input[type="checkbox"][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 15px;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
}

.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #f1f1f1;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -2px;
  -webkit-transition: left 0.3s ease, background 0.3s ease,
    -webkit-box-shadow 0.1s ease;
  -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}

.togglebutton label input[type="checkbox"][disabled] + .toggle:after,
.togglebutton label input[type="checkbox"][disabled]:checked + .toggle:after {
  background-color: #bdbdbd;
}

.togglebutton label input[type="checkbox"] + .toggle:active:after,
.togglebutton label input[type="checkbox"][disabled] + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.togglebutton label input[type="checkbox"]:checked + .toggle:after {
  left: 15px;
}

.togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(0, 150, 136, 0.5);
}

.togglebutton label input[type="checkbox"]:checked + .toggle:after {
  background-color: #009688;
}

.togglebutton label input[type="checkbox"]:checked + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 150, 136, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 150, 136, 0.1);
}

.radio label,
label.radio-inline {
  cursor: pointer;
  padding-left: 45px;
  position: relative;
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .radio label,
.form-group.is-focused label.radio-inline {
  color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .radio label:hover,
.form-group.is-focused label.radio-inline:hover,
.form-group.is-focused .radio label:focus,
.form-group.is-focused label.radio-inline:focus {
  color: rgba(0, 0, 0, 0.54);
}

fieldset[disabled] .form-group.is-focused .radio label,
fieldset[disabled] .form-group.is-focused label.radio-inline {
  color: rgba(0, 0, 0, 0.26);
}

.radio span,
label.radio-inline span {
  display: block;
  position: absolute;
  left: 10px;
  top: 2px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.radio .circle,
label.radio-inline .circle {
  border: 2px solid rgba(0, 0, 0, 0.54);
  height: 15px;
  width: 15px;
  border-radius: 100%;
}

.radio .check,
label.radio-inline .check {
  height: 15px;
  width: 15px;
  border-radius: 100%;
  background-color: #009688;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.radio .check:after,
label.radio-inline .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1);
}

.radio input[type="radio"]:focus:not(:checked) ~ .check:after,
label.radio-inline input[type="radio"]:focus:not(:checked) ~ .check:after {
  -webkit-animation: rippleOff 500ms;
  -o-animation: rippleOff 500ms;
  animation: rippleOff 500ms;
}

.radio input[type="radio"]:focus:checked ~ .check:after,
label.radio-inline input[type="radio"]:focus:checked ~ .check:after {
  -webkit-animation: rippleOn 500ms;
  -o-animation: rippleOn 500ms;
  animation: rippleOn 500ms;
}

.radio input[type="radio"],
label.radio-inline input[type="radio"] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.radio input[type="radio"]:checked ~ .check,
label.radio-inline input[type="radio"]:checked ~ .check,
.radio input[type="radio"]:checked ~ .circle,
label.radio-inline input[type="radio"]:checked ~ .circle {
  opacity: 1;
}

.radio input[type="radio"]:checked ~ .check,
label.radio-inline input[type="radio"]:checked ~ .check {
  background-color: #009688;
}

.radio input[type="radio"]:checked ~ .circle,
label.radio-inline input[type="radio"]:checked ~ .circle {
  border-color: #009688;
}

.radio input[type="radio"]:checked ~ .check,
label.radio-inline input[type="radio"]:checked ~ .check {
  -webkit-transform: scale3d(0.55, 0.55, 1);
  transform: scale3d(0.55, 0.55, 1);
}

.radio input[type="radio"][disabled] ~ .check,
label.radio-inline input[type="radio"][disabled] ~ .check,
.radio input[type="radio"][disabled] ~ .circle,
label.radio-inline input[type="radio"][disabled] ~ .circle {
  opacity: 0.26;
}

.radio input[type="radio"][disabled] ~ .check,
label.radio-inline input[type="radio"][disabled] ~ .check {
  background-color: #000000;
}

.radio input[type="radio"][disabled] ~ .circle,
label.radio-inline input[type="radio"][disabled] ~ .circle {
  border-color: #000000;
}

.theme-dark .radio input[type="radio"][disabled] ~ .check,
.theme-dark label.radio-inline input[type="radio"][disabled] ~ .check,
.theme-dark .radio input[type="radio"][disabled] ~ .circle,
.theme-dark label.radio-inline input[type="radio"][disabled] ~ .circle {
  opacity: 0.3;
}

.theme-dark .radio input[type="radio"][disabled] ~ .check,
.theme-dark label.radio-inline input[type="radio"][disabled] ~ .check {
  background-color: #ffffff;
}

.theme-dark .radio input[type="radio"][disabled] ~ .circle,
.theme-dark label.radio-inline input[type="radio"][disabled] ~ .circle {
  border-color: #ffffff;
}

@keyframes rippleOn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rippleOff {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.2;
  }

  100% {
    opacity: 0;
  }
}

legend {
  margin-bottom: 22px;
  font-size: 24px;
}

output {
  padding-top: 8px;
  font-size: 16px;
  line-height: 1.42857143;
}

.form-control {
  height: 42px;
  padding: 5px 10px;
  /* font-size: 16px; */
  line-height: 1.42857143;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 38px;
    } */
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 24px;
  }

  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 44px;
  }
}

.radio label,
.checkbox label {
  min-height: 22px;
}

.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 38px;
}

.input-sm .input-sm {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0;
}

.input-sm select.input-sm {
  height: 24px;
  line-height: 24px;
}

.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
  height: auto;
}

.form-group-sm .form-control {
  height: 24px;
  padding: 3px 0;
  font-size: 11px;
  line-height: 1.5;
}

.form-group-sm select.form-control {
  height: 24px;
  line-height: 24px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 24px;
  min-height: 33px;
  padding: 4px 0;
  font-size: 11px;
  line-height: 1.5;
}

.input-lg .input-lg {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}

.input-lg select.input-lg {
  height: 44px;
  line-height: 44px;
}

.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
  height: auto;
}

.form-group-lg .form-control {
  height: 44px;
  padding: 9px 0;
  font-size: 18px;
  line-height: 1.3333333;
}

.form-group-lg select.form-control {
  height: 44px;
  line-height: 44px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 44px;
  min-height: 40px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3333333;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 8px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 8px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 12.9999997px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 4px;
    font-size: 11px;
  }
}

.label {
  border-radius: 1px;
  padding: 0.3em 0.6em;
}

.label,
.label.label-default {
  background-color: #9e9e9e;
}

.label.label-inverse {
  background-color: #3f51b5;
}

.label.label-primary {
  background-color: #009688;
}

.label.label-success {
  background-color: #4caf50;
}

.label.label-info {
  background-color: #03a9f4;
}

.label.label-warning {
  background-color: #ff5722;
}

.label.label-danger {
  background-color: #f44336;
}

.form-control,
.form-group .form-control {
  border: 0;
  -webkit-background-size: 0 2px, 100% 1px;
  background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center -webkit-calc(100% - 1px);
  background-position: center bottom, center calc(100% - 1px);
  -webkit-transition: background 0s ease-out;
  -o-transition: background 0s ease-out;
  transition: background 0s ease-out;
  float: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
  color: #bdbdbd;
  font-weight: 400;
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
  color: #bdbdbd;
  font-weight: 400;
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
  color: #bdbdbd;
  font-weight: 400;
}

.form-control[readonly],
.form-group .form-control[readonly],
.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-color: rgba(154, 154, 154, 0.12);
  cursor: not-allowed;
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
  background-image: none;
  border-bottom: 1px dotted #d2d2d2;
}

.form-group {
  position: relative;
}

.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
  position: absolute;
  pointer-events: none;
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.form-group.label-floating label.control-label {
  will-change: left, top, contents;
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
  display: none;
}

.form-group .help-block {
  position: absolute;
  display: none;
}

.form-group.is-focused .form-control {
  outline: none;
  -webkit-background-size: 100% 2px, 100% 1px;
  background-size: 100% 2px, 100% 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.form-group.is-focused .form-control .material-input:after {
  background-color: #009688;
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #009688;
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
  color: #bdbdbd;
}

.form-group.is-focused .help-block {
  display: block;
}

.form-group.has-warning .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group.has-warning label.control-label,
.form-group.has-warning .help-block {
  color: #ff5722;
}

.form-group.has-error .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group.has-error label.control-label,
.form-group.has-error .help-block {
  color: #f44336;
}

.form-group.has-success .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group.has-success label.control-label,
.form-group.has-success .help-block {
  color: #4caf50;
}

.form-group.has-info .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group.has-info label.control-label,
.form-group.has-info .help-block {
  color: #03a9f4;
}

.form-group textarea {
  resize: none;
}

.form-group textarea ~ .form-control-highlight {
  margin-top: -11px;
}

.form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group select ~ .material-input:after {
  display: none;
}

/* .form-control {
    margin-bottom: 7px;
} */
.form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.checkbox label,
.radio label,
label {
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--primary-text-color) !important;
  /* background-color: var(--card-bg-lite-color) !important; */
  font-weight: 400;
}

label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0;
}

.help-block {
  margin-top: 0;
  font-size: 12px;
}

/* .form-group {
    padding-bottom: 7px;
    margin: 28px 0 0 0;
} */
/* .form-group .form-control {
    margin-bottom: 7px;
} */
.form-group .form-control::-moz-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group .form-control:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group .form-control::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  font-size: 14px;
  line-height: 1.42857143;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group label.control-label {
  font-size: 12px;
  line-height: 1.07142857;
  font-weight: 400;
  margin: 16px 0 0 0;
}

.form-group .help-block {
  margin-top: 0;
  font-size: 12px;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
  top: -7px;
  font-size: 16px;
  line-height: 1.42857143;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}

.form-group.label-floating
  input.form-control:-webkit-autofill
  ~ label.control-label
  label.control-label {
  top: -30px;
  left: 0;
  font-size: 12px;
  line-height: 1.07142857;
}

.form-group.form-group-sm {
  padding-bottom: 3px;
  margin: 21px 0 0 0;
}

.form-group.form-group-sm .form-control {
  margin-bottom: 3px;
}

.form-group.form-group-sm .form-control::-moz-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
  font-size: 11px;
  line-height: 1.5;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
  font-size: 11px;
  line-height: 1.5;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-sm label.control-label {
  font-size: 9px;
  line-height: 1.125;
  font-weight: 400;
  margin: 16px 0 0 0;
}

.form-group.form-group-sm .help-block {
  margin-top: 0;
  font-size: 9px;
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
  top: -11px;
  font-size: 11px;
  line-height: 1.5;
}

.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}

.form-group.form-group-sm.label-floating
  input.form-control:-webkit-autofill
  ~ label.control-label
  label.control-label {
  top: -25px;
  left: 0;
  font-size: 9px;
  line-height: 1.125;
}

.form-group.form-group-lg {
  padding-bottom: 9px;
  margin: 30px 0 0 0;
}

.form-group.form-group-lg .form-control {
  margin-bottom: 9px;
}

.form-group.form-group-lg .form-control::-moz-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 1.3333333;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
  font-size: 18px;
  line-height: 1.3333333;
  color: #bdbdbd;
  font-weight: 400;
}

.form-group.form-group-lg label.control-label {
  font-size: 14px;
  line-height: 0.99999998;
  font-weight: 400;
  margin: 16px 0 0 0;
}

.form-group.form-group-lg .help-block {
  margin-top: 0;
  font-size: 14px;
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
  top: -5px;
  font-size: 18px;
  line-height: 1.3333333;
}

.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}

.form-group.form-group-lg.label-floating
  input.form-control:-webkit-autofill
  ~ label.control-label
  label.control-label {
  top: -32px;
  left: 0;
  font-size: 14px;
  line-height: 0.99999998;
}

select.form-control {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.form-group.is-focused select.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2d2d2;
}

select.form-control[multiple],
.form-group.is-focused select.form-control[multiple] {
  height: 85px;
}

.input-group-btn .btn {
  margin: 0 0 7px 0;
}

.form-group.form-group-sm .input-group-btn .btn {
  margin: 0 0 3px 0;
}

.form-group.form-group-lg .input-group-btn .btn {
  margin: 0 0 9px 0;
}

/* .input-group .input-group-btn {
    padding: 0 12px;
} */
/* .input-group .input-group-addon {
    border: 0;
    background: transparent;
} */
.form-group input[type="file"] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

legend {
  border-bottom: 0;
}

.list-group {
  border-radius: 0;
}

.list-group .list-group-item {
  background-color: transparent;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 1px 16px;
}
.list-group .list-group-item.baseline {
  border-bottom: 1px solid #cecece;
}

.list-group .list-group-item.baseline:last-child {
  border-bottom: none;
}

.list-group .list-group-item .row-picture,
.list-group .list-group-item .row-action-primary {
  display: inline-block;
  padding-right: 16px;
}

.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img,
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i,
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {
  display: block;
  width: 56px;
  height: 56px;
}

.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img {
  background: rgba(0, 0, 0, 0.1);
  padding: 1px;
}

.list-group .list-group-item .row-picture img.circle,
.list-group .list-group-item .row-action-primary img.circle {
  border-radius: 100%;
}

.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i {
  background: rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  text-align: center;
  line-height: 56px;
  font-size: 20px;
  color: white;
}

.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {
  margin-left: 7px;
  margin-right: -7px;
  margin-top: 5px;
  margin-bottom: -5px;
}

.list-group .list-group-item .row-picture label .checkbox-material,
.list-group .list-group-item .row-action-primary label .checkbox-material {
  left: -10px;
}

.list-group .list-group-item .row-content {
  display: inline-block;
  width: -webkit-calc(100% - 92px);
  width: calc(100% - 92px);
  min-height: 66px;
}

.list-group .list-group-item .row-content .action-secondary {
  position: absolute;
  right: 16px;
  top: 16px;
}

.list-group .list-group-item .row-content .action-secondary i {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.list-group .list-group-item .row-content .action-secondary ~ * {
  max-width: -webkit-calc(100% - 30px);
  max-width: calc(100% - 30px);
}

.list-group .list-group-item .row-content .least-content {
  position: absolute;
  right: 16px;
  top: 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
}

.list-group .list-group-item .list-group-item-heading {
  color: rgba(0, 0, 0, 0.77);
  font-size: 20px;
  line-height: 29px;
}

.list-group .list-group-item.active:hover,
.list-group .list-group-item.active:focus {
  background: rgba(0, 0, 0, 0.15);
  outline: 10px solid rgba(0, 0, 0, 0.15);
}

.list-group .list-group-item.active .list-group-item-heading,
.list-group .list-group-item.active .list-group-item-text {
  color: rgba(0, 0, 0, 0.87);
}

.list-group .list-group-separator {
  clear: both;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-group .list-group-separator:before {
  content: "";
  width: -webkit-calc(100% - 90px);
  width: calc(100% - 90px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  float: right;
}

.navbar {
  background-color: #009688;
  border: 0;
  border-radius: 0;
}

.navbar .navbar-brand {
  position: relative;
  height: 60px;
  line-height: 30px;
  color: inherit;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: inherit;
  background-color: transparent;
}

.navbar .navbar-text {
  color: inherit;
  margin-top: 20px;
  margin-bottom: 20px;
}

.navbar .navbar-nav > li > a {
  color: inherit;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  color: inherit;
  background-color: transparent;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.1);
}

.navbar .navbar-nav > .disabled > a,
.navbar .navbar-nav > .disabled > a:hover,
.navbar .navbar-nav > .disabled > a:focus {
  color: inherit;
  background-color: transparent;
  opacity: 0.9;
}

.navbar .navbar-toggle {
  border: 0;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: transparent;
}

.navbar .navbar-toggle .icon-bar {
  background-color: inherit;
  border: 1px solid;
}

.navbar .navbar-default .navbar-toggle,
.navbar .navbar-inverse .navbar-toggle {
  border-color: transparent;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: inherit;
}

@media (max-width: 767px) {
  .navbar .navbar-nav .navbar-text {
    color: inherit;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .navbar .navbar-nav .dropdown .dropdown-toggle .caret {
    display: none;
  }

  .navbar .navbar-nav .dropdown .dropdown-toggle:after {
    content: "keyboard_arrow_right";
    font-family: "Material Icons";
    font-size: 1.5em;
    float: right;
  }

  .navbar .navbar-nav .dropdown .dropdown-menu {
    margin-left: 20px;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-toggle:after {
    content: "keyboard_arrow_down";
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu > .dropdown-header {
    border: 0;
    color: inherit;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu .divider {
    border-bottom: 1px solid;
    opacity: 0.08;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a {
    /* color: inherit;
        font-size: inherit; */
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > li > a:focus {
    color: inherit;
    background-color: transparent;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .active > a:focus {
    color: inherit;
    background-color: transparent;
  }

  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a:hover,
  .navbar .navbar-nav .dropdown.open .dropdown-menu > .disabled > a:focus {
    color: inherit;
    background-color: transparent;
  }
}

.navbar .navbar-link {
  color: inherit;
}

.navbar .navbar-link:hover {
  color: inherit;
}

.navbar .btn-link {
  color: inherit;
}

.navbar .btn-link:hover,
.navbar .btn-link:focus {
  color: inherit;
}

.navbar .btn-link[disabled]:hover,
fieldset[disabled] .navbar .btn-link:hover,
.navbar .btn-link[disabled]:focus,
fieldset[disabled] .navbar .btn-link:focus {
  color: inherit;
}

.navbar .navbar-form {
  margin-top: 16px;
}

.navbar .navbar-form .form-group {
  margin: 0;
  padding: 0;
}

.navbar .navbar-form .form-group .material-input:before,
.navbar .navbar-form .form-group.is-focused .material-input:after {
  background-color: inherit;
}

.navbar .navbar-form .form-group .form-control,
.navbar .navbar-form .form-control {
  border-color: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  height: 28px;
  font-size: 14px;
  line-height: 1.42857143;
}

.navbar,
.navbar.navbar-default {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.navbar .navbar-form .form-group input.form-control::-moz-placeholder,
.navbar.navbar-default
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar .navbar-form input.form-control::-moz-placeholder,
.navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
.navbar.navbar-default
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar .navbar-form input.form-control:-ms-input-placeholder,
.navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
.navbar.navbar-default
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar .navbar-form input.form-control::-webkit-input-placeholder,
.navbar.navbar-default
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar .dropdown-menu,
.navbar.navbar-default .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar .dropdown-menu .dropdown-header,
  .navbar.navbar-default .dropdown-menu .dropdown-header {
    background-color: #00b09f;
  }
}

.navbar .dropdown-menu li > a,
.navbar.navbar-default .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar .dropdown-menu li > a:hover,
.navbar.navbar-default .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus,
.navbar.navbar-default .dropdown-menu li > a:focus {
  color: #009688;
  background-color: #eeeeee;
}

.navbar .dropdown-menu .active > a,
.navbar.navbar-default .dropdown-menu .active > a {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.navbar .dropdown-menu .active > a:hover,
.navbar.navbar-default .dropdown-menu .active > a:hover,
.navbar .dropdown-menu .active > a:focus,
.navbar.navbar-default .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-inverse {
  background-color: #3f51b5;
  color: #ffffff;
}

.navbar.navbar-inverse
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
  color: #ffffff;
}

.navbar.navbar-inverse
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
  color: #ffffff;
}

.navbar.navbar-inverse
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-inverse
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.navbar.navbar-inverse .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-inverse .dropdown-menu .dropdown-header {
    background-color: #4d5ec1;
  }
}

.navbar.navbar-inverse .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-inverse .dropdown-menu li > a:hover,
.navbar.navbar-inverse .dropdown-menu li > a:focus {
  color: #3f51b5;
  background-color: #eeeeee;
}

.navbar.navbar-inverse .dropdown-menu .active > a {
  background-color: #3f51b5;
  color: #ffffff;
}

.navbar.navbar-inverse .dropdown-menu .active > a:hover,
.navbar.navbar-inverse .dropdown-menu .active > a:focus {
  color: #ffffff;
}

.navbar.navbar-primary {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-primary
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-primary
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-primary
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-primary
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-primary .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-primary .dropdown-menu .dropdown-header {
    background-color: #00b09f;
  }
}

.navbar.navbar-primary .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-primary .dropdown-menu li > a:hover,
.navbar.navbar-primary .dropdown-menu li > a:focus {
  color: #009688;
  background-color: #eeeeee;
}

.navbar.navbar-primary .dropdown-menu .active > a {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-primary .dropdown-menu .active > a:hover,
.navbar.navbar-primary .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success {
  background-color: #4caf50;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-success
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-success .dropdown-menu .dropdown-header {
    background-color: #5cb860;
  }
}

.navbar.navbar-success .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-success .dropdown-menu li > a:hover,
.navbar.navbar-success .dropdown-menu li > a:focus {
  color: #4caf50;
  background-color: #eeeeee;
}

.navbar.navbar-success .dropdown-menu .active > a {
  background-color: #4caf50;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-success .dropdown-menu .active > a:hover,
.navbar.navbar-success .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info {
  background-color: #03a9f4;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-info .dropdown-menu .dropdown-header {
    background-color: #14b4fc;
  }
}

.navbar.navbar-info .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-info .dropdown-menu li > a:hover,
.navbar.navbar-info .dropdown-menu li > a:focus {
  color: #03a9f4;
  background-color: #eeeeee;
}

.navbar.navbar-info .dropdown-menu .active > a {
  background-color: #03a9f4;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-info .dropdown-menu .active > a:hover,
.navbar.navbar-info .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning {
  background-color: #ff5722;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-warning
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-warning .dropdown-menu .dropdown-header {
    background-color: #ff6a3c;
  }
}

.navbar.navbar-warning .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-warning .dropdown-menu li > a:hover,
.navbar.navbar-warning .dropdown-menu li > a:focus {
  color: #ff5722;
  background-color: #eeeeee;
}

.navbar.navbar-warning .dropdown-menu .active > a {
  background-color: #ff5722;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-warning .dropdown-menu .active > a:hover,
.navbar.navbar-warning .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger {
  background-color: #f44336;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger
  .navbar-form
  .form-group
  input.form-control::-moz-placeholder,
.navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger
  .navbar-form
  .form-group
  input.form-control:-ms-input-placeholder,
.navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger
  .navbar-form
  .form-group
  input.form-control::-webkit-input-placeholder,
.navbar.navbar-danger
  .navbar-form
  input.form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger .dropdown-menu {
  border-radius: 2px;
}

@media (max-width: 767px) {
  .navbar.navbar-danger .dropdown-menu .dropdown-header {
    background-color: #f55a4e;
  }
}

.navbar.navbar-danger .dropdown-menu li > a {
  font-size: 16px;
  padding: 13px 16px;
}

.navbar.navbar-danger .dropdown-menu li > a:hover,
.navbar.navbar-danger .dropdown-menu li > a:focus {
  color: #f44336;
  background-color: #eeeeee;
}

.navbar.navbar-danger .dropdown-menu .active > a {
  background-color: #f44336;
  color: rgba(255, 255, 255, 0.84);
}

.navbar.navbar-danger .dropdown-menu .active > a:hover,
.navbar.navbar-danger .dropdown-menu .active > a:focus {
  color: rgba(255, 255, 255, 0.84);
}

.navbar-inverse {
  background-color: #3f51b5;
}

@media (max-width: 1199px) {
  .navbar .navbar-brand {
    height: 50px;
    padding: 10px 15px;
  }

  .navbar .navbar-form {
    margin-top: 10px;
  }

  .navbar .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.dropdown-menu {
  border: 0;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}

.dropdown-menu .divider {
  background-color: var(--card-border-color);
}

.dropdown-menu li {
  /* padding: 0px 5px; */
  padding: 5px;
  /* overflow: hidden; */
  position: relative;
}

.dropdown-menu li a:hover {
  background-color: transparent;
  color: #009688;
}

.alert {
  border: 0;
  border-radius: 0;
}

.alert,
.alert.alert-default {
  background-color: rgba(255, 255, 255, 0.84);
  color: rgba(255, 255, 255, 0.84);
}

.alert a,
.alert.alert-default a,
.alert .alert-link,
.alert.alert-default .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-inverse {
  background-color: #3f51b5;
  color: #ffffff;
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
  color: #ffffff;
}

.alert.alert-primary {
  background-color: #009688;
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-success {
  background-color: #4caf50;
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-success a,
.alert.alert-success .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-info {
  background-color: #03a9f4;
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-info a,
.alert.alert-info .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-warning {
  background-color: #ff5722;
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-danger {
  background-color: #f44336;
  color: rgba(255, 255, 255, 0.84);
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
  color: rgba(255, 255, 255, 0.84);
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
  color: rgba(255, 255, 255, 0.84);
}

.alert-default a,
.alert-default .alert-link {
  color: rgba(0, 0, 0, 0.87);
}

.progress {
  height: 4px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #c8c8c8;
}

.progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress .progress-bar,
.progress .progress-bar.progress-bar-default {
  background-color: var(--button-bg-color);
}

.progress .progress-bar.progress-bar-inverse {
  background-color: var(--button-bg-color);
}

.progress .progress-bar.progress-bar-primary {
  background-color: var(--button-bg-color);
}

.progress .progress-bar.progress-bar-success {
  /* background-color: #4caf50; */
  background-color: var(--button-bg-color);
}

.progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.text-warning {
  color: var(--badge-warning-txt-color);
}

.text-primary {
  color: #009688;
}

.text-danger {
  color: var(--badge-danger-bg-color);
}

.text-success {
  color: var(--badge-success-txt-color);
}

.text-info {
  color: #03a9f4;
}

/* .nav-tabs {
    background: var(--button-bg-color);
} */
.nav-tabs > li > a {
  color: #ffffff;
  border: 0;
  margin: 0;
}

.nav-tabs > li > a:hover {
  background-color: transparent;
  border: 0;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  border: 0 !important;
  color: var(--txt-color) !important;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}

.nav-tabs > li.disabled > a,
.nav-tabs > li.disabled > a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.popover,
.tooltip-inner {
  color: #ececec;
  line-height: 1em;
  background: rgba(101, 101, 101, 0.9);
  border: none;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12),
    0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.tooltip,
.tooltip.in {
  opacity: 1;
}

.popover .arrow,
.tooltip .arrow,
.popover .tooltip-arrow,
.tooltip .tooltip-arrow {
  display: none;
}

.card {
  /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
  display: inline-block;
  position: relative;
  width: 100%;
  /**************************************************************************/
  border-radius: 2px;
  color: var(--txt-color);
  background: #fff;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card .card-height-indicator {
  margin-top: 100%;
}

.card .card-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.card .card-image {
  height: 60%;
  position: relative;
  overflow: hidden;
}

.card .card-image img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  pointer-events: none;
}

.card .card-image .card-image-headline {
  position: absolute;
  bottom: 16px;
  left: 18px;
  color: #fff;
  font-size: 2em;
}

.card .card-body {
  height: 30%;
  padding: 18px;
}

.card .card-footer {
  height: 10%;
  padding: 18px;
}

.card .card-footer button,
.card .card-footer a {
  margin: 0 !important;
  position: relative;
  bottom: 25px;
  width: auto;
}

.card .card-footer button:first-child,
.card .card-footer a:first-child {
  left: -15px;
}

.modal-content {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2),
    0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2),
    0 40px 77px 0 rgba(0, 0, 0, 0.22);
  border-radius: 2px;
  border: none;
  border-radius: 5px;
}

.modal-content .modal-header {
  border-bottom: none;
  padding-top: 24px;
  padding-right: 24px;
  /* padding-bottom: 0; */
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 5px 5px 0 0;
}

.modal-content .modal-body {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
}

.modal-content .modal-footer {
  border-top: none;
  padding: 7px;
}

.modal-content .modal-footer button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}

.modal-content .modal-footer button.pull-left {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  left: -5px;
}

.modal-content .modal-footer button + button {
  margin-bottom: 16px;
}

.modal-content .modal-body + .modal-footer {
  padding-top: 0;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.3);
}

.panel {
  border-radius: 2px;
  border: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.panel > .panel-heading,
.panel.panel-default > .panel-heading {
  background-color: var(--widget-bg-color);
}

.panel.panel-inverse > .panel-heading {
  background-color: #3f51b5;
}

.panel.panel-primary > .panel-heading {
  background-color: #009688;
}

.panel.panel-success > .panel-heading {
  background-color: #4caf50;
}

.panel.panel-info > .panel-heading {
  background-color: #03a9f4;
}

.panel.panel-warning > .panel-heading {
  background-color: #ff5722;
}

.panel.panel-danger > .panel-heading {
  background-color: #f44336;
}

[class*="panel-"] > .panel-heading {
  color: rgba(255, 255, 255, 0.84);
  border: 0;
}

.panel-default > .panel-heading,
.panel:not([class*="panel-"]) > .panel-heading {
  color: rgba(0, 0, 0, 0.87);
}

.panel-footer {
  background-color: #eeeeee;
}

hr.on-dark {
  color: #1a1a1a;
}

hr.on-light {
  color: #ffffff;
}

@media (-webkit-min-device-pixel-ratio: 0.75),
  (min--moz-device-pixel-ratio: 0.75),
  (-o-device-pixel-ratio: 3/4),
  (min-device-pixel-ratio: 0.75),
  (-o-min-device-pixel-ratio: 3/4),
  (min-resolution: 0.75dppx),
  (-webkit-min-device-pixel-ratio: 1.25),
  (-o-min-device-pixel-ratio: 5/4),
  (min-resolution: 120dpi) {
  hr {
    height: 0.75px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1),
  (min--moz-device-pixel-ratio: 1),
  (-o-device-pixel-ratio: 1),
  (min-device-pixel-ratio: 1),
  (-o-min-device-pixel-ratio: 1/1),
  (min-resolution: 1dppx),
  (-webkit-min-device-pixel-ratio: 1.6666666666666667),
  (-o-min-device-pixel-ratio: 5/3),
  (min-resolution: 160dpi) {
  hr {
    height: 1px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.33),
  (min--moz-device-pixel-ratio: 1.33),
  (-o-device-pixel-ratio: 133/100),
  (min-device-pixel-ratio: 1.33),
  (-o-min-device-pixel-ratio: 133/100),
  (min-resolution: 1.33dppx),
  (-webkit-min-device-pixel-ratio: 2.21875),
  (-o-min-device-pixel-ratio: 71/32),
  (min-resolution: 213dpi) {
  hr {
    height: 1.333px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.5),
  (min--moz-device-pixel-ratio: 1.5),
  (-o-device-pixel-ratio: 3/2),
  (min-device-pixel-ratio: 1.5),
  (-o-min-device-pixel-ratio: 3/2),
  (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 2.5),
  (-o-min-device-pixel-ratio: 5/2),
  (min-resolution: 240dpi) {
  hr {
    height: 1.5px;
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
  (min--moz-device-pixel-ratio: 2),
  (-o-device-pixel-ratio: 2/1),
  (min-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (min-resolution: 2dppx),
  (-webkit-min-device-pixel-ratio: 3.9583333333333335),
  (-o-min-device-pixel-ratio: 95/24),
  (min-resolution: 380dpi) {
  hr {
    height: 2px;
  }
}

@media (-webkit-min-device-pixel-ratio: 3),
  (min--moz-device-pixel-ratio: 3),
  (-o-device-pixel-ratio: 3/1),
  (min-device-pixel-ratio: 3),
  (-o-min-device-pixel-ratio: 3/1),
  (min-resolution: 3dppx),
  (-webkit-min-device-pixel-ratio: 5),
  (-o-min-device-pixel-ratio: 5/1),
  (min-resolution: 480dpi) {
  hr {
    height: 3px;
  }
}

@media (-webkit-min-device-pixel-ratio: 4),
  (min--moz-device-pixel-ratio: 4),
  (-o-device-pixel-ratio: 4/1),
  (min-device-pixel-ratio: 3),
  (-o-min-device-pixel-ratio: 4/1),
  (min-resolution: 4dppx),
  (-webkit-min-device-pixel-ratio: 6.666666666666667),
  (-o-min-device-pixel-ratio: 20/3),
  (min-resolution: 640dpi) {
  hr {
    height: 4px;
  }
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: 0;
}

.snackbar {
  background-color: #323232;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12),
    0 1px 6px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  height: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
  -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
  transform: translateY(200%);
}

.snackbar.snackbar-opened {
  padding: 14px 15px;
  margin-bottom: 20px;
  height: auto;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, height 0s linear 0.2s;
  -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, height 0s linear 0.2s;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in,
    height 0s linear 0.2s, height 0s linear 0.2s;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.snackbar.toast {
  border-radius: 200px;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -ms-touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-stacking .noUi-handle {
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  -o-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 10px;
}

.noUi-handle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  left: -10px;
  top: -5px;
  cursor: ew-resize;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid;
}

.noUi-vertical .noUi-handle {
  margin-left: 5px;
  cursor: ns-resize;
}

.noUi-horizontal.noUi-extended {
  padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px;
}

.noUi-background {
  height: 2px;
  margin: 20px 0;
}

.noUi-origin {
  margin: 0;
  border-radius: 0;
  height: 2px;
  background: #c8c8c8;
}

.noUi-origin[style^="left: 0"] .noUi-handle {
  background-color: #fff;
  border: 2px solid #c8c8c8;
}

.noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
  border-width: 1px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-horizontal {
  height: 2px;
  margin: 15px 0;
}

.noUi-vertical {
  height: 100%;
  width: 2px;
  margin: 0 15px;
  display: inline-block;
}

.noUi-handle.noUi-active {
  -webkit-transform: scale3d(2.5, 2.5, 1);
  transform: scale3d(2.5, 2.5, 1);
}

[disabled].noUi-slider {
  opacity: 0.5;
}

[disabled] .noUi-handle {
  cursor: not-allowed;
}

.slider {
  background: #c8c8c8;
}

.slider.noUi-connect,
.slider.slider-default.noUi-connect {
  background-color: #009688;
}

.slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.slider .noUi-connect,
.slider.slider-default .noUi-connect {
  background-color: #009688;
}

.slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  background-color: #009688;
}

.slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.slider .noUi-handle,
.slider.slider-default .noUi-handle {
  border-color: #009688;
}

.slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.selectize-control.single,
.selectize-control.multi {
  padding: 0;
}

.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-control.multi .selectize-input.input-active {
  cursor: text;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  height: 100%;
  font-size: 14px;
  line-height: 30px;
}

.selectize-control.single .selectize-input .has-items,
.selectize-control.multi .selectize-input .has-items,
.selectize-control.single .selectize-input.input-active .has-items,
.selectize-control.multi .selectize-input.input-active .has-items {
  padding: 0;
}

.selectize-control.single .selectize-input:after,
.selectize-control.multi .selectize-input:after,
.selectize-control.single .selectize-input.input-active:after,
.selectize-control.multi .selectize-input.input-active:after {
  right: 5px;
  position: absolute;
  font-size: 25px;
  content: "\e5c5";
  font-family: "Material Icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.selectize-control.single .selectize-input input,
.selectize-control.multi .selectize-input input,
.selectize-control.single .selectize-input.input-active input,
.selectize-control.multi .selectize-input.input-active input {
  font-size: 14px;
  outline: 0;
  border: 0;
  background: transparent;
}

.selectize-control.single .selectize-input.label-floating-fix input,
.selectize-control.multi .selectize-input.label-floating-fix input,
.selectize-control.single
  .selectize-input.input-active.label-floating-fix
  input,
.selectize-control.multi
  .selectize-input.input-active.label-floating-fix
  input {
  opacity: 0;
}

.selectize-control.single .selectize-input > div,
.selectize-control.multi .selectize-input > div,
.selectize-control.single .selectize-input.input-active > div,
.selectize-control.multi .selectize-input.input-active > div,
.selectize-control.single .selectize-input > .item,
.selectize-control.multi .selectize-input > .item,
.selectize-control.single .selectize-input.input-active > .item,
.selectize-control.multi .selectize-input.input-active > .item {
  display: inline-block;
  margin: 0 8px 3px 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.selectize-control.single .selectize-input > div:after,
.selectize-control.multi .selectize-input > div:after,
.selectize-control.single .selectize-input.input-active > div:after,
.selectize-control.multi .selectize-input.input-active > div:after,
.selectize-control.single .selectize-input > .item:after,
.selectize-control.multi .selectize-input > .item:after,
.selectize-control.single .selectize-input.input-active > .item:after,
.selectize-control.multi .selectize-input.input-active > .item:after {
  content: ",";
}

.selectize-control.single .selectize-input > div:last-of-type:after,
.selectize-control.multi .selectize-input > div:last-of-type:after,
.selectize-control.single
  .selectize-input.input-active
  > div:last-of-type:after,
.selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
.selectize-control.single .selectize-input > .item:last-of-type:after,
.selectize-control.multi .selectize-input > .item:last-of-type:after,
.selectize-control.single
  .selectize-input.input-active
  > .item:last-of-type:after,
.selectize-control.multi
  .selectize-input.input-active
  > .item:last-of-type:after {
  content: "";
}

.selectize-control.single .selectize-input > div.active,
.selectize-control.multi .selectize-input > div.active,
.selectize-control.single .selectize-input.input-active > div.active,
.selectize-control.multi .selectize-input.input-active > div.active,
.selectize-control.single .selectize-input > .item.active,
.selectize-control.multi .selectize-input > .item.active,
.selectize-control.single .selectize-input.input-active > .item.active,
.selectize-control.multi .selectize-input.input-active > .item.active {
  font-weight: bold;
  background: transparent;
  border: 0;
}

.selectize-control.single .selectize-dropdown,
.selectize-control.multi .selectize-dropdown {
  position: absolute;
  z-index: 1000;
  border: 0;
  width: 100% !important;
  left: 0 !important;
  height: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  padding: 0;
  margin-top: 3px;
}

.selectize-control.single .selectize-dropdown .active,
.selectize-control.multi .selectize-dropdown .active {
  background-color: inherit;
}

.selectize-control.single .selectize-dropdown .highlight,
.selectize-control.multi .selectize-dropdown .highlight {
  background-color: #d5d8ff;
}

.selectize-control.single .selectize-dropdown .selected,
.selectize-control.multi .selectize-dropdown .selected,
.selectize-control.single .selectize-dropdown .selected.active,
.selectize-control.multi .selectize-dropdown .selected.active {
  background-color: #eeeeee;
}

.selectize-control.single .selectize-dropdown [data-selectable],
.selectize-control.multi .selectize-dropdown [data-selectable],
.selectize-control.single .selectize-dropdown .optgroup-header,
.selectize-control.multi .selectize-dropdown .optgroup-header {
  padding: 10px 20px;
  cursor: pointer;
}

.selectize-control.single .dropdown-active ~ .selectize-dropdown,
.selectize-control.multi .dropdown-active ~ .selectize-dropdown {
  display: block;
}

.dropdownjs::after {
  right: 5px;
  top: 3px;
  font-size: 25px;
  position: absolute;
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  content: "\e5c5";
  pointer-events: none;
  color: #757575;
}

/*# sourceMappingURL=bootstrap-material-design.css.map */

/*ripple.css*/
.withripple {
  position: relative;
}

.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

.ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none;
}

.ripple.ripple-on {
  -webkit-transition: opacity 0.15s ease-in 0s,
    -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  -o-transition: opacity 0.15s ease-in 0s,
    -o-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  transition: opacity 0.15s ease-in 0s,
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1;
}

.ripple.ripple-out {
  -webkit-transition: opacity 0.1s linear 0s !important;
  -o-transition: opacity 0.1s linear 0s !important;
  transition: opacity 0.1s linear 0s !important;
  opacity: 0;
}

/*# sourceMappingURL=ripples.css.map */

/*Matrial admin.css*/
/*!
 *   MaterialAdminLTE v1.0
 *   Author: Nguyen Duc Thanh
 *	 Website: MaterialAdminLTE <https://github.com/DucThanhNguyen/MaterialAdminLTE>
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,300italic,400italic,600italic);

.btn.btn-social,
.btn.btn-social-icon {
  text-align: center;
}

.btn.btn-social.btn-adn,
.btn.btn-social-icon.btn-adn {
  color: #fff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn:focus,
.btn.btn-social-icon.btn-adn:focus,
.btn.btn-social.btn-adn.focus,
.btn.btn-social-icon.btn-adn.focus {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn:hover,
.btn.btn-social-icon.btn-adn:hover {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn:active,
.btn.btn-social-icon.btn-adn:active,
.btn.btn-social.btn-adn.active,
.btn.btn-social-icon.btn-adn.active,
.open > .dropdown-toggle.btn.btn-social.btn-adn,
.open > .dropdown-toggle.btn.btn-social-icon.btn-adn {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn:active:hover,
.btn.btn-social-icon.btn-adn:active:hover,
.btn.btn-social.btn-adn.active:hover,
.btn.btn-social-icon.btn-adn.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-adn:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-adn:hover,
.btn.btn-social.btn-adn:active:focus,
.btn.btn-social-icon.btn-adn:active:focus,
.btn.btn-social.btn-adn.active:focus,
.btn.btn-social-icon.btn-adn.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-adn:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-adn:focus,
.btn.btn-social.btn-adn:active.focus,
.btn.btn-social-icon.btn-adn:active.focus,
.btn.btn-social.btn-adn.active.focus,
.btn.btn-social-icon.btn-adn.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-adn.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-adn.focus {
  color: #fff;
  background-color: #b94630;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn:active,
.btn.btn-social-icon.btn-adn:active,
.btn.btn-social.btn-adn.active,
.btn.btn-social-icon.btn-adn.active,
.open > .dropdown-toggle.btn.btn-social.btn-adn,
.open > .dropdown-toggle.btn.btn-social-icon.btn-adn {
  background-image: none;
}

.btn.btn-social.btn-adn.disabled:hover,
.btn.btn-social-icon.btn-adn.disabled:hover,
.btn.btn-social.btn-adn[disabled]:hover,
.btn.btn-social-icon.btn-adn[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-adn:hover,
fieldset[disabled] .btn.btn-social-icon.btn-adn:hover,
.btn.btn-social.btn-adn.disabled:focus,
.btn.btn-social-icon.btn-adn.disabled:focus,
.btn.btn-social.btn-adn[disabled]:focus,
.btn.btn-social-icon.btn-adn[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-adn:focus,
fieldset[disabled] .btn.btn-social-icon.btn-adn:focus,
.btn.btn-social.btn-adn.disabled.focus,
.btn.btn-social-icon.btn-adn.disabled.focus,
.btn.btn-social.btn-adn[disabled].focus,
.btn.btn-social-icon.btn-adn[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-adn.focus,
fieldset[disabled] .btn.btn-social-icon.btn-adn.focus {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-adn .badge,
.btn.btn-social-icon.btn-adn .badge {
  color: #d87a68;
  background-color: #fff;
}

.btn.btn-social.btn-bitbucket,
.btn.btn-social-icon.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket:focus,
.btn.btn-social-icon.btn-bitbucket:focus,
.btn.btn-social.btn-bitbucket.focus,
.btn.btn-social-icon.btn-bitbucket.focus {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket:hover,
.btn.btn-social-icon.btn-bitbucket:hover {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket:active,
.btn.btn-social-icon.btn-bitbucket:active,
.btn.btn-social.btn-bitbucket.active,
.btn.btn-social-icon.btn-bitbucket.active,
.open > .dropdown-toggle.btn.btn-social.btn-bitbucket,
.open > .dropdown-toggle.btn.btn-social-icon.btn-bitbucket {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket:active:hover,
.btn.btn-social-icon.btn-bitbucket:active:hover,
.btn.btn-social.btn-bitbucket.active:hover,
.btn.btn-social-icon.btn-bitbucket.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-bitbucket:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-bitbucket:hover,
.btn.btn-social.btn-bitbucket:active:focus,
.btn.btn-social-icon.btn-bitbucket:active:focus,
.btn.btn-social.btn-bitbucket.active:focus,
.btn.btn-social-icon.btn-bitbucket.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-bitbucket:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-bitbucket:focus,
.btn.btn-social.btn-bitbucket:active.focus,
.btn.btn-social-icon.btn-bitbucket:active.focus,
.btn.btn-social.btn-bitbucket.active.focus,
.btn.btn-social-icon.btn-bitbucket.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-bitbucket.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-bitbucket.focus {
  color: #fff;
  background-color: #0f253c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket:active,
.btn.btn-social-icon.btn-bitbucket:active,
.btn.btn-social.btn-bitbucket.active,
.btn.btn-social-icon.btn-bitbucket.active,
.open > .dropdown-toggle.btn.btn-social.btn-bitbucket,
.open > .dropdown-toggle.btn.btn-social-icon.btn-bitbucket {
  background-image: none;
}

.btn.btn-social.btn-bitbucket.disabled:hover,
.btn.btn-social-icon.btn-bitbucket.disabled:hover,
.btn.btn-social.btn-bitbucket[disabled]:hover,
.btn.btn-social-icon.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-bitbucket:hover,
fieldset[disabled] .btn.btn-social-icon.btn-bitbucket:hover,
.btn.btn-social.btn-bitbucket.disabled:focus,
.btn.btn-social-icon.btn-bitbucket.disabled:focus,
.btn.btn-social.btn-bitbucket[disabled]:focus,
.btn.btn-social-icon.btn-bitbucket[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-bitbucket:focus,
fieldset[disabled] .btn.btn-social-icon.btn-bitbucket:focus,
.btn.btn-social.btn-bitbucket.disabled.focus,
.btn.btn-social-icon.btn-bitbucket.disabled.focus,
.btn.btn-social.btn-bitbucket[disabled].focus,
.btn.btn-social-icon.btn-bitbucket[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-bitbucket.focus,
fieldset[disabled] .btn.btn-social-icon.btn-bitbucket.focus {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-bitbucket .badge,
.btn.btn-social-icon.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff;
}

.btn.btn-social.btn-dropbox,
.btn.btn-social-icon.btn-dropbox {
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox:focus,
.btn.btn-social-icon.btn-dropbox:focus,
.btn.btn-social.btn-dropbox.focus,
.btn.btn-social-icon.btn-dropbox.focus {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox:hover,
.btn.btn-social-icon.btn-dropbox:hover {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox:active,
.btn.btn-social-icon.btn-dropbox:active,
.btn.btn-social.btn-dropbox.active,
.btn.btn-social-icon.btn-dropbox.active,
.open > .dropdown-toggle.btn.btn-social.btn-dropbox,
.open > .dropdown-toggle.btn.btn-social-icon.btn-dropbox {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox:active:hover,
.btn.btn-social-icon.btn-dropbox:active:hover,
.btn.btn-social.btn-dropbox.active:hover,
.btn.btn-social-icon.btn-dropbox.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-dropbox:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-dropbox:hover,
.btn.btn-social.btn-dropbox:active:focus,
.btn.btn-social-icon.btn-dropbox:active:focus,
.btn.btn-social.btn-dropbox.active:focus,
.btn.btn-social-icon.btn-dropbox.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-dropbox:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-dropbox:focus,
.btn.btn-social.btn-dropbox:active.focus,
.btn.btn-social-icon.btn-dropbox:active.focus,
.btn.btn-social.btn-dropbox.active.focus,
.btn.btn-social-icon.btn-dropbox.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-dropbox.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-dropbox.focus {
  color: #fff;
  background-color: #0a568c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox:active,
.btn.btn-social-icon.btn-dropbox:active,
.btn.btn-social.btn-dropbox.active,
.btn.btn-social-icon.btn-dropbox.active,
.open > .dropdown-toggle.btn.btn-social.btn-dropbox,
.open > .dropdown-toggle.btn.btn-social-icon.btn-dropbox {
  background-image: none;
}

.btn.btn-social.btn-dropbox.disabled:hover,
.btn.btn-social-icon.btn-dropbox.disabled:hover,
.btn.btn-social.btn-dropbox[disabled]:hover,
.btn.btn-social-icon.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-dropbox:hover,
fieldset[disabled] .btn.btn-social-icon.btn-dropbox:hover,
.btn.btn-social.btn-dropbox.disabled:focus,
.btn.btn-social-icon.btn-dropbox.disabled:focus,
.btn.btn-social.btn-dropbox[disabled]:focus,
.btn.btn-social-icon.btn-dropbox[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-dropbox:focus,
fieldset[disabled] .btn.btn-social-icon.btn-dropbox:focus,
.btn.btn-social.btn-dropbox.disabled.focus,
.btn.btn-social-icon.btn-dropbox.disabled.focus,
.btn.btn-social.btn-dropbox[disabled].focus,
.btn.btn-social-icon.btn-dropbox[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-dropbox.focus,
fieldset[disabled] .btn.btn-social-icon.btn-dropbox.focus {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-dropbox .badge,
.btn.btn-social-icon.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff;
}

.btn.btn-social.btn-facebook,
.btn.btn-social-icon.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook:focus,
.btn.btn-social-icon.btn-facebook:focus,
.btn.btn-social.btn-facebook.focus,
.btn.btn-social-icon.btn-facebook.focus {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook:hover,
.btn.btn-social-icon.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook:active,
.btn.btn-social-icon.btn-facebook:active,
.btn.btn-social.btn-facebook.active,
.btn.btn-social-icon.btn-facebook.active,
.open > .dropdown-toggle.btn.btn-social.btn-facebook,
.open > .dropdown-toggle.btn.btn-social-icon.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook:active:hover,
.btn.btn-social-icon.btn-facebook:active:hover,
.btn.btn-social.btn-facebook.active:hover,
.btn.btn-social-icon.btn-facebook.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-facebook:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-facebook:hover,
.btn.btn-social.btn-facebook:active:focus,
.btn.btn-social-icon.btn-facebook:active:focus,
.btn.btn-social.btn-facebook.active:focus,
.btn.btn-social-icon.btn-facebook.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-facebook:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-facebook:focus,
.btn.btn-social.btn-facebook:active.focus,
.btn.btn-social-icon.btn-facebook:active.focus,
.btn.btn-social.btn-facebook.active.focus,
.btn.btn-social-icon.btn-facebook.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-facebook.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-facebook.focus {
  color: #fff;
  background-color: #23345a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook:active,
.btn.btn-social-icon.btn-facebook:active,
.btn.btn-social.btn-facebook.active,
.btn.btn-social-icon.btn-facebook.active,
.open > .dropdown-toggle.btn.btn-social.btn-facebook,
.open > .dropdown-toggle.btn.btn-social-icon.btn-facebook {
  background-image: none;
}

.btn.btn-social.btn-facebook.disabled:hover,
.btn.btn-social-icon.btn-facebook.disabled:hover,
.btn.btn-social.btn-facebook[disabled]:hover,
.btn.btn-social-icon.btn-facebook[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-facebook:hover,
fieldset[disabled] .btn.btn-social-icon.btn-facebook:hover,
.btn.btn-social.btn-facebook.disabled:focus,
.btn.btn-social-icon.btn-facebook.disabled:focus,
.btn.btn-social.btn-facebook[disabled]:focus,
.btn.btn-social-icon.btn-facebook[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-facebook:focus,
fieldset[disabled] .btn.btn-social-icon.btn-facebook:focus,
.btn.btn-social.btn-facebook.disabled.focus,
.btn.btn-social-icon.btn-facebook.disabled.focus,
.btn.btn-social.btn-facebook[disabled].focus,
.btn.btn-social-icon.btn-facebook[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-facebook.focus,
fieldset[disabled] .btn.btn-social-icon.btn-facebook.focus {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-facebook .badge,
.btn.btn-social-icon.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff;
}

.btn.btn-social.btn-flickr,
.btn.btn-social-icon.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr:focus,
.btn.btn-social-icon.btn-flickr:focus,
.btn.btn-social.btn-flickr.focus,
.btn.btn-social-icon.btn-flickr.focus {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr:hover,
.btn.btn-social-icon.btn-flickr:hover {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr:active,
.btn.btn-social-icon.btn-flickr:active,
.btn.btn-social.btn-flickr.active,
.btn.btn-social-icon.btn-flickr.active,
.open > .dropdown-toggle.btn.btn-social.btn-flickr,
.open > .dropdown-toggle.btn.btn-social-icon.btn-flickr {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr:active:hover,
.btn.btn-social-icon.btn-flickr:active:hover,
.btn.btn-social.btn-flickr.active:hover,
.btn.btn-social-icon.btn-flickr.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-flickr:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-flickr:hover,
.btn.btn-social.btn-flickr:active:focus,
.btn.btn-social-icon.btn-flickr:active:focus,
.btn.btn-social.btn-flickr.active:focus,
.btn.btn-social-icon.btn-flickr.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-flickr:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-flickr:focus,
.btn.btn-social.btn-flickr:active.focus,
.btn.btn-social-icon.btn-flickr:active.focus,
.btn.btn-social.btn-flickr.active.focus,
.btn.btn-social-icon.btn-flickr.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-flickr.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-flickr.focus {
  color: #fff;
  background-color: #a80057;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr:active,
.btn.btn-social-icon.btn-flickr:active,
.btn.btn-social.btn-flickr.active,
.btn.btn-social-icon.btn-flickr.active,
.open > .dropdown-toggle.btn.btn-social.btn-flickr,
.open > .dropdown-toggle.btn.btn-social-icon.btn-flickr {
  background-image: none;
}

.btn.btn-social.btn-flickr.disabled:hover,
.btn.btn-social-icon.btn-flickr.disabled:hover,
.btn.btn-social.btn-flickr[disabled]:hover,
.btn.btn-social-icon.btn-flickr[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-flickr:hover,
fieldset[disabled] .btn.btn-social-icon.btn-flickr:hover,
.btn.btn-social.btn-flickr.disabled:focus,
.btn.btn-social-icon.btn-flickr.disabled:focus,
.btn.btn-social.btn-flickr[disabled]:focus,
.btn.btn-social-icon.btn-flickr[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-flickr:focus,
fieldset[disabled] .btn.btn-social-icon.btn-flickr:focus,
.btn.btn-social.btn-flickr.disabled.focus,
.btn.btn-social-icon.btn-flickr.disabled.focus,
.btn.btn-social.btn-flickr[disabled].focus,
.btn.btn-social-icon.btn-flickr[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-flickr.focus,
fieldset[disabled] .btn.btn-social-icon.btn-flickr.focus {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-flickr .badge,
.btn.btn-social-icon.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff;
}

.btn.btn-social.btn-foursquare,
.btn.btn-social-icon.btn-foursquare {
  color: #fff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare:focus,
.btn.btn-social-icon.btn-foursquare:focus,
.btn.btn-social.btn-foursquare.focus,
.btn.btn-social-icon.btn-foursquare.focus {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare:hover,
.btn.btn-social-icon.btn-foursquare:hover {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare:active,
.btn.btn-social-icon.btn-foursquare:active,
.btn.btn-social.btn-foursquare.active,
.btn.btn-social-icon.btn-foursquare.active,
.open > .dropdown-toggle.btn.btn-social.btn-foursquare,
.open > .dropdown-toggle.btn.btn-social-icon.btn-foursquare {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare:active:hover,
.btn.btn-social-icon.btn-foursquare:active:hover,
.btn.btn-social.btn-foursquare.active:hover,
.btn.btn-social-icon.btn-foursquare.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-foursquare:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-foursquare:hover,
.btn.btn-social.btn-foursquare:active:focus,
.btn.btn-social-icon.btn-foursquare:active:focus,
.btn.btn-social.btn-foursquare.active:focus,
.btn.btn-social-icon.btn-foursquare.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-foursquare:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-foursquare:focus,
.btn.btn-social.btn-foursquare:active.focus,
.btn.btn-social-icon.btn-foursquare:active.focus,
.btn.btn-social.btn-foursquare.active.focus,
.btn.btn-social-icon.btn-foursquare.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-foursquare.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-foursquare.focus {
  color: #fff;
  background-color: #e30742;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare:active,
.btn.btn-social-icon.btn-foursquare:active,
.btn.btn-social.btn-foursquare.active,
.btn.btn-social-icon.btn-foursquare.active,
.open > .dropdown-toggle.btn.btn-social.btn-foursquare,
.open > .dropdown-toggle.btn.btn-social-icon.btn-foursquare {
  background-image: none;
}

.btn.btn-social.btn-foursquare.disabled:hover,
.btn.btn-social-icon.btn-foursquare.disabled:hover,
.btn.btn-social.btn-foursquare[disabled]:hover,
.btn.btn-social-icon.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-foursquare:hover,
fieldset[disabled] .btn.btn-social-icon.btn-foursquare:hover,
.btn.btn-social.btn-foursquare.disabled:focus,
.btn.btn-social-icon.btn-foursquare.disabled:focus,
.btn.btn-social.btn-foursquare[disabled]:focus,
.btn.btn-social-icon.btn-foursquare[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-foursquare:focus,
fieldset[disabled] .btn.btn-social-icon.btn-foursquare:focus,
.btn.btn-social.btn-foursquare.disabled.focus,
.btn.btn-social-icon.btn-foursquare.disabled.focus,
.btn.btn-social.btn-foursquare[disabled].focus,
.btn.btn-social-icon.btn-foursquare[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-foursquare.focus,
fieldset[disabled] .btn.btn-social-icon.btn-foursquare.focus {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-foursquare .badge,
.btn.btn-social-icon.btn-foursquare .badge {
  color: #f94877;
  background-color: #fff;
}

.btn.btn-social.btn-github,
.btn.btn-social-icon.btn-github {
  color: #fff;
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github:focus,
.btn.btn-social-icon.btn-github:focus,
.btn.btn-social.btn-github.focus,
.btn.btn-social-icon.btn-github.focus {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github:hover,
.btn.btn-social-icon.btn-github:hover {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github:active,
.btn.btn-social-icon.btn-github:active,
.btn.btn-social.btn-github.active,
.btn.btn-social-icon.btn-github.active,
.open > .dropdown-toggle.btn.btn-social.btn-github,
.open > .dropdown-toggle.btn.btn-social-icon.btn-github {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github:active:hover,
.btn.btn-social-icon.btn-github:active:hover,
.btn.btn-social.btn-github.active:hover,
.btn.btn-social-icon.btn-github.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-github:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-github:hover,
.btn.btn-social.btn-github:active:focus,
.btn.btn-social-icon.btn-github:active:focus,
.btn.btn-social.btn-github.active:focus,
.btn.btn-social-icon.btn-github.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-github:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-github:focus,
.btn.btn-social.btn-github:active.focus,
.btn.btn-social-icon.btn-github:active.focus,
.btn.btn-social.btn-github.active.focus,
.btn.btn-social-icon.btn-github.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-github.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-github.focus {
  color: #fff;
  background-color: #191919;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github:active,
.btn.btn-social-icon.btn-github:active,
.btn.btn-social.btn-github.active,
.btn.btn-social-icon.btn-github.active,
.open > .dropdown-toggle.btn.btn-social.btn-github,
.open > .dropdown-toggle.btn.btn-social-icon.btn-github {
  background-image: none;
}

.btn.btn-social.btn-github.disabled:hover,
.btn.btn-social-icon.btn-github.disabled:hover,
.btn.btn-social.btn-github[disabled]:hover,
.btn.btn-social-icon.btn-github[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-github:hover,
fieldset[disabled] .btn.btn-social-icon.btn-github:hover,
.btn.btn-social.btn-github.disabled:focus,
.btn.btn-social-icon.btn-github.disabled:focus,
.btn.btn-social.btn-github[disabled]:focus,
.btn.btn-social-icon.btn-github[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-github:focus,
fieldset[disabled] .btn.btn-social-icon.btn-github:focus,
.btn.btn-social.btn-github.disabled.focus,
.btn.btn-social-icon.btn-github.disabled.focus,
.btn.btn-social.btn-github[disabled].focus,
.btn.btn-social-icon.btn-github[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-github.focus,
fieldset[disabled] .btn.btn-social-icon.btn-github.focus {
  background-color: #444444;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-github .badge,
.btn.btn-social-icon.btn-github .badge {
  color: #444444;
  background-color: #fff;
}

.btn.btn-social.btn-google,
.btn.btn-social-icon.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google:focus,
.btn.btn-social-icon.btn-google:focus,
.btn.btn-social.btn-google.focus,
.btn.btn-social-icon.btn-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google:hover,
.btn.btn-social-icon.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google:active,
.btn.btn-social-icon.btn-google:active,
.btn.btn-social.btn-google.active,
.btn.btn-social-icon.btn-google.active,
.open > .dropdown-toggle.btn.btn-social.btn-google,
.open > .dropdown-toggle.btn.btn-social-icon.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google:active:hover,
.btn.btn-social-icon.btn-google:active:hover,
.btn.btn-social.btn-google.active:hover,
.btn.btn-social-icon.btn-google.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-google:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-google:hover,
.btn.btn-social.btn-google:active:focus,
.btn.btn-social-icon.btn-google:active:focus,
.btn.btn-social.btn-google.active:focus,
.btn.btn-social-icon.btn-google.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-google:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-google:focus,
.btn.btn-social.btn-google:active.focus,
.btn.btn-social-icon.btn-google:active.focus,
.btn.btn-social.btn-google.active.focus,
.btn.btn-social-icon.btn-google.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-google.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-google.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google:active,
.btn.btn-social-icon.btn-google:active,
.btn.btn-social.btn-google.active,
.btn.btn-social-icon.btn-google.active,
.open > .dropdown-toggle.btn.btn-social.btn-google,
.open > .dropdown-toggle.btn.btn-social-icon.btn-google {
  background-image: none;
}

.btn.btn-social.btn-google.disabled:hover,
.btn.btn-social-icon.btn-google.disabled:hover,
.btn.btn-social.btn-google[disabled]:hover,
.btn.btn-social-icon.btn-google[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-google:hover,
fieldset[disabled] .btn.btn-social-icon.btn-google:hover,
.btn.btn-social.btn-google.disabled:focus,
.btn.btn-social-icon.btn-google.disabled:focus,
.btn.btn-social.btn-google[disabled]:focus,
.btn.btn-social-icon.btn-google[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-google:focus,
fieldset[disabled] .btn.btn-social-icon.btn-google:focus,
.btn.btn-social.btn-google.disabled.focus,
.btn.btn-social-icon.btn-google.disabled.focus,
.btn.btn-social.btn-google[disabled].focus,
.btn.btn-social-icon.btn-google[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-google.focus,
fieldset[disabled] .btn.btn-social-icon.btn-google.focus {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-google .badge,
.btn.btn-social-icon.btn-google .badge {
  color: #dd4b39;
  background-color: #fff;
}

.btn.btn-social.btn-instagram,
.btn.btn-social-icon.btn-instagram {
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram:focus,
.btn.btn-social-icon.btn-instagram:focus,
.btn.btn-social.btn-instagram.focus,
.btn.btn-social-icon.btn-instagram.focus {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram:hover,
.btn.btn-social-icon.btn-instagram:hover {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram:active,
.btn.btn-social-icon.btn-instagram:active,
.btn.btn-social.btn-instagram.active,
.btn.btn-social-icon.btn-instagram.active,
.open > .dropdown-toggle.btn.btn-social.btn-instagram,
.open > .dropdown-toggle.btn.btn-social-icon.btn-instagram {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram:active:hover,
.btn.btn-social-icon.btn-instagram:active:hover,
.btn.btn-social.btn-instagram.active:hover,
.btn.btn-social-icon.btn-instagram.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-instagram:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-instagram:hover,
.btn.btn-social.btn-instagram:active:focus,
.btn.btn-social-icon.btn-instagram:active:focus,
.btn.btn-social.btn-instagram.active:focus,
.btn.btn-social-icon.btn-instagram.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-instagram:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-instagram:focus,
.btn.btn-social.btn-instagram:active.focus,
.btn.btn-social-icon.btn-instagram:active.focus,
.btn.btn-social.btn-instagram.active.focus,
.btn.btn-social-icon.btn-instagram.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-instagram.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-instagram.focus {
  color: #fff;
  background-color: #26455d;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram:active,
.btn.btn-social-icon.btn-instagram:active,
.btn.btn-social.btn-instagram.active,
.btn.btn-social-icon.btn-instagram.active,
.open > .dropdown-toggle.btn.btn-social.btn-instagram,
.open > .dropdown-toggle.btn.btn-social-icon.btn-instagram {
  background-image: none;
}

.btn.btn-social.btn-instagram.disabled:hover,
.btn.btn-social-icon.btn-instagram.disabled:hover,
.btn.btn-social.btn-instagram[disabled]:hover,
.btn.btn-social-icon.btn-instagram[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-instagram:hover,
fieldset[disabled] .btn.btn-social-icon.btn-instagram:hover,
.btn.btn-social.btn-instagram.disabled:focus,
.btn.btn-social-icon.btn-instagram.disabled:focus,
.btn.btn-social.btn-instagram[disabled]:focus,
.btn.btn-social-icon.btn-instagram[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-instagram:focus,
fieldset[disabled] .btn.btn-social-icon.btn-instagram:focus,
.btn.btn-social.btn-instagram.disabled.focus,
.btn.btn-social-icon.btn-instagram.disabled.focus,
.btn.btn-social.btn-instagram[disabled].focus,
.btn.btn-social-icon.btn-instagram[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-instagram.focus,
fieldset[disabled] .btn.btn-social-icon.btn-instagram.focus {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-instagram .badge,
.btn.btn-social-icon.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff;
}

.btn.btn-social.btn-linkedin,
.btn.btn-social-icon.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin:focus,
.btn.btn-social-icon.btn-linkedin:focus,
.btn.btn-social.btn-linkedin.focus,
.btn.btn-social-icon.btn-linkedin.focus {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin:hover,
.btn.btn-social-icon.btn-linkedin:hover {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin:active,
.btn.btn-social-icon.btn-linkedin:active,
.btn.btn-social.btn-linkedin.active,
.btn.btn-social-icon.btn-linkedin.active,
.open > .dropdown-toggle.btn.btn-social.btn-linkedin,
.open > .dropdown-toggle.btn.btn-social-icon.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin:active:hover,
.btn.btn-social-icon.btn-linkedin:active:hover,
.btn.btn-social.btn-linkedin.active:hover,
.btn.btn-social-icon.btn-linkedin.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-linkedin:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-linkedin:hover,
.btn.btn-social.btn-linkedin:active:focus,
.btn.btn-social-icon.btn-linkedin:active:focus,
.btn.btn-social.btn-linkedin.active:focus,
.btn.btn-social-icon.btn-linkedin.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-linkedin:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-linkedin:focus,
.btn.btn-social.btn-linkedin:active.focus,
.btn.btn-social-icon.btn-linkedin:active.focus,
.btn.btn-social.btn-linkedin.active.focus,
.btn.btn-social-icon.btn-linkedin.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-linkedin.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-linkedin.focus {
  color: #fff;
  background-color: #00405f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin:active,
.btn.btn-social-icon.btn-linkedin:active,
.btn.btn-social.btn-linkedin.active,
.btn.btn-social-icon.btn-linkedin.active,
.open > .dropdown-toggle.btn.btn-social.btn-linkedin,
.open > .dropdown-toggle.btn.btn-social-icon.btn-linkedin {
  background-image: none;
}

.btn.btn-social.btn-linkedin.disabled:hover,
.btn.btn-social-icon.btn-linkedin.disabled:hover,
.btn.btn-social.btn-linkedin[disabled]:hover,
.btn.btn-social-icon.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-linkedin:hover,
fieldset[disabled] .btn.btn-social-icon.btn-linkedin:hover,
.btn.btn-social.btn-linkedin.disabled:focus,
.btn.btn-social-icon.btn-linkedin.disabled:focus,
.btn.btn-social.btn-linkedin[disabled]:focus,
.btn.btn-social-icon.btn-linkedin[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-linkedin:focus,
fieldset[disabled] .btn.btn-social-icon.btn-linkedin:focus,
.btn.btn-social.btn-linkedin.disabled.focus,
.btn.btn-social-icon.btn-linkedin.disabled.focus,
.btn.btn-social.btn-linkedin[disabled].focus,
.btn.btn-social-icon.btn-linkedin[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-linkedin.focus,
fieldset[disabled] .btn.btn-social-icon.btn-linkedin.focus {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-linkedin .badge,
.btn.btn-social-icon.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff;
}

.btn.btn-social.btn-microsoft,
.btn.btn-social-icon.btn-microsoft {
  color: #fff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft:focus,
.btn.btn-social-icon.btn-microsoft:focus,
.btn.btn-social.btn-microsoft.focus,
.btn.btn-social-icon.btn-microsoft.focus {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft:hover,
.btn.btn-social-icon.btn-microsoft:hover {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft:active,
.btn.btn-social-icon.btn-microsoft:active,
.btn.btn-social.btn-microsoft.active,
.btn.btn-social-icon.btn-microsoft.active,
.open > .dropdown-toggle.btn.btn-social.btn-microsoft,
.open > .dropdown-toggle.btn.btn-social-icon.btn-microsoft {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft:active:hover,
.btn.btn-social-icon.btn-microsoft:active:hover,
.btn.btn-social.btn-microsoft.active:hover,
.btn.btn-social-icon.btn-microsoft.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-microsoft:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-microsoft:hover,
.btn.btn-social.btn-microsoft:active:focus,
.btn.btn-social-icon.btn-microsoft:active:focus,
.btn.btn-social.btn-microsoft.active:focus,
.btn.btn-social-icon.btn-microsoft.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-microsoft:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-microsoft:focus,
.btn.btn-social.btn-microsoft:active.focus,
.btn.btn-social-icon.btn-microsoft:active.focus,
.btn.btn-social.btn-microsoft.active.focus,
.btn.btn-social-icon.btn-microsoft.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-microsoft.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-microsoft.focus {
  color: #fff;
  background-color: #0f4bac;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft:active,
.btn.btn-social-icon.btn-microsoft:active,
.btn.btn-social.btn-microsoft.active,
.btn.btn-social-icon.btn-microsoft.active,
.open > .dropdown-toggle.btn.btn-social.btn-microsoft,
.open > .dropdown-toggle.btn.btn-social-icon.btn-microsoft {
  background-image: none;
}

.btn.btn-social.btn-microsoft.disabled:hover,
.btn.btn-social-icon.btn-microsoft.disabled:hover,
.btn.btn-social.btn-microsoft[disabled]:hover,
.btn.btn-social-icon.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-microsoft:hover,
fieldset[disabled] .btn.btn-social-icon.btn-microsoft:hover,
.btn.btn-social.btn-microsoft.disabled:focus,
.btn.btn-social-icon.btn-microsoft.disabled:focus,
.btn.btn-social.btn-microsoft[disabled]:focus,
.btn.btn-social-icon.btn-microsoft[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-microsoft:focus,
fieldset[disabled] .btn.btn-social-icon.btn-microsoft:focus,
.btn.btn-social.btn-microsoft.disabled.focus,
.btn.btn-social-icon.btn-microsoft.disabled.focus,
.btn.btn-social.btn-microsoft[disabled].focus,
.btn.btn-social-icon.btn-microsoft[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-microsoft.focus,
fieldset[disabled] .btn.btn-social-icon.btn-microsoft.focus {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-microsoft .badge,
.btn.btn-social-icon.btn-microsoft .badge {
  color: #2672ec;
  background-color: #fff;
}

.btn.btn-social.btn-openid,
.btn.btn-social-icon.btn-openid {
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid:focus,
.btn.btn-social-icon.btn-openid:focus,
.btn.btn-social.btn-openid.focus,
.btn.btn-social-icon.btn-openid.focus {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid:hover,
.btn.btn-social-icon.btn-openid:hover {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid:active,
.btn.btn-social-icon.btn-openid:active,
.btn.btn-social.btn-openid.active,
.btn.btn-social-icon.btn-openid.active,
.open > .dropdown-toggle.btn.btn-social.btn-openid,
.open > .dropdown-toggle.btn.btn-social-icon.btn-openid {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid:active:hover,
.btn.btn-social-icon.btn-openid:active:hover,
.btn.btn-social.btn-openid.active:hover,
.btn.btn-social-icon.btn-openid.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-openid:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-openid:hover,
.btn.btn-social.btn-openid:active:focus,
.btn.btn-social-icon.btn-openid:active:focus,
.btn.btn-social.btn-openid.active:focus,
.btn.btn-social-icon.btn-openid.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-openid:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-openid:focus,
.btn.btn-social.btn-openid:active.focus,
.btn.btn-social-icon.btn-openid:active.focus,
.btn.btn-social.btn-openid.active.focus,
.btn.btn-social-icon.btn-openid.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-openid.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-openid.focus {
  color: #fff;
  background-color: #b86607;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid:active,
.btn.btn-social-icon.btn-openid:active,
.btn.btn-social.btn-openid.active,
.btn.btn-social-icon.btn-openid.active,
.open > .dropdown-toggle.btn.btn-social.btn-openid,
.open > .dropdown-toggle.btn.btn-social-icon.btn-openid {
  background-image: none;
}

.btn.btn-social.btn-openid.disabled:hover,
.btn.btn-social-icon.btn-openid.disabled:hover,
.btn.btn-social.btn-openid[disabled]:hover,
.btn.btn-social-icon.btn-openid[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-openid:hover,
fieldset[disabled] .btn.btn-social-icon.btn-openid:hover,
.btn.btn-social.btn-openid.disabled:focus,
.btn.btn-social-icon.btn-openid.disabled:focus,
.btn.btn-social.btn-openid[disabled]:focus,
.btn.btn-social-icon.btn-openid[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-openid:focus,
fieldset[disabled] .btn.btn-social-icon.btn-openid:focus,
.btn.btn-social.btn-openid.disabled.focus,
.btn.btn-social-icon.btn-openid.disabled.focus,
.btn.btn-social.btn-openid[disabled].focus,
.btn.btn-social-icon.btn-openid[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-openid.focus,
fieldset[disabled] .btn.btn-social-icon.btn-openid.focus {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-openid .badge,
.btn.btn-social-icon.btn-openid .badge {
  color: #f7931e;
  background-color: #fff;
}

.btn.btn-social.btn-pinterest,
.btn.btn-social-icon.btn-pinterest {
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest:focus,
.btn.btn-social-icon.btn-pinterest:focus,
.btn.btn-social.btn-pinterest.focus,
.btn.btn-social-icon.btn-pinterest.focus {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest:hover,
.btn.btn-social-icon.btn-pinterest:hover {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest:active,
.btn.btn-social-icon.btn-pinterest:active,
.btn.btn-social.btn-pinterest.active,
.btn.btn-social-icon.btn-pinterest.active,
.open > .dropdown-toggle.btn.btn-social.btn-pinterest,
.open > .dropdown-toggle.btn.btn-social-icon.btn-pinterest {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest:active:hover,
.btn.btn-social-icon.btn-pinterest:active:hover,
.btn.btn-social.btn-pinterest.active:hover,
.btn.btn-social-icon.btn-pinterest.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-pinterest:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-pinterest:hover,
.btn.btn-social.btn-pinterest:active:focus,
.btn.btn-social-icon.btn-pinterest:active:focus,
.btn.btn-social.btn-pinterest.active:focus,
.btn.btn-social-icon.btn-pinterest.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-pinterest:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-pinterest:focus,
.btn.btn-social.btn-pinterest:active.focus,
.btn.btn-social-icon.btn-pinterest:active.focus,
.btn.btn-social.btn-pinterest.active.focus,
.btn.btn-social-icon.btn-pinterest.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-pinterest.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-pinterest.focus {
  color: #fff;
  background-color: #801419;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest:active,
.btn.btn-social-icon.btn-pinterest:active,
.btn.btn-social.btn-pinterest.active,
.btn.btn-social-icon.btn-pinterest.active,
.open > .dropdown-toggle.btn.btn-social.btn-pinterest,
.open > .dropdown-toggle.btn.btn-social-icon.btn-pinterest {
  background-image: none;
}

.btn.btn-social.btn-pinterest.disabled:hover,
.btn.btn-social-icon.btn-pinterest.disabled:hover,
.btn.btn-social.btn-pinterest[disabled]:hover,
.btn.btn-social-icon.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-pinterest:hover,
fieldset[disabled] .btn.btn-social-icon.btn-pinterest:hover,
.btn.btn-social.btn-pinterest.disabled:focus,
.btn.btn-social-icon.btn-pinterest.disabled:focus,
.btn.btn-social.btn-pinterest[disabled]:focus,
.btn.btn-social-icon.btn-pinterest[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-pinterest:focus,
fieldset[disabled] .btn.btn-social-icon.btn-pinterest:focus,
.btn.btn-social.btn-pinterest.disabled.focus,
.btn.btn-social-icon.btn-pinterest.disabled.focus,
.btn.btn-social.btn-pinterest[disabled].focus,
.btn.btn-social-icon.btn-pinterest[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-pinterest.focus,
fieldset[disabled] .btn.btn-social-icon.btn-pinterest.focus {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-pinterest .badge,
.btn.btn-social-icon.btn-pinterest .badge {
  color: #cb2027;
  background-color: #fff;
}

.btn.btn-social.btn-reddit,
.btn.btn-social-icon.btn-reddit {
  color: #000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit:focus,
.btn.btn-social-icon.btn-reddit:focus,
.btn.btn-social.btn-reddit.focus,
.btn.btn-social-icon.btn-reddit.focus {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit:hover,
.btn.btn-social-icon.btn-reddit:hover {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit:active,
.btn.btn-social-icon.btn-reddit:active,
.btn.btn-social.btn-reddit.active,
.btn.btn-social-icon.btn-reddit.active,
.open > .dropdown-toggle.btn.btn-social.btn-reddit,
.open > .dropdown-toggle.btn.btn-social-icon.btn-reddit {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit:active:hover,
.btn.btn-social-icon.btn-reddit:active:hover,
.btn.btn-social.btn-reddit.active:hover,
.btn.btn-social-icon.btn-reddit.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-reddit:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-reddit:hover,
.btn.btn-social.btn-reddit:active:focus,
.btn.btn-social-icon.btn-reddit:active:focus,
.btn.btn-social.btn-reddit.active:focus,
.btn.btn-social-icon.btn-reddit.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-reddit:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-reddit:focus,
.btn.btn-social.btn-reddit:active.focus,
.btn.btn-social-icon.btn-reddit:active.focus,
.btn.btn-social.btn-reddit.active.focus,
.btn.btn-social-icon.btn-reddit.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-reddit.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-reddit.focus {
  color: #000;
  background-color: #98ccff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit:active,
.btn.btn-social-icon.btn-reddit:active,
.btn.btn-social.btn-reddit.active,
.btn.btn-social-icon.btn-reddit.active,
.open > .dropdown-toggle.btn.btn-social.btn-reddit,
.open > .dropdown-toggle.btn.btn-social-icon.btn-reddit {
  background-image: none;
}

.btn.btn-social.btn-reddit.disabled:hover,
.btn.btn-social-icon.btn-reddit.disabled:hover,
.btn.btn-social.btn-reddit[disabled]:hover,
.btn.btn-social-icon.btn-reddit[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-reddit:hover,
fieldset[disabled] .btn.btn-social-icon.btn-reddit:hover,
.btn.btn-social.btn-reddit.disabled:focus,
.btn.btn-social-icon.btn-reddit.disabled:focus,
.btn.btn-social.btn-reddit[disabled]:focus,
.btn.btn-social-icon.btn-reddit[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-reddit:focus,
fieldset[disabled] .btn.btn-social-icon.btn-reddit:focus,
.btn.btn-social.btn-reddit.disabled.focus,
.btn.btn-social-icon.btn-reddit.disabled.focus,
.btn.btn-social.btn-reddit[disabled].focus,
.btn.btn-social-icon.btn-reddit[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-reddit.focus,
fieldset[disabled] .btn.btn-social-icon.btn-reddit.focus {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-reddit .badge,
.btn.btn-social-icon.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000;
}

.btn.btn-social.btn-soundcloud,
.btn.btn-social-icon.btn-soundcloud {
  color: #fff;
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud:focus,
.btn.btn-social-icon.btn-soundcloud:focus,
.btn.btn-social.btn-soundcloud.focus,
.btn.btn-social-icon.btn-soundcloud.focus {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud:hover,
.btn.btn-social-icon.btn-soundcloud:hover {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud:active,
.btn.btn-social-icon.btn-soundcloud:active,
.btn.btn-social.btn-soundcloud.active,
.btn.btn-social-icon.btn-soundcloud.active,
.open > .dropdown-toggle.btn.btn-social.btn-soundcloud,
.open > .dropdown-toggle.btn.btn-social-icon.btn-soundcloud {
  color: #fff;
  background-color: #cc4400;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud:active:hover,
.btn.btn-social-icon.btn-soundcloud:active:hover,
.btn.btn-social.btn-soundcloud.active:hover,
.btn.btn-social-icon.btn-soundcloud.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-soundcloud:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-soundcloud:hover,
.btn.btn-social.btn-soundcloud:active:focus,
.btn.btn-social-icon.btn-soundcloud:active:focus,
.btn.btn-social.btn-soundcloud.active:focus,
.btn.btn-social-icon.btn-soundcloud.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-soundcloud:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-soundcloud:focus,
.btn.btn-social.btn-soundcloud:active.focus,
.btn.btn-social-icon.btn-soundcloud:active.focus,
.btn.btn-social.btn-soundcloud.active.focus,
.btn.btn-social-icon.btn-soundcloud.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-soundcloud.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-soundcloud.focus {
  color: #fff;
  background-color: #a83800;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud:active,
.btn.btn-social-icon.btn-soundcloud:active,
.btn.btn-social.btn-soundcloud.active,
.btn.btn-social-icon.btn-soundcloud.active,
.open > .dropdown-toggle.btn.btn-social.btn-soundcloud,
.open > .dropdown-toggle.btn.btn-social-icon.btn-soundcloud {
  background-image: none;
}

.btn.btn-social.btn-soundcloud.disabled:hover,
.btn.btn-social-icon.btn-soundcloud.disabled:hover,
.btn.btn-social.btn-soundcloud[disabled]:hover,
.btn.btn-social-icon.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-soundcloud:hover,
fieldset[disabled] .btn.btn-social-icon.btn-soundcloud:hover,
.btn.btn-social.btn-soundcloud.disabled:focus,
.btn.btn-social-icon.btn-soundcloud.disabled:focus,
.btn.btn-social.btn-soundcloud[disabled]:focus,
.btn.btn-social-icon.btn-soundcloud[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-soundcloud:focus,
fieldset[disabled] .btn.btn-social-icon.btn-soundcloud:focus,
.btn.btn-social.btn-soundcloud.disabled.focus,
.btn.btn-social-icon.btn-soundcloud.disabled.focus,
.btn.btn-social.btn-soundcloud[disabled].focus,
.btn.btn-social-icon.btn-soundcloud[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-soundcloud.focus,
fieldset[disabled] .btn.btn-social-icon.btn-soundcloud.focus {
  background-color: #ff5500;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-soundcloud .badge,
.btn.btn-social-icon.btn-soundcloud .badge {
  color: #ff5500;
  background-color: #fff;
}

.btn.btn-social.btn-tumblr,
.btn.btn-social-icon.btn-tumblr {
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr:focus,
.btn.btn-social-icon.btn-tumblr:focus,
.btn.btn-social.btn-tumblr.focus,
.btn.btn-social-icon.btn-tumblr.focus {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr:hover,
.btn.btn-social-icon.btn-tumblr:hover {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr:active,
.btn.btn-social-icon.btn-tumblr:active,
.btn.btn-social.btn-tumblr.active,
.btn.btn-social-icon.btn-tumblr.active,
.open > .dropdown-toggle.btn.btn-social.btn-tumblr,
.open > .dropdown-toggle.btn.btn-social-icon.btn-tumblr {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr:active:hover,
.btn.btn-social-icon.btn-tumblr:active:hover,
.btn.btn-social.btn-tumblr.active:hover,
.btn.btn-social-icon.btn-tumblr.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-tumblr:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-tumblr:hover,
.btn.btn-social.btn-tumblr:active:focus,
.btn.btn-social-icon.btn-tumblr:active:focus,
.btn.btn-social.btn-tumblr.active:focus,
.btn.btn-social-icon.btn-tumblr.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-tumblr:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-tumblr:focus,
.btn.btn-social.btn-tumblr:active.focus,
.btn.btn-social-icon.btn-tumblr:active.focus,
.btn.btn-social.btn-tumblr.active.focus,
.btn.btn-social-icon.btn-tumblr.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-tumblr.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-tumblr.focus {
  color: #fff;
  background-color: #111c26;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr:active,
.btn.btn-social-icon.btn-tumblr:active,
.btn.btn-social.btn-tumblr.active,
.btn.btn-social-icon.btn-tumblr.active,
.open > .dropdown-toggle.btn.btn-social.btn-tumblr,
.open > .dropdown-toggle.btn.btn-social-icon.btn-tumblr {
  background-image: none;
}

.btn.btn-social.btn-tumblr.disabled:hover,
.btn.btn-social-icon.btn-tumblr.disabled:hover,
.btn.btn-social.btn-tumblr[disabled]:hover,
.btn.btn-social-icon.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-tumblr:hover,
fieldset[disabled] .btn.btn-social-icon.btn-tumblr:hover,
.btn.btn-social.btn-tumblr.disabled:focus,
.btn.btn-social-icon.btn-tumblr.disabled:focus,
.btn.btn-social.btn-tumblr[disabled]:focus,
.btn.btn-social-icon.btn-tumblr[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-tumblr:focus,
fieldset[disabled] .btn.btn-social-icon.btn-tumblr:focus,
.btn.btn-social.btn-tumblr.disabled.focus,
.btn.btn-social-icon.btn-tumblr.disabled.focus,
.btn.btn-social.btn-tumblr[disabled].focus,
.btn.btn-social-icon.btn-tumblr[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-tumblr.focus,
fieldset[disabled] .btn.btn-social-icon.btn-tumblr.focus {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-tumblr .badge,
.btn.btn-social-icon.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff;
}

.btn.btn-social.btn-twitter,
.btn.btn-social-icon.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter:focus,
.btn.btn-social-icon.btn-twitter:focus,
.btn.btn-social.btn-twitter.focus,
.btn.btn-social-icon.btn-twitter.focus {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter:hover,
.btn.btn-social-icon.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter:active,
.btn.btn-social-icon.btn-twitter:active,
.btn.btn-social.btn-twitter.active,
.btn.btn-social-icon.btn-twitter.active,
.open > .dropdown-toggle.btn.btn-social.btn-twitter,
.open > .dropdown-toggle.btn.btn-social-icon.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter:active:hover,
.btn.btn-social-icon.btn-twitter:active:hover,
.btn.btn-social.btn-twitter.active:hover,
.btn.btn-social-icon.btn-twitter.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-twitter:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-twitter:hover,
.btn.btn-social.btn-twitter:active:focus,
.btn.btn-social-icon.btn-twitter:active:focus,
.btn.btn-social.btn-twitter.active:focus,
.btn.btn-social-icon.btn-twitter.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-twitter:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-twitter:focus,
.btn.btn-social.btn-twitter:active.focus,
.btn.btn-social-icon.btn-twitter:active.focus,
.btn.btn-social.btn-twitter.active.focus,
.btn.btn-social-icon.btn-twitter.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-twitter.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-twitter.focus {
  color: #fff;
  background-color: #1583d7;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter:active,
.btn.btn-social-icon.btn-twitter:active,
.btn.btn-social.btn-twitter.active,
.btn.btn-social-icon.btn-twitter.active,
.open > .dropdown-toggle.btn.btn-social.btn-twitter,
.open > .dropdown-toggle.btn.btn-social-icon.btn-twitter {
  background-image: none;
}

.btn.btn-social.btn-twitter.disabled:hover,
.btn.btn-social-icon.btn-twitter.disabled:hover,
.btn.btn-social.btn-twitter[disabled]:hover,
.btn.btn-social-icon.btn-twitter[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-twitter:hover,
fieldset[disabled] .btn.btn-social-icon.btn-twitter:hover,
.btn.btn-social.btn-twitter.disabled:focus,
.btn.btn-social-icon.btn-twitter.disabled:focus,
.btn.btn-social.btn-twitter[disabled]:focus,
.btn.btn-social-icon.btn-twitter[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-twitter:focus,
fieldset[disabled] .btn.btn-social-icon.btn-twitter:focus,
.btn.btn-social.btn-twitter.disabled.focus,
.btn.btn-social-icon.btn-twitter.disabled.focus,
.btn.btn-social.btn-twitter[disabled].focus,
.btn.btn-social-icon.btn-twitter[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-twitter.focus,
fieldset[disabled] .btn.btn-social-icon.btn-twitter.focus {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-twitter .badge,
.btn.btn-social-icon.btn-twitter .badge {
  color: #55acee;
  background-color: #fff;
}

.btn.btn-social.btn-vimeo,
.btn.btn-social-icon.btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo:focus,
.btn.btn-social-icon.btn-vimeo:focus,
.btn.btn-social.btn-vimeo.focus,
.btn.btn-social-icon.btn-vimeo.focus {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo:hover,
.btn.btn-social-icon.btn-vimeo:hover {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo:active,
.btn.btn-social-icon.btn-vimeo:active,
.btn.btn-social.btn-vimeo.active,
.btn.btn-social-icon.btn-vimeo.active,
.open > .dropdown-toggle.btn.btn-social.btn-vimeo,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vimeo {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo:active:hover,
.btn.btn-social-icon.btn-vimeo:active:hover,
.btn.btn-social.btn-vimeo.active:hover,
.btn.btn-social-icon.btn-vimeo.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-vimeo:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vimeo:hover,
.btn.btn-social.btn-vimeo:active:focus,
.btn.btn-social-icon.btn-vimeo:active:focus,
.btn.btn-social.btn-vimeo.active:focus,
.btn.btn-social-icon.btn-vimeo.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-vimeo:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vimeo:focus,
.btn.btn-social.btn-vimeo:active.focus,
.btn.btn-social-icon.btn-vimeo:active.focus,
.btn.btn-social.btn-vimeo.active.focus,
.btn.btn-social-icon.btn-vimeo.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-vimeo.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vimeo.focus {
  color: #fff;
  background-color: #0f7b9f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo:active,
.btn.btn-social-icon.btn-vimeo:active,
.btn.btn-social.btn-vimeo.active,
.btn.btn-social-icon.btn-vimeo.active,
.open > .dropdown-toggle.btn.btn-social.btn-vimeo,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vimeo {
  background-image: none;
}

.btn.btn-social.btn-vimeo.disabled:hover,
.btn.btn-social-icon.btn-vimeo.disabled:hover,
.btn.btn-social.btn-vimeo[disabled]:hover,
.btn.btn-social-icon.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-vimeo:hover,
fieldset[disabled] .btn.btn-social-icon.btn-vimeo:hover,
.btn.btn-social.btn-vimeo.disabled:focus,
.btn.btn-social-icon.btn-vimeo.disabled:focus,
.btn.btn-social.btn-vimeo[disabled]:focus,
.btn.btn-social-icon.btn-vimeo[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-vimeo:focus,
fieldset[disabled] .btn.btn-social-icon.btn-vimeo:focus,
.btn.btn-social.btn-vimeo.disabled.focus,
.btn.btn-social-icon.btn-vimeo.disabled.focus,
.btn.btn-social.btn-vimeo[disabled].focus,
.btn.btn-social-icon.btn-vimeo[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-vimeo.focus,
fieldset[disabled] .btn.btn-social-icon.btn-vimeo.focus {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vimeo .badge,
.btn.btn-social-icon.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #fff;
}

.btn.btn-social.btn-vk,
.btn.btn-social-icon.btn-vk {
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk:focus,
.btn.btn-social-icon.btn-vk:focus,
.btn.btn-social.btn-vk.focus,
.btn.btn-social-icon.btn-vk.focus {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk:hover,
.btn.btn-social-icon.btn-vk:hover {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk:active,
.btn.btn-social-icon.btn-vk:active,
.btn.btn-social.btn-vk.active,
.btn.btn-social-icon.btn-vk.active,
.open > .dropdown-toggle.btn.btn-social.btn-vk,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vk {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk:active:hover,
.btn.btn-social-icon.btn-vk:active:hover,
.btn.btn-social.btn-vk.active:hover,
.btn.btn-social-icon.btn-vk.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-vk:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vk:hover,
.btn.btn-social.btn-vk:active:focus,
.btn.btn-social-icon.btn-vk:active:focus,
.btn.btn-social.btn-vk.active:focus,
.btn.btn-social-icon.btn-vk.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-vk:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vk:focus,
.btn.btn-social.btn-vk:active.focus,
.btn.btn-social-icon.btn-vk:active.focus,
.btn.btn-social.btn-vk.active.focus,
.btn.btn-social-icon.btn-vk.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-vk.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vk.focus {
  color: #fff;
  background-color: #3a526b;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk:active,
.btn.btn-social-icon.btn-vk:active,
.btn.btn-social.btn-vk.active,
.btn.btn-social-icon.btn-vk.active,
.open > .dropdown-toggle.btn.btn-social.btn-vk,
.open > .dropdown-toggle.btn.btn-social-icon.btn-vk {
  background-image: none;
}

.btn.btn-social.btn-vk.disabled:hover,
.btn.btn-social-icon.btn-vk.disabled:hover,
.btn.btn-social.btn-vk[disabled]:hover,
.btn.btn-social-icon.btn-vk[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-vk:hover,
fieldset[disabled] .btn.btn-social-icon.btn-vk:hover,
.btn.btn-social.btn-vk.disabled:focus,
.btn.btn-social-icon.btn-vk.disabled:focus,
.btn.btn-social.btn-vk[disabled]:focus,
.btn.btn-social-icon.btn-vk[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-vk:focus,
fieldset[disabled] .btn.btn-social-icon.btn-vk:focus,
.btn.btn-social.btn-vk.disabled.focus,
.btn.btn-social-icon.btn-vk.disabled.focus,
.btn.btn-social.btn-vk[disabled].focus,
.btn.btn-social-icon.btn-vk[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-vk.focus,
fieldset[disabled] .btn.btn-social-icon.btn-vk.focus {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-vk .badge,
.btn.btn-social-icon.btn-vk .badge {
  color: #587ea3;
  background-color: #fff;
}

.btn.btn-social.btn-yahoo,
.btn.btn-social-icon.btn-yahoo {
  color: #fff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo:focus,
.btn.btn-social-icon.btn-yahoo:focus,
.btn.btn-social.btn-yahoo.focus,
.btn.btn-social-icon.btn-yahoo.focus {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo:hover,
.btn.btn-social-icon.btn-yahoo:hover {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo:active,
.btn.btn-social-icon.btn-yahoo:active,
.btn.btn-social.btn-yahoo.active,
.btn.btn-social-icon.btn-yahoo.active,
.open > .dropdown-toggle.btn.btn-social.btn-yahoo,
.open > .dropdown-toggle.btn.btn-social-icon.btn-yahoo {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo:active:hover,
.btn.btn-social-icon.btn-yahoo:active:hover,
.btn.btn-social.btn-yahoo.active:hover,
.btn.btn-social-icon.btn-yahoo.active:hover,
.open > .dropdown-toggle.btn.btn-social.btn-yahoo:hover,
.open > .dropdown-toggle.btn.btn-social-icon.btn-yahoo:hover,
.btn.btn-social.btn-yahoo:active:focus,
.btn.btn-social-icon.btn-yahoo:active:focus,
.btn.btn-social.btn-yahoo.active:focus,
.btn.btn-social-icon.btn-yahoo.active:focus,
.open > .dropdown-toggle.btn.btn-social.btn-yahoo:focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-yahoo:focus,
.btn.btn-social.btn-yahoo:active.focus,
.btn.btn-social-icon.btn-yahoo:active.focus,
.btn.btn-social.btn-yahoo.active.focus,
.btn.btn-social-icon.btn-yahoo.active.focus,
.open > .dropdown-toggle.btn.btn-social.btn-yahoo.focus,
.open > .dropdown-toggle.btn.btn-social-icon.btn-yahoo.focus {
  color: #fff;
  background-color: #39074e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo:active,
.btn.btn-social-icon.btn-yahoo:active,
.btn.btn-social.btn-yahoo.active,
.btn.btn-social-icon.btn-yahoo.active,
.open > .dropdown-toggle.btn.btn-social.btn-yahoo,
.open > .dropdown-toggle.btn.btn-social-icon.btn-yahoo {
  background-image: none;
}

.btn.btn-social.btn-yahoo.disabled:hover,
.btn.btn-social-icon.btn-yahoo.disabled:hover,
.btn.btn-social.btn-yahoo[disabled]:hover,
.btn.btn-social-icon.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn.btn-social.btn-yahoo:hover,
fieldset[disabled] .btn.btn-social-icon.btn-yahoo:hover,
.btn.btn-social.btn-yahoo.disabled:focus,
.btn.btn-social-icon.btn-yahoo.disabled:focus,
.btn.btn-social.btn-yahoo[disabled]:focus,
.btn.btn-social-icon.btn-yahoo[disabled]:focus,
fieldset[disabled] .btn.btn-social.btn-yahoo:focus,
fieldset[disabled] .btn.btn-social-icon.btn-yahoo:focus,
.btn.btn-social.btn-yahoo.disabled.focus,
.btn.btn-social-icon.btn-yahoo.disabled.focus,
.btn.btn-social.btn-yahoo[disabled].focus,
.btn.btn-social-icon.btn-yahoo[disabled].focus,
fieldset[disabled] .btn.btn-social.btn-yahoo.focus,
fieldset[disabled] .btn.btn-social-icon.btn-yahoo.focus {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-social.btn-yahoo .badge,
.btn.btn-social-icon.btn-yahoo .badge {
  color: #720e9e;
  background-color: #fff;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf)
    format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

.box,
.info-box,
.small-box,
.nav-tabs-custom,
.callout {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  border: 0;
}

.box p,
.info-box p,
.small-box p,
.nav-tabs-custom p,
.callout p {
  /* font-weight: 300; */
}

.callout {
  padding: 19px;
}

.nav-tabs-custom > .nav-tabs {
  background: none;
}

.nav-tabs-custom > .nav-tabs > li > a {
  color: var(--txt-color) !important;
}

.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: var(--button-bg-color);
}

.nav-tabs-custom > .nav-tabs > li.active > a {
  /* color: #000!important; */
  color: var(--title-color) !important;
}

.box .box-header {
  padding: 19px;
}

.box .box-header .box-title {
  font-size: 24px;
}

.box .box-header .box-tools .form-group {
  margin-top: 0;
}

.box .box-header .btn,
.box .box-header .input-group-btn .btn {
  padding: 6px 12px;
}

/* .box .box-body .input-group,
.box .box-footer .input-group {
    margin-top: 28px;
} */
.box .box-body .input-group .form-group,
.box .box-footer .input-group .form-group {
  margin-top: 0;
}

.main-header .navbar {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.main-header .logo {
  height: 60px;
  line-height: 60px;
}

.main-header .sidebar-toggle {
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-header #navbar-search-input.form-control {
  background-color: transparent;
  border-bottom: 1px solid #d2d2d2;
}

.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
  background-color: transparent;
  border-bottom: 2px solid #009688;
}

.main-sidebar,
.left-side,
.control-sidebar {
  padding-top: 60px;
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.main-sidebar .user-panel {
  background: url(../img/patterns/user-panel-bg_green.jpg) no-repeat;
  color: #fff;
  padding: 30px 20px;
}

.main-sidebar .user-panel .image {
  float: none !important;
}

.main-sidebar .user-panel .info {
  position: initial;
  float: none !important;
  padding: 10px 0;
}

.main-sidebar .user-panel .info > p {
  font-weight: 500;
}

.main-sidebar .user-panel .info > a {
  color: #fff;
}

.sidebar-form {
  padding: 10px 15px;
}

.sidebar-form .form-group {
  margin-top: 0;
  padding-bottom: 0;
}

.sidebar-form .input-group-btn {
  padding: 0;
}

.sidebar-form .input-group-btn .btn {
  margin: 0;
  padding: 0;
}

.control-sidebar .form-group {
  margin-top: 0;
}

/* .content-wrapper,
.right-side {
    background-color: #EEEEEE;
} */
.wysihtml5-toolbar .btn {
  padding: 6px 12px;
}

.wysihtml5-toolbar .btn,
.wysihtml5-toolbar .btn-group {
  margin-top: 0;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel {
    padding: 5px;
  }

  .sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li > a > span {
    border-top-right-radius: 2px;
  }

  .sidebar-mini.sidebar-collapse
    .main-sidebar
    .sidebar-menu
    > li
    > .treeview-menu {
    border-bottom-right-radius: 2px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
  }

  .sidebar-mini.sidebar-collapse
    .main-sidebar
    .sidebar-menu
    > li:not(.treeview)
    > a
    > span {
    border-bottom-right-radius: 2px;
  }
}

/*# sourceMappingURL=./MaterialAdminLTE.css.map */

/*skin.css*/
/*
 * Skin: Material Blue
 * -----------
 */
/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();


*/
/* ANIMATION */
/* SHADOWS */
.skin-blue .main-header .navbar {
  background-color: #2196f3;
}

.skin-blue .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #0d8aee;
}

@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #0d8aee;
  }
}

.skin-blue .main-header .logo {
  background-color: #0d8aee;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-blue .main-header .logo:hover {
  background-color: #0d87e9;
}

.skin-blue .main-header li.user-header {
  background-color: #2196f3;
}

.skin-blue .content-header {
  background: transparent;
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #222d32;
}

.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #fff;
}

.skin-blue .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-blue .sidebar-menu > li.active > a {
  border-left-color: #2196f3;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-blue .sidebar a {
  color: #b8c7ce;
}

.skin-blue .sidebar a:hover {
  text-decoration: none;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-blue .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_blue.jpg) no-repeat;
}

.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #fff;
  background: #2196f3;
  border-left-color: #2196f3;
}

.skin-blue .sidebar-form {
  border: none;
  margin: 0;
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form .btn,
.skin-blue .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-blue a,
.skin-blue a:hover,
.skin-blue a:focus {
  color: #2196f3;
}

.skin-blue .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(33, 150, 243, 0.5);
}

.skin-blue .togglebutton label input[type="checkbox"]:checked + .toggle:after {
  background-color: #2196f3;
}

.skin-blue
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(33, 150, 243, 0.1);
}

.skin-blue .dropdown-menu li a:hover {
  color: #2196f3;
}

.skin-blue .form-control,
.skin-blue .form-group .form-control {
  background-image: linear-gradient(#2196f3, #2196f3),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-blue .form-group.is-focused .form-control {
  background-image: linear-gradient(#2196f3, #2196f3),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-blue .form-group.is-focused .form-control .material-input:after {
  background-color: #2196f3;
}

.skin-blue .form-group.is-focused label,
.skin-blue .form-group.is-focused label.control-label {
  color: #2196f3;
}

.skin-blue .progress .progress-bar,
.skin-blue .progress .progress-bar.progress-bar-default {
  background-color: #2196f3;
}

.skin-blue .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-blue .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-blue .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-blue .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-blue .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-blue .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-blue .nav-tabs {
  background: #2196f3;
}

.skin-blue .text-primary {
  color: #2196f3;
}

.skin-blue .slider.noUi-connect,
.skin-blue .slider.slider-default.noUi-connect {
  background-color: #2196f3;
}

.skin-blue .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-blue .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-blue .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-blue .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-blue .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-blue .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-blue .slider .noUi-connect,
.skin-blue .slider.slider-default .noUi-connect {
  background-color: #2196f3;
}

.skin-blue .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-blue .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-blue .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-blue .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-blue .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-blue .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-blue .slider .noUi-handle,
.skin-blue .slider.slider-default .noUi-handle {
  background-color: #2196f3;
}

.skin-blue .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-blue .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-blue .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-blue .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-blue .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-blue .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-blue .slider .noUi-handle,
.skin-blue .slider.slider-default .noUi-handle {
  border-color: #2196f3;
}

.skin-blue .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-blue .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-blue .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-blue .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-blue .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-blue .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-blue .checkbox input[type="checkbox"]:checked + .checkbox-material .check,
.skin-blue
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #2196f3;
  border-color: #2196f3;
}

.skin-blue
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-blue
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #2196f3;
}

.skin-blue .radio .check,
.skin-blue label.radio-inline .check {
  background-color: #2196f3;
}

/*
 * Skin: Material Blue Light
 * -----------
 */
.skin-blue-light .main-header .navbar {
  background-color: #00bcd4;
}

.skin-blue-light .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-blue-light .main-header .navbar .nav > li > a:hover,
.skin-blue-light .main-header .navbar .nav > li > a:active,
.skin-blue-light .main-header .navbar .nav > li > a:focus,
.skin-blue-light .main-header .navbar .nav .open > a,
.skin-blue-light .main-header .navbar .nav .open > a:hover,
.skin-blue-light .main-header .navbar .nav .open > a:focus,
.skin-blue-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #00a5bb;
}

@media (max-width: 767px) {
  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
    background: #00a5bb;
  }
}

.skin-blue-light .main-header .logo {
  background-color: #00bcd4;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-blue-light .main-header .logo:hover {
  background-color: #00b7cf;
}

.skin-blue-light .main-header li.user-header {
  background-color: #00bcd4;
}

.skin-blue-light .content-header {
  background: transparent;
}

.skin-blue-light .wrapper,
.skin-blue-light .main-sidebar,
.skin-blue-light .left-side {
  background-color: #f9fafc;
}

.skin-blue-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-blue-light .user-panel > .info,
.skin-blue-light .user-panel > .info > a {
  color: #444;
}

.skin-blue-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-blue-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-blue-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-blue-light .sidebar-menu > li.active {
  border-left-color: #00bcd4;
}

.skin-blue-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-blue-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-blue-light .sidebar a {
  color: #444;
}

.skin-blue-light .sidebar a:hover {
  text-decoration: none;
}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,
.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-blue-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-blue-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  background-color: #fff;
  color: #666;
}

.skin-blue-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  border-left-color: #fff;
}

.skin-blue-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-blue-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-blue-light .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_blue.jpg) no-repeat;
}

.skin-blue-light .sidebar-menu > li:hover > a,
.skin-blue-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #00bcd4;
}

.skin-blue-light .user-panel > .info {
  color: #fff;
}

.skin-blue-light .user-panel > .info > a {
  color: #fff;
}

.skin-blue-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-blue-light .sidebar-form input[type="text"],
.skin-blue-light .sidebar-form input[type="text"]:focus,
.skin-blue-light .sidebar-form .btn {
  background-color: transparent;
}

.skin-blue-light a,
.skin-blue-light a:hover,
.skin-blue-light a:focus {
  color: #00bcd4;
}

.skin-blue-light .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(0, 188, 212, 0.5);
}

.skin-blue-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #00bcd4;
}

.skin-blue-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(0, 188, 212, 0.1);
}

.skin-blue-light .dropdown-menu li a:hover {
  color: #00bcd4;
}

.skin-blue-light .form-control,
.skin-blue-light .form-group .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-blue-light .form-group.is-focused .form-control {
  background-image: linear-gradient(#00bcd4, #00bcd4),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-blue-light .form-group.is-focused .form-control .material-input:after {
  background-color: #00bcd4;
}

.skin-blue-light .form-group.is-focused label,
.skin-blue-light .form-group.is-focused label.control-label {
  color: #00bcd4;
}

.skin-blue-light .progress .progress-bar,
.skin-blue-light .progress .progress-bar.progress-bar-default {
  background-color: #00bcd4;
}

.skin-blue-light .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-blue-light .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-blue-light .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-blue-light .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-blue-light .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-blue-light .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-blue-light .nav-tabs {
  background: #00bcd4;
}

.skin-blue-light .text-primary {
  color: #00bcd4;
}

.skin-blue-light .slider.noUi-connect,
.skin-blue-light .slider.slider-default.noUi-connect {
  background-color: #00bcd4;
}

.skin-blue-light .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-blue-light .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-blue-light .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-blue-light .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-blue-light .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-blue-light .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-blue-light .slider .noUi-connect,
.skin-blue-light .slider.slider-default .noUi-connect {
  background-color: #00bcd4;
}

.skin-blue-light .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-blue-light .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-blue-light .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-blue-light .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-blue-light .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-blue-light .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-blue-light .slider .noUi-handle,
.skin-blue-light .slider.slider-default .noUi-handle {
  background-color: #00bcd4;
}

.skin-blue-light .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-blue-light .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-blue-light .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-blue-light .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-blue-light .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-blue-light .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-blue-light .slider .noUi-handle,
.skin-blue-light .slider.slider-default .noUi-handle {
  border-color: #00bcd4;
}

.skin-blue-light .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-blue-light .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-blue-light .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-blue-light .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-blue-light .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-blue-light .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-blue-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-blue-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #00bcd4;
  border-color: #00bcd4;
}

.skin-blue-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-blue-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #00bcd4;
}

.skin-blue-light .radio .check,
.skin-blue-light label.radio-inline .check {
  background-color: #00bcd4;
}

/*
 * Skin: Material Black
 * -----------
 */
/* skin-black navbar */
.skin-black .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.skin-black .main-header .navbar-toggle {
  color: #333;
}

.skin-black .main-header .navbar-brand {
  color: #333;
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  padding: 10px;
}

.skin-black .main-header .navbar {
  background-color: #fff;
}

.skin-black .main-header .navbar .nav > li > a {
  color: #333;
}

.skin-black .main-header .navbar .nav > li > a:hover,
.skin-black .main-header .navbar .nav > li > a:active,
.skin-black .main-header .navbar .nav > li > a:focus,
.skin-black .main-header .navbar .nav .open > a,
.skin-black .main-header .navbar .nav .open > a:hover,
.skin-black .main-header .navbar .nav .open > a:focus,
.skin-black .main-header .navbar .nav > .active > a {
  background: #131010;
  color: #999;
}

.skin-black .main-header .navbar .sidebar-toggle {
  color: #333;
}

.skin-black .main-header .navbar .sidebar-toggle:hover {
  color: #999;
  background: #fff;
}

.skin-black .main-header .navbar > .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}

.skin-black .main-header .navbar .navbar-nav > li > a {
  /* border-right: 1px solid #eee; */
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}

.skin-black .main-header > .logo {
  background-color: #fff;
  color: #333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}

.skin-black .main-header > .logo:hover {
  background-color: #fcfcfc;
}

@media (max-width: 767px) {
  .skin-black .main-header > .logo {
    background-color: #222;
    color: #fff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }

  .skin-black .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}

.skin-black .main-header li.user-header {
  background-color: #222;
}

.skin-black .content-header {
  background: transparent;
  box-shadow: none;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
  background-color: #222d32;
}

.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: #fff;
}

.skin-black .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-black .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a,
.skin-black .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-black .sidebar-menu > li.active > a {
  border-left-color: #fff;
}

.skin-black .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-black .sidebar a {
  color: #b8c7ce;
}

.skin-black .sidebar a:hover {
  text-decoration: none;
}

.skin-black .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-black .sidebar-menu .treeview-menu > li.active > a,
.skin-black .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-black .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-black .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-black .pace .pace-progress {
  background: #222;
}

.skin-black .pace .pace-activity {
  border-top-color: #222;
  border-left-color: #222;
}

.skin-black .sidebar-form {
  border: none;
  margin: 0;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form .btn,
.skin-black .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

/*
 * Skin: Material Black Light
 * -----------
 */
/* skin-black navbar */
.skin-black-light .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.skin-black-light .main-header .navbar-toggle {
  color: #333;
}

.skin-black-light .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}

.skin-black-light .main-header .navbar {
  background-color: #fff;
}

.skin-black-light .main-header .navbar .nav > li > a {
  color: #333;
}

.skin-black-light .main-header .navbar .nav > li > a:hover,
.skin-black-light .main-header .navbar .nav > li > a:active,
.skin-black-light .main-header .navbar .nav > li > a:focus,
.skin-black-light .main-header .navbar .nav .open > a,
.skin-black-light .main-header .navbar .nav .open > a:hover,
.skin-black-light .main-header .navbar .nav .open > a:focus,
.skin-black-light .main-header .navbar .nav > .active > a {
  background: #fff;
  color: #999;
}

.skin-black-light .main-header .navbar .sidebar-toggle {
  color: #333;
}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {
  color: #999;
  background: #fff;
}

.skin-black-light .main-header .navbar > .sidebar-toggle {
  color: #333;
  border-right: 1px solid #eee;
}

.skin-black-light .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #eee;
}

.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black-light .main-header .navbar .navbar-right > li > a {
  border-left: 1px solid #eee;
  border-right-width: 0;
}

.skin-black-light .main-header > .logo {
  background-color: #fff;
  color: #333;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #eee;
}

.skin-black-light .main-header > .logo:hover {
  background-color: #fcfcfc;
}

@media (max-width: 767px) {
  .skin-black-light .main-header > .logo {
    background-color: #222;
    color: #fff;
    border-bottom: 0 solid transparent;
    border-right: none;
  }

  .skin-black-light .main-header > .logo:hover {
    background-color: #1f1f1f;
  }
}

.skin-black-light .main-header li.user-header {
  background-color: #222;
}

.skin-black-light .content-header {
  background: transparent;
  box-shadow: none;
}

.skin-black-light .wrapper,
.skin-black-light .main-sidebar,
.skin-black-light .left-side {
  background-color: #f9fafc;
}

.skin-black-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-black-light .user-panel > .info,
.skin-black-light .user-panel > .info > a {
  color: #444;
}

.skin-black-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-black-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-black-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-black-light .sidebar-menu > li:hover > a,
.skin-black-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-black-light .sidebar-menu > li.active {
  border-left-color: #fff;
}

.skin-black-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-black-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-black-light .sidebar a {
  color: #444;
}

.skin-black-light .sidebar a:hover {
  text-decoration: none;
}

.skin-black-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a,
.skin-black-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-black-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-black-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  background-color: #fff;
  color: #666;
}

.skin-black-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  border-left-color: #fff;
}

.skin-black-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-black-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-black-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-black-light .sidebar-form input[type="text"],
.skin-black-light .sidebar-form input[type="text"]:focus,
.skin-black-light .sidebar-form .btn,
.skin-black-light .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-black-light .user-panel > .info {
  color: #fff;
}

.skin-black-light .user-panel > .info > a {
  color: #fff;
}

/*
 * Skin: Material Green
 * -----------
 */
.skin-green .main-header .navbar {
  background-color: #1ab394;
}

.skin-green .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-green .main-header .navbar .nav > li > a:hover,
.skin-green .main-header .navbar .nav > li > a:active,
.skin-green .main-header .navbar .nav > li > a:focus,
.skin-green .main-header .navbar .nav .open > a,
.skin-green .main-header .navbar .nav .open > a:hover,
.skin-green .main-header .navbar .nav .open > a:focus,
.skin-green .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-green .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-green .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-green .main-header .navbar .sidebar-toggle:hover {
  background-color: #179d82;
}

@media (max-width: 767px) {
  .skin-green .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-green .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-green .main-header .navbar .dropdown-menu li a:hover {
    background: #179d82;
  }
}

.skin-green .main-header .logo {
  background-color: #179d82;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-green .main-header .logo:hover {
  background-color: #16987e;
}

.skin-green .main-header li.user-header {
  background-color: #1ab394;
}

.skin-green .content-header {
  background: transparent;
}

.skin-green .wrapper,
.skin-green .main-sidebar,
.skin-green .left-side {
  background-color: #222d32;
}

.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a {
  color: #fff;
}

.skin-green .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-green .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-green .sidebar-menu > li.active > a {
  border-left-color: #1ab394;
}

.skin-green .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-green .sidebar a {
  color: #b8c7ce;
}

.skin-green .sidebar a:hover {
  text-decoration: none;
}

.skin-green .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-green .sidebar-menu .treeview-menu > li.active > a,
.skin-green .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-green .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-green .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-green .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-green .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_green.jpg) no-repeat;
}

.skin-green .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a {
  color: #fff;
  background: #1ab394;
  border-left-color: #1ab394;
}

.skin-green .sidebar-form {
  border: none;
  margin: 0;
}

.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form .btn,
.skin-green .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-green a,
.skin-green a:hover,
.skin-green a:focus {
  color: #1ab394;
}

.skin-green .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(26, 179, 148, 0.5);
}

.skin-green .togglebutton label input[type="checkbox"]:checked + .toggle:after {
  background-color: #1ab394;
}

.skin-green
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(26, 179, 148, 0.1);
}

.skin-green .dropdown-menu li a:hover {
  color: #1ab394;
}

.skin-green .form-control,
.skin-green .form-group .form-control {
  background-image: linear-gradient(#1ab394, #1ab394),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-green .form-group.is-focused .form-control {
  background-image: linear-gradient(#1ab394, #1ab394),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-green .form-group.is-focused .form-control .material-input:after {
  background-color: #1ab394;
}

.skin-green .form-group.is-focused label,
.skin-green .form-group.is-focused label.control-label {
  color: #1ab394;
}

.skin-green .progress .progress-bar,
.skin-green .progress .progress-bar.progress-bar-default {
  background-color: #1ab394;
}

.skin-green .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-green .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-green .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-green .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-green .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-green .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-green .nav-tabs {
  background: #1ab394;
}

.skin-green .text-primary {
  color: #1ab394;
}

.skin-green .slider.noUi-connect,
.skin-green .slider.slider-default.noUi-connect {
  background-color: #1ab394;
}

.skin-green .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-green .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-green .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-green .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-green .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-green .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-green .slider .noUi-connect,
.skin-green .slider.slider-default .noUi-connect {
  background-color: #1ab394;
}

.skin-green .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-green .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-green .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-green .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-green .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-green .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-green .slider .noUi-handle,
.skin-green .slider.slider-default .noUi-handle {
  background-color: #1ab394;
}

.skin-green .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-green .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-green .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-green .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-green .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-green .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-green .slider .noUi-handle,
.skin-green .slider.slider-default .noUi-handle {
  border-color: #1ab394;
}

.skin-green .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-green .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-green .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-green .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-green .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-green .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-green
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-green
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #1ab394;
  border-color: #1ab394;
}

.skin-green
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-green
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #1ab394;
}

.skin-green .radio .check,
.skin-green label.radio-inline .check {
  background-color: #1ab394;
}

/*
 * Skin: Material Green Light
 * -----------
 */
.skin-green-light .main-header .navbar {
  background-color: #4caf50;
}

.skin-green-light .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-green-light .main-header .navbar .nav > li > a:hover,
.skin-green-light .main-header .navbar .nav > li > a:active,
.skin-green-light .main-header .navbar .nav > li > a:focus,
.skin-green-light .main-header .navbar .nav .open > a,
.skin-green-light .main-header .navbar .nav .open > a:hover,
.skin-green-light .main-header .navbar .nav .open > a:focus,
.skin-green-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-green-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #449d48;
}

@media (max-width: 767px) {
  .skin-green-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-green-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
    background: #449d48;
  }
}

.skin-green-light .main-header .logo {
  background-color: #4caf50;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-green-light .main-header .logo:hover {
  background-color: #4aab4e;
}

.skin-green-light .main-header li.user-header {
  background-color: #4caf50;
}

.skin-green-light .content-header {
  background: transparent;
}

.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side {
  background-color: #f9fafc;
}

.skin-green-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-green-light .user-panel > .info,
.skin-green-light .user-panel > .info > a {
  color: #444;
}

.skin-green-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-green-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-green-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-green-light .sidebar-menu > li.active {
  border-left-color: #4caf50;
}

.skin-green-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-green-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-green-light .sidebar a {
  color: #444;
}

.skin-green-light .sidebar a:hover {
  text-decoration: none;
}

.skin-green-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a,
.skin-green-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-green-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-green-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  background-color: #fff;
  color: #666;
}

.skin-green-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  border-left-color: #fff;
}

.skin-green-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-green-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-green-light .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_green.jpg) no-repeat;
}

.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #4caf50;
}

.skin-green-light .user-panel > .info {
  color: #fff;
}

.skin-green-light .user-panel > .info > a {
  color: #fff;
}

.skin-green-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form .btn {
  background-color: transparent;
}

.skin-green-light a,
.skin-green-light a:hover,
.skin-green-light a:focus {
  color: #4caf50;
}

.skin-green-light .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(76, 175, 80, 0.5);
}

.skin-green-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #4caf50;
}

.skin-green-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(76, 175, 80, 0.1);
}

.skin-green-light .dropdown-menu li a:hover {
  color: #4caf50;
}

.skin-green-light .form-control,
.skin-green-light .form-group .form-control {
  background-image: linear-gradient(#4caf50, #4caf50),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-green-light .form-group.is-focused .form-control {
  background-image: linear-gradient(#4caf50, #4caf50),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-green-light .form-group.is-focused .form-control .material-input:after {
  background-color: #4caf50;
}

.skin-green-light .form-group.is-focused label,
.skin-green-light .form-group.is-focused label.control-label {
  color: #4caf50;
}

.skin-green-light .progress .progress-bar,
.skin-green-light .progress .progress-bar.progress-bar-default {
  background-color: #4caf50;
}

.skin-green-light .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-green-light .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-green-light .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-green-light .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-green-light .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-green-light .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-green-light .nav-tabs {
  background: #4caf50;
}

.skin-green-light .text-primary {
  color: #4caf50;
}

.skin-green-light .slider.noUi-connect,
.skin-green-light .slider.slider-default.noUi-connect {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-green-light .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-green-light .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-green-light .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-green-light .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-green-light .slider .noUi-connect,
.skin-green-light .slider.slider-default .noUi-connect {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-green-light .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-green-light .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-green-light .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-green-light .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-green-light .slider .noUi-handle,
.skin-green-light .slider.slider-default .noUi-handle {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-green-light .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-green-light .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-green-light .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-green-light .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-green-light .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-green-light .slider .noUi-handle,
.skin-green-light .slider.slider-default .noUi-handle {
  border-color: #4caf50;
}

.skin-green-light .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-green-light .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-green-light .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-green-light .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-green-light .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-green-light .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-green-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-green-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #4caf50;
  border-color: #4caf50;
}

.skin-green-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-green-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #4caf50;
}

.skin-green-light .radio .check,
.skin-green-light label.radio-inline .check {
  background-color: #4caf50;
}

/*
 * Skin: Material Red
 * -----------
 */
.skin-red .main-header .navbar {
  background-color: #f44336;
}

.skin-red .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-red .main-header .navbar .nav > li > a:hover,
.skin-red .main-header .navbar .nav > li > a:active,
.skin-red .main-header .navbar .nav > li > a:focus,
.skin-red .main-header .navbar .nav .open > a,
.skin-red .main-header .navbar .nav .open > a:hover,
.skin-red .main-header .navbar .nav .open > a:focus,
.skin-red .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-red .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-red .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-red .main-header .navbar .sidebar-toggle:hover {
  background-color: #f32c1e;
}

@media (max-width: 767px) {
  .skin-red .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-red .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-red .main-header .navbar .dropdown-menu li a:hover {
    background: #f32c1e;
  }
}

.skin-red .main-header .logo {
  background-color: #f32c1e;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-red .main-header .logo:hover {
  background-color: #f22819;
}

.skin-red .main-header li.user-header {
  background-color: #f44336;
}

.skin-red .content-header {
  background: transparent;
}

.skin-red .wrapper,
.skin-red .main-sidebar,
.skin-red .left-side {
  background-color: #222d32;
}

.skin-red .user-panel > .info,
.skin-red .user-panel > .info > a {
  color: #fff;
}

.skin-red .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-red .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a,
.skin-red .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-red .sidebar-menu > li.active > a {
  border-left-color: #f44336;
}

.skin-red .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-red .sidebar a {
  color: #b8c7ce;
}

.skin-red .sidebar a:hover {
  text-decoration: none;
}

.skin-red .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-red .sidebar-menu .treeview-menu > li.active > a,
.skin-red .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-red .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-red .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-red .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-red .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_red.jpg) no-repeat;
}

.skin-red .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-red .sidebar-menu > li:hover > a,
.skin-red .sidebar-menu > li.active > a {
  color: #fff;
  background: #f44336;
  border-left-color: #f44336;
}

.skin-red .sidebar-form {
  border: none;
  margin: 0;
}

.skin-red .sidebar-form input[type="text"],
.skin-red .sidebar-form input[type="text"]:focus,
.skin-red .sidebar-form .btn,
.skin-red .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-red a,
.skin-red a:hover,
.skin-red a:focus {
  color: #f44336;
}

.skin-red .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(244, 67, 54, 0.5);
}

.skin-red .togglebutton label input[type="checkbox"]:checked + .toggle:after {
  background-color: #f44336;
}

.skin-red
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(244, 67, 54, 0.1);
}

.skin-red .dropdown-menu li a:hover {
  color: #f44336;
}

.skin-red .form-control,
.skin-red .form-group .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-red .form-group.is-focused .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-red .form-group.is-focused .form-control .material-input:after {
  background-color: #f44336;
}

.skin-red .form-group.is-focused label,
.skin-red .form-group.is-focused label.control-label {
  color: #f44336;
}

.skin-red .progress .progress-bar,
.skin-red .progress .progress-bar.progress-bar-default {
  background-color: #f44336;
}

.skin-red .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-red .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-red .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-red .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-red .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-red .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-red .nav-tabs {
  background: #f44336;
}

.skin-red .text-primary {
  color: #f44336;
}

.skin-red .slider.noUi-connect,
.skin-red .slider.slider-default.noUi-connect {
  background-color: #f44336;
}

.skin-red .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-red .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-red .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-red .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-red .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-red .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-red .slider .noUi-connect,
.skin-red .slider.slider-default .noUi-connect {
  background-color: #f44336;
}

.skin-red .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-red .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-red .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-red .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-red .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-red .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-red .slider .noUi-handle,
.skin-red .slider.slider-default .noUi-handle {
  background-color: #f44336;
}

.skin-red .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-red .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-red .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-red .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-red .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-red .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-red .slider .noUi-handle,
.skin-red .slider.slider-default .noUi-handle {
  border-color: #f44336;
}

.skin-red .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-red .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-red .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-red .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-red .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-red .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-red .checkbox input[type="checkbox"]:checked + .checkbox-material .check,
.skin-red
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #f44336;
  border-color: #f44336;
}

.skin-red
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-red
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #f44336;
}

.skin-red .radio .check,
.skin-red label.radio-inline .check {
  background-color: #f44336;
}

/*
 * Skin: Material Red Light
 * -----------
 */
.skin-red-light .main-header .navbar {
  background-color: #f44336;
}

.skin-red-light .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-red-light .main-header .navbar .nav > li > a:hover,
.skin-red-light .main-header .navbar .nav > li > a:active,
.skin-red-light .main-header .navbar .nav > li > a:focus,
.skin-red-light .main-header .navbar .nav .open > a,
.skin-red-light .main-header .navbar .nav .open > a:hover,
.skin-red-light .main-header .navbar .nav .open > a:focus,
.skin-red-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-red-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #f32c1e;
}

@media (max-width: 767px) {
  .skin-red-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-red-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
    background: #f32c1e;
  }
}

.skin-red-light .main-header .logo {
  background-color: #f44336;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-red-light .main-header .logo:hover {
  background-color: #f43e31;
}

.skin-red-light .main-header li.user-header {
  background-color: #f44336;
}

.skin-red-light .content-header {
  background: transparent;
}

.skin-red-light .wrapper,
.skin-red-light .main-sidebar,
.skin-red-light .left-side {
  background-color: #f9fafc;
}

.skin-red-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-red-light .user-panel > .info,
.skin-red-light .user-panel > .info > a {
  color: #444;
}

.skin-red-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-red-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-red-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-red-light .sidebar-menu > li:hover > a,
.skin-red-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-red-light .sidebar-menu > li.active {
  border-left-color: #f44336;
}

.skin-red-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-red-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-red-light .sidebar a {
  color: #444;
}

.skin-red-light .sidebar a:hover {
  text-decoration: none;
}

.skin-red-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-red-light .sidebar-menu .treeview-menu > li.active > a,
.skin-red-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-red-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-red-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-red-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-red-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-red-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-red-light .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_red.jpg) no-repeat;
}

.skin-red-light .sidebar-menu > li:hover > a,
.skin-red-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #f44336;
}

.skin-red-light .user-panel > .info {
  color: #fff;
}

.skin-red-light .user-panel > .info > a {
  color: #fff;
}

.skin-red-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-red-light .sidebar-form input[type="text"],
.skin-red-light .sidebar-form input[type="text"]:focus,
.skin-red-light .sidebar-form .btn {
  background-color: transparent;
}

.skin-red-light a,
.skin-red-light a:hover,
.skin-red-light a:focus {
  color: #f44336;
}

.skin-red-light .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(244, 67, 54, 0.5);
}

.skin-red-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #f44336;
}

.skin-red-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(244, 67, 54, 0.1);
}

.skin-red-light .dropdown-menu li a:hover {
  color: #f44336;
}

.skin-red-light .form-control,
.skin-red-light .form-group .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-red-light .form-group.is-focused .form-control {
  background-image: linear-gradient(#f44336, #f44336),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-red-light .form-group.is-focused .form-control .material-input:after {
  background-color: #f44336;
}

.skin-red-light .form-group.is-focused label,
.skin-red-light .form-group.is-focused label.control-label {
  color: #f44336;
}

.skin-red-light .progress .progress-bar,
.skin-red-light .progress .progress-bar.progress-bar-default {
  background-color: #f44336;
}

.skin-red-light .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-red-light .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-red-light .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-red-light .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-red-light .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-red-light .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-red-light .nav-tabs {
  background: #f44336;
}

.skin-red-light .text-primary {
  color: #f44336;
}

.skin-red-light .slider.noUi-connect,
.skin-red-light .slider.slider-default.noUi-connect {
  background-color: #f44336;
}

.skin-red-light .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-red-light .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-red-light .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-red-light .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-red-light .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-red-light .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-red-light .slider .noUi-connect,
.skin-red-light .slider.slider-default .noUi-connect {
  background-color: #f44336;
}

.skin-red-light .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-red-light .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-red-light .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-red-light .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-red-light .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-red-light .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-red-light .slider .noUi-handle,
.skin-red-light .slider.slider-default .noUi-handle {
  background-color: #f44336;
}

.skin-red-light .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-red-light .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-red-light .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-red-light .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-red-light .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-red-light .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-red-light .slider .noUi-handle,
.skin-red-light .slider.slider-default .noUi-handle {
  border-color: #f44336;
}

.skin-red-light .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-red-light .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-red-light .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-red-light .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-red-light .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-red-light .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-red-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-red-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #f44336;
  border-color: #f44336;
}

.skin-red-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-red-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #f44336;
}

.skin-red-light .radio .check,
.skin-red-light label.radio-inline .check {
  background-color: #f44336;
}

/*
 * Skin: Material Yellow
 * -----------
 */
.skin-yellow .main-header .navbar {
  background-color: #ff9800;
}

.skin-yellow .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-yellow .main-header .navbar .nav > li > a:hover,
.skin-yellow .main-header .navbar .nav > li > a:active,
.skin-yellow .main-header .navbar .nav > li > a:focus,
.skin-yellow .main-header .navbar .nav .open > a,
.skin-yellow .main-header .navbar .nav .open > a:hover,
.skin-yellow .main-header .navbar .nav .open > a:focus,
.skin-yellow .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  background-color: #e68900;
}

@media (max-width: 767px) {
  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-yellow .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
    background: #e68900;
  }
}

.skin-yellow .main-header .logo {
  background-color: #e68900;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-yellow .main-header .logo:hover {
  background-color: #e08600;
}

.skin-yellow .main-header li.user-header {
  background-color: #ff9800;
}

.skin-yellow .content-header {
  background: transparent;
}

.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
  background-color: #222d32;
}

.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
  color: #fff;
}

.skin-yellow .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-yellow .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a,
.skin-yellow .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-yellow .sidebar-menu > li.active > a {
  border-left-color: #ff9800;
}

.skin-yellow .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-yellow .sidebar a {
  color: #b8c7ce;
}

.skin-yellow .sidebar a:hover {
  text-decoration: none;
}

.skin-yellow .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-yellow .sidebar-menu .treeview-menu > li.active > a,
.skin-yellow .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-yellow .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-yellow .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-yellow .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-yellow .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_yellow.jpg) no-repeat;
}

.skin-yellow .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a {
  color: #fff;
  background: #ff9800;
  border-left-color: #ff9800;
}

.skin-yellow .sidebar-form {
  border: none;
  margin: 0;
}

.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form .btn,
.skin-yellow .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-yellow a,
.skin-yellow a:hover,
.skin-yellow a:focus {
  color: #ff9800;
}

.skin-yellow .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(255, 152, 0, 0.5);
}

.skin-yellow
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #ff9800;
}

.skin-yellow
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 152, 0, 0.1);
}

.skin-yellow .dropdown-menu li a:hover {
  color: #ff9800;
}

.skin-yellow .form-control,
.skin-yellow .form-group .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-yellow .form-group.is-focused .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-yellow .form-group.is-focused .form-control .material-input:after {
  background-color: #ff9800;
}

.skin-yellow .form-group.is-focused label,
.skin-yellow .form-group.is-focused label.control-label {
  color: #ff9800;
}

.skin-yellow .progress .progress-bar,
.skin-yellow .progress .progress-bar.progress-bar-default {
  background-color: #ff9800;
}

.skin-yellow .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-yellow .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-yellow .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-yellow .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-yellow .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-yellow .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-yellow .nav-tabs {
  background: #ff9800;
}

.skin-yellow .text-primary {
  color: #ff9800;
}

.skin-yellow .slider.noUi-connect,
.skin-yellow .slider.slider-default.noUi-connect {
  background-color: #ff9800;
}

.skin-yellow .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-yellow .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-yellow .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-yellow .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-yellow .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-yellow .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-yellow .slider .noUi-connect,
.skin-yellow .slider.slider-default .noUi-connect {
  background-color: #ff9800;
}

.skin-yellow .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-yellow .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-yellow .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-yellow .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-yellow .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-yellow .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-yellow .slider .noUi-handle,
.skin-yellow .slider.slider-default .noUi-handle {
  background-color: #ff9800;
}

.skin-yellow .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-yellow .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-yellow .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-yellow .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-yellow .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-yellow .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-yellow .slider .noUi-handle,
.skin-yellow .slider.slider-default .noUi-handle {
  border-color: #ff9800;
}

.skin-yellow .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-yellow .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-yellow .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-yellow .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-yellow .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-yellow .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-yellow
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-yellow
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #ff9800;
  border-color: #ff9800;
}

.skin-yellow
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-yellow
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #ff9800;
}

.skin-yellow .radio .check,
.skin-yellow label.radio-inline .check {
  background-color: #ff9800;
}

/*
 * Skin: Material Yellow Light
 * -----------
 */
.skin-yellow-light .main-header .navbar {
  background-color: #ff9800;
}

.skin-yellow-light .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-yellow-light .main-header .navbar .nav > li > a:hover,
.skin-yellow-light .main-header .navbar .nav > li > a:active,
.skin-yellow-light .main-header .navbar .nav > li > a:focus,
.skin-yellow-light .main-header .navbar .nav .open > a,
.skin-yellow-light .main-header .navbar .nav .open > a:hover,
.skin-yellow-light .main-header .navbar .nav .open > a:focus,
.skin-yellow-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-yellow-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #e68900;
}

@media (max-width: 767px) {
  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-yellow-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
    background: #e68900;
  }
}

.skin-yellow-light .main-header .logo {
  background-color: #ff9800;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-yellow-light .main-header .logo:hover {
  background-color: #fa9500;
}

.skin-yellow-light .main-header li.user-header {
  background-color: #ff9800;
}

.skin-yellow-light .content-header {
  background: transparent;
}

.skin-yellow-light .wrapper,
.skin-yellow-light .main-sidebar,
.skin-yellow-light .left-side {
  background-color: #f9fafc;
}

.skin-yellow-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-yellow-light .user-panel > .info,
.skin-yellow-light .user-panel > .info > a {
  color: #444;
}

.skin-yellow-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-yellow-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-yellow-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-yellow-light .sidebar-menu > li.active {
  border-left-color: #ff9800;
}

.skin-yellow-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-yellow-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-yellow-light .sidebar a {
  color: #444;
}

.skin-yellow-light .sidebar a:hover {
  text-decoration: none;
}

.skin-yellow-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a,
.skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-yellow-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-yellow-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  background-color: #fff;
  color: #666;
}

.skin-yellow-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  border-left-color: #fff;
}

.skin-yellow-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-yellow-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-yellow-light .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_yellow.jpg) no-repeat;
}

.skin-yellow-light .sidebar-menu > li:hover > a,
.skin-yellow-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #ff9800;
}

.skin-yellow-light .user-panel > .info {
  color: #fff;
}

.skin-yellow-light .user-panel > .info > a {
  color: #fff;
}

.skin-yellow-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-yellow-light .sidebar-form input[type="text"],
.skin-yellow-light .sidebar-form input[type="text"]:focus,
.skin-yellow-light .sidebar-form .btn {
  background-color: transparent;
}

.skin-yellow-light a,
.skin-yellow-light a:hover,
.skin-yellow-light a:focus {
  color: #ff9800;
}

.skin-yellow-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle {
  background-color: rgba(255, 152, 0, 0.5);
}

.skin-yellow-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #ff9800;
}

.skin-yellow-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(255, 152, 0, 0.1);
}

.skin-yellow-light .dropdown-menu li a:hover {
  color: #ff9800;
}

.skin-yellow-light .form-control,
.skin-yellow-light .form-group .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-yellow-light .form-group.is-focused .form-control {
  background-image: linear-gradient(#ff9800, #ff9800),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-yellow-light .form-group.is-focused .form-control .material-input:after {
  background-color: #ff9800;
}

.skin-yellow-light .form-group.is-focused label,
.skin-yellow-light .form-group.is-focused label.control-label {
  color: #ff9800;
}

.skin-yellow-light .progress .progress-bar,
.skin-yellow-light .progress .progress-bar.progress-bar-default {
  background-color: #ff9800;
}

.skin-yellow-light .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-yellow-light .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-yellow-light .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-yellow-light .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-yellow-light .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-yellow-light .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-yellow-light .nav-tabs {
  background: #ff9800;
}

.skin-yellow-light .text-primary {
  color: #ff9800;
}

.skin-yellow-light .slider.noUi-connect,
.skin-yellow-light .slider.slider-default.noUi-connect {
  background-color: #ff9800;
}

.skin-yellow-light .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-yellow-light .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-yellow-light .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-yellow-light .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-yellow-light .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-yellow-light .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-yellow-light .slider .noUi-connect,
.skin-yellow-light .slider.slider-default .noUi-connect {
  background-color: #ff9800;
}

.skin-yellow-light .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-yellow-light .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-yellow-light .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-yellow-light .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-yellow-light .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-yellow-light .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-yellow-light .slider .noUi-handle,
.skin-yellow-light .slider.slider-default .noUi-handle {
  background-color: #ff9800;
}

.skin-yellow-light .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-yellow-light .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-yellow-light .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-yellow-light .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-yellow-light .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-yellow-light .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-yellow-light .slider .noUi-handle,
.skin-yellow-light .slider.slider-default .noUi-handle {
  border-color: #ff9800;
}

.skin-yellow-light .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-yellow-light .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-yellow-light .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-yellow-light .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-yellow-light .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-yellow-light .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-yellow-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-yellow-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #ff9800;
  border-color: #ff9800;
}

.skin-yellow-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-yellow-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #ff9800;
}

.skin-yellow-light .radio .check,
.skin-yellow-light label.radio-inline .check {
  background-color: #ff9800;
}

/*
 * Skin: Material Purple
 * -----------
 */
.skin-purple .main-header .navbar {
  background-color: #9c27b0;
}

.skin-purple .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-purple .main-header .navbar .nav > li > a:hover,
.skin-purple .main-header .navbar .nav > li > a:active,
.skin-purple .main-header .navbar .nav > li > a:focus,
.skin-purple .main-header .navbar .nav .open > a,
.skin-purple .main-header .navbar .nav .open > a:hover,
.skin-purple .main-header .navbar .nav .open > a:focus,
.skin-purple .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-purple .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-purple .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-purple .main-header .navbar .sidebar-toggle:hover {
  background-color: #89229b;
}

@media (max-width: 767px) {
  .skin-purple .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-purple .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-purple .main-header .navbar .dropdown-menu li a:hover {
    background: #89229b;
  }
}

.skin-purple .main-header .logo {
  background-color: #89229b;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-purple .main-header .logo:hover {
  background-color: #862197;
}

.skin-purple .main-header li.user-header {
  background-color: #9c27b0;
}

.skin-purple .content-header {
  background: transparent;
}

.skin-purple .wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
  background-color: #222d32;
}

.skin-purple .user-panel > .info,
.skin-purple .user-panel > .info > a {
  color: #fff;
}

.skin-purple .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}

.skin-purple .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a,
.skin-purple .sidebar-menu > li.menu-open > a {
  color: #fff;
  background: #1e282c;
}

.skin-purple .sidebar-menu > li.active > a {
  border-left-color: #9c27b0;
}

.skin-purple .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}

.skin-purple .sidebar a {
  color: #b8c7ce;
}

.skin-purple .sidebar a:hover {
  text-decoration: none;
}

.skin-purple .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}

.skin-purple .sidebar-menu .treeview-menu > li.active > a,
.skin-purple .sidebar-menu .treeview-menu > li > a:hover {
  color: #fff;
}

.skin-purple .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}

.skin-purple .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

.skin-purple .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-purple .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_purple.jpg) no-repeat;
}

.skin-purple .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}

.skin-purple .sidebar-menu > li:hover > a,
.skin-purple .sidebar-menu > li.active > a {
  color: #fff;
  background: #9c27b0;
  border-left-color: #9c27b0;
}

.skin-purple .sidebar-form {
  border: none;
  margin: 0;
}

.skin-purple .sidebar-form input[type="text"],
.skin-purple .sidebar-form input[type="text"]:focus,
.skin-purple .sidebar-form .btn,
.skin-purple .sidebar-form .btn:hover {
  background-color: transparent;
  color: #fff;
}

.skin-purple a,
.skin-purple a:hover,
.skin-purple a:focus {
  color: #9c27b0;
}

.skin-purple .togglebutton label input[type="checkbox"]:checked + .toggle {
  background-color: rgba(156, 39, 176, 0.5);
}

.skin-purple
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #9c27b0;
}

.skin-purple
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(156, 39, 176, 0.1);
}

.skin-purple .dropdown-menu li a:hover {
  color: #9c27b0;
}

.skin-purple .form-control,
.skin-purple .form-group .form-control {
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-purple .form-group.is-focused .form-control {
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-purple .form-group.is-focused .form-control .material-input:after {
  background-color: #9c27b0;
}

.skin-purple .form-group.is-focused label,
.skin-purple .form-group.is-focused label.control-label {
  color: #9c27b0;
}

.skin-purple .progress .progress-bar,
.skin-purple .progress .progress-bar.progress-bar-default {
  background-color: #9c27b0;
}

.skin-purple .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-purple .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-purple .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-purple .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-purple .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-purple .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-purple .nav-tabs {
  background: #9c27b0;
}

.skin-purple .text-primary {
  color: #9c27b0;
}

.skin-purple .slider.noUi-connect,
.skin-purple .slider.slider-default.noUi-connect {
  background-color: #9c27b0;
}

.skin-purple .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-purple .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-purple .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-purple .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-purple .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-purple .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-purple .slider .noUi-connect,
.skin-purple .slider.slider-default .noUi-connect {
  background-color: #9c27b0;
}

.skin-purple .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-purple .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-purple .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-purple .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-purple .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-purple .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-purple .slider .noUi-handle,
.skin-purple .slider.slider-default .noUi-handle {
  background-color: #9c27b0;
}

.skin-purple .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-purple .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-purple .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-purple .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-purple .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-purple .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-purple .slider .noUi-handle,
.skin-purple .slider.slider-default .noUi-handle {
  border-color: #9c27b0;
}

.skin-purple .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-purple .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-purple .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-purple .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-purple .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-purple .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-purple
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-purple
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #9c27b0;
  border-color: #9c27b0;
}

.skin-purple
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-purple
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #9c27b0;
}

.skin-purple .radio .check,
.skin-purple label.radio-inline .check {
  background-color: #9c27b0;
}

/*
 * Skin: Material Purple Light
 * -----------
 */
.skin-purple-light .main-header .navbar {
  background-color: #9c27b0;
}

.skin-purple-light .main-header .navbar .nav > li > a {
  color: #fff;
}

.skin-purple-light .main-header .navbar .nav > li > a:hover,
.skin-purple-light .main-header .navbar .nav > li > a:active,
.skin-purple-light .main-header .navbar .nav > li > a:focus,
.skin-purple-light .main-header .navbar .nav .open > a,
.skin-purple-light .main-header .navbar .nav .open > a:hover,
.skin-purple-light .main-header .navbar .nav .open > a:focus,
.skin-purple-light .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}

.skin-purple-light .main-header .navbar .sidebar-toggle {
  color: #fff;
}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
  background-color: #89229b;
}

@media (max-width: 767px) {
  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }

  .skin-purple-light .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }

  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
    background: #89229b;
  }
}

.skin-purple-light .main-header .logo {
  background-color: #9c27b0;
  color: #fff;
  border-bottom: 0 solid transparent;
}

.skin-purple-light .main-header .logo:hover {
  background-color: #9826ac;
}

.skin-purple-light .main-header li.user-header {
  background-color: #9c27b0;
}

.skin-purple-light .content-header {
  background: transparent;
}

.skin-purple-light .wrapper,
.skin-purple-light .main-sidebar,
.skin-purple-light .left-side {
  background-color: #f9fafc;
}

.skin-purple-light .main-sidebar {
  border-right: 1px solid #d2d6de;
}

.skin-purple-light .user-panel > .info,
.skin-purple-light .user-panel > .info > a {
  color: #444;
}

.skin-purple-light .sidebar-menu > li {
  -webkit-transition: border-left-color 0.3s ease;
  -o-transition: border-left-color 0.3s ease;
  transition: border-left-color 0.3s ease;
}

.skin-purple-light .sidebar-menu > li.header {
  color: #848484;
  background: #f9fafc;
}

.skin-purple-light .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  font-weight: 600;
}

.skin-purple-light .sidebar-menu > li:hover > a,
.skin-purple-light .sidebar-menu > li.active > a {
  color: #000;
  background: #f4f4f5;
}

.skin-purple-light .sidebar-menu > li.active {
  border-left-color: #9c27b0;
}

.skin-purple-light .sidebar-menu > li.active > a {
  font-weight: 600;
}

.skin-purple-light .sidebar-menu > li > .treeview-menu {
  background: #f4f4f5;
}

.skin-purple-light .sidebar a {
  color: #444;
}

.skin-purple-light .sidebar a:hover {
  text-decoration: none;
}

.skin-purple-light .sidebar-menu .treeview-menu > li > a {
  color: #777;
}

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a,
.skin-purple-light .sidebar-menu .treeview-menu > li > a:hover {
  color: #000;
}

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a {
  font-weight: 600;
}

.skin-purple-light .sidebar-form {
  border-radius: 3px;
  border: 1px solid #d2d6de;
  margin: 10px 10px;
}

.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form .btn {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid transparent;
  height: 35px;
}

.skin-purple-light .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  background-color: #fff;
  color: #666;
}

.skin-purple-light
  .sidebar-form
  input[type="text"]:focus
  + .input-group-btn
  .btn {
  border-left-color: #fff;
}

.skin-purple-light .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
  .skin-purple-light.sidebar-mini.sidebar-collapse
    .sidebar-menu
    > li
    > .treeview-menu {
    border-left: 1px solid #d2d6de;
  }
}

.skin-purple-light .main-sidebar .user-panel {
  background: url(../../img/patterns/user-panel-bg_purple.jpg) no-repeat;
}

.skin-purple-light .sidebar-menu > li:hover > a,
.skin-purple-light .sidebar-menu > li.active > a {
  color: #fff;
  background: #9c27b0;
}

.skin-purple-light .user-panel > .info {
  color: #fff;
}

.skin-purple-light .user-panel > .info > a {
  color: #fff;
}

.skin-purple-light .sidebar-form {
  border: none;
  margin: 0;
}

.skin-purple-light .sidebar-form input[type="text"],
.skin-purple-light .sidebar-form input[type="text"]:focus,
.skin-purple-light .sidebar-form .btn {
  background-color: transparent;
}

.skin-purple-light a,
.skin-purple-light a:hover,
.skin-purple-light a:focus {
  color: #9c27b0;
}

.skin-purple-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle {
  background-color: rgba(156, 39, 176, 0.5);
}

.skin-purple-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:after {
  background-color: #9c27b0;
}

.skin-purple-light
  .togglebutton
  label
  input[type="checkbox"]:checked
  + .toggle:active:after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4),
    0 0 0 15px rgba(156, 39, 176, 0.1);
}

.skin-purple-light .dropdown-menu li a:hover {
  color: #9c27b0;
}

.skin-purple-light .form-control,
.skin-purple-light .form-group .form-control {
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-purple-light .form-group.is-focused .form-control {
  background-image: linear-gradient(#9c27b0, #9c27b0),
    linear-gradient(#d2d2d2, #d2d2d2);
}

.skin-purple-light .form-group.is-focused .form-control .material-input:after {
  background-color: #9c27b0;
}

.skin-purple-light .form-group.is-focused label,
.skin-purple-light .form-group.is-focused label.control-label {
  color: #9c27b0;
}

.skin-purple-light .progress .progress-bar,
.skin-purple-light .progress .progress-bar.progress-bar-default {
  background-color: #9c27b0;
}

.skin-purple-light .progress .progress-bar.progress-bar-inverse {
  background-color: #3f51b5;
}

.skin-purple-light .progress .progress-bar.progress-bar-primary {
  background-color: #009688;
}

.skin-purple-light .progress .progress-bar.progress-bar-success {
  background-color: #4caf50;
}

.skin-purple-light .progress .progress-bar.progress-bar-info {
  background-color: #03a9f4;
}

.skin-purple-light .progress .progress-bar.progress-bar-warning {
  background-color: #ff5722;
}

.skin-purple-light .progress .progress-bar.progress-bar-danger {
  background-color: #f44336;
}

.skin-purple-light .nav-tabs {
  background: #9c27b0;
}

.skin-purple-light .text-primary {
  color: #9c27b0;
}

.skin-purple-light .slider.noUi-connect,
.skin-purple-light .slider.slider-default.noUi-connect {
  background-color: #9c27b0;
}

.skin-purple-light .slider.slider-inverse.noUi-connect {
  background-color: #3f51b5;
}

.skin-purple-light .slider.slider-primary.noUi-connect {
  background-color: #009688;
}

.skin-purple-light .slider.slider-success.noUi-connect {
  background-color: #4caf50;
}

.skin-purple-light .slider.slider-info.noUi-connect {
  background-color: #03a9f4;
}

.skin-purple-light .slider.slider-warning.noUi-connect {
  background-color: #ff5722;
}

.skin-purple-light .slider.slider-danger.noUi-connect {
  background-color: #f44336;
}

.skin-purple-light .slider .noUi-connect,
.skin-purple-light .slider.slider-default .noUi-connect {
  background-color: #9c27b0;
}

.skin-purple-light .slider.slider-inverse .noUi-connect {
  background-color: #3f51b5;
}

.skin-purple-light .slider.slider-primary .noUi-connect {
  background-color: #009688;
}

.skin-purple-light .slider.slider-success .noUi-connect {
  background-color: #4caf50;
}

.skin-purple-light .slider.slider-info .noUi-connect {
  background-color: #03a9f4;
}

.skin-purple-light .slider.slider-warning .noUi-connect {
  background-color: #ff5722;
}

.skin-purple-light .slider.slider-danger .noUi-connect {
  background-color: #f44336;
}

.skin-purple-light .slider .noUi-handle,
.skin-purple-light .slider.slider-default .noUi-handle {
  background-color: #9c27b0;
}

.skin-purple-light .slider.slider-inverse .noUi-handle {
  background-color: #3f51b5;
}

.skin-purple-light .slider.slider-primary .noUi-handle {
  background-color: #009688;
}

.skin-purple-light .slider.slider-success .noUi-handle {
  background-color: #4caf50;
}

.skin-purple-light .slider.slider-info .noUi-handle {
  background-color: #03a9f4;
}

.skin-purple-light .slider.slider-warning .noUi-handle {
  background-color: #ff5722;
}

.skin-purple-light .slider.slider-danger .noUi-handle {
  background-color: #f44336;
}

.skin-purple-light .slider .noUi-handle,
.skin-purple-light .slider.slider-default .noUi-handle {
  border-color: #9c27b0;
}

.skin-purple-light .slider.slider-inverse .noUi-handle {
  border-color: #3f51b5;
}

.skin-purple-light .slider.slider-primary .noUi-handle {
  border-color: #009688;
}

.skin-purple-light .slider.slider-success .noUi-handle {
  border-color: #4caf50;
}

.skin-purple-light .slider.slider-info .noUi-handle {
  border-color: #03a9f4;
}

.skin-purple-light .slider.slider-warning .noUi-handle {
  border-color: #ff5722;
}

.skin-purple-light .slider.slider-danger .noUi-handle {
  border-color: #f44336;
}

.skin-purple-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check,
.skin-purple-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  color: #9c27b0;
  border-color: #9c27b0;
}

.skin-purple-light
  .checkbox
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before,
.skin-purple-light
  label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  color: #9c27b0;
}

.skin-purple-light .radio .check,
.skin-purple-light label.radio-inline .check {
  background-color: #9c27b0;
}

/*# sourceMappingURL=./all-md-skins.css.map */

/*syle.css*/
body {
  position: relative;
  /* background-color: var(--bg-color) !important; */
}

#navbar-collapse .navbar-nav li {
  /* text-align: center; */
}

select.form-control {
  font-weight: 400;
  color: #bdbdbd;
}

#navbar-collapse .navbar-nav li .fa {
  margin-right: 5px;
  font-size: 18px;
}

#navbar-collapse > .navbar-nav > li > a {
  padding: 14px 25px;
}

/* #navbar-collapse .navbar-nav li a {
    padding: 20px 15px;
} */
.main-header {
  max-height: 118px;
}

.select-all.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
.select-box-top .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
  background-color: var(--bg-color);
}

/* .select-all.input-group-btn .btn:not(.btn-raised):not(.btn-link):focus,
 .select-all.input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
   background-color: rgba(153,153,153,.2);
} */

.select-all.input-group-btn:last-child > .btn,
.select-all.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: 1px;
  margin-right: 0px;
  padding: 0px 4px;
  margin: 5px 1px;
  height: 25px;
}

.select-all-container.input-group-lg {
  /* margin-top: 10px !important; */
  display: inline-flex;
  top: 15px;
}

.select-all.input-group-btn {
  padding: 0px;
}

/* .select-all.open{
    border: solid 1px #ccc;
    width: 100%;
    border-radius: 4px;
} */
.refresh-btn {
  padding: 8px 10px;
  margin: 5px 0px 5px 0px;
  position: relative;
  top: 6px;
  border-radius: 4px;
}

.refresh-btn.btn:not(.btn-raised):not(.btn-link):focus,
.refresh-btn.btn:not(.btn-raised):not(.btn-link):hover {
  background-color: #fff;
}

.select-box-top {
  margin-top: 12px !important;
}

.select-box-container {
  width: 30%;
}

/* .mailbox-messages .list-course tr {
  position: relative;
  cursor: pointer;
} */

.course-action {
  position: absolute;
  right: 25px;
  display: none;
  background: var(--card-bg-color);
  padding: 5px;
  z-index: 2;
}

.course-action .fa {
  font-size: 18px;
}

.course-action .fa {
  font-size: 18px;
  padding: 4px;
  margin: 0px 3px;
  /* color: #5f5c5c; */
  color: var(--txt-color);
  cursor: pointer;
}

.course-action .fa:hover {
  color: var(--title-color);
}

.active_row .course-action {
  display: block;
  margin-top: -15px;
}

.add-course {
  border-radius: 50% !important;
  display: inline-block;
  width: inherit;
  font-size: 18px;
  padding: 5px 2px;
}

.add-course:hover {
  /* padding: 5px 12px;*/
}

.add-course:hover span {
  display: inline-block;
  opacity: 1;
}

.open .add-course span {
  display: inline-block;
  opacity: 1;
}

.add-course .ion-android-add {
  font-size: 20px;
  position: relative;
  top: 2px;
  padding: 0px 10px;
}

.add-course span {
  position: relative;
  top: -3px;
  left: -3px;
  display: none;
  opacity: 0;
  transition: all 0.75s ease;
}

.sidebar-form {
  width: 100%;
  padding: 10px 0px;
  position: relative;
  top: 16px;
}

.paginationtop {
  position: relative;
  top: 5px;
}

.sidebar-form .input-group {
  margin-top: 0px !important;
}

.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form .btn,
.skin-black .sidebar-form .btn:hover {
  color: #333;
}

.sidebar-form .btn {
  color: #333;
}

.skin-black .main-header li.user-header {
  /* background-color: #0f9aee; */
  background-color: var(--button-bg-color);
}

.btn-group-raised .btn.btn-primary,
.btn-group-raised .input-group-btn .btn.btn-primary,
.btn.btn-fab.btn-primary,
.btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary {
  /* background-color: #0f9aee; */
  background-color: var(--button-bg-color);
  color: #fff;
}

a,
a:focus,
a:hover {
  color: var(--txt-color);
}

.btn:not(.btn-raised).btn-success,
.input-group-btn .btn:not(.btn-raised).btn-success {
  color: #0f9aee;
}

.btn-group-raised .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .btn:not(.btn-link):hover.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary,
.btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary,
.btn.btn-raised:not(.btn-link).active.btn-primary,
.btn.btn-raised:not(.btn-link):active.btn-primary,
.btn.btn-raised:not(.btn-link):focus.btn-primary,
.btn.btn-raised:not(.btn-link):hover.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary,
.input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary {
  /* background-color: #0c83e2; */
  background-color: var(--button-hover-color);
}

/* a:focus, a:hover {
    color: #0c83e2;
} */
.checkbox input[type="checkbox"]:checked + .checkbox-material .check,
label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check {
  /* color: var(--button-bg-color);
    border-color: var(--button-bg-color); */
  color: #000;
  border-color: var(--txt-color);
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before,
label.checkbox-inline
  input[type="checkbox"]:checked
  + .checkbox-material
  .check:before {
  /* color: var(--button-bg-color); */
  color: var(--txt-color);
}

.form-control,
.form-group .form-control {
  border: 0;
  -webkit-background-size: 0 2px, 100% 1px;
}

.form-group.is-focused .form-control {
  outline: 0;
}

.menu-name {
  display: none;
}

.main-items li:hover .menu-name {
  display: inline-block;
}

.skin-black .main-header .navbar .nav > li > a:hover {
  color: #000;
  opacity: 1;
}

.skin-black .main-header .navbar {
  box-shadow: none;
}

.main-items .fa-home,
.main-items .fa-home:hover {
  color: #2196f3 !important;
}

.main-items .fa-graduation-cap,
.main-items .fa-graduation-cap:hover {
  color: #795548 !important;
}

.main-items .fa-user-md,
.main-items .fa-user-md:hover {
  color: #673ab7 !important;
}

.main-items .fa-university,
.main-items .fa-university:hover {
  color: #ff5722 !important;
}

.main-items .fa-users,
.main-items .fa-users:hover {
  color: #673ab7 !important;
}

.main-items .fa-user-plus,
.main-items .fa-user-plus:hover {
  color: #009688 !important;
}

.main-items .fa-question-circle,
.main-items .fa-question-circle:hover {
  color: #ff5722 !important;
}

.main-items .fa-gear,
.main-items .fa-gear:hover {
  color: #f44336 !important;
}

.main-items .fa-line-chart,
.main-items .fa-line-chart:hover {
  color: #9c27b0 !important;
}

.main-items .fa-book,
.main-items .fa-book:hover {
  color: #ff9800 !important;
}

.main-items .fa-calendar,
.main-items .fa-calendar:hover {
  color: #e91e63 !important;
}

.main-items li.active i.fa:hover {
  color: #fff !important;
}

.menu-name,
.add-course span {
  -webkit-animation: anim 0.1s ease-in-out;
  animation: anim 0.1s ease-in-out;
  font-weight: 500;
  font-size: 16px;
}

.modal-fixed-bottom {
  /* overflow-y: auto;
    -webkit-animation: anim .1s ease-in-out;
    animation: anim .1s ease-in-out;
    display: none;
    position: fixed;
    background: #fff;
    bottom: 0;
    right: 30px;
    width: 530px;
    border: solid 1px #202124;
    min-height: 150px;
    z-index: 1200; */
}

.modal-fixed-header {
  background-color: #202124;
  color: #fff;
  font-size: 16px;
  padding: 9px 22px;
}

.right-action .fa {
  cursor: pointer;
}

.right-action .fa-minus {
  position: relative;
  bottom: -4px;
}

.right-action .fa-close {
  font-size: 18px;
}

.modal-btn {
  border-color: #0f9aee;
  color: #fff !important;
  background-color: #0f9aee;
}

.modal-btn:hover {
  border-color: var(--button-hover-color);
  color: #fff !important;
  background-color: var(--button-hover-color) !important;
  opacity: 0.5;
}

.modal-btn.btn:not(.btn-raised):not(.btn-link):focus,
.modal-btn.btn:not(.btn-raised):not(.btn-link):hover,
.input-group-btn .modal-btn.btn:not(.btn-raised):not(.btn-link):focus,
.input-group-btn .modal-btn.btn:not(.btn-raised):not(.btn-link):hover {
  background-color: var(--button-hover-color) !important;
}

.modal-heading {
  font-weight: 600;
}

/* .btn:not(.btn-raised):not(.btn-link):focus, .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
    background-color: var(--button-bg-color);
} */
.rel {
  position: relative;
}

.no-margin {
  margin-right: 0;
  margin-left: 0;
}

.btn-content {
  margin: 0;
}

.no-padding {
  padding-right: 0;
  padding-left: 0;
}

.course-heading {
  padding: 10px 10px;
  margin-top: 10px !important;
}

.course-icon {
  padding: 9px 0px 0px 0px;
  margin: 10px 1px;
  font-size: 24px;
}

.tab-section .add-course {
  margin-left: 5px;
}

.tab-heading-right {
  padding: 19px 5px 0px 0px;
  position: relative;
}

.top-menu-container {
  width: 320px;
  padding: 28px;
}

.top-botton-list {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;

  padding: 10px;
}

.top-botton-list:hover {
  outline: 1px solid #9f9f9f;
}

.top-botton-list .fa {
  font-size: 28px;
  display: inline-block;
}

.button-name {
  display: block;
  padding: 5px 2px;
  font-weight: 600;
  font-size: 13px;
}

.tab-heading-right .ion-android-apps {
  /*   font-size: 28px;*/
  /*color: #673ab7;*/
  /*cursor: pointer;*/
  /*position: relative;*/
  /*top: 10px;*/
}

.course-icon:hover {
  opacity: 0.5;
}

.actived-action .ion-android-apps:before {
  content: "\f12a";
}

.actived-action .ion-android-apps {
  color: #f51807;
}

.createcoursesection {
  -webkit-animation: anim 0.1s ease-in-out;
  animation: anim 0.1s ease-in-out;
  width: 24%;
  position: absolute;
  top: 2px;
  right: -370px;
  padding-top: 10px;
  -webkit-box-shadow: -1px 0px 11px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 0px 11px -2px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 0px 11px -2px rgba(0, 0, 0, 0.75);
  display: none;
  transition: 1s;
}

.course-create.actived-sidemenu .createcoursesection {
  right: 0;
  display: block;
}

.course-create.actived-sidemenu .coursedata-section {
  width: 75%;
}

.course-create {
  position: relative;
  min-height: 450px;
}

.main-items a:hover {
  opacity: 0.5;
}

i.fa.fa-fw.fa-th.dropdown-toggle:hover {
  opacity: 0.5;
}

.top-botton-list .fa-youtube-play {
  color: #f00;
}

.top-botton-list .fa-html5 {
  color: #e44d26;
}

.top-botton-list .fa-certificate {
  color: #9c27b0;
}

.top-botton-list .fa-video-camera {
  color: #b00;
}

.top-botton-list .fa-file-video-o {
  color: #f32a2a;
}

.top-botton-list .fa-file-text {
  color: #0899de;
}

.top-botton-list .fa-question-circle {
  color: #12b782;
}

.top-botton-list .fa-file-word-o {
  color: #06901d;
}

.top-botton-list .fa-file {
  color: #4da1e4;
}

.section-list .fa,
.more-options-div .dropdown-menu .fa {
  font-size: 20px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.section-list .fa > span,
.more-options-div .dropdown-menu .fa > span {
  font-size: 14px;
  margin-left: 10px;
  font-family: "Public Sans", sans-serif;
}

.section-list a,
.more-options-div .dropdown-menu a {
  font-size: 16px;
  font-weight: 400;
}

.more-options-div .dropdown-menu li {
  /* line-height: 35px; */
  line-height: 0px !important;
}

.more-options-div .dropdown-menu li > * {
  /* display: inline-block; */
  vertical-align: middle;
  color: var(--txt-color);
}

.more-options-div .dropdown-menu li:hover > * {
  fill: var(--title-color);
  color: var(--title-color);
}

.more-options-div .dropdown-menu svg {
  width: 20px;
  height: 20px;
  /* fill: #717274; */
  fill: var(--txt-color);
  margin-right: 5px;
}

.language-div.active {
  background-color: var(--active-content-bg-color);
  border-radius: 5px;
}

.language-div.active .sidemenu-circle-svg {
  fill: var(--text-color);
}

.language-div.active .menu-title {
  color: var(--text-color);
}

.language-div.active:hover {
  background-color: rgba(145, 158, 171, 0.08);
}

.language-div.active:hover .menu-title {
  color: var(--text-color);
}

.col-md-4.top-botton-list.no-padding:hover {
  opacity: 0.5;
}

.modal-fixed-bottom.minimize_me {
  width: 300px;
  min-height: 0;
}

.min-height {
  min-height: 400px;
}

.tab-action {
  position: absolute;
  right: 6px;
  display: none;
  top: 5px;
  color: #fff;
  background: #f9f9f9;
}

.info-box-number {
  font-weight: 400;
}

.list-left-fileupload {
  top: 10px;
  position: relative;
}

.panel-heading.active_tab .tab-action {
  background: #626363;
}

.tab-action .fa {
  font-size: 18px;
  padding: 4px;
  margin: 0px 3px;
  color: #fff;
  cursor: pointer;
}

.accordian-design {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.accordian-design .panel.panel-default > .panel-heading,
.accordian-design .panel > .panel-heading {
  background-color: #454f5b;
  color: #fff;
  position: relative;
  padding: 0;
}

.active_tab .tab-action {
  display: block;
}

.accordian-design .panel-title {
  font-weight: 500;
  width: 90%;
  cursor: pointer;
  padding: 10px 15px;
}

.active-notes {
  color: #8bff9b;
}

.deactive-notes {
  color: #d2d2d2;
}

.section-list .deactive-notes {
  color: #b5b5b5;
}

.modal-fixed-bottom.minimize_me .modal-fixed-content {
  display: none;
}

.modal-fixed-bottom.minimize_me .right-action .fa-minus {
  bottom: 4px;
}

.modal-fixed-bottom.show_me {
  display: block;
  overflow: auto;
}

.modal-fixed-content .modal-btn {
  margin-bottom: 10px;
  margin-top: 10px;
}

.modal-fixed-bottom.full-screen {
  width: 75%;
  bottom: inherit;
  right: 12%;
  top: 20%;
}

.full-screen .right-action .fa-expand:before {
  content: "\f066";
}

.logo-image {
  display: inline-block !important;
  position: relative;
  bottom: 5px;
}

.course-box .col-lg-3 {
  width: 20%;
  padding-right: 5px;
  padding-left: 5px;
}

.mailbox-messages {
  min-height: 125px;
  min-height: 300px;
}

.live-btn {
  width: 130px;
  margin-top: 0 !important;
}

.live-course tr td {
  vertical-align: inherit !important;
}

.dropdown-menu li a:hover {
  background-color: transparent;
  color: var(--title-color);
}

.live-course .mailbox-name {
  width: 50%;
  padding-left: 20px;
}

.live-course .mailbox-star {
  width: 25%;
}

.live-course .mailbox-star {
  width: 15%;
}

.live-course .mailbox-subject {
  width: 10%;
}

.course-details-data b {
  vertical-align: -webkit-baseline-middle;
}

.box {
  padding: 25px;
}

.box-body,
.box-footer {
  padding: 0px 10px;
  border-top: none;
}

.btn-primary {
  margin: 0;
}

.batch-settings {
  margin-top: 10px;
}

.content {
  padding: 0;
  padding-left: 0;
  padding-right: 0;
}

.content-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px;
}

.course-box {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.box .box-header {
  padding: 10px 10px;
}

.box {
  margin-bottom: 0;
}

.select-box-top button {
  border: solid 1px #ccc !important;
}

.section-list li {
  padding: 5px 5px;
  position: relative;
}

.section-list .active-notes {
  color: #07941a;
}

.section-list .status-active {
  font-size: 16px;
  position: relative;
  top: 2px;
  width: 5%;
  margin-right: 65px;
}

.section-list .tab-action {
  right: 0px;
}

.sub-section {
  width: 90.2%;
}

.section-list li .tab-action .fa {
  color: #2196f3;
}

.modal-window .is-focused label,
.modal-window .is-focused label.control-label {
  color: #2196f3;
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
  color: #2196f3;
}

.modal-fixed-content .form-group {
  padding-bottom: 0px;
  margin: 10px 0 0 0;
}

.modal-fixed-content .box {
  padding: 0px 10px;
  min-height: 150px;
}

.modal-fixed-content .box-footer {
  padding: 0px 10px;
}

.datepicker-days td {
  cursor: pointer;
}

.icon-styling {
  font-size: 32px;
  position: relative;
  top: 10px;
  color: var(--text-color);
  cursor: pointer;
}

.section-name-container {
  display: none;
}

.remove-section-new {
  color: #f32a2a;
}

.show_this {
  display: block !important;
}

.hide_this {
  display: none;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  /* width:  16px;
  height: 16px; */
  right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before {
  content: "\f096";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before {
  content: "\f14a";
  /* color: var(--button-bg-color); */
  animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text {
  color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before {
  content: "\f0c8";
  color: #ccc;
}

/*Radio box*/

input[type="radio"] + .label-text:before {
  content: "\f10c";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before {
  content: "\f192";
  color: #8e44ad;
  animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text {
  color: #aaa;
}

input[type="radio"]:disabled + .label-text:before {
  content: "\f111";
  color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before {
  /* content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
    top: 2px;
    position: relative;
    font-size: 22px; */
}

.toggle input[type="radio"]:checked + .label-text:before {
  /* content: "\f205";
    color: var(--button-hover-color);
    animation: effect 250ms ease-in; */
}

.toggle input[type="radio"]:disabled + .label-text {
  color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before {
  content: "\f204";
  color: #ccc;
}

.tutor-container {
  display: none;
}

.data-details b {
  margin-right: 3px;
}

.data-details .fa {
  margin-right: 3px;
}

.data-details .fa-calendar {
  color: #ff5722 !important;
}

.data-details .fa-check-square {
  color: #673ab7 !important;
}

.data-details .fa-check-exclamation {
  color: #e91e63 !important;
}

.details-action .fa {
  font-size: 18px;
  cursor: pointer;
  position: relative;
}

.data-container .form-group {
  padding-bottom: 0px;
  /* margin: 5px 0 5px 0; */
}

.action-content .form-group {
  margin: 0;
}

.action-content .form-group .form-control {
  margin-bottom: 0;
}

.limited-access {
  display: none;
}

.percentage-container,
.avaliableDate-container,
.avaliableTill-container,
.limited-days,
.limited-date,
.environment-self,
.preview-time {
  display: none;
}

#sticky.stick {
  position: fixed;
  top: 0;
  z-index: 100;
  border-radius: 0 0 0.5em 0.5em;
  background: #fff;
  right: 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form-check {
  margin: 10px 0;
}

.main-menu-hide {
  display: none;
  -webkit-animation: anim 0.1s ease-in-out;
  animation: anim 0.1s ease-in-out;
}

.main-menu-btn.actived-menu .fa-th:before {
  content: "\f00d";
  color: #e8382b !important;
}

option.hidden-option {
  display: none;
}

.add-icon-ques {
  color: #0f9aee;
  font-size: 30px;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.multi-container {
  display: none;
}

.true-container {
  display: none;
}

.fill-container {
  display: none;
}

.paragraph-container {
  display: none;
}

.answer-container {
  padding-left: 10px;
}

#myTab li.my-tab-btn {
  float: left;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 34px;
  padding-right: 28px;
}

#myTab li.my-tab-btn.active:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d9";
  position: absolute;
  /* right: 0px; */
  right: 2px;
  top: 18px;
  font-size: 26px;
  /* color: #0f9aee; */
  color: var(--text-color);
}

#myTab li.my-tab-btn.active:before {
  /* border-color: #0f9aee; */
  border-color: var(--text-color);
}

#myTab li.my-tab-btn:before {
  content: "";
  position: absolute;
  /* border-left: 2px solid #dedede; */
  border-left: 2px solid var(--active-content-bg-color);
  left: 32px;
  bottom: 0;
  z-index: -1;
  height: 100%;
}

#myTab li.my-tab-btn:last-child:before {
  border-left: none;
}

.skin-black .wrapper,
.skin-black .main-sidebar,
.skin-black .left-side {
  background-color: #ffffff;
}

#myTab li.my-tab-btn.active a {
  /* background: #0f9aee !important; */
  background: var(--button-bg-color) !important;
  color: #fff !important;
  /* border: 1px #0f9aee solid !important; */
}

#myTab li.my-tab-btn a {
  cursor: pointer;
  padding: 15px 25px;
  background: #fff !important;
  /* color: #dedede  !important; */
  color: var(--text-color) !important;
  display: inline-block;
  border-radius: 50%;
  font-size: 22px;
  font-weight: bold;
  /* border: 1px #dedede  solid !important; */
  border: 1px var(--button-bg-color) solid !important;
}

/*#myTab li.my-tab-btn.active:after{
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #0f9aee;
}*/
#myTab {
  text-align: center;
  background: #fff;
  border-bottom: none;
  width: 70%;
  display: inline-block;
  margin-top: 30px;
  border-right: 1px solid #ccc;
}

.marg-r2 {
  margin-right: 10px;
}

.board-inner {
  text-align: center;
  margin: 0 10px;
  float: left;
  width: 10%;
}

.board .tab-content {
  float: left;
  width: 88%;
}

.liner {
  position: relative;
  border-bottom: #dedede solid 2px;
  width: 83%;
  top: 33px;
  z-index: 0;
  display: inline-block;
}

.pure-material-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #bdbdbd;
  font-weight: 400;
  margin-bottom: 0px;
}

/* Input */
.pure-material-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -10px;
  top: -8px;
  display: block;
  margin: 0;
  /* border-radius: 50%;
  width: 40px;
  height: 40px; */
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

/* Box */
.pure-material-checkbox > span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 16px 3px 1px;
  border: solid 2px;
  /* border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); */
  border-radius: 2px;
  width: 16px;
  height: 16px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
  border: 1px solid #aab1b7 !important;
}

/* Checkmark */
.pure-material-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -1px;
  width: 12px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg);
}

/* Checked, Indeterminate */
.pure-material-checkbox > input:checked,
.pure-material-checkbox > input:indeterminate {
  background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-checkbox > input:checked + span::before,
.pure-material-checkbox > input:indeterminate + span::before {
  /* border-color: #0f9aee;
    background-color: #0f9aee; */
  border-color: var(--button-bg-color);
  background-color: #0000009c;
}

.pure-material-checkbox > input:checked + span::after,
.pure-material-checkbox > input:indeterminate + span::after {
  border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
}

.pure-material-checkbox > input:indeterminate + span::after {
  border-left: none;
  transform: translate(4px, 3px);
}

/* Hover, Focus */
.pure-material-checkbox:hover > input {
  opacity: 0.04;
}

.pure-material-checkbox > input:focus {
  opacity: 0.12;
}

.pure-material-checkbox:hover > input:focus {
  opacity: 0.16;
}

/* Active */
.pure-material-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:active + span::before {
  border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
}

.pure-material-checkbox > input:checked:active + span::before {
  border-color: transparent;
  background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
}

/* Disabled */
.pure-material-checkbox > input:disabled {
  opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
  cursor: initial;
}

.pure-material-checkbox > input:disabled + span::before {
  border-color: currentColor;
}

.pure-material-checkbox > input:checked:disabled + span::before,
.pure-material-checkbox > input:indeterminate:disabled + span::before {
  border-color: transparent;
  background-color: currentColor;
}

.add-icon-complete {
  color: #0f9aee;
  font-size: 30px;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.choose-institute-containter {
  position: relative;
}

.add-icon-complete {
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 0;
}

.filter-quiz {
  position: relative;
  top: 13px;
  left: 15px;
  display: inline-block;
}

/* remove z index */
.bgoverlay {
  /* background: #000; */
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* z-index: 1100; */
}

.data-container,
.content-wrapper,
.min-height {
  /* margin-top: 1px; */
  padding-bottom: 10px;
  box-shadow: none;
}

.action-content {
  width: 20%;
}

.action-content .fa {
  font-size: 18px;
  position: relative;
  top: 12px;
  cursor: pointer;
}

.marg-t1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.marg-b1 {
  margin-bottom: 10px;
}

.margin-t1 {
  margin-top: 10px;
}

.main-menu-btn {
  color: #009688;
  position: relative;
  top: 20px;
  left: 20px;
  cursor: pointer;
  font-size: 16px;
}

.breadcrumb-container {
  /* background: #0f9aee; */
  background: var(--button-bg-color);
  position: relative;
}

.breadcrumb-container .breadcrumb {
  background: transparent;
  margin-bottom: 0px;
}

.breadcrumb-container .breadcrumb a {
  color: #fff;
}

.breadcrumb-container .breadcrumb > .active {
  color: #fff;
}

.sub-menu-icons a {
  color: #fff;
}

.sub-menu-icons {
  position: absolute;
  right: 0;
  top: 15px;
}

.list-course td i,
.list-course td b,
.list-course td span {
  /*vertical-align: -webkit-baseline-middle;*/
}

.backup-icon {
  vertical-align: -webkit-baseline-middle;
}

.sub-menu-icons li a {
  z-index: 1000;
  background: #fff;
  border-radius: 50%;
  color: #000000;
  padding: 14px 13px;
  font-size: 18px;
  margin-right: 10px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.sub-menu-icons li.active a {
  color: #fff;
  background: #00a65a;
}

.sub-menu-icons li a:hover {
  color: #0f9aee;
  background: #ffffff;
}

/* .tooltip, .tooltip.in {
    opacity: 1;
    top: 32px !important;
} */

.panel-group {
  margin-bottom: 10px;
}

.accordian-design {
  margin-top: 0px;
  margin-left: 0px;
  padding-bottom: 20px;
  margin-right: 0px;
}

.tooltip-inner {
  font-size: 14px;
  padding: 5px 10px;
  line-height: 16px;
  background: #404040;
}

.more-items-btn {
  position: relative;
}

.more-items {
  position: absolute;
  display: none;
  z-index: 1200;
}

.more-items ul li {
  margin-top: 10px;
}

.sub-menu-icons li {
  position: relative;
}

.more-items-btn.actived-more i.fa-ellipsis-h:before {
  content: "\f00d";
}

.more-items-btn.actived-more .fa-plus:before {
  content: "\f00d";
}

.sub-menu-icons li span.menu-names {
  position: absolute;
  top: 59px;
  background: #4a4a4a;
  color: #fff;
  padding: 2px 8px;
  left: -10px;
  display: none;
  z-index: 100;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #fff;
  content: "\f105";
  font-size: 18px;
}

.breadcrumb > li + li:before {
  font: normal normal normal 14px/1 FontAwesome;
}

.more-items-btn.actived-more {
  z-index: 1200;
}

.sub-menu-icons li:hover span.menu-names {
  display: inline;
}

.menu-names-more {
  right: 70px;
  position: absolute;
  top: 15px;
  background: #4a4a4a;
  color: #fff;
  padding: 2px 8px;
}

.more-items-btn.actived-more span.menu-names {
  display: none !important;
}

/* .content-wrapper {
    background-color: #fff;
} */
.data-container .box-body .box-title {
  margin-top: 10px;
}

.right-side-action {
  margin-top: 20px;
  padding: 0 10px;
}

a.modal-button {
  color: #fff !important;
}

.backup-icon {
  color: #069453;
  font-size: 18px;
  margin-right: 5px;
}

a.add-new-btn {
  color: #fff !important;
  background: #40b7ff !important;
}

.filter-btn {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 5px;
  left: 4px;
  cursor: pointer;
  /* top: 22px; */
}

.pad-left1 {
  padding-left: 0px;
}

.pad-right1 {
  padding-right: 0px;
}

.pad-left2 {
  padding-left: 10px;
}

.pad-l5 {
  padding-left: 5px;
}

.pad-b0 {
  padding-bottom: 0px;
}

.mar-b0 {
  margin-bottom: 0px;
}

.active-filter {
  margin-left: 360px;
  width: calc(100% - 350px);
}

.filter-container {
  width: 365px;
  position: absolute;
  left: -100%;
  /* -webkit-animation: anim .1s ease-in-out;
    animation: anim .1s ease-in-out; */
  overflow-y: auto;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}

.filter-container.active-left {
  -webkit-box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 0 5px -2px rgba(0, 0, 0, 0.25);
  /* left: 15px; */
}

.filter-list {
  list-style: none;
  padding-inline-start: 10px;
}

.filter-list .checkbox-material {
  margin-right: 10px;
}

.filter-content.active-filter {
  border-left: 1px #ccc solid;
  -webkit-transition: padding-left 0.3s ease;
  transition: padding-left 0.3s ease;
}

.filter-container .box-title {
  margin-top: 0px !important;
  font-size: 18px;
  background-color: var(--card-bg-lite-color);
  /* border-bottom: 1px solid rgb(234, 234, 234); */
  border-bottom: 1px solid var(--card-border-color);
  padding: 8px 5px;
}

.pagination {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  display: flex;
  align-items: center;
}

.box-footer .pagination {
  margin-bottom: 10px !important;
}

.pagination > li > a {
  border: none;
  background: var(--bg-color);
}

.filter-list .checkbox label {
  font-size: 14px;
  color: #5d5d5d;
  font-weight: 500;
}

.filter-list .checkbox .checkbox-material {
  top: 5px;
}

.pagination li a {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-border-radius: 0.125rem;
  border-radius: 0.125rem;
  border: solid 1px #000000;
}

.pagination li.active a {
  /* -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); */
  background-color: var(--mo-primary);
}

/* .pagination>.active>a:hover {
    background-color: #2bbbad;
} */
.marg-t2 {
  margin-top: 20px !important;
}

.marg-t25 {
  margin-top: 25px !important;
}

.marg-b1 {
  margin-bottom: 10px !important;
}

.marg-b2 {
  margin-bottom: 20px !important;
}

.section-list li:hover .tab-action {
  display: block;
}

.alert-box .jBox-container {
  border-radius: 0;
}

.alert-box .jBox-title {
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  background-color: var(--bg-color) !important;
  color: var(--txt-color) !important;
  border-bottom: 1px solid var(--card-border-color) !important;
}

/* .alert-box .alert-content {
  min-height: 75px;
} */

.bg-danger {
  background-color: #dc3545 !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.checkbox-data {
  width: 10px;
}

.logo-data {
  width: 10px;
}

.logo-data .fa-user {
  padding: 5px 5px;
}

.list-course td b {
  vertical-align: -webkit-baseline-middle;
}

.alert-box .jBox-container {
  background: var(--bg-color);
  min-width: 400px;
}

.faculty-select {
  padding-inline-start: 0px;
  max-height: 500px;
  min-height: 200px;
  overflow-y: auto;
}

.faculty-select li {
  margin-bottom: 5px;
}

.faculty-select.filter-list .checkbox label {
  color: #bdbdbd;
}

.mark-badge {
  width: 20px;
}

.cover-container {
  position: relative;
  margin-bottom: 110px;
}

.cover-image-container {
  /* background-color: #0f9aee; */
  background-color: var(--button-bg-color);
  margin-bottom: 40px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.cover-image-container:before {
  content: "\f03e";
  position: absolute;
  top: 41%;
  left: 48%;
  font-size: 42px;
  color: #fff;
}

.cover-image-container .upload-btn {
  height: 250px;
  position: relative;
  z-index: 1;
  border: solid 2px #006aab;
  cursor: pointer;
}

.cover-image-container .upload-btn span {
  display: block;
}

.button-container .btn {
  padding: 5px 15px;
}

.button-container .btn i {
  margin-right: 5px;
}

#previews {
  position: absolute;
  z-index: 0;
  top: 0;
  margin-bottom: 0px;
}

#previews .preview img {
  width: 100%;
  height: 250px;
}

.btn-cancel {
  border: solid 1px #ff5722;
  border-radius: 0;
}

.btn-apply {
  border: solid 1px #009688;
  margin-right: 10px;
  border-radius: 0;
}

.preview-image-container {
  height: 250px;
  position: absolute;
  z-index: 0;
  top: 0;
}

.preview-image-container img {
  width: 100%;
  height: 250px;
}

.dropzone-click {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0;
  z-index: 3;
  cursor: pointer;
}

#courseImage:before {
  content: "\f03e";
  position: absolute;
  top: 40%;
  left: 38%;
  font-size: 42px;
  color: #fff;
}

#previews2 {
  position: absolute;
  width: 190px;
  height: 200px;
  top: 0;
  left: 0;
  z-index: 2;
}

#previews2 .preview img {
  width: 100%;
  height: 196px;
}

#courseImage {
  position: absolute;
  width: 190px;
  height: 200px;
  /* background: #0f9aee; */
  background: var(--button-bg-color);
  top: 64%;
  left: 10%;
  z-index: 1;
  border: solid 2px #006aab;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#previews2 .button-container {
  position: absolute;
  right: -34px;
  width: 10px;
  bottom: 10px;
}

#previews2 .btn-cancel {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

#previews2 .btn-apply {
  border: none;
  margin-right: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

#previews2 .btn .glyphicon {
  font-size: 20px;
}

.preview-image-course {
  position: absolute;
  z-index: 1;
}

.preview-image-course img {
  width: 100%;
  height: 198px;
}

.activehover.cover-image-container:before {
  z-index: 9;
}

.cover-image-container.activehover .upload-btn {
  background: #000;
  opacity: 0.4;
}

.activehover#courseImage:before {
  z-index: 9;
}

.activehover#courseImage .dropzone-click {
  background: #000;
  opacity: 0.4;
}

.multichoice {
  color: #f44336;
}

.truefalse {
  color: #009688;
}

.fillInthe {
  color: #673ab7;
}

.Paragraph {
  color: #ff5722;
}

.list-course .checkbox .checkbox-material {
  top: -3px;
}

.list-course.adjust-top .checkbox .checkbox-material {
  top: 3px;
  /* left: -8px; */
  z-index: 0;
}

.main-items li.active a {
  background: var(--button-bg-color) !important;
  /* background: #0f9aee !important; */
  color: #fff !important;
}

.main-items li.active a i {
  color: #fff !important;
}

.limited-access-new {
  display: none;
}

/* USER PROFILE PAGE */
.card {
  margin-top: 0;
  padding: 30px;
  background-color: rgba(214, 224, 226, 0.2);
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card.hovercard {
  position: relative;
  padding-top: 0;
  overflow: hidden;
  text-align: center;
  /* background-color: rgb(15, 154, 238); */
  background-color: var(--active-content-bg-color);
  border-radius: 0;
}

.card.hovercard .card-background {
  height: 110px;
}

.card-background img {
  -webkit-filter: blur(25px);
  -moz-filter: blur(25px);
  -o-filter: blur(25px);
  -ms-filter: blur(25px);
  filter: blur(25px);
  margin-left: -100px;
  margin-top: -200px;
  min-width: 130%;
}

.card.hovercard .useravatar {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
}

.card.hovercard .useravatar img {
  width: 80px;
  height: 80px;
  max-width: 90px;
  max-height: 90px;
  object-fit: contain;
  border: 5px solid rgb(255, 255, 255);
}

.card.hovercard .useravatar .fa {
  font-size: 50px;
  /* color: #fff; */
  margin-top: 20px;
  color: var(--button-bg-color);
}

.card.hovercard .card-info .card-title {
  padding: 0 5px;
  font-size: 20px;
  line-height: 1;
  /* background-color: var(--bg-color); */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: var(--text-color);
}

.card.hovercard .card-info {
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  color: #737373;
  text-overflow: ellipsis;
}

.card.hovercard .bottom {
  padding: 0 20px;
  margin-bottom: 17px;
}

.btn-pref .btn {
  -webkit-border-radius: 0 !important;
}

.side-bar {
  background: var(--bg-color);
  position: fixed;
  /* top: 0; */
  top: 64px;
  width: calc(100% - 68px);
  z-index: 4;
  right: -100%;
  height: 100%;
  border-left: 1px solid var(--card-border-color);
}

.container-pinned .side-bar {
  width: calc(100% - 250px);
}

.container-pinned.pinned-right-bar .side-bar.activeStudent,
.pinned-right-bar .side-bar.activeStudent {
  width: calc(100% - 281px);
  right: 56px;
}

.pinned-right-bar:not(.container-pinned) .side-bar.activeStudent {
  width: calc(100% - 124px);
  right: 56px;
}

.card {
  box-shadow: none;
}

.well {
  min-height: 100vh;
  padding: 19px;
  background-color: var(--bg-color);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: unset;
  border-top: 1px solid var(--card-border-color);
}

.user-tab {
  display: inline-block;
}

.active-user {
  background: #fff;
  padding: 0px 12px;
  border-radius: 5px;
  position: relative;
  top: 10px;
}

.list-group-left {
  width: 32%;
  display: inline-block;
  font-size: 16px;
}

.checbox-data {
  width: 10px;
}

.list-group-item {
  margin-bottom: 5px;
}

.side-bar.activeStudent {
  right: 0;
  /* transition: 1s; */
  overflow-y: auto;
}

.close-btn-stu {
  position: absolute;
  color: var(--button-bg-color);
  cursor: pointer;
  z-index: 1200;
  right: 10px;
  font-size: 22px;
  top: 10px;
}

/*  settings tab */
.settings-tab-container {
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border: 1px solid #ddd;
}

.settings-tab-menu div.list-group {
  margin-bottom: 0;
}

.settings-tab-menu div.list-group > a {
  margin-bottom: 0;
}

.settings-tab-menu div.list-group > a .glyphicon,
.settings-tab-menu div.list-group > a .fa {
  color: #5a55a3;
}

.settings-tab-menu div.list-group > a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

.settings-tab-menu div.list-group > a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

.settings-tab-menu div.list-group > a.active,
.settings-tab-menu div.list-group > a.active .glyphicon,
.settings-tab-menu div.list-group > a.active .fa {
  background-color: #5a55a3;
  background-image: #5a55a3;
  color: #ffffff;
}

.settings-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 #5a55a3;
}

.settings-tab-content {
  background-color: var(--bg-color);
  /* border: 1px solid #eeeeee; */
  /* padding-left: 20px;
    padding-top: 10px; */
}

.settings-tab .settings-tab-content:not(.active) {
  display: none;
}

.settings-container {
  margin: 0px 10px;
}

.settings-container .list-group .list-group-item.active:focus,
.settings-container .list-group .list-group-item.active:hover {
  background-color: #5a55a3;
  outline: none;
  color: #ffffff;
}

.settings-tab-container .list-group-item {
  padding: 15px 10px !important;
}

.list-icon {
  width: 14%;
}

.list-icon .fa {
  font-size: 24px;
  padding: 5px 10px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}

.list-content {
  font-size: 16px;
  font-weight: 600;
}

.list-content span {
  font-size: 14px;
  font-weight: 100;
}

.settings-tab-menu {
  border-right: 1px #5a55a3 solid;
  padding-right: 0;
}

.basic-image-container {
  position: relative;
  text-align: center;
}

.basic-upload-btn {
  height: 200px;
  border: dotted 3px #0f9aee;
  width: 70%;
  position: relative;
  display: inline-block;
}

.basic-upload-btn span {
  display: block;
  position: absolute;
  width: 100%;
  top: 34%;
}

#basicpreviews {
  position: absolute;
  top: 10%;
}

.report-container {
  width: 70%;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}

.box-title span {
  font-weight: 400;
  color: #009688;
}

.filter-container {
  min-height: 300px;
}

.mark-color {
  color: #cf7721 !important;
  font-weight: 600;
}

.grade {
  color: #fe7a15 !important;
  font-weight: 600;
}

.evaluate {
  color: #4f8ef7;
  font-weight: 600;
}

.box-title .bg-olive {
  margin: 0;
}

.user-block img {
  width: 70px;
  height: 70px;
  float: left;
}

.user-block .username {
  font-size: 18px;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 5px;
}

.user-block .description {
  color: #999;
  font-size: 14px;
}

.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
  margin-left: 75px;
}

.grade-system li {
  background: var(--card-bg-lite-color);
  padding: 10px;
  width: 40px;
  text-align: center;
  border: solid 1px var(--card-border-color);
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  float: left;
  font-weight: 600;
}

.grade-system {
  margin: 24px 0px;
  padding-inline-start: 10px;
}

.grade-system li.active {
  background: #00a65a;
  color: #fff;
  border: solid 1px #00a65a;
}

.total-marks {
  text-align: center;
  padding: 0px;
  font-size: 32px;
  font-weight: 900;
  margin: 0;
  color: #00a65a;
}

.total-marklist {
  margin: 0px 22px;
  border: solid 1px #00a65a;
  padding: 10px 16px;
  color: #00a65a;
}

.knob-content {
  position: absolute;
  top: 35%;
}

.knob-top {
  margin-top: 25%;
}

.border-bottom {
  border-bottom: 1px solid var(--card-border-color);
  padding-bottom: 10px;
  padding-top: 10px;
}

.feedback-list li {
  list-style: none;
  margin-bottom: 10px;
}

.feedback-list {
  padding-left: 20px;
  margin-top: 10px;
}

.product-description {
  margin-bottom: 5px;
}

.border-left {
  border-left: 1px solid var(--card-border-color) !important;
}

.file-name {
  color: #0f9aee;
}

.view-student-response {
  border-top: 1px solid var(--card-border-color);
  margin-top: 20px;
  padding-top: 20px;
}

.list-course .fa-thumbs-o-up {
  color: #0f9aee;
}

.list-course .fa-thumbs-o-down {
  color: #f44336;
}

.filter-t1 {
  margin-top: 10px;
}

.quiz-notifier {
  text-align: center;
  border: solid 1px #37b97d;
  /* padding: 10px; */
  width: 210px;
  margin-top: 15px;
  color: #37b97d;
}

.icon-content {
  font-size: 22px;
  font-weight: 500;
  padding: 22px 22px;
  background: #00a65a;
  color: #fff;
}

.name-noti {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  margin-left: 10px;
}

.time-noti {
  font-size: 18px;
  font-weight: 800;
}

.quiz-notifier .fa {
  font-size: 20px;
  /* color: #37b97d; */
  display: inline-block;
  /* padding: 10px; */
}

.avg-notifier.quiz-notifier {
  color: #0c83e2;
  border: solid 1px #0c83e2;
}

.avg-notifier.quiz-notifier .icon-content {
  background: #0c83e2;
}

.quiz-knob {
  margin-top: 15px;
}

.action-icon {
  font-size: 16px;
  margin-left: 15px;
}

.question-list {
  list-style: none;
  padding-left: 10px;
  margin-top: 8px;
}

.question-list .fa-check-square-o {
  color: #0d8e53;
}

.question-number {
  color: #f44336;
}

.rotate-table-grid {
  box-sizing: border-box;
  border-collapse: collapse;
}

.rotate-table-grid tr,
.rotate-table-grid td,
.rotate-table-grid th {
  border: 1px solid #ddd;
  position: relative;
  padding: 10px;
}

.rotate-table-grid th span {
  transform-origin: 0 50%;
  transform: rotate(-90deg);
  white-space: nowrap;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.grade-container {
  overflow-y: auto;
}

.left-side-width {
  width: 18%;
}

.right-side-width {
  width: 80%;
}

.name-adjust {
  display: inline-block;
  width: 140px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  line-height: 14px;
}

.filter-content.active-filter .left-side-width {
  width: 25%;
}

.filter-content.active-filter .right-side-width {
  width: 75%;
}

#basicpreviews .preview img {
  background: #fff;
}

.dropzone-cover {
  border: dotted 2px #0f9aee;
  height: 242px;
  z-index: 3;
  position: relative;
}

#coverPreview {
  position: absolute;
  top: 6px;
  z-index: 1;
}

#coverImage {
  position: relative;
}

.table-striped b {
  font-weight: 400;
  font-size: 14px;
}

.post {
  margin-bottom: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.post .user-block {
  margin-bottom: 0px;
}

.post .user-block img {
  width: 50px;
  height: 50px;
  float: left;
}

.post .user-block .username,
.post .user-block .description,
.post .user-block .comment {
  display: block;
  margin-left: 58px;
}

.post .user-block .username {
  margin-top: 0px;
  margin-bottom: 0px;
}

.post:last-of-type {
  margin-bottom: 10px;
  padding-bottom: 10px;
  /* border-bottom: 1px solid #d2d6de; */
  border-bottom: 1px solid var(--card-border-color);
}

.announcement-top {
  color: #fff;
}

.modal-learning .modal-body {
  background-color: var(--bg-color) !important;
  color: var(--txt-color) !important;
}

.modal-learning .close {
  color: var(--txt-color) !important;
  opacity: 1;
}

.modal-learning .modal-header {
  border-bottom: none;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.modal-learning .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.modal-learning .list-course .checkbox .checkbox-material {
  top: 3px;
}

.file-upload-input {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: none;
  border-radius: 0;
}

.select2-container {
  border-bottom: solid 1px #d2d2d2;
}

input.select2-search__field::placeholder {
  color: var(--txt-color);
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  float: right;
  margin-left: 13px;
  transform: scale(1.3);
  color: var(--txt-color) !important;
  margin-bottom: 3px;
  line-height: normal;
  font-weight: 400 !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: var(--button-bg-color);
  padding: 2px 9px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  margin: 0;
  padding: 0 0px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-size: 16px;
  font-weight: 500;
}

.file-import .list-group-left {
  width: 100%;
  float: left;
}

.file-import .list-group-right {
  display: flex;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.file-import .list-group-right .form-group {
  margin: 0;
}

/* .file-import  .form-control{
    padding: 0;
    margin-bottom: 0;
} */
/* .file-import  .btn:not(.btn-raised):not(.btn-link):focus,
.file-import   .btn:not(.btn-raised):not(.btn-link):hover,
.file-import   .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus,
.file-import   .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
    background: var(--button-bg-color);
    color: #fff;
} */
/* .file-import .btn:not(.btn-raised),
.file-import .btn:not(.btn-raised).btn-default,
.file-import .input-group-btn .btn:not(.btn-raised),
.file-import  .input-group-btn .btn:not(.btn-raised).btn-default {
    background: var(--button-bg-color);
    color: #fff;
} */
.bg-olive {
  margin: 0;
}

.custom-file-uploader {
  position: relative;
}

.custom-file-uploader input[type="file"] {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: default;
}

.chart-padding {
  padding: 20px 10px;
}

.clone-institute {
  position: relative;
}

.clone-btn {
  position: absolute;
  right: 0;
  bottom: 24px;
  font-size: 22px;
  cursor: pointer;
  color: #0c83e2;
}

.grade-header {
  padding: 5px 14px;
  /* background: #0f9aee; */
  background: var(--button-bg-color);
  color: #fff;
  margin-bottom: 6px;
}

.close-grade {
  cursor: pointer;
}

.copydata1,
.copydata2,
.copydata3,
.copydata4,
.copydata5 {
  display: none;
}

.show_this .copydata1,
.show_this .copydata2,
.show_this .copydata3,
.show_this .copydata4,
.show_this .copydata5 {
  display: block;
}

.endQuizcontainer,
.pass-faildata {
  display: none;
}

.quiz-filter {
  position: relative;
  top: 13px;
  left: 15px;
  display: inline-block;
  top: 4px;
}

.quiz-filter .btn.dropdown-toggle {
  border: solid 1px #ccc;
}

.overflow-lock {
  overflow-y: hidden;
}

.grade-full-viewmodal .filter-container {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.grade-full-viewmodal .box {
  padding: 0;
}

.remove-btn {
  position: absolute;
  top: 0px;
  right: 46px;
  font-size: 22px;
  color: #f44336;
  cursor: pointer;
}

.clone-contaner .clone-institute:first-child .remove-btn {
  display: none;
}

.correct-answer {
  position: absolute;
  left: 20px;
  z-index: 100;
  background: var(--card-bg-color);
  top: 6px;
}

.multiple-option .form-control {
  padding-left: 32px;
}

.correct-answer .pure-material-checkbox > span::before {
  margin: 3px 3px 3px 1px;
}

.width-checkbox {
  width: 5%;
}

.label-adjust {
  font-weight: 400;
  font-size: 13px;
  padding: 2px 9px;
}

.remove-option {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 18px;
  color: #f44336 !important;
  cursor: pointer;
}

.multiple-option .col-md-6:first-child .remove-option {
  display: none;
}

.instruction-container.activeInstruction {
  right: 0;
  transition: 1s;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.instruction-container.activeInstruction .instruction-btn .fa-info:before {
  content: "\f00d";
}

.instruction-container.activeInstruction .instruction-btn {
  background: #eb3527;
}

.instruction-container {
  position: fixed;
  right: -30%;
  transition: 1s;
  /*top: 20%;*/
  width: 30%;
  background: #fff;
  bottom: 0;
  z-index: 1100;
}

.instruction-header {
  /* background: #0f9aee; */
  background: var(--button-bg-color);
  color: #fff;
  padding: 8px 10px;
  font-size: 16px;
}

/* .instruction-btn {
    position: absolute;
    left: -50px;
    top: 0;
    z-index: 1000;
    background: #00a65a;
    border-radius: 50%;
    color: #fff;
    padding: 11px 12px;
    font-size: 18px;
    margin-right: 10px;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.12), 0 1px 6px 0 rgba(0,0,0,0.12);
} */
.instruction-content {
  padding: 10px;
  position: relative;
  height: 350px;
}

.instruction-left {
  width: 6%;
}

.instruction-right {
  width: 94%;
  margin-bottom: 10px;
}

.display-inline {
  display: inline-block;
}
.display-flex {
  display: flex;
}

.profile-menu li a {
  padding: 5px 15px !important;
  font-weight: 100;
}

.profile-menu li > a:focus,
.profile-menu li > a:hover {
  color: #0f9aee !important;
  background-color: #eee !important;
}

.email-template {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.label-head {
  color: #5b5858 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.roles-name {
  /* width: 25% */
}

.contentSelect {
  position: relative;
  top: 10px;
}

.subroles-container .roles-name {
  /* text-align: right; */
  padding-right: 15px;
}

.subroles-container {
  display: none;
}

.activeSettings.subroles-container {
  display: table-row;
}

.viewmoredata .fa-angle-down {
  font-size: 22px;
  position: relative;
  top: 5px;
  font-weight: 600;
}

.viewmoredata.activethis .fa-angle-down:before {
  content: "\f106";
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  font-weight: 400;
  color: #bdbdbd;
  font-size: 16px;
  padding: 5px 18px 5px 0px;
  border: none;
  border-bottom: 1px #bdbdbd solid;
}

.status-label {
  width: 70px;
}

/* .category-container .row{
    display: flex;
} */
.category-container .col-md-4 {
  flex: 1;
  padding: 10px;
  margin-right: 10px;
  border-radius: 10px;
  border-right: solid 1px var(--card-bg-lite-color);
  background-color: var(--card-bg-color);
}

.styled-select {
  /* border: 1px solid #ccc; */
  box-sizing: border-box;
  border-radius: 3px;

  overflow: hidden;
  position: relative;
}

select:focus {
  outline: none;
}

.styled-select select {
  background: transparent;
  border: none;

  /*hide default down arrow in webkit */
  -webkit-appearance: none;
}

@-moz-document url-prefix() {
  .styled-select select {
    width: 110%;
  }
}

.fa-sort-desc {
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 24px;
}

select::-ms-expand {
  display: none;
}

/* hide default down arrow in IE10*/

@keyframes effect {
  0% {
    transform: scale(0);
  }

  25% {
    transform: scale(1.3);
  }

  75% {
    transform: scale(1.4);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*header_js*/

.btn-green {
  background: #0e99ee !important;
  color: white !important;
}

.radio_new {
  font-size: 14px;
  color: var(--txt-color);
  font-weight: 500;
  vertical-align: middle;
  position: relative;
}

.modal-content .modal-header {
  padding: 20px 30px;
  text-align: left;
  background-color: var(--bg-color) !important;
  color: var(--txt-color) !important;
  border-bottom: 1px solid var(--card-border-color) !important;
}

.modal-content .modal-body {
  padding: 25px 24px 30px 24px;
  border-radius: 5px;
}

.btn-danger,
.btn-red {
  background: red !important;
  color: white !important;
}

.btn-green {
  background: green !important;
  color: white !important;
}

.breadcrumb-container {
  margin-top: -11px;
}

.modal-header {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.modal-title {
  margin: 0;
  /* line-height: 2.429;
    margin-bottom: 10px; */
  font-weight: bold;
}

/* .form-control
{
    border: 1px solid rgba(0,0,0,.075);
} */
.form-group {
  color: var(--txt-color) !important;
}

.label-success {
  background-color: #09bf63;
}

.label {
  padding: 0.4em 1.2em 0.5em;
}

.label {
  display: inline;
  padding: 0.3em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.btn-green {
  margin-top: 0px !important;
}

.modal-body {
  font-weight: 400 !important;
}

select.form-control {
  font-weight: 400;
  /* color: #0B0101; */
  color: var(--txt-color);
}

.badge-danger {
  background: var(--badge-danger-bg-color);
  color: var(--badge-danger-txt-color);
}

.dark-theme .badge-danger {
  background: unset;
}

.badge-success {
  background: var(--badge-success-bg-color);
  color: var(--badge-success-txt-lite-color);
}

.dark-theme .badge-success {
  background: unset;
}

.badge-orange {
  background: var(--badge-warning-bg-color);
  color: var(--badge-warning-txt-color);
}

.dark-theme .badge-orange {
  background: unset;
}

.skin-black {
  padding-right: 0px !important;
}

#common_message_advanced .jBox-wrapper ,#common_delete_message .jBox-wrapper {
  width: 40%;
  margin: 0 auto;
  margin-top: 9%;
}

.close {
  color: var(--txt-color);
  opacity: unset !important;
}

/* .close:focus, .close:hover {
    color: #f4f4f4;
} */
.btn-warning {
  color: #ffffff !important;
  background: #ff9800 !important;
}

.sub-menu-icons {
  top: 72px;
}

.radio_new {
  font-size: 14px;
  color: var(--txt-color);
  font-weight: 500;
  vertical-align: middle;
  position: relative;
}

/*.main-footer {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/

/*}*/

body {
  font-family: "Roboto", sans-serif;
}

.table-striped {
  font-size: 14px !important;
  font-weight: bold !important;
}

.table-striped b {
  font-size: 14px !important;
  font-weight: bold !important;
}

.bg-olive {
  background: #d2d2d2 !important;
  color: #000 !important;
}

.bg-olive:hover {
  background: var(--card-bg-lite-color) !important;
  color: #000 !important;
}

.btn-danger,
.btn-red {
  /* background: #024a65 !important; */
  color: white !important;
}

#back_button:hover {
  background: #024a65 !important;
  color: white !important;
}

.btn-warning.btn:not(.btn-raised):not(.btn-link):focus,
.btn-warning.btn:not(.btn-raised):not(.btn-link):hover,
.input-group-btn .btn-warning.btn:not(.btn-raised):not(.btn-link):focus,
.input-group-btn .btn-warning.btn:not(.btn-raised):not(.btn-link):hover {
  background-color: #ff9800 !important;
  border-radius: 0px !important;
}

/*.btn-default.btn:not(.btn-raised):not(.btn-link):focus, .btn-default.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
    background-color: red !important;
}*/

.btn-default.btn:not(.btn-raised):not(.btn-link):focus,
.btn-default.btn:not(.btn-raised):not(.btn-link):hover,
.input-group-btn .btn-default.btn:not(.btn-raised):not(.btn-link):focus,
.input-group-btn .btn-default.btn:not(.btn-raised):not(.btn-link):hover {
  background-color: var(--button-hover-color) !important;
}

/*.dropdown.user-menu .btn-default.btn:not(.btn-raised):not(.btn-link):focus, .btn-default.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn-default.btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn-default.btn:not(.btn-raised):not(.btn-link):hover {
    background-color: #f9f9f9!important;
}*/

.data-container {
  min-height: 600px !important;
}

.not_foud_box {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}

/* .logo img{ width: 36px ; height:33px;} */
.logo img {
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
  object-position: center;
  padding-right: 15px;
}
.businessName {
  font-size: .9rem;
  font-weight: 600;
  color: var(--mo-black);
}
.businessName::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--mo-gray-300);
  top: 0;
  margin-left: -15px;
}
.logo {
  padding: 7px 15px;
}

.headr-menu-rite li a:hover,
.headr-menu-rite li a:focus {
  background: #381b44 !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  white-space: unset !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  color: #0e99ee;
}

.readed {
  color: #979696b5 !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  background-color: #024a65 !important;
  padding: 7px 10px !important;
  border-bottom: 1px solid #024a65 !important;
  color: #ffffff !important;
  font-size: 14px;
}

#my_all_notifications .list-group-left {
  width: 8% !important;
  float: left !important;
  margin-top: 6px !important;
  font-size: 26px !important;
}

.card {
  /* Add shadows to create the "card" effect */
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  transition: 0.3s;
  padding: 21px;
  box-shadow: 0 4px 8px 0 var(--card-border-color);
}

/* On mouse-over, add a deeper shadow */
/* .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
} */

/* Add some padding inside the card container */
.container {
  padding: 2px 16px;
}

#my_all_notifications .list-group-item {
  background-color: transparent;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 18px 17px 16px 20px;
}

.overflow-auto {
  overflow: auto;
}

@media (min-width: 768px) {
  /* #allnotification_modal .modal-dialog {
        width: 70% !important;

    } */
  #allnotification_modal .modal-header {
    background-color: var(--button-bg-color);
    /* background-color: #0f9aee; */
  }
}

.nav .btn,
.nav .input-group-btn .btn {
  padding: 8px 27px !important;
}

.skin-black .main-header li.user-header {
  background-color: #054c67 !important;
}

.memu_i_new1 {
  font-size: 20px;
}

.memu_i_new {
  margin-left: 18px;
}

/*.nav .btn:not(.btn-raised):not(.btn-link):focus, .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover {
    background-color:unset !important;
}*/
.nav .btn-flat:hover {
  color: #0f9aee !important;
}

.nav .btn,
.input-group-btn .btn {
  margin: 0px !important;
}

body {
  font-family: "Public Sans", sans-serif !important;
}

.width-5 {
  width: 5%;
}

.width-10 {
  width: 10%;
}

/* .actions-column .course-action {
    top: 20px;
} */
.modal-body .box {
  box-shadow: unset;
  background-color: unset;
  padding: unset;
}

.modal-body {
  background-color: var(--bg-color);
}

.video-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 78vh;
}

.video-container .plyr,
.video-container .flowplayer {
  width: 65%;
}

.sticky-header {
  /* position: fixed;
    top: 0;
    left: 322px;
    right: 56px;
    background-color: var(--bg-color);
    z-index: 3;
    padding: 0px 20px; */

  padding-bottom: 10px;
  /* border-bottom: 1px solid var(--card-border-color); */
  margin-bottom: 1em;
}

.sticky-header .md-hr {
  display: none;
}

.sticky-footer {
  position: sticky !important;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--card-bg-color) !important;
  z-index: 2;
}

.flex-column {
  display: flex;
  flex-flow: column;
}

.flex-row {
  display: flex;
  flex-flow: row;
  gap: 0.5em;
}

.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-center {
  justify-content: center;
}

.mr-5 {
  margin-right: 5px;
}

.ml-30 {
  margin-left: 30px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-1em {
  margin-top: 1em !important;
}

.mb-1em {
  margin-bottom: 1em;
}
.mb-5 {
  margin-bottom: 5px;
}

.m-10 {
  margin: 10px;
}
.img-circle-small {
  width: 50px;
  height: 50px;
}

.img-circle-small > img {
  border-radius: 50%;
}

.bordered-button {
  /* border: 1px solid #ddd; */
  border: 1px solid var(--card-border-color);
}

.bordered-button:hover {
  outline: 1px solid var(--title-color);
  z-index: 1;
}

.title-ellepsis {
  /* width: 35%; */
  white-space: nowrap;
}

.title-ellepsis > * {
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-dark-gray {
  color: var(--txt-color) !important;
}

#institute_form_error .dropify-wrapper {
  width: 30%;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
  color: var(--txt-color) !important;
  font-weight: bold;
}

.name-letter-frame {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  background-color: var(--primary-gray-bg);
  color: var(--primary-black-text);
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 1px solid var(--primary-gray-bg);
}

.more-options-svg {
  width: 22px;
  height: 22px;
  cursor: pointer;
  fill: var(--title-color);
}

.more-options-div {
  position: relative;
  right: unset;
  top: unset;
}

.more-options-div .dropdown-menu li > a {
  padding: unset;
  /* line-height: 35px; */
  line-height: 0px !important;
}

.more-options-div .dropdown-menu,
.select-all-options-div .dropdown-menu,
.more-options-btn-div .dropdown-menu,
.select-all-operations-div .dropdown-menu {
  right: 0;
}

.select-all-options-div {
  position: relative;
}

.d-flex {
  display: flex;
  flex-flow: row;
}

.d-block {
  display: block;
}

.more-options-btn {
  position: relative;
  top: 2px;
}

.more-options-btn-div {
  padding: 2px 5px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.select-all-operations-div {
  position: relative;
  width: 100%;
  height: 48px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.tableBulkMoreOptionsWrapper {
  display: flex;
  width: 100%;
  gap: 20px;
  opacity: 0;
  visibility: hidden;
}

.select-all-operations-div.highlight .tableBulkMoreOptionsWrapper {
  opacity: 1;
  visibility: visible;
}

.position-relative {
  position: relative !important;
}

.count-title {
  color: var(--primary-title-text-color);
}

.top-6 {
  top: 6px !important;
}

.highlight {
  background-color: var(--primary-gray-bg-hover);
}

table thead tr {
  background-color: var(--card-bg-color);
}

.background-gray {
  background-color: #f4f6f8;
}

.dark-theme .background-gray {
  background-color: var(--card-bg-color);
}

.no-outline {
  outline: 0;
}

.main-filter-container {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  padding: 0px 10px;
  background-color: var(--card-bg-color);
  z-index: 2;
}

.more-config-options {
  padding: 1em;
  border: 1px solid var(--card-border-color);
  background-color: var(--card-bg-color);
  z-index: 1;
}

.sm-hr {
  margin: 5px 0px 5px;
  border: 0;
  border-top: 1px solid #eee;
}

.dropdown-menu.hover-effect li:hover {
  /* outline: 1px solid #dfe3e8; */
  /* outline: 1px solid var(--title-color); */
}

/* table tbody tr > td {
    border-top: 1px solid rgb(229, 229, 229) !important;
} */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url(../images/arrowDropdown.svg) !important;
  background-size: unset !important;
  background-position: right center, center calc(100% - 1px) !important;
  background-repeat: no-repeat !important;
}

.more-svg {
  transition: 0.2s;
  transform: rotate(0deg);
}

.more-svg-rotate {
  transform: rotate(45deg);
}

.learner-img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  border-radius: 50%;
}

select.form-control {
  padding: 8px 24px 8px 12px;
  border-radius: 5px;
}

.nav-bar-active-pointer {
  transition: all 0.5s;
  position: absolute;
  bottom: 0px;
  border-bottom: 3px solid var(--mo-primary) !important;
}

/* Select 2 css override */
.select2-container {
  border: none !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  /* border: 1px solid rgb(229, 229, 229) !important; */
  border: 1px solid var(--card-border-color) !important;
  border-radius: 0 !important;
}

.settings-tab {
  position: relative;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  overflow: auto;
  /* gap: 1em; */
  align-items: center;
  background-color: var(--bg-color);
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--card-bg-color) !important;
}

.dropdown-menu.hover-effect li > *:hover {
  background-color: unset !important;
}

.mobile-menu-sidemenu-control {
  display: none;
}

#closeSideMenu {
  display: block;
}

#toggleSideMenu {
  display: none;
}

#attached_file_name {
  display: flex;
}

#attached_file_name label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-container {
  display: flex;
  justify-content: center;
}

.settings-container > .row > .bordered-div {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
}

.program-actions-container {
  display: flex;
  flex-flow: row;
  gap: 1em;
  justify-content: flex-end;
}

.program-actions-container .first-set-action,
.program-actions-container .second-set-action {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 1em;
}

.main-list-container {
  padding: 10px;
  border-radius: 10px;
  background-color: var(--card-bg-color);
  position: relative;
}

.mailbox-controls + .main-list-container {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: var(--card-bg-color);
  padding: 30px;
  box-shadow: 0 0 10px 2px #f1f1f1;
  border-radius: 10px;
  border-top: 1px solid #80808021;
}

.custom-card {
  padding: 15px;
  border-radius: 10px;
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
}

.custom-card-header {
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: var(--card-bg-lite-color);
}

.amount_new {
  color: var(--txt-color) !important;
}

.cke_inner {
  background-color: var(--bg-color) !important;
}
.select-all-operations-div.highlight.scrollActive {
  position: sticky;
  top: 0;
}

#report-card font {
  color: var(--txt-color);
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  color: var(--button-txt-color) !important;
}

.jscolor {
  border: 1px solid var(--card-border-color) !important;
  background-color: var(--card-bg-color);
}

.jscolor-picker {
  background-color: var(--card-bg-color);
}

#save_bundle_basics #bb_short_description,
#save_bundle_basics .redactor-box,
#save_program_basics #pb_short_description,
#save_program_basics .redactor-box {
  min-height: 250px;
  overflow: auto;
}

.right-top-header.user-count {
  font-size: 18px;
}

#all_notice_board_data .anouncement-content img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.category-container .category-cont {
  min-height: 430px;
}

.category-container .border-bottom {
  border-bottom: 1px solid var(--card-bg-lite-color);
}

.language-dropdown-menu {
  position: fixed !important;
  left: 280px !important;
  top: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 20px 16px !important;
  width: 200px !important;
}

.language-dropdown-menu li {
  overflow: hidden;
  position: unset;
}

.language-dropdown-menu li a {
  text-overflow: ellipsis;
  overflow: hidden;
}

.language-dropdown-menu li a:hover {
  color: unset;
}

.notifications-dropdown-menu {
  position: fixed !important;
  /* left: 280px !important; */
  right: 56px !important;
  top: 0 !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 20px 16px !important;
  width: 300px !important;
}

.notifications-dropdown-menu li a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: break-spaces;
}

.notifications-dropdown-menu .menu a:not(.readed) {
  color: var(--txt-color);
  font-weight: bold;
}

.notifications-dropdown-menu .menu,
.products-menu .menu {
  padding-top: 2px;
  padding-bottom: 15px;
  overflow: auto;
  height: 100%;
}

.notifications-dropdown-menu .menu li {
  padding: 10px 5px;
  border-bottom: 1px solid var(--card-bg-lite-color);
}

.notifications-dropdown-menu .footer {
  position: absolute !important;
  bottom: 0;
  padding: 5px !important;
  left: 0;
  background-color: var(--card-bg-color);
  right: 0;
}

.notifications-dropdown-menu .footer a {
  line-height: 0.5;
}

.notify-header {
  position: absolute !important;
  top: 0px;
  padding: 5px !important;
  width: 255px;
  z-index: 2;
  background: var(--card-bg-color);
}

#my_all_notifications li {
  background-color: var(--card-bg-lite-color) !important;
}

#team .card {
  max-height: 250px;
  min-height: 250px;
  overflow: hidden;
}

#team .card .card-title {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#statview .box-title {
  color: var(--button-text-color);
}

.modal-body .list-group-right .btn.link-style {
  font-size: 12px !important;
}

.bg-olive {
  color: var(--txt-color) !important;
  background-color: unset !important;
  border: 1px solid var(--card-border-color) !important;
}

.bg-olive:hover {
  border: 1px solid var(--title-color) !important;
  color: var(--title-color) !important;
}

.modal-body .list-group-right .btn,
.modal-body .input-group-addon .btn,
.modal-body .input-group-btn .btn,
.modal-body .bg-olive,
.jBox-content .bg-olive {
  color: var(--txt-color) !important;
  background-color: unset !important;
  border: 1px solid var(--card-border-color) !important;
}

.modal-body .list-group-right .btn:hover,
.modal-body .input-group-addon .btn:hover,
.modal-body .input-group-btn .btn:hover,
.modal-body .bg-olive:hover,
.jBox-content .bg-olive:hover {
  /* border: 1px solid var(--title-color) !important; */
  color: var(--title-color) !important;
}

.drager-svg {
  width: 26px;
  height: 26px;
  fill: var(--txt-color);
  cursor: move;
}

.border-div {
  border: 1px solid var(--card-border-color) !important;
}

.wh-18 {
  width: 18px;
  height: 18px;
}

.select2-container {
  width: 100% !important;
}

.select2-dropdown {
  border: 1px solid var(--card-border-color) !important;
  background-color: var(--card-bg-color) !important;
}

/* .select2-container--default
  .select2-results__option--highlighted[aria-selected]:not(
    .select2-results__option--highlighted[aria-selected="true"]
  ) {
  color: var(--title-color) !important;
  background-color: var(--card-border-color) !important;
} */

.select2-results__options .select2-results__option img {
  width: 50px;
  height: 40px;
  margin-right: 5px;
  object-fit: cover;
}

.select2-selection .select2-selection__choice img,
.select2-selection .select2-selection__choice svg {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  object-fit: cover;
}

.select2-selection .select2-selection__rendered .program-amount {
  display: none;
}

.sticky-right-bar {
  position: fixed;
  top: 70px;
  right: -100px;
  width: 56px;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-flow: column;
  transition: 0.5s right;
  background-color: var(--bg-color);
  border-radius: 0px !important;
  border-left: 1px dashed rgba(145, 158, 171, 0.24);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99;
}

.product-right-bar.sticky-right-bar {
  position: fixed;
  top: 64px;
  right: -100px;
  width: 56px;
  height: 100%;
  padding: 0px !important;
  display: flex;
  flex-flow: column;
  transition: 0.5s right;
  background-color: #f1f1f1;
  border-radius: 0px !important;
  border-left: 0px !important;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99;
}
.sticky-right-bar.right-bar-pinned,
.product-right-bar.sticky-right-bar.right-bar-pinned {
  right: 0;
}

.sticky-right-bar .fa.fa-bell {
  font-size: 16px;
}

.sticky-right-bar > .component {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}

.sticky-right-bar > .component > :first-child {
  width: 40px;
  height: 40px;
  position: relative;
  top: 8px;
  left: 8px;
  cursor: pointer;
}

.toggle-right-bar {
  position: fixed;
  bottom: 0;
  z-index: 2;
  right: 0;
  height: 56px;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-right-bar:hover {
  right: 0px;
}

.notifications-count {
  position: absolute;
  top: -8px;
  right: 8px;
  width: 15px;
  height: 15px;
  background: var(--button-bg-color) !important;
  color: var(--title-color) !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 9px;
}

.notifications-dropdown-menu #notifications_area li > a {
  height: unset;
}

.products-menu .menu li:nth-child(2) {
  margin-top: 1em;
}

.product-item {
  flex-shrink: 0;
  cursor: pointer;
  padding: 10px !important;
  border-bottom: 1px solid var(--card-border-color);
}

.product-item:hover {
  outline: 1px solid var(--card-border-color);
  border-bottom: unset;
}

.product-item:hover .product-detail-svg {
  display: block;
}

.product-item img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.product-detail-svg {
  width: 20px;
  height: 16px;
  fill: var(--txt-color);
  display: none;
}

.tooltip.fade.top.in {
  position: fixed;
}

.actions-svg {
  width: 24px;
  height: 20px;
  fill: var(--txt-color);
}

.actions-svg:hover {
  fill: var(--title-color);
}

.error-cont {
  background-color: var(--badge-danger-bg-color);
  padding: 8px;
  color: var(--badge-danger-txt-color);
}

.strikethrough {
  text-decoration: line-through;
}

.modal-content .modal-header.theme-adjustable-button:hover {
  background-color: var(--bg-color) !important;
}

.badge.badge-info {
  background-color: var(--card-bg-lite-color);
  color: var(--title-color);
}

a.cke_dialog_ui_button:hover,
a.cke_dialog_tab:hover {
  color: #000;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: var(--txt-color) !important;
  font-size: 14px !important;
}

#columnsList {
  margin-bottom: -5px;
}

.default-img {
  background-image: url("../../admin/images/default.svg");
}

.rotate-45 {
  transform: rotate(45deg);
  transition: 0.2s;
}

.thumbnail-image-div img {
  height: 150px;
  object-fit: contain;
}

.vertical-separator {
  border-left: 1px solid var(--card-border-color);
  width: 2px;
  height: 100%;
}

.learners-list {
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

.learner-item {
  padding: 10px;
  border-bottom: 1px solid var(--card-border-color);
}

.learner-detail {
  display: flex;
  flex-flow: row;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
}

.half-width {
  width: 50%;
}

.language-close-button {
  display: none !important;
}

.profile-img-cont {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  overflow: hidden;
}

.profile-box {
  display: flex;
  flex-flow: column;
  gap: 0.5em;
}

.change-img-cont {
  position: absolute;
  right: 0px;
  top: -32px;
  background-color: var(--bg-color);
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#notifications_area > li {
  list-style: none;
  text-align: justify;
  padding: 10px;
  border-bottom: 1px dashed var(--card-border-color);
}

.dropdown-menu li > a > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.verified-svg {
  fill: #009eff !important;
}

.w-80 {
  width: 80%;
}

.txt-underline {
  text-decoration: underline;
}

.form-group .input-group-addon {
  background: var(--bg-color);
  font-weight: bold;
  color: var(--txt-color);
}

.attached_file_name_span {
  color: var(--txt-color);
}

.modal.fade.in .modal-body {
  max-height: 80vh;
  overflow: auto;
}

.scorm-preview {
  width: 100%;
  height: 65vh !important;
}

#cropImageModal {
  z-index: 99999;
}

.quiz-report-container .modal-body {
  max-height: 100vh !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px var(--card-bg-color) inset !important;
  -webkit-text-fill-color: var(--txt-color);
  -webkit-outline: var(--card-border-color);
}

.fa-close {
  cursor: pointer;
}

.iti__flag {
  background-image: url("../images/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../images/flags@2x.png");
  }
}

/* Tooltip container */
/* .tooltip_new {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
} */

/* Tooltip text */
.tooltip_new .tooltiptext {
  visibility: hidden;
  min-width: 200px;
  max-width: 400px;
  background-color: var(--card-border-color);
  color: var(--title-color);
  padding: 5px 0;
  border-radius: 6px;
  text-align: left;
  padding: 10px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 2;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_new:hover .tooltiptext {
  visibility: visible;
}

/* Invoice detail */
.invoice-detail {
  display: flex;
  flex-flow: row;
  gap: 1em;
  padding: 10px;
  border: 1px solid var(--card-border-color);
  border-radius: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: space-between;
  background: var(--card-bg-lite-color);
  margin-bottom: 1em;
}

.invoice-item svg {
  position: absolute;
  left: -70px;
  top: -14px;
}

.invoice-item {
  display: flex;
  flex-flow: row;
  gap: 1em;
  align-items: center;
  justify-content: center;
  padding: 10px;
  min-width: 150px;
  flex-shrink: 0;
  /* border-right: 1px solid var(--card-border-color); */
}

.invoice-brief-detail {
  display: flex;
  flex-flow: column;
  gap: 5px;
}

/* Invoice detail */

/* Circle progress bar */
@keyframes growProgressBar {
  0%,
  33% {
    --pgPercentage: 0;
  }

  100% {
    --pgPercentage: var(--value);
  }
}

@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 8rem;
  /* --fg: #369;
    --bg: #def; */
  --pgPercentage: var(--value);
  animation: growProgressBar 2s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  /* background: 
        radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
        conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
        ; */
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}

.total-invoice {
  --fg: var(--badge-info-txt-color);
  --bg: var(--badge-info-bg-color);
  background: radial-gradient(
      closest-side,
      var(--card-bg-color) 80%,
      transparent 0 99.9%,
      var(--card-bg-color) 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}

.paid-invoice {
  --fg: var(--badge-success-txt-color);
  --bg: var(--badge-success-bg-color);
  background: radial-gradient(
      closest-side,
      var(--card-bg-color) 80%,
      transparent 0 99.9%,
      var(--card-bg-color) 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}

.unpaid-invoice {
  --fg: var(--badge-warning-txt-color);
  --bg: var(--badge-warning-bg-color);
  background: radial-gradient(
      closest-side,
      var(--card-bg-color) 80%,
      transparent 0 99.9%,
      var(--card-bg-color) 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}

.overdue-invoice {
  --fg: var(--badge-danger-txt-color);
  --bg: var(--badge-danger-bg-color);
  background: radial-gradient(
      closest-side,
      var(--card-bg-color) 80%,
      transparent 0 99.9%,
      var(--card-bg-color) 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}

.draft-invoice {
  --fg: var(--txt-color);
  --bg: #e1e0e0;
  background: radial-gradient(
      closest-side,
      var(--card-bg-color) 80%,
      transparent 0 99.9%,
      var(--card-bg-color) 0
    ),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
}

/* Circle progress bar */

/* Task manager */
.task-manager-icon {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  background: var(--card-bg-lite-color);
  border: 1px solid var(--card-border-color);
}

.tasks-list {
  position: fixed;
  top: 72px;
  right: 16px;
  z-index: 999;
  padding: 0px 10px 30px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--card-bg-color);
  border-left: 1px solid var(--card-border-color);
  transition: 0.2s top;
}

.app-task {
  display: flex;
  flex-flow: row;
  gap: 1em;
  padding: 10px;
  cursor: pointer;
  min-height: 80px;
  align-items: center;
  border-bottom: 1px solid var(--card-border-color);
  justify-content: space-between;
}

.app-task:hover {
  background: var(--card-bg-lite-color);
}

.task-item {
  display: flex;
  flex-flow: row;
  gap: 1em;
  align-items: center;
}

.task-header {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 20px 5px 5px;
  display: flex;
  flex-flow: row;
  gap: 1em;
  opacity: 0;
  justify-content: space-between;
  background: var(--card-bg-color);
}

.app-task-open {
  max-height: 350px;
  top: 71px;
  right: 73px;
  overflow-y: auto;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

.app-task-width {
  width: 350px;
}

.app-task-close {
  width: 0px;
  right: -20px;
}

.app-tasks-count {
  position: absolute;
  right: -4px;
  top: -35px;
  background: var(--button-bg-color);
  color: #fff;
  padding: 1px 6px;
  border-radius: 50%;
  font-size: 12px;
}

/* #appTasksList {
    opacity: 0;
} */
.tasks-list.app-task-open .task-header,
.tasks-list.app-task-open #appTasksList {
  opacity: 1;
}
.task-desc {
  white-space: normal;
}

/* Task manager */

/* Input placeholder */
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 18- */
  color: var(--txt-color) !important;
  font-size: 14px !important;
}

input:-moz-placeholder,
textarea::-moz-placeholder,
select:-moz-placeholder {
  /* Firefox 19+ */
  color: var(--txt-color) !important;
  font-size: 14px !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: var(--txt-color) !important;
  font-size: 14px !important;
}

input,
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: var(--txt-color) !important;
  font-size: 14px !important;
}

/* Input placeholder */

/* Social buttons */
#share {
  width: 100%;
  text-align: center;
}

#share a {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 8px;
  border-radius: 50%;
  font-size: 24px;
  color: #fff;
  opacity: 0.75;
  transition: opacity 0.15s linear;
}

#share a:hover {
  opacity: 1;
}

/* icons */
#share i {
  position: relative;
  top: 42%;
  transform: translateY(-50%);
}

/* colors */
.facebook {
  background: #3b5998;
}

.twitter {
  background: #55acee;
}

.googleplus {
  background: #dd4b39;
}

.linkedin {
  background: #0077b5;
}

.pinterest {
  background: #cb2027;
}

/* Social buttons */

/* Fixed modal body and actions */

.fixed-modal-body {
  max-height: 80vh;
  overflow: auto;
}

.fixed-modal-container {
  max-height: 80vh;
  overflow: auto;
  padding-bottom: 60px !important;
}

/* Fixed modal body and actions */

/* Pre loader */
.pre-loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: var(--bg-color);
}

.pre-loading-progress {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0px;
  height: 5px;
  width: 100%;
  /* background: linear-gradient(
    90deg,
    red 0%,
    yellow 15%,
    lime 30%,
    cyan 50%,
    blue 65%,
    magenta 80%,
    red 100%
  ); */
  background: #09375b;
  background-size: 200%;
  animation: moveGradient 5s linear infinite;
}

@keyframes moveGradient {
  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: -200% 0%;
  }
}

/* Pre loader */

/* Button loader */
.loadingSpinner {
  border: 4px solid var(--button-text-color);
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  width: 18px;
  height: 18px;
  opacity: 0.8;
  border-radius: 50%;
  margin-right: 5px;
  animation: loadingSpinner 0.7s infinite linear;
  -webkit-animation: loadingSpinner 0.7s infinite linear;
}

@keyframes loadingSpinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loadingSpinner {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

/* Button loader */

@media only screen and (max-width: 1024px) {
  /* .main-sidemenu.sidemenu-pinned {
        width: 230px !important;
    } */
  .language-dropdown-menu,
  .notifications-dropdown-menu {
    width: 230px !important;
    padding: 12px 10px !important;
  }

  .notifications-dropdown-menu .menu {
    padding-top: 22px !important;
    padding-bottom: 35px !important;
  }

  .notify-header {
    width: 195px !important;
  }

  #my_all_notifications .list-group-left {
    width: 10% !important;
    font-size: 18px !important;
  }

  #my_all_notifications .list-group-right {
    width: 85% !important;
  }

  .main-container {
    padding: 0rem 2rem !important;
  }

  #closeSideMenu {
    display: none;
  }

  #toggleSideMenu {
    display: block;
  }

  .mobile-menu-sidemenu-control {
    display: block;
    padding: 1em 0em 0em;
  }

  /* .sidebar-wrapper {
        width: 0px !important;
    } */
  .logo-and-details-container {
    padding: 24px 10px 16px !important;
  }

  .logo {
    height: 35px !important;
  }

  .user-img-container {
    width: 40px !important;
    height: 40px !important;
  }

  /* .sidebar-wrapper ul {
        padding: 0px 10px !important;
    } */
  .side-menu-list li > a,
  .side-menu-list .sidemenu-label {
    padding: 8px 12px 8px 12px !important;
  }

  /* #moduleContainer {
        left: 0px !important;
        width: 100% !important;
    } */
  .logo {
    width: 100px !important;
  }

  /* .top-menu {
    padding: 10px 10px !important;
  } */

  .logo img {
    width: 100px !important;
    object-fit: contain !important;
  }

  .sticky-header {
    position: relative;
    top: 0;
    left: 0;
    right: 56px;    
  }

  /* .sidebar-wrapper.sidemenu-pinned {
        left: 0px !important
    } */
  #moduleContainer.container-pinned {
    left: 50px !important;
  }

  #moduleContainer.container-pinned.pinned-right-bar {
    width: calc(100% - 88px) !important;
  }

  /* .fixed-bottom-div {
        left: 0px !important;
    } */
  .profile-user-img {
    width: 150px !important;
    height: 150px !important;
  }

  .get-started-container {
    padding: 2em 0em !important;
  }

  .welcome-container {
    flex-flow: column !important;
    height: unset !important;
    padding: unset !important;
    gap: 1em !important;
  }

  .welcome-msg-container {
    padding: 2em !important;
  }

  .welcome-msg-container,
  .news-updates-container {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .app-img-container img {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
  }

  .mt-8em {
    margin-top: unset !important;
  }

  .title {
    margin: 2em 0em 0em 0em !important;
  }

  .demo-container,
  .app-creation-container {
    flex-flow: column !important;
    gap: 1em !important;
    max-height: unset !important;
    padding: 1em 0em !important;
  }

  .website-preview-container > div,
  .create-course-container > div,
  .app-creation-container > div {
    flex-flow: column !important;
    align-items: center !important;
  }

  .learn-more-container {
    padding: 0em !important;
  }

  .learn-more-container .blog img {
    max-width: 100% !important;
  }

  #session-time {
    font-size: 22px !important;
  }

  #session-time + .pull-right {
    display: block;
    float: unset !important;
  }

  #current_time_data {
    font-size: 14px !important;
    margin-top: 5px !important;
  }

  .pad-25 {
    padding: 10px !important;
  }

  .box .box-header .box-title {
    font-size: 18px !important;
  }

  /* .header-title-container {
        flex-flow: column !important;
        gap: 0.5em !important;
        align-items: unset !important;
    } */
  .filter-container {
    width: 100% !important;
  }

  .filter-btn,
  .filter-container {
    z-index: 2 !important;
  }

  .filter-content.active-filter {
    left: unset !important;
  }

  .active-filter {
    width: 100% !important;
    margin-left: unset !important;
  }

  .box-info {
    padding: 5px !important;
  }

  .side-bar {
    width: 100% !important;
  }

  #common_message_advanced .jBox-wrapper ,#common_delete_message .jBox-wrapper{
    width: 95% !important;
  }

  .alert-box .jBox-container {
    min-width: unset !important;
  }

  /* .modal-content .modal-body {
    padding-right: 24px !important;
    padding-left: 24px !important;
  } */

  .list-course .checkbox .checkbox-material {
    top: unset !important;
  }

  .category-container .row {
    flex-flow: column;
  }

  .category-container .pull-right {
    float: unset !important;
  }

  .btn.btn-sm,
  .input-group-btn .btn.btn-sm,
  .btn-group-sm .btn,
  .btn-group-sm .input-group-btn .btn {
    padding: 5px 10px;
  }

  h4 {
    font-size: 14px;
  }

  .file-import .list-group-left {
    width: 100%;
  }

  .file-import .list-group-right {
    width: 100%;
  }

  .add-question-block .question-block .question-leftbox.leftbx-hide {
    left: -100% !important;
  }

  .add-question-block .question-block .question-leftbox {
    left: unset !important;
    padding: 20px 10px 20px 0px !important;
  }

  .add-question-block .question-block .question-leftbox {
    width: 65% !important;
  }

  .add-question-block .answer-block ul.answer-ul li {
    padding: 15px 0px 15px 0px !important;
  }

  .add-question-block .answer-block ul.answer-ul li span.cb-textbox {
    width: 100% !important;
  }

  .add-question-block .custom-btn {
    margin-right: 0px !important;
  }

  .add-question-panel {
    width: 100% !important;
  }

  .add-question-block .extra-option span.cb-delete-option {
    padding: unset !important;
    height: unset !important;
    width: unset !important;
    margin-left: unset !important;
    float: right !important;
  }

  .modal-body .form-group {
    text-align: left !important;
  }

  .form-group .checkbox label,
  .form-group .radio label,
  .form-group label,
  #report-card .new_style {
    font-size: 14px !important;
  }

  .myprofile-card-head,
  .myprofile-card-body {
    padding: 10px 10px !important;
  }

  .well {
    padding: 10px !important;
  }

  .table-wrap {
    padding: unset !important;
  }

  .table-wrap .table-cell-e-address {
    padding-bottom: 10px !important;
  }

  .myprofile-card-body .pad-11 {
    padding: 5px !important;
  }

  .table-cell-mail {
    min-width: 130px !important;
  }

  .course-cont-wrap .table.course-cont {
    margin: 0px !important;
  }

  .md-hr {
    margin: 10px 0px !important;
  }

  #page_content_inner {
    padding: 10px 0px !important;
  }

  #page_content_inner .uk-grid {
    margin-left: unset !important;
  }

  #page_content_inner .uk-grid > * {
    padding-left: 0px !important;
  }

  #page_content_inner .user_heading {
    padding: 15px !important;
  }

  #page_content_inner .user_heading_avatar {
    margin: 0 auto 16px !important;
  }

  #page_content_inner .user_heading_content {
    padding: 8px !important;
  }

  #page_content_inner .heading_b {
    font: 400 18px/20px Roboto, sans-serif !important;
  }

  #page_content_inner .user_content {
    padding: 15px !important;
  }

  .uk-grid .uk-input-group-addon {
    padding: 0 10px !important;
  }

  .uk-grid .material-icons {
    font-size: 18px !important;
  }

  .modal-body .box,
  .modal-body .box-body {
    margin: 0px !important;
    padding: 0px 5px !important;
  }

  .list-group .list-group-item {
    padding: 0px 5px !important;
  }

  .checkbox .checkbox-material:before,
  label.checkbox-inline .checkbox-material:before {
    top: 0px !important;
    left: 4px !important;
    height: 12px !important;
    width: 12px !important;
  }

  .btn-group-justified {
    width: 100% !important;
  }

  .settings-tab-content .tab-pane {
    width: 100% !important;
  }

  .settings-tab {
    gap: 0em !important;
  }

  .settings-tab-content {
    padding-left: 10px !important;
  }

  .settings-tab-content .container {
    padding: 20px 0px !important;
  }

  #businessSettings .marg-t1 {
    margin-top: 0px !important;
  }

  .session-title {
    font-size: 20px !important;
  }

  .btn,
  .input-group-btn .btn {
    padding: 8px 10px !important;
  }

  .settings-container {
    display: block;
  }

  .settings-container > .row > .bordered-div {
    display: block;
  }

  .grade-system {
    padding-inline-start: 0px !important;
  }

  .total-marklist {
    padding: 5px 5px !important;
  }

  .border-left {
    border-left: unset !important;
  }

  h3 {
    font-size: 20px !important;
  }

  .background-filled-div {
    padding: 10px;
  }

  .program-actions-container {
    flex-flow: column;
  }

  .details-container h5 {
    font-size: 12px;
  }

  #all_notice_board_data {
    padding: 0px !important;
  }

  #render_data .rTable .rTableRow .rTableCell {
    display: block;
  }

  .rel > .btn {
    padding: 5px 2px !important;
  }

  .post1 .user-block .username,
  .post1 .user-block .description,
  .post1 .user-block .comment {
    margin-left: 15px !important;
  }

  .post1 p {
    margin: 0px 0 0 15px !important;
  }

  .section-list .status-active {
    width: 18% !important;
    margin-right: 24px !important;
  }

  .coursedata-section .more-options-div {
    right: -6px !important;
  }

  .material-hold .btn-group.selection-checkbox {
    left: 0px !important;
  }

  .material-hold .btn-group {
    margin: 0px 5px !important;
  }

  .section-list li .material-counter,
  .section-list li .topic-counter {
    min-width: 100px !important;
    max-width: 130px !important;
  }

  .section-list li .topic-counter,
  .section-list li .material-counter {
    margin-right: 8px !important;
    padding: 0px 5px 0px 48px !important;
  }

  .material-hold .drager {
    left: 20px !important;
    width: 30px !important;
  }

  .material-icon {
    width: 30px !important;
  }

  .section-list .fa {
    padding: 0px !important;
  }

  .section-list .fa,
  .more-options-div .dropdown-menu .fa {
    font-size: 18px !important;
    margin-right: 3px !important;
  }

  .section-list a,
  .more-options-div .dropdown-menu a {
    font-size: 14px !important;
  }

  .material-name,
  .lesson-name {
    width: calc(100vw - 290px) !important;
  }

  .test-applybulk,
  .test-applynegativebulk {
    width: 150px;
  }

  .icondropdown {
    right: unset !important;
  }

  .dropdown-menu {
    padding: 0.5em !important;
  }

  .tab-content > .tab-pane {
    padding: 15px 5px;
  }

  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .text-ellipsis {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* For laptops */

@media (min-width: 1024px) and (max-width: 1440px) {
  .get-started-container {
    padding: 2em 0em 5em !important;
  }

  .score {
    padding: 15px 5px !important;
  }

  .main-container {
    padding: 0rem 2rem !important;
  }

  .btn.btn-sm,
  .input-group-btn .btn.btn-sm,
  .btn-group-sm .btn,
  .btn-group-sm .input-group-btn .btn {
    padding: 5px 10px !important;
  }

  .settings-tab-content .tab-pane {
    width: calc(100% - 100px) !important;
  }

  .question-leftbox .form-control {
    padding: 8px !important;
  }
}

@media only screen and (max-width: 320px) {
  .app-task-open {
    width: 100%;
  }
}

@media only screen and (max-width: 468px) {
  .dropdown-menu.language-dropdown-menu {
    left: 0px !important;
  }

  .language-close-button {
    display: block !important;
  }
}

/* For tablet */
@media (min-width: 600px) and (max-width: 900px) {
}

.dropdown-menu {
  max-width: 400px;
  max-height: 350px;
  overflow-y: auto;
}

@media (max-width: 600px) {
  .app-task-open {
    max-height: 350px;
    width: 250px;
    top: 71px;
    right: 15px;
    overflow-y: auto;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  }  
}

/* Exam Report Table Custom Style */
.headerOptionsWrapper {
  width:100%;
  gap: 20px;
  justify-content: flex-end;
  align-items: center;
}
.tableValueStatus {
  flex-basis: 152px;
  flex-shrink: 0;
  flex-grow: 0;
}
.tableSearchWrapper {
  position: relative;
  display: inline-flex;
  background-color: transparent;
  border: solid 1px #d1d7dc;
  border-radius: 25px;
  padding-left: 15px;
  flex-basis: 300px;
  flex-grow: 0;
  align-items: center;
}
.tableSearchWrapper input {
  border-radius: 25px;
  border: 0 !important;
  width: 85%;
}
.tableSearchWrapper button {
  padding: 0;
  border: 0;
  background: transparent;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.tableSearchWrapper button:hover {
  border: 0;
  outline: unset;
}
#commonFilters {
  max-height: 165px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.sectionMainTitle {
  font-size: 2.5rem;
}
.custom-btn {
  border-radius: 5px !important;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.mailboxControlsStyle {
  position: relative !important;
  top: 0px !important;
  z-index: 1;
  background: var(--card-bg-lite-color);
  padding: 25px !important;
  width: 100%;
  box-shadow: 0 0 10px 5px #f1f1f1;
  border-radius: 10px;
  margin-bottom: 15px;
}
.mainContentWrapper {
  position: relative;
}
/* #moduleContainer {
  height: 100vh !important;
} */
.filterBtn {
  width: 40px;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  transition: all 0.3s ease;
}
.primaryGray-btn {
  background-color: var(--primary-gray-bg);
  color: var(--primary-black-text) !important;
}
.primaryGray-btn:hover {
  background-color: var(--primary-gray-bg-hover);
  color: var(--primary-black-text);
}
#examTable_length label {
  display: flex;
  align-items: center;
  gap: 10px;
}
#examTable_length .form-control {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.filterWrapper {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  display: none;
}
.filterWrapper.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
/* --Report Overview-- */
.reportOverview {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  border: solid 1px var(--card-border-color);
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 15px;
}

.reportOverviewBox {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 80%;
  justify-content: space-around;
}

.overViewImage {
  width: 270px;
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 30px;
}

.overViewImage #myChart {
  max-width: 200px !important;
  max-height: 200px !important;
}

.graphTypeBtn,
.graphDownloadBtn,
.smallIconBtn {
  width: 30px;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  transition: all 0.3s ease;
}

.graphTypeBtn.active {
  background-color: var(--primary-black-text) !important;
  color: #ffffff !important;
}

.reportOverview-item {
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 20px;
  border-radius: 5px;
  position: relative;
}

.reportOverview-item::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 80px;
  background-color: #f1f1f1;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

.reportOverview-itemTitle {
  font-size: 16px;
  font-weight: 400;
}

.reportTableBox {
  padding: 30px;
  box-shadow: 0 0 10px 2px #f1f1f1;
  border-radius: 10px;
}

.reportOverview-itemValue {
  font-size: 35px;
  font-weight: 700;
}
.dataTables_scrollHead {
  position: sticky !important;
  top: -6px;
  z-index: 1;
}
.mainTitleColor {
  color: var(--primary-title-text-color);
}
.subTitleColor {
  color: var(--primary-text-color);
}
.text-lite-color {
  color: var(--primary-text-lite-color);
}
.exportBtn {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 15px;
  line-height: 1;
  border: 0;
  align-items: center;
}
.checkBoxInner {
  display: inline-flex;
}
.bulkOptionBtnWrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
.select-all-operations-div.highlight.scrollActive {
  position: sticky;
  top: 0;
  z-index: 9;
}
button.addTableColBtn {
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tableBulkMoreOptionsWrapper {
  display: flex;
  width: 100%;
  gap: 20px;
  align-items: center;
}
.tableSectionTitle {
  width: 40%;
}
.tableSectionTitle {
  font-size: 1.8rem;
}
@media (max-width: 1510px) {
  .reportOverview-item {
    min-width: 130px;
  }
  .reportOverviewBox {
    gap: 10px;
  }
  .reportOverview {
    gap: 20px;
  }
}
@media (max-width: 1250px) {
  .header-title-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .headerOptionsWrapper {
    width: 100%;
    justify-content: flex-start;
  }
  .reportOverviewBox {
    justify-content: space-around;
    width: 80%;
  }
  .reportOverview-item {
    min-width: 200px;
  }
  .overViewImage {
    width: 30%;
  }
  .reportOverview {
    padding: 20px;
  }
}

@media (max-width: 1024px) {
  .reportOverview-item {
    min-width: 170px;
  }
  .select-all-operations-div {
    height: auto;
    gap: 20px;
    flex-wrap: wrap;
  }
  .tableBulkMoreOptionsWrapper {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .headerOptionsWrapper {
    flex-wrap: wrap !important;
  }
  .tableSearchWrapper {
    flex-basis: 100%;
  }
  .reportOverview-item {
    min-width: 140px;
  }
}
@media (max-width: 769px) {
  .overViewImage {
    width: 50%;
  }
  .reportOverview {
    flex-direction: column;
  }
  .reportOverview-item {
    text-align: center;
    box-shadow: 0 0 3px 2px #f1f1f1;
  }
  .reportOverview-item::before {
    display: none;
  }
  .reportOverviewBox {
    width: 100%;
  }
  .reportOverview-item {
    min-width: 31%;
  }
  .reportOverviewBox {
    gap: 20px 10px;
  }
}

@media (max-width: 575px) {
  .reportOverview-item {
    min-width: 46%;
  }
  .overViewImage {
    width: 100%;
  }
  .modal-content .modal-body {
    padding: 15px 16px 15px 16px;   
  }
}
/* Exam Report Table Custom Style */
.noDataBox {
  min-width: 150px;
  min-height: 150px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--primary-gray-bg);
  border-radius: 50%;
}
body.dark-theme table.dataTable thead .sorting span {
  opacity: 1;
  filter: invert(1);
}

/* Graph Type Btn */
.graphTypeBtnWrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  gap: 10px;
}
.graphTypeBtnWrapper svg {
  width: 20px;
  height: 20px;
}
.graphDownloadBtn {
  position: absolute;
  top: 0;
  right: 0;
}

.exploreBtnWrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.exploreSideBar {
  position: absolute;
  width: 500px;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #f1f1f1;
  padding: 20px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  margin-right: -50px;
  transition: all 0.3s ease;
  z-index: 9999;
  overflow-y: scroll;
}

.exploreSideBar.active {
  opacity: 1;
  visibility: visible;
  margin-right: 0;
}

.exploreSideBar.fullWidth {
  width: 100% !important;
}

.exploreGraphBox:not(:last-child) {
  margin-bottom: 40px;
}

.optionBtnWrapper {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.exploreGraphBox-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.exploreGraphBox-header .moreOption {
  display: flex;
  align-items: center;
  gap: 10px;
}

.exploreGraphBox-header h3 {
  margin: 0;
}

.graphOptionFilter input[type="checkbox"] {
  position: relative;
  right: unset;
  margin: 0 8px 0 0;
}

.tableSelectBox {
  position: relative;
}

.tableSelectBox > input[type="checkbox"] {
  position: absolute;
  right: unset;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.tableSelectBox:hover > input[type="checkbox"],
.tableSelectBox > input[type="checkbox"]:checked {
  visibility: visible !important;
  opacity: 1 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.rounded-0 {
  border-radius: 0px !important;
}

.capitalize-first {
  text-transform: lowercase;
}
.capitalize-first::first-letter {
  text-transform: uppercase;
}
.user-btn-border {
  border-top: 1px solid var(--card-border-color);
  padding-top: 20px;
}
.w-25 {
  width: 25% !important;
}
.modal-footer {
  border-top: 1px solid Var(--card-border-color);
}
.flex-direction-column {
  flex-direction: column !important;
}
.flex-direction-row {
  flex-direction: row !important;
}
.fw-normal {
  font-weight: normal;
}
.modal-header-padding {
  padding: 20px !important;
}
.modal-body-padding {
  padding: 24px 48px !important;
}
.modal-import-padding {
  padding: 24px 35px !important;
}
.heading-text-color {
  color: rgb(0 0 0 / 81%);
}
.modal-input-label-color {
  color: rgb(57, 63, 65, 1) !important;
  padding-bottom: 5px;
}
.generate-btn-styling {
  position: absolute;
  right: 0px;
  top: 16px;
}
.generate-btn-color {
  height: 40px;
  background-color: var(--card-border-color);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #000000b5 !important;
}
.modal-footer {
  border-top: 1px solid var(--card-border-color) !important;
  padding: 16px 12px !important;
}
.w-25 {
  width: 25%;
}
.w-50 {
  width: 50%;
}
.w-75 {
  width: 75%;
}
.w-100 {
  width: 100%;
}
.h-35 {
  height: 35px;
}
.h-42{
  height: 42px;
}
.h-48 {
  height: 48px;
}
.h-50 {
  height: 50px;
}

.fs-18 {
  font-size: 18px;
}
.fs-20 {
  font-size: 20px;
}
.resize-textarea {
  resize: auto !important;
  min-height: 50px;
  min-width: 100%;
}
.border {
  border: 1px solid var(--card-border-color);
}
.custom-file-uploader-import {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 0px !important;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(154, 154, 154, 0.12) !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.btn-sm-width {
  width: 93px !important;
}
.d-none {
  display: none;
}

.list-style-none {
  list-style: none;
}
.w-48 {
  width: 48px;
}
.border-0 {
  border: none !important;
}
.input-search-users {
  position: absolute;
  top: 8px;
  left: 2px;
}
.cursor-default {
  cursor: default;
}
.subheading-text-color {
  color: rgb(57, 63, 65, 1) !important;
}
.bordered-filter-btn {
  border: 1px solid var(--card-border-color) !important;
}
.row-margin-adjust {
  margin-left: -8px;
  margin-right: -8px;
}
.checkbox-filter-styling {
  width: 16px !important;
  height: 16px !important;
  position: relative !important;
  left: 0px !important;
  border: 1px solid #aab1b7 !important;
}
.filter-select option {
  box-shadow: var(--box-shadow);
  border: none;
  padding: 10px;
}
.dropdown-status-text {
  min-width: 75px;
}

/* for toaster code start*/
.toaster {
  position: absolute;
  top: 65px;
  right: 30px;
  border-radius: 6px;
  background: #fff;
  padding: 20px 35px 20px 25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-left: 8px solid #ff0000c2;
  overflow: hidden;
  transform: translateX(calc(100% + 30px));
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.25, 1.35);
  z-index: 99999;
}
.toaster.active {
  transform: translateX(0);
}
.toaster-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.toaster-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: #fff;
}
.toaster-progress::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #ff0000c2;
}
.toaster-progress.active::before {
  animation: toaster-progress 5s linear forwards;
}
.table-selected-options {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-selected-options:hover {
  background-color: #e9ecef;
}
.table-border-adjustement {
  border-left: 1px solid grey;
  height: 25px;
  margin-top: 5px;
  margin-right: 8px;
}
.padding-label-input {
  padding-top: 5px;
}
.header-label-margin {
  margin-bottom: 5px;
}
.jbox-styling {
  padding: 40px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.textarea-resize-adjustement {
  min-height: 50px;
  min-width: 100%;
  max-width: 100%;
  max-height: 423px;
}
@keyframes toaster-progress {
  100% {
    right: 100%;
  }
}

/* for toaster code end*/

@media (max-width: 575px) {
  .exploreSideBar {
    width: 100%;
  } 
  .filter-mobile-width{
    width:528px;
  }
}
@media (min-width: 576px) {
  .d-sm-flex{
    display:flex;
  }
}

/* Button */
.dropdown-toggle:focus {
  border: 0;
  box-shadow: unset;
  outline: 0 !important;
}

/* New Course Creation */
.createFirstCourse {
  padding: 30px;
  border-radius: 10px;
  background-color: #00bd5b2b;
}
.teacherDashboardContent {
  border: solid 1px #222222 !important;
  border-radius: 10px !important;
}
.filterOptionWrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}
.visibilityBtn {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
/* .program-count {
  font-size: 14px;
} */
.filterTypeWrapper {
  gap: 15px;
}
.filterBtnInner {
  gap: 10px;
}
.courseFilterBtn {
  border: solid 1px #f1f1f1;
  border-radius: 4px;
}
.programBulk-option {
  position: absolute;
  background-color: #f8f9fa;
  padding: 10px;
  left: 50px;
  width: 100%;
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.programBulk-option.active {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.courseListingItem {
  display: flex;
  gap: 10px;
  padding: 10px;
  border: solid 1px #f1f1f1;
  border-radius: 10px;
}
.courseImg img {
  width: 150px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.courseActionBtn {
  display: flex;
  gap: 10px;
  margin-right: 20px;
  margin-left: auto;
  align-items: center;
}
.courseActionBtn i {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
}
.courseListingWrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Font Style */
.fw-bold {
  font-weight: 700;
}
.fw-medium {
  font-weight: 500;
}

/* gap style */

.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 8px !important;
}
.gap-2 {
  gap: 16px;
}
.gap-3 {
  gap: 24px;
}
.row-gap-1{
  row-gap:8px;
}
.row-gap-2{
  row-gap:16px;
}
.column-gap-filter{
  column-gap:1.8rem;
}

/* flex style */
.flex-wrap {
  flex-wrap: wrap !important;
}
/* Padding */
.p-0 {
  padding: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 8px !important;
}
.pt-2 {
  padding-top: 16px !important;
}
.pt-3 {
  padding-top: 24px !important;
}
.pb-1 {
  padding-bottom: 8px !important;
}
.pb-2 {
  padding-bottom: 16px !important;
}
.pb-3 {
  padding-bottom: 24px !important;
}
.pb-4 {
  padding-bottom: 32px !important;
}
.ps-0 {
  padding-left: 0px;
}
.pe-0 {
  padding-right: 0px;
}
.ps-1 {
  padding-left: 8px;
}
.ps-2 {
  padding-left: 16px;
}
.ps-3 {
  padding-left: 24px !important;
}
.ps-4 {
  padding-left: 30px !important;
}
.ps-1 {
  padding-left: 24px;
}
.ps-6 {
  padding-left: 48px;
}
.pe-1 {
  padding-right: 8px;
}
.pe-2 {
  padding-right: 16px !important;
}
.px-1 {
  padding-left: 8px;
  padding-right: 8px;
}
.px-2 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.px-3 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.py-1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pt-2 {
  padding-top: 16px;
}
.px-1 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Margin */
.mt-0 {
  margin-top: 0 !important;
}
.mt-1{
  margin-top: 8px;
}
.mt-2{
  margin-top: 16px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.ms-1 {
  margin-left: 8px;
}
.mb-2em {
  margin-bottom: 1.5em;
}
.m-0 {
  margin: 0px;
}
.me-1 {
  margin-right: 8px;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 8px;
}
.mb-2 {
  margin-bottom: 16px;
}
.mb-3 {
  margin-bottom: 24px;
}
.mb-4 {
  margin-bottom: 32px;
}

/* Flex Style */
.flex-column {
  flex-direction: column !important;
}
.align-items-start {
  align-items: start;
}

/* Table Style */
.rTableRow.tablerow {
  position: relative;
}

/* Common Style */
.commonSectionMainTitle {
  font-size: 20px;
}
.border-black{
  border:1px solid #00000075
}
.noresultFontsize{
  font-size: calc(var(--mo-font-base) + 1rem);
}

@media (min-width:567px){
  .pt-sm-2{
    padding-top: 16px !important;
  }
  .pb-sm-2{
    padding-bottom: 16px !important;
  }
  .mb-sm-3{
    margin-bottom:24px !important;
  }
}

.table-hover > tbody > tr:hover .tableSelectBox > input[type="checkbox"],
.tableSelectBox > input[type="checkbox"]:checked {
  visibility: visible !important;
  opacity: 1 !important;
}
.selectedCount {
  font-weight: 700;
}
.exploreOptionRight {
  display: flex;
  align-items: center;
  gap: 10px;
}
button#exploreBtn {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Button */
.dropdown-toggle:focus {
  border: 0;
  box-shadow: unset;
  outline: 0 !important;
}

/* New Course Creation */
.createFirstCourse {
  padding: 30px;
  border-radius: 10px;
  background-color: #00bd5b2b;
}
.teacherDashboardContent {
  border: solid 1px #222222 !important;
  border-radius: 10px !important;
}
.filterOptionWrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}
.visibilityBtn {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.filterTypeWrapper {
  gap: 15px;
}
.filterBtnInner {
  gap: 10px;
}
.courseFilterBtn {
  border: solid 1px #f1f1f1;
  border-radius: 4px;
}
.programBulk-option {
  position: absolute;
  background-color: #f8f9fa;
  padding: 10px;
  left: 50px;
  width: 100%;
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.programBulk-option.active {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.courseListingItem {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  border: solid 1px #f1f1f1;
  border-radius: 10px;
  position: relative;
  /* cursor: pointer; */
  transition: all 0.3s ease;
  overflow: hidden;
}
.courseListingItem:hover {
  box-shadow: 0 0 10px 2px #f3f3f3;
  border: solid 1px #c5c5c5;
}
.courseImg {
  flex-shrink: 0;
}
.courseImg img {
  width: 150px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.courseActionBtn {
  display: flex;
  gap: 10px;
  margin-right: 20px;
  margin-left: auto;
  align-items: center;
}
.courseActionBtn i {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
}
.courseActionBtn i:hover {
  background-color: var(--widget-bg-color);
}
.courseListingWrapper {
  display: flex;
  gap: 10px;
  transition: all 0.3s ease-in-out;
}
.courseListingWrapper.layoutList {
  flex-direction: column;
}
.courseListingWrapper.layoutColumn {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px 1.25%;
}
.courseListingWrapper.layoutColumn .courseListingItem {
  width: 19%;
  flex-direction: column;
}
.courseListingWrapper.layoutColumn .courseImg {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseDesc {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseDetailTable {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseActionBtn {
  margin-right: auto;
  margin-left: auto;
}
.courseListingWrapper.layoutColumn .courseImg img {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseTitle {
  min-height: 36px;
}
.courseListingWrapper.layoutColumn .courseStatusCol {
  position: absolute;
  top: 20px;
  left: -90px;
  transform: rotate(315deg);
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseActionBtn {
  width: 100%;
  justify-content: center;
  padding: 10px;
  background-color: #f1f1f1;
}
.courseListingWrapper.layoutColumn .courseStatusCol label {
  display: flex;
  width: 100%;
  padding: 10px;
  text-align: center;
  justify-content: center;
}
.courseTitle {
  font-weight: 500;
}
.courseTitle a {
  color: #000000;
}
.tableTitleCol {
  width: 80px;
}
.tableSeparaterCol {
  width: 20px;
}
.tableStatusCol {
  display: flex;
}
.tableStatusCol label {
  margin-bottom: 0;
}
.courseDetailTable {
  width: 300px;
}
.courseDesc {
  width: 60%;
}
.drager {
  position: absolute;
  display: flex;
  left: -40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1;
  background-color: #fff;
  height: 100%;
  border-radius: 10px;
  align-items: center;
}
.courseListingItem:hover .drager {
  visibility: visible;
  opacity: 1;
  left: 15px;
  top: 0;
}
.program-checkbox:checked + .courseListingItem {
  box-shadow: 0 0 10px 2px #f3f3f3;
  border: solid 1px #c5c5c5;
  background-color: #f1f1f1;
}
.courseListingWrapper input[type="checkbox"] {
  display: none;
}
.searchBoxWrapper {
  display: flex;
  min-width: 450px;
  background-color: var(--widget-bg-color);
  border-radius: 25px;
  position: relative;
  border: solid 1px var(--txt-color);
}
.searchBoxWrapper .form-control {
  border: 0 !important;
  padding: 10px 35px 10px 25px;
}

#search-btn {
  position: absolute;
  right: 0;
  border: 0;
  top: 50%;
  transform: translateY(-50%);
}
#search-btn:hover {
  outline: none;
}
.filterBarRightOptions {
  justify-content: end;
  gap: 20px;
  align-items: center;
}
.courseWrapperLayoutChoice {
  gap: 10px;
}
.courseDesignLayout {
  border: 0;
  border-radius: 4px;
  padding: 5px 15px;
  transition: all 0.3s ease;
}
.courseDesignLayout.active {
  background-color: var(--button-bg-color) !important;
  color: #ffffff !important;
}
.courseDesignLayout svg {
  width: 25px;
  height: 25px;
}
/* Font Style */
.fw-bold {
  font-weight: 700;
}
.fw-medium {
  font-weight: 500;
}

/* Padding */
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

/* Margin */
.mt-0 {
  margin-top: 0 !important;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-80 {
  margin-bottom: 80px !important;
}

/* Flex Style */
.flex-column {
  flex-direction: column !important;
}
.align-items-start {
  align-items: start;
}

/* Table Style */
.rTableRow.tablerow {
  position: relative;
}

/* Common Style */
.commonSectionMainTitle {
  font-size: 20px;
}

@media (max-width: 1440px) {
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 24%;
  }
}

@media (max-width: 1360px) {
  .searchBoxWrapper {
    min-width: 334px;
  }
}

@media (max-width: 1024px) {
  .mailbox-controls + .main-list-container {
    padding: 25px;
  }
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 32.5%;
  }
}

@media (max-width: 991px) {
  .mailbox-controls + .main-list-container {
    padding: 15px;
  }
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 49%;
  }
  .searchBoxWrapper {
    min-width: 100%;
  }
  .header-title-container {
    gap: 1em !important;
    flex-wrap: wrap !important;
    padding-top: 20px;
  }
  .filterOptionWrapper {
    gap: 10px;
    padding: 0;
  }
  .filterTypeWrapper {
    gap: 10px;
  }
  .filterTitle {
    flex-shrink: 0;
  }
}

@media (max-width: 575px) {
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 100%;
  }
  .filterBarRightOptions {
    padding-bottom: 10px;
  }
  .courseFilterBtn .btn {
    font-size: 12px;
  }
  .radio_new {
    font-size: 12px;
  }
  .table-responsive {
    padding: 0px !important;
    border: 0 !important;
  }
}

/* Button */
.dropdown-toggle:focus {
  border: 0;
  box-shadow: unset;
  outline: 0 !important;
}

/* New Course Creation */
.createFirstCourse {
  padding: 30px;
  border-radius: 10px;
  background-color: #00bd5b2b;
}
.teacherDashboardContent {
  border: solid 1px #222222 !important;
  border-radius: 10px !important;
}
.filterOptionWrapper {
  display: flex;
  align-items: center;
  gap: 25px;
}
.visibilityBtn {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
/* .program-count {
  font-size: 14px;
  margin: 0;
} */
.filterTypeWrapper {
  gap: 15px;
}
.filterBtnInner {
  gap: 10px;
}
.courseFilterBtn {
  border: solid 1px #f1f1f1;
  border-radius: 4px;
}
.programBulk-option {
  position: absolute;
  background-color: #f8f9fa;
  padding: 10px;
  left: 50px;
  width: 100%;
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.programBulk-option.active {
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}
.courseListingItem {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 12px;
  border: solid 1px #f1f1f1;
  border-radius: 10px;
  position: relative;
  /* cursor: pointer; */
  transition: all 0.3s ease;
  overflow: hidden;
}
.courseListingItem:hover {
  box-shadow: 0 0 10px 2px #f3f3f3;
  border: solid 1px #c5c5c5;
}
.courseImg {
  flex-shrink: 0;
}
.courseImg img {
  width: 150px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.courseActionBtn {
  display: flex;
  gap: 10px;
  margin-right: 20px;
  margin-left: auto;
  align-items: center;
}
.courseActionBtn i {
  width: 45px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #dfdfdf;
  border-radius: 4px;
}
.courseActionBtn i:hover {
  background-color: var(--widget-bg-color);
}
.courseListingWrapper {
  display: flex;
  gap: 10px;
  transition: all 0.3s ease-in-out;
}
.courseListingWrapper.layoutList {
  flex-direction: column;
}
.courseListingWrapper.layoutColumn {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px 1.25%;
}
.courseListingWrapper.layoutColumn .courseListingItem {
  width: 19%;
  flex-direction: column;
}
.courseListingWrapper.layoutColumn .courseImg {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseDesc {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseDetailTable {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseActionBtn {
  margin-right: auto;
  margin-left: auto;
}
.courseListingWrapper.layoutColumn .courseImg img {
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseTitle {
  min-height: 36px;
}
.courseListingWrapper.layoutColumn .courseStatusCol {
  position: absolute;
  top: 20px;
  left: -90px;
  transform: rotate(315deg);
  width: 100%;
}
.courseListingWrapper.layoutColumn .courseActionBtn {
  width: 100%;
  justify-content: center;
  padding: 10px;
  background-color: #f1f1f1;
}
.courseListingWrapper.layoutColumn .courseStatusCol label {
  display: flex;
  width: 100%;
  padding: 10px;
  text-align: center;
  justify-content: center;
}
.courseTitle {
  font-weight: 500;
}
.courseTitle a {
  color: #000000;
}
.tableTitleCol {
  width: 80px;
}
.tableSeparaterCol {
  width: 20px;
}
.tableStatusCol {
  display: flex;
}
.tableStatusCol label {
  margin-bottom: 0;
}
.courseDetailTable {
  width: 300px;
}
.courseDesc {
  width: 60%;
}
.drager {
  position: absolute;
  display: flex;
  left: -40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
  background-color: #fff;
  height: 100%;
  border-radius: 10px;
  align-items: center;
}
.courseListingItem:hover .drager {
  visibility: visible;
  opacity: 1;
  left: 15px;
  top: 0;
}
.program-checkbox:checked + .courseListingItem {
  box-shadow: 0 0 10px 2px #f3f3f3;
  border: solid 1px #c5c5c5;
  background-color: #f1f1f1;
}
.courseListingWrapper input[type="checkbox"] {
  display: none;
}
.searchBoxWrapper {
  display: flex;
  min-width: 450px;
  background-color: var(--widget-bg-color);
  border-radius: 25px;
  position: relative;
  border: solid 1px var(--txt-color);
}
.searchBoxWrapper .form-control {
  border: 0 !important;
  padding: 10px 35px 10px 25px;
}

#search-btn {
  position: absolute;
  right: 0;
  border: 0;
  top: 50%;
  transform: translateY(-50%);
}
#search-btn:hover {
  outline: none;
}
.filterBarRightOptions {
  justify-content: end;
  gap: 20px;
  align-items: center;
}
.courseWrapperLayoutChoice {
  gap: 10px;
}
.courseDesignLayout {
  border: 0;
  border-radius: 4px;
  padding: 5px 15px;
  transition: all 0.3s ease;
}
.courseDesignLayout.active {
  background-color: var(--button-bg-color) !important;
  color: #ffffff !important;
}
.courseDesignLayout svg {
  width: 25px;
  height: 25px;
}
/* Font Style */
.fw-bold {
  font-weight: 700;
}
.fw-medium {
  font-weight: 500;
}

/* Padding */
.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

/* Margin */
.mt-0 {
  margin-top: 0 !important;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-80 {
  margin-bottom: 80px !important;
}

/* Flex Style */
.flex-column {
  flex-direction: column !important;
}
.align-items-start {
  align-items: start;
}

/* Table Style */
.rTableRow.tablerow {
  position: relative;
}

/* Common Style */
.commonSectionMainTitle {
  font-size: 20px;
}
.hide-scrollbar::-webkit-scrollbar{
  display: none;
}
.backBtn{
  min-width: 43px;
  min-height: 32px;
  max-height: 32px;
  position: relative;
  background-color: var(---gray-smallDark);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.commonfilterwrapper{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px .7%;
  padding: 1em;
}
.commonfilteritem{
  width: 19.43%;
}
.commonfiltermore.filterMore{
  padding: 5.5px 8px !important;
  border-radius: 5px;
  border: 1px solid var(--card-border-color);  
}
.commonfiltermore .offcanvasRightfilterMore{
  color: var(--mo-gray-600);
}
.commonfiltermore.filterMore:hover{
  background-color: var(--mo-gray-100);
}
.mobile-app .commonfilteritem{
  min-width: 150px;
}
table.dataTable thead .sorting_asc{
  background-color: var(--mo-white);
}

/* custom offcanvas code start */
.common-offcanvas {
  position: fixed;
  top: 0;
  right: -42%;
  border-top-left-radius: 30px;
  width: 40%;
  height: 100%;
  z-index: 99999;
  background-color: var(--mo-white);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}
.common-offcanvas.open {
  transform: translateX(-105%);
}
.common-offcanvas-header {
  padding: 16px 16px 16px 30px;
  display: flex;
  border-bottom: 1px solid var(---gray-medium-dark);
  justify-content: space-between;
  align-items: center;
}
.common-offcanvas-title{
  margin: 5px 0px;
  font-weight: 600;
}
.common-offcanvas .common-offcanvas-header .common-offcanvas-close{
  position: absolute;
  left: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transform: rotate(180deg);
  border-radius: 50%;
  padding: 0 !important;  
  background-color: var(--mo-white);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="20px" height="20px" fill="%23292f34"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
}

.common-offcanvas-body {
  padding: 25px 25px 25px 32px;
}
.common-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999; 
}
.common-backdrop.show {
  /* opacity: 1; */
  pointer-events: auto;
}
.commonSelectedColumnCountWrapper{
  font-size: 14px;
  color: var(--mo-black);
  font-weight: 500;
}
.CommonColumnCheckboxContainer{
  min-height: calc(100vh - 300px);
  overflow-y: auto;
  max-height: calc(100vh - 300px);
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: var(---gray-medium);
}
.common-choose-column-label{
  font-size: 16px;
  font-weight: 600;
}
.common-column-checkbox-wrapper .disabled{
  opacity: 0.7;
}
html[dir="rtl"] .common-offcanvas{
  left: -42%;
  right: unset;
}
html[dir="rtl"] .common-offcanvas.open{
  transform: translateX(105%);
  border-top-left-radius: 0px;
  border-top-right-radius: 30px;
}
html[dir="rtl"] .common-offcanvas-header{
  padding: 16px 30px 16px 16px;
}
html[dir="rtl"] .common-offcanvas .common-offcanvas-header .common-offcanvas-close{
  left: unset;
  right: -20px;
  transform: rotate(0deg);
}
/* custom offcanvas code end */

/* common checkbox styling start rtl*/
html[dir="rtl"] .checkbox .checkbox-material .check:before, html[dir="rtl"] label.checkbox-inline .checkbox-material .check:before {
  margin-top: -5px;
  margin-right: 8px;
}
html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] {   
  left: 9000px;
  right: unset;
}
/* common checkbox styling end rtl*/

@media (max-width: 1440px) {
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 24%;
  }
  .commonfilterwrapper {
    gap: 10px 1%;
  }
  .commonfilteritem{
    width: 32.66%;
  }
}

@media (max-width: 1360px) {
  .searchBoxWrapper {
    min-width: 334px;
  }
}
@media (max-width: 1200px) {
  .commonfilterwrapper {
    gap: 10px 2%;
  }
  .commonfilteritem{
    width: 32%;
  }
  .common-offcanvas {  
    right: -52%;
    width: 50%;
  }
  .common-offcanvas.open {
    transform: translateX(-104%);
  }
  html[dir="rtl"] .common-offcanvas{
    left: -52%;
  }
  html[dir="rtl"] .common-offcanvas.open {
    transform: translateX(104%);
  }
}

@media (max-width: 1024px) {
  .mailbox-controls + .main-list-container {
    padding: 25px;
  }
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 32.5%;
  }
}

@media (max-width: 991px) {
  .mailbox-controls + .main-list-container {
    padding: 15px;
  }
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 49%;
  }
  .searchBoxWrapper {
    min-width: 100%;
  }
  .header-title-container {
    gap: 1em !important;
    flex-wrap: wrap !important;
    padding-top: 20px;
  }
  .filterOptionWrapper {
    gap: 10px;
    padding: 0;
  }
  .filterTypeWrapper {
    gap: 10px;
  }
  .filterTitle {
    flex-shrink: 0;
  }
  .common-offcanvas {  
    right: -82%;
    width: 80%;
  }
  .common-offcanvas.open {
    transform: translateX(-102%);
  }
  html[dir="rtl"] .common-offcanvas{
    left: -82%;
  }
  html[dir="rtl"] .common-offcanvas.open {
    transform: translateX(102%);
  }
}

@media (max-width: 767px) {
  .commonfilterwrapper {
    gap: 10px 2%;
  }
  .commonfilteritem{
    width: 49%;
  }
}


@media (max-width: 576px) {
  .courseListingWrapper.layoutColumn .courseListingItem {
    width: 100%;
  }
  .filterBarRightOptions {
    padding-bottom: 10px;
  }
  .courseFilterBtn .btn {
    font-size: 12px;
  }
  .radio_new {
    font-size: 12px;
  }
  .table-responsive {
    padding: 0px !important;
    border: 0 !important;
  }
  .commonfilterwrapper{
    padding: 1rem;
  }
  .common-offcanvas {  
    right: -102%;
    width: 100%;
  }
  .common-offcanvas-title {
    margin: 0px 0px;
  }
  .common-offcanvas-header {
    padding: 8px 8px 8px 16px;
  }
  .common-offcanvas.open {
    transform: translateX(-102%);
  }
  .common-offcanvas-body {
    padding: 16px;
  }
  .common-offcanvas .common-offcanvas-header .common-offcanvas-close{
    position: relative;
    box-shadow: none;
    left: unset;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23292f34"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>');
  }
  html[dir="rtl"] .common-offcanvas{
    left: -102%;
  }
  html[dir="rtl"] .common-offcanvas.open {
    transform: translateX(102%);
  }
  html[dir="rtl"] .common-offcanvas .common-offcanvas-header .common-offcanvas-close {
    right: 0px;
  }
  html[dir="rtl"] .common-offcanvas-header {
    padding: 16px 16px 16px 16px;
  }
}

.text-underline {
  text-decoration: underline;
}

.cf-form-row {
  display: flex;
  flex-wrap: wrap;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width:767px) {
   .cropme-slider,.cropme-rotation-slider{
    display: none !important;
  }
}